@memberjunction/ng-core-entity-forms 1.1.2 → 1.2.0

package/dist/lib/generated/Entities/EntityAIAction/entityaiaction.form.component.js

@@ -17,18 +17,20 @@ import * as i5 from "@memberjunction/ng-container-directives";
 function EntityAIActionFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "form", 2, 3);
-    i0.ɵɵelement(2, "div", 4, 5);
-    i0.ɵɵelementStart(4, "mj-tabstrip", 6);
-    i0.ɵɵlistener("TabSelected", function EntityAIActionFormComponent_form_1_Template_mj_tabstrip_TabSelected_4_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onTabSelect($event.index)); });
-    i0.ɵɵelementStart(5, "mj-tab", 7);
-    i0.ɵɵtext(6, " Details ");
+    i0.ɵɵelement(2, "mj-form-toolbar", 4)(3, "div", 5, 6);
+    i0.ɵɵelementStart(5, "mj-tabstrip", 7);
+    i0.ɵɵlistener("TabSelected", function EntityAIActionFormComponent_form_1_Template_mj_tabstrip_TabSelected_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onTabSelect($event.index)); });
+    i0.ɵɵelementStart(6, "mj-tab", 8);
+    i0.ɵɵtext(7, " Details ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "mj-tab-body");
-    i0.ɵɵelement(8, "mj-form-section", 8);
+    i0.ɵɵelementStart(8, "mj-tab-body");
+    i0.ɵɵelement(9, "mj-form-section", 9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("form", ctx_r0);
+    i0.ɵɵadvance(4);
     i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
@@ -36,22 +38,22 @@ function EntityAIActionFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
 let EntityAIActionFormComponent = class EntityAIActionFormComponent extends BaseFormComponent {
 };
 EntityAIActionFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵEntityAIActionFormComponent_BaseFactory; return function EntityAIActionFormComponent_Factory(t) { return (ɵEntityAIActionFormComponent_BaseFactory || (ɵEntityAIActionFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EntityAIActionFormComponent)))(t || EntityAIActionFormComponent); }; })();
-EntityAIActionFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityAIActionFormComponent, selectors: [["gen-entityaiaction-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], ["form", "ngForm"], [1, "record-form-group"], ["topArea", ""], ["mjFillContainer", "", 3, "TabSelected"], [3, "TabSelected"], ["Entity", "Entity AI Actions", "Section", "details", 3, "record", "EditMode"]], template: function EntityAIActionFormComponent_Template(rf, ctx) { if (rf & 1) {
+EntityAIActionFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityAIActionFormComponent, selectors: [["gen-entityaiaction-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], ["form", "ngForm"], [3, "form"], [1, "record-form-group"], ["topArea", ""], ["mjFillContainer", "", 3, "TabSelected"], [3, "TabSelected"], ["Entity", "Entity AI Actions", "Section", "details", 3, "record", "EditMode"]], template: function EntityAIActionFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, EntityAIActionFormComponent_form_1_Template, 9, 3, "form", 1);
+        i0.ɵɵtemplate(1, EntityAIActionFormComponent_form_1_Template, 10, 4, "form", 1);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
         i0.ɵɵadvance();
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.SectionLoaderComponent, i4.MJTabStripComponent, i4.MJTabBodyComponent, i4.MJTabComponent, i5.FillContainer], 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.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.SectionLoaderComponent, i3.FormToolbarComponent, i4.MJTabStripComponent, i4.MJTabBodyComponent, i4.MJTabComponent, i5.FillContainer], 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}"] });
 EntityAIActionFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Entity AI Actions') // Tell MemberJunction about this class
 ], EntityAIActionFormComponent);
 export { EntityAIActionFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityAIActionFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-entityaiaction-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\n                <div #topArea class=\"record-form-group\">\n                    \n                </div>\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section Entity=\"Entity AI Actions\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                    \n                </mj-tabstrip>\n    </form>\n</div>\n        ", 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"] }]
+        args: [{ selector: 'gen-entityaiaction-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n                <div #topArea class=\"record-form-group\">\n                    \n                </div>\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section Entity=\"Entity AI Actions\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                    \n                </mj-tabstrip>\n    </form>\n</div>\n        ", 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"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityAIActionFormComponent, { className: "EntityAIActionFormComponent", filePath: "src/lib/generated/Entities/EntityAIAction/entityaiaction.form.component.ts", lineNumber: 12 }); })();
 export function LoadEntityAIActionFormComponent() {

package/dist/lib/generated/Entities/EntityDocument/entitydocument.form.component.js

@@ -18,24 +18,26 @@ import * as i6 from "@memberjunction/ng-container-directives";
 function EntityDocumentFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "form", 2, 3);
-    i0.ɵɵelement(2, "div", 4, 5);
-    i0.ɵɵelementStart(4, "mj-tabstrip", 6);
-    i0.ɵɵlistener("TabSelected", function EntityDocumentFormComponent_form_1_Template_mj_tabstrip_TabSelected_4_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onTabSelect($event.index)); });
-    i0.ɵɵelementStart(5, "mj-tab", 7);
-    i0.ɵɵtext(6, " Details ");
+    i0.ɵɵelement(2, "mj-form-toolbar", 4)(3, "div", 5, 6);
+    i0.ɵɵelementStart(5, "mj-tabstrip", 7);
+    i0.ɵɵlistener("TabSelected", function EntityDocumentFormComponent_form_1_Template_mj_tabstrip_TabSelected_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onTabSelect($event.index)); });
+    i0.ɵɵelementStart(6, "mj-tab", 8);
+    i0.ɵɵtext(7, " Details ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "mj-tab-body");
-    i0.ɵɵelement(8, "mj-form-section", 8);
+    i0.ɵɵelementStart(8, "mj-tab-body");
+    i0.ɵɵelement(9, "mj-form-section", 9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "mj-tab", 7);
-    i0.ɵɵtext(10, " Entity Document Runs ");
+    i0.ɵɵelementStart(10, "mj-tab", 8);
+    i0.ɵɵtext(11, " Entity Document Runs ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "mj-tab-body");
-    i0.ɵɵelement(12, "mj-user-view-grid", 9);
+    i0.ɵɵelementStart(12, "mj-tab-body");
+    i0.ɵɵelement(13, "mj-user-view-grid", 10);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("form", ctx_r0);
+    i0.ɵɵadvance(4);
     i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
@@ -47,22 +49,22 @@ function EntityDocumentFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
 let EntityDocumentFormComponent = class EntityDocumentFormComponent extends BaseFormComponent {
 };
 EntityDocumentFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵEntityDocumentFormComponent_BaseFactory; return function EntityDocumentFormComponent_Factory(t) { return (ɵEntityDocumentFormComponent_BaseFactory || (ɵEntityDocumentFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EntityDocumentFormComponent)))(t || EntityDocumentFormComponent); }; })();
-EntityDocumentFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityDocumentFormComponent, selectors: [["gen-entitydocument-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], ["form", "ngForm"], [1, "record-form-group"], ["topArea", ""], ["mjFillContainer", "", 3, "TabSelected"], [3, "TabSelected"], ["Entity", "Entity Documents", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function EntityDocumentFormComponent_Template(rf, ctx) { if (rf & 1) {
+EntityDocumentFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityDocumentFormComponent, selectors: [["gen-entitydocument-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], ["form", "ngForm"], [3, "form"], [1, "record-form-group"], ["topArea", ""], ["mjFillContainer", "", 3, "TabSelected"], [3, "TabSelected"], ["Entity", "Entity Documents", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function EntityDocumentFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, EntityDocumentFormComponent_form_1_Template, 13, 8, "form", 1);
+        i0.ɵɵtemplate(1, EntityDocumentFormComponent_form_1_Template, 14, 9, "form", 1);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
         i0.ɵɵadvance();
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.UserViewGridComponent, i4.SectionLoaderComponent, i5.MJTabStripComponent, i5.MJTabBodyComponent, i5.MJTabComponent, i6.FillContainer], 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.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.UserViewGridComponent, i4.SectionLoaderComponent, i4.FormToolbarComponent, i5.MJTabStripComponent, i5.MJTabBodyComponent, i5.MJTabComponent, i6.FillContainer], 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}"] });
 EntityDocumentFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Entity Documents') // Tell MemberJunction about this class
 ], EntityDocumentFormComponent);
 export { EntityDocumentFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityDocumentFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-entitydocument-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\n                <div #topArea class=\"record-form-group\">\n                    \n                </div>\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section Entity=\"Entity Documents\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                     \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Entity Document Runs')\">\n                        Entity Document Runs\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Entity Document Runs')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Entity Document Runs')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n                </mj-tabstrip>\n    </form>\n</div>\n        ", 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"] }]
+        args: [{ selector: 'gen-entitydocument-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n                <div #topArea class=\"record-form-group\">\n                    \n                </div>\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section Entity=\"Entity Documents\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                     \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Entity Document Runs')\">\n                        Entity Document Runs\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Entity Document Runs')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Entity Document Runs')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n                </mj-tabstrip>\n    </form>\n</div>\n        ", 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"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityDocumentFormComponent, { className: "EntityDocumentFormComponent", filePath: "src/lib/generated/Entities/EntityDocument/entitydocument.form.component.ts", lineNumber: 12 }); })();
 export function LoadEntityDocumentFormComponent() {

package/dist/lib/generated/Entities/EntityDocumentRun/entitydocumentrun.form.component.js

@@ -17,18 +17,20 @@ import * as i5 from "@memberjunction/ng-container-directives";
 function EntityDocumentRunFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "form", 2, 3);
-    i0.ɵɵelement(2, "div", 4, 5);
-    i0.ɵɵelementStart(4, "mj-tabstrip", 6);
-    i0.ɵɵlistener("TabSelected", function EntityDocumentRunFormComponent_form_1_Template_mj_tabstrip_TabSelected_4_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onTabSelect($event.index)); });
-    i0.ɵɵelementStart(5, "mj-tab", 7);
-    i0.ɵɵtext(6, " Details ");
+    i0.ɵɵelement(2, "mj-form-toolbar", 4)(3, "div", 5, 6);
+    i0.ɵɵelementStart(5, "mj-tabstrip", 7);
+    i0.ɵɵlistener("TabSelected", function EntityDocumentRunFormComponent_form_1_Template_mj_tabstrip_TabSelected_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onTabSelect($event.index)); });
+    i0.ɵɵelementStart(6, "mj-tab", 8);
+    i0.ɵɵtext(7, " Details ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "mj-tab-body");
-    i0.ɵɵelement(8, "mj-form-section", 8);
+    i0.ɵɵelementStart(8, "mj-tab-body");
+    i0.ɵɵelement(9, "mj-form-section", 9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("form", ctx_r0);
+    i0.ɵɵadvance(4);
     i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
@@ -36,22 +38,22 @@ function EntityDocumentRunFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
 let EntityDocumentRunFormComponent = class EntityDocumentRunFormComponent extends BaseFormComponent {
 };
 EntityDocumentRunFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵEntityDocumentRunFormComponent_BaseFactory; return function EntityDocumentRunFormComponent_Factory(t) { return (ɵEntityDocumentRunFormComponent_BaseFactory || (ɵEntityDocumentRunFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EntityDocumentRunFormComponent)))(t || EntityDocumentRunFormComponent); }; })();
-EntityDocumentRunFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityDocumentRunFormComponent, selectors: [["gen-entitydocumentrun-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], ["form", "ngForm"], [1, "record-form-group"], ["topArea", ""], ["mjFillContainer", "", 3, "TabSelected"], [3, "TabSelected"], ["Entity", "Entity Document Runs", "Section", "details", 3, "record", "EditMode"]], template: function EntityDocumentRunFormComponent_Template(rf, ctx) { if (rf & 1) {
+EntityDocumentRunFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityDocumentRunFormComponent, selectors: [["gen-entitydocumentrun-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], ["form", "ngForm"], [3, "form"], [1, "record-form-group"], ["topArea", ""], ["mjFillContainer", "", 3, "TabSelected"], [3, "TabSelected"], ["Entity", "Entity Document Runs", "Section", "details", 3, "record", "EditMode"]], template: function EntityDocumentRunFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, EntityDocumentRunFormComponent_form_1_Template, 9, 3, "form", 1);
+        i0.ɵɵtemplate(1, EntityDocumentRunFormComponent_form_1_Template, 10, 4, "form", 1);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
         i0.ɵɵadvance();
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.SectionLoaderComponent, i4.MJTabStripComponent, i4.MJTabBodyComponent, i4.MJTabComponent, i5.FillContainer], 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.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.SectionLoaderComponent, i3.FormToolbarComponent, i4.MJTabStripComponent, i4.MJTabBodyComponent, i4.MJTabComponent, i5.FillContainer], 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}"] });
 EntityDocumentRunFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Entity Document Runs') // Tell MemberJunction about this class
 ], EntityDocumentRunFormComponent);
 export { EntityDocumentRunFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityDocumentRunFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-entitydocumentrun-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\n                <div #topArea class=\"record-form-group\">\n                    \n                </div>\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section Entity=\"Entity Document Runs\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                    \n                </mj-tabstrip>\n    </form>\n</div>\n        ", 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"] }]
+        args: [{ selector: 'gen-entitydocumentrun-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n                <div #topArea class=\"record-form-group\">\n                    \n                </div>\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section Entity=\"Entity Document Runs\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                    \n                </mj-tabstrip>\n    </form>\n</div>\n        ", 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"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityDocumentRunFormComponent, { className: "EntityDocumentRunFormComponent", filePath: "src/lib/generated/Entities/EntityDocumentRun/entitydocumentrun.form.component.ts", lineNumber: 12 }); })();
 export function LoadEntityDocumentRunFormComponent() {

package/dist/lib/generated/Entities/EntityDocumentType/entitydocumenttype.form.component.js

@@ -18,24 +18,26 @@ import * as i6 from "@memberjunction/ng-container-directives";
 function EntityDocumentTypeFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "form", 2, 3);
-    i0.ɵɵelement(2, "div", 4, 5);
-    i0.ɵɵelementStart(4, "mj-tabstrip", 6);
-    i0.ɵɵlistener("TabSelected", function EntityDocumentTypeFormComponent_form_1_Template_mj_tabstrip_TabSelected_4_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onTabSelect($event.index)); });
-    i0.ɵɵelementStart(5, "mj-tab", 7);
-    i0.ɵɵtext(6, " Details ");
+    i0.ɵɵelement(2, "mj-form-toolbar", 4)(3, "div", 5, 6);
+    i0.ɵɵelementStart(5, "mj-tabstrip", 7);
+    i0.ɵɵlistener("TabSelected", function EntityDocumentTypeFormComponent_form_1_Template_mj_tabstrip_TabSelected_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onTabSelect($event.index)); });
+    i0.ɵɵelementStart(6, "mj-tab", 8);
+    i0.ɵɵtext(7, " Details ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "mj-tab-body");
-    i0.ɵɵelement(8, "mj-form-section", 8);
+    i0.ɵɵelementStart(8, "mj-tab-body");
+    i0.ɵɵelement(9, "mj-form-section", 9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "mj-tab", 7);
-    i0.ɵɵtext(10, " Entity Documents ");
+    i0.ɵɵelementStart(10, "mj-tab", 8);
+    i0.ɵɵtext(11, " Entity Documents ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "mj-tab-body");
-    i0.ɵɵelement(12, "mj-user-view-grid", 9);
+    i0.ɵɵelementStart(12, "mj-tab-body");
+    i0.ɵɵelement(13, "mj-user-view-grid", 10);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("form", ctx_r0);
+    i0.ɵɵadvance(4);
     i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
@@ -47,22 +49,22 @@ function EntityDocumentTypeFormComponent_form_1_Template(rf, ctx) { if (rf & 1)
 let EntityDocumentTypeFormComponent = class EntityDocumentTypeFormComponent extends BaseFormComponent {
 };
 EntityDocumentTypeFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵEntityDocumentTypeFormComponent_BaseFactory; return function EntityDocumentTypeFormComponent_Factory(t) { return (ɵEntityDocumentTypeFormComponent_BaseFactory || (ɵEntityDocumentTypeFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EntityDocumentTypeFormComponent)))(t || EntityDocumentTypeFormComponent); }; })();
-EntityDocumentTypeFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityDocumentTypeFormComponent, selectors: [["gen-entitydocumenttype-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], ["form", "ngForm"], [1, "record-form-group"], ["topArea", ""], ["mjFillContainer", "", 3, "TabSelected"], [3, "TabSelected"], ["Entity", "Entity Document Types", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function EntityDocumentTypeFormComponent_Template(rf, ctx) { if (rf & 1) {
+EntityDocumentTypeFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityDocumentTypeFormComponent, selectors: [["gen-entitydocumenttype-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], ["form", "ngForm"], [3, "form"], [1, "record-form-group"], ["topArea", ""], ["mjFillContainer", "", 3, "TabSelected"], [3, "TabSelected"], ["Entity", "Entity Document Types", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function EntityDocumentTypeFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, EntityDocumentTypeFormComponent_form_1_Template, 13, 8, "form", 1);
+        i0.ɵɵtemplate(1, EntityDocumentTypeFormComponent_form_1_Template, 14, 9, "form", 1);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
         i0.ɵɵadvance();
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.UserViewGridComponent, i4.SectionLoaderComponent, i5.MJTabStripComponent, i5.MJTabBodyComponent, i5.MJTabComponent, i6.FillContainer], 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.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.UserViewGridComponent, i4.SectionLoaderComponent, i4.FormToolbarComponent, i5.MJTabStripComponent, i5.MJTabBodyComponent, i5.MJTabComponent, i6.FillContainer], 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}"] });
 EntityDocumentTypeFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Entity Document Types') // Tell MemberJunction about this class
 ], EntityDocumentTypeFormComponent);
 export { EntityDocumentTypeFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityDocumentTypeFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-entitydocumenttype-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\n                <div #topArea class=\"record-form-group\">\n                    \n                </div>\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section Entity=\"Entity Document Types\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                     \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Entity Documents')\">\n                        Entity Documents\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Entity Documents')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Entity Documents')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n                </mj-tabstrip>\n    </form>\n</div>\n        ", 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"] }]
+        args: [{ selector: 'gen-entitydocumenttype-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n                <div #topArea class=\"record-form-group\">\n                    \n                </div>\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section Entity=\"Entity Document Types\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                     \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Entity Documents')\">\n                        Entity Documents\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Entity Documents')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Entity Documents')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n                </mj-tabstrip>\n    </form>\n</div>\n        ", 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"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityDocumentTypeFormComponent, { className: "EntityDocumentTypeFormComponent", filePath: "src/lib/generated/Entities/EntityDocumentType/entitydocumenttype.form.component.ts", lineNumber: 12 }); })();
 export function LoadEntityDocumentTypeFormComponent() {

package/dist/lib/generated/Entities/EntityField/entityfield.form.component.js

@@ -18,24 +18,26 @@ import * as i6 from "@memberjunction/ng-container-directives";
 function EntityFieldFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "form", 2, 3);
-    i0.ɵɵelement(2, "div", 4, 5);
-    i0.ɵɵelementStart(4, "mj-tabstrip", 6);
-    i0.ɵɵlistener("TabSelected", function EntityFieldFormComponent_form_1_Template_mj_tabstrip_TabSelected_4_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onTabSelect($event.index)); });
-    i0.ɵɵelementStart(5, "mj-tab", 7);
-    i0.ɵɵtext(6, " Details ");
+    i0.ɵɵelement(2, "mj-form-toolbar", 4)(3, "div", 5, 6);
+    i0.ɵɵelementStart(5, "mj-tabstrip", 7);
+    i0.ɵɵlistener("TabSelected", function EntityFieldFormComponent_form_1_Template_mj_tabstrip_TabSelected_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onTabSelect($event.index)); });
+    i0.ɵɵelementStart(6, "mj-tab", 8);
+    i0.ɵɵtext(7, " Details ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "mj-tab-body");
-    i0.ɵɵelement(8, "mj-form-section", 8);
+    i0.ɵɵelementStart(8, "mj-tab-body");
+    i0.ɵɵelement(9, "mj-form-section", 9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "mj-tab", 7);
-    i0.ɵɵtext(10, " Entity Field Values ");
+    i0.ɵɵelementStart(10, "mj-tab", 8);
+    i0.ɵɵtext(11, " Entity Field Values ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "mj-tab-body");
-    i0.ɵɵelement(12, "mj-user-view-grid", 9);
+    i0.ɵɵelementStart(12, "mj-tab-body");
+    i0.ɵɵelement(13, "mj-user-view-grid", 10);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("form", ctx_r0);
+    i0.ɵɵadvance(4);
     i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
@@ -47,22 +49,22 @@ function EntityFieldFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
 let EntityFieldFormComponent = class EntityFieldFormComponent extends BaseFormComponent {
 };
 EntityFieldFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵEntityFieldFormComponent_BaseFactory; return function EntityFieldFormComponent_Factory(t) { return (ɵEntityFieldFormComponent_BaseFactory || (ɵEntityFieldFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EntityFieldFormComponent)))(t || EntityFieldFormComponent); }; })();
-EntityFieldFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityFieldFormComponent, selectors: [["gen-entityfield-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], ["form", "ngForm"], [1, "record-form-group"], ["topArea", ""], ["mjFillContainer", "", 3, "TabSelected"], [3, "TabSelected"], ["Entity", "Entity Fields", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function EntityFieldFormComponent_Template(rf, ctx) { if (rf & 1) {
+EntityFieldFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityFieldFormComponent, selectors: [["gen-entityfield-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], ["form", "ngForm"], [3, "form"], [1, "record-form-group"], ["topArea", ""], ["mjFillContainer", "", 3, "TabSelected"], [3, "TabSelected"], ["Entity", "Entity Fields", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function EntityFieldFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, EntityFieldFormComponent_form_1_Template, 13, 8, "form", 1);
+        i0.ɵɵtemplate(1, EntityFieldFormComponent_form_1_Template, 14, 9, "form", 1);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
         i0.ɵɵadvance();
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.UserViewGridComponent, i4.SectionLoaderComponent, i5.MJTabStripComponent, i5.MJTabBodyComponent, i5.MJTabComponent, i6.FillContainer], 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.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.UserViewGridComponent, i4.SectionLoaderComponent, i4.FormToolbarComponent, i5.MJTabStripComponent, i5.MJTabBodyComponent, i5.MJTabComponent, i6.FillContainer], 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}"] });
 EntityFieldFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Entity Fields') // Tell MemberJunction about this class
 ], EntityFieldFormComponent);
 export { EntityFieldFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityFieldFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-entityfield-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\n                <div #topArea class=\"record-form-group\">\n                    \n                </div>\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section Entity=\"Entity Fields\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                     \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Entity Field Values')\">\n                        Entity Field Values\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Entity Field Values')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Entity Field Values')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n                </mj-tabstrip>\n    </form>\n</div>\n        ", 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"] }]
+        args: [{ selector: 'gen-entityfield-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n                <div #topArea class=\"record-form-group\">\n                    \n                </div>\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section Entity=\"Entity Fields\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                     \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Entity Field Values')\">\n                        Entity Field Values\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Entity Field Values')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Entity Field Values')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n                </mj-tabstrip>\n    </form>\n</div>\n        ", 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"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityFieldFormComponent, { className: "EntityFieldFormComponent", filePath: "src/lib/generated/Entities/EntityField/entityfield.form.component.ts", lineNumber: 12 }); })();
 export function LoadEntityFieldFormComponent() {

package/dist/lib/generated/Entities/EntityFieldValue/entityfieldvalue.form.component.js

@@ -17,18 +17,20 @@ import * as i5 from "@memberjunction/ng-container-directives";
 function EntityFieldValueFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "form", 2, 3);
-    i0.ɵɵelement(2, "div", 4, 5);
-    i0.ɵɵelementStart(4, "mj-tabstrip", 6);
-    i0.ɵɵlistener("TabSelected", function EntityFieldValueFormComponent_form_1_Template_mj_tabstrip_TabSelected_4_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onTabSelect($event.index)); });
-    i0.ɵɵelementStart(5, "mj-tab", 7);
-    i0.ɵɵtext(6, " Details ");
+    i0.ɵɵelement(2, "mj-form-toolbar", 4)(3, "div", 5, 6);
+    i0.ɵɵelementStart(5, "mj-tabstrip", 7);
+    i0.ɵɵlistener("TabSelected", function EntityFieldValueFormComponent_form_1_Template_mj_tabstrip_TabSelected_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onTabSelect($event.index)); });
+    i0.ɵɵelementStart(6, "mj-tab", 8);
+    i0.ɵɵtext(7, " Details ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "mj-tab-body");
-    i0.ɵɵelement(8, "mj-form-section", 8);
+    i0.ɵɵelementStart(8, "mj-tab-body");
+    i0.ɵɵelement(9, "mj-form-section", 9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("form", ctx_r0);
+    i0.ɵɵadvance(4);
     i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
@@ -36,22 +38,22 @@ function EntityFieldValueFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
 let EntityFieldValueFormComponent = class EntityFieldValueFormComponent extends BaseFormComponent {
 };
 EntityFieldValueFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵEntityFieldValueFormComponent_BaseFactory; return function EntityFieldValueFormComponent_Factory(t) { return (ɵEntityFieldValueFormComponent_BaseFactory || (ɵEntityFieldValueFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EntityFieldValueFormComponent)))(t || EntityFieldValueFormComponent); }; })();
-EntityFieldValueFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityFieldValueFormComponent, selectors: [["gen-entityfieldvalue-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], ["form", "ngForm"], [1, "record-form-group"], ["topArea", ""], ["mjFillContainer", "", 3, "TabSelected"], [3, "TabSelected"], ["Entity", "Entity Field Values", "Section", "details", 3, "record", "EditMode"]], template: function EntityFieldValueFormComponent_Template(rf, ctx) { if (rf & 1) {
+EntityFieldValueFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityFieldValueFormComponent, selectors: [["gen-entityfieldvalue-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], ["form", "ngForm"], [3, "form"], [1, "record-form-group"], ["topArea", ""], ["mjFillContainer", "", 3, "TabSelected"], [3, "TabSelected"], ["Entity", "Entity Field Values", "Section", "details", 3, "record", "EditMode"]], template: function EntityFieldValueFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, EntityFieldValueFormComponent_form_1_Template, 9, 3, "form", 1);
+        i0.ɵɵtemplate(1, EntityFieldValueFormComponent_form_1_Template, 10, 4, "form", 1);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
         i0.ɵɵadvance();
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.SectionLoaderComponent, i4.MJTabStripComponent, i4.MJTabBodyComponent, i4.MJTabComponent, i5.FillContainer], 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.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.SectionLoaderComponent, i3.FormToolbarComponent, i4.MJTabStripComponent, i4.MJTabBodyComponent, i4.MJTabComponent, i5.FillContainer], 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}"] });
 EntityFieldValueFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Entity Field Values') // Tell MemberJunction about this class
 ], EntityFieldValueFormComponent);
 export { EntityFieldValueFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityFieldValueFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-entityfieldvalue-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\n                <div #topArea class=\"record-form-group\">\n                    \n                </div>\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section Entity=\"Entity Field Values\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                    \n                </mj-tabstrip>\n    </form>\n</div>\n        ", 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"] }]
+        args: [{ selector: 'gen-entityfieldvalue-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n                <div #topArea class=\"record-form-group\">\n                    \n                </div>\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section Entity=\"Entity Field Values\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                    \n                </mj-tabstrip>\n    </form>\n</div>\n        ", 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"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityFieldValueFormComponent, { className: "EntityFieldValueFormComponent", filePath: "src/lib/generated/Entities/EntityFieldValue/entityfieldvalue.form.component.ts", lineNumber: 12 }); })();
 export function LoadEntityFieldValueFormComponent() {

package/dist/lib/generated/Entities/EntityPermission/entitypermission.form.component.js

@@ -17,18 +17,20 @@ import * as i5 from "@memberjunction/ng-container-directives";
 function EntityPermissionFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "form", 2, 3);
-    i0.ɵɵelement(2, "div", 4, 5);
-    i0.ɵɵelementStart(4, "mj-tabstrip", 6);
-    i0.ɵɵlistener("TabSelected", function EntityPermissionFormComponent_form_1_Template_mj_tabstrip_TabSelected_4_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onTabSelect($event.index)); });
-    i0.ɵɵelementStart(5, "mj-tab", 7);
-    i0.ɵɵtext(6, " Details ");
+    i0.ɵɵelement(2, "mj-form-toolbar", 4)(3, "div", 5, 6);
+    i0.ɵɵelementStart(5, "mj-tabstrip", 7);
+    i0.ɵɵlistener("TabSelected", function EntityPermissionFormComponent_form_1_Template_mj_tabstrip_TabSelected_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onTabSelect($event.index)); });
+    i0.ɵɵelementStart(6, "mj-tab", 8);
+    i0.ɵɵtext(7, " Details ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "mj-tab-body");
-    i0.ɵɵelement(8, "mj-form-section", 8);
+    i0.ɵɵelementStart(8, "mj-tab-body");
+    i0.ɵɵelement(9, "mj-form-section", 9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("form", ctx_r0);
+    i0.ɵɵadvance(4);
     i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
@@ -36,22 +38,22 @@ function EntityPermissionFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
 let EntityPermissionFormComponent = class EntityPermissionFormComponent extends BaseFormComponent {
 };
 EntityPermissionFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵEntityPermissionFormComponent_BaseFactory; return function EntityPermissionFormComponent_Factory(t) { return (ɵEntityPermissionFormComponent_BaseFactory || (ɵEntityPermissionFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EntityPermissionFormComponent)))(t || EntityPermissionFormComponent); }; })();
-EntityPermissionFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityPermissionFormComponent, selectors: [["gen-entitypermission-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], ["form", "ngForm"], [1, "record-form-group"], ["topArea", ""], ["mjFillContainer", "", 3, "TabSelected"], [3, "TabSelected"], ["Entity", "Entity Permissions", "Section", "details", 3, "record", "EditMode"]], template: function EntityPermissionFormComponent_Template(rf, ctx) { if (rf & 1) {
+EntityPermissionFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityPermissionFormComponent, selectors: [["gen-entitypermission-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], ["form", "ngForm"], [3, "form"], [1, "record-form-group"], ["topArea", ""], ["mjFillContainer", "", 3, "TabSelected"], [3, "TabSelected"], ["Entity", "Entity Permissions", "Section", "details", 3, "record", "EditMode"]], template: function EntityPermissionFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, EntityPermissionFormComponent_form_1_Template, 9, 3, "form", 1);
+        i0.ɵɵtemplate(1, EntityPermissionFormComponent_form_1_Template, 10, 4, "form", 1);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
         i0.ɵɵadvance();
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.SectionLoaderComponent, i4.MJTabStripComponent, i4.MJTabBodyComponent, i4.MJTabComponent, i5.FillContainer], 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.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.SectionLoaderComponent, i3.FormToolbarComponent, i4.MJTabStripComponent, i4.MJTabBodyComponent, i4.MJTabComponent, i5.FillContainer], 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}"] });
 EntityPermissionFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Entity Permissions') // Tell MemberJunction about this class
 ], EntityPermissionFormComponent);
 export { EntityPermissionFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityPermissionFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-entitypermission-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\n                <div #topArea class=\"record-form-group\">\n                    \n                </div>\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section Entity=\"Entity Permissions\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                    \n                </mj-tabstrip>\n    </form>\n</div>\n        ", 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"] }]
+        args: [{ selector: 'gen-entitypermission-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n                <div #topArea class=\"record-form-group\">\n                    \n                </div>\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section Entity=\"Entity Permissions\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                    \n                </mj-tabstrip>\n    </form>\n</div>\n        ", 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"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityPermissionFormComponent, { className: "EntityPermissionFormComponent", filePath: "src/lib/generated/Entities/EntityPermission/entitypermission.form.component.ts", lineNumber: 12 }); })();
 export function LoadEntityPermissionFormComponent() {