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

package/dist/lib/generated/Entities/Dataset/dataset.form.component.js

@@ -18,24 +18,26 @@ import * as i6 from "@memberjunction/ng-container-directives";
 function DatasetFormComponent_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 DatasetFormComponent_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 DatasetFormComponent_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, " Dataset Items ");
+    i0.ɵɵelementStart(10, "mj-tab", 8);
+    i0.ɵɵtext(11, " Dataset Items ");
     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 DatasetFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
 let DatasetFormComponent = class DatasetFormComponent extends BaseFormComponent {
 };
 DatasetFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵDatasetFormComponent_BaseFactory; return function DatasetFormComponent_Factory(t) { return (ɵDatasetFormComponent_BaseFactory || (ɵDatasetFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(DatasetFormComponent)))(t || DatasetFormComponent); }; })();
-DatasetFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DatasetFormComponent, selectors: [["gen-dataset-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", "Datasets", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function DatasetFormComponent_Template(rf, ctx) { if (rf & 1) {
+DatasetFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DatasetFormComponent, selectors: [["gen-dataset-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", "Datasets", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function DatasetFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, DatasetFormComponent_form_1_Template, 13, 8, "form", 1);
+        i0.ɵɵtemplate(1, DatasetFormComponent_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}"] });
 DatasetFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Datasets') // Tell MemberJunction about this class
 ], DatasetFormComponent);
 export { DatasetFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DatasetFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-dataset-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=\"Datasets\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                     \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Dataset Items')\">\n                        Dataset Items\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Dataset Items')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Dataset Items')\"  \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-dataset-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=\"Datasets\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                     \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Dataset Items')\">\n                        Dataset Items\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Dataset Items')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Dataset Items')\"  \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(DatasetFormComponent, { className: "DatasetFormComponent", filePath: "src/lib/generated/Entities/Dataset/dataset.form.component.ts", lineNumber: 12 }); })();
 export function LoadDatasetFormComponent() {

package/dist/lib/generated/Entities/DatasetItem/datasetitem.form.component.js

@@ -17,18 +17,20 @@ import * as i5 from "@memberjunction/ng-container-directives";
 function DatasetItemFormComponent_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 DatasetItemFormComponent_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 DatasetItemFormComponent_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 DatasetItemFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
 let DatasetItemFormComponent = class DatasetItemFormComponent extends BaseFormComponent {
 };
 DatasetItemFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵDatasetItemFormComponent_BaseFactory; return function DatasetItemFormComponent_Factory(t) { return (ɵDatasetItemFormComponent_BaseFactory || (ɵDatasetItemFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(DatasetItemFormComponent)))(t || DatasetItemFormComponent); }; })();
-DatasetItemFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DatasetItemFormComponent, selectors: [["gen-datasetitem-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", "Dataset Items", "Section", "details", 3, "record", "EditMode"]], template: function DatasetItemFormComponent_Template(rf, ctx) { if (rf & 1) {
+DatasetItemFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DatasetItemFormComponent, selectors: [["gen-datasetitem-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", "Dataset Items", "Section", "details", 3, "record", "EditMode"]], template: function DatasetItemFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, DatasetItemFormComponent_form_1_Template, 9, 3, "form", 1);
+        i0.ɵɵtemplate(1, DatasetItemFormComponent_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}"] });
 DatasetItemFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Dataset Items') // Tell MemberJunction about this class
 ], DatasetItemFormComponent);
 export { DatasetItemFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DatasetItemFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-datasetitem-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=\"Dataset Items\" 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-datasetitem-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=\"Dataset Items\" 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(DatasetItemFormComponent, { className: "DatasetItemFormComponent", filePath: "src/lib/generated/Entities/DatasetItem/datasetitem.form.component.ts", lineNumber: 12 }); })();
 export function LoadDatasetItemFormComponent() {

package/dist/lib/generated/Entities/Employee/employee.form.component.js

@@ -18,60 +18,62 @@ import * as i6 from "@memberjunction/ng-container-directives";
 function EmployeeFormComponent_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 EmployeeFormComponent_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 EmployeeFormComponent_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, " Direct Reports ");
+    i0.ɵɵelementStart(10, "mj-tab", 8);
+    i0.ɵɵtext(11, " Direct Reports ");
     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();
-    i0.ɵɵelementStart(13, "mj-tab", 7);
-    i0.ɵɵtext(14, " Employee Company Integrations ");
+    i0.ɵɵelementStart(14, "mj-tab", 8);
+    i0.ɵɵtext(15, " Employee Company Integrations ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "mj-tab-body");
-    i0.ɵɵelement(16, "mj-user-view-grid", 9);
+    i0.ɵɵelementStart(16, "mj-tab-body");
+    i0.ɵɵelement(17, "mj-user-view-grid", 10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "mj-tab", 7);
-    i0.ɵɵtext(18, " Employee Roles ");
+    i0.ɵɵelementStart(18, "mj-tab", 8);
+    i0.ɵɵtext(19, " Employee Roles ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "mj-tab-body");
-    i0.ɵɵelement(20, "mj-user-view-grid", 9);
+    i0.ɵɵelementStart(20, "mj-tab-body");
+    i0.ɵɵelement(21, "mj-user-view-grid", 10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "mj-tab", 7);
-    i0.ɵɵtext(22, " Employee Skills ");
+    i0.ɵɵelementStart(22, "mj-tab", 8);
+    i0.ɵɵtext(23, " Employee Skills ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(23, "mj-tab-body");
-    i0.ɵɵelement(24, "mj-user-view-grid", 9);
+    i0.ɵɵelementStart(24, "mj-tab-body");
+    i0.ɵɵelement(25, "mj-user-view-grid", 10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "mj-tab", 7);
-    i0.ɵɵtext(26, " Activities ");
+    i0.ɵɵelementStart(26, "mj-tab", 8);
+    i0.ɵɵtext(27, " Activities ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "mj-tab-body");
-    i0.ɵɵelement(28, "mj-user-view-grid", 9);
+    i0.ɵɵelementStart(28, "mj-tab-body");
+    i0.ɵɵelement(29, "mj-user-view-grid", 10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "mj-tab", 7);
-    i0.ɵɵtext(30, " Deals ");
+    i0.ɵɵelementStart(30, "mj-tab", 8);
+    i0.ɵɵtext(31, " Deals ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "mj-tab-body");
-    i0.ɵɵelement(32, "mj-user-view-grid", 9);
+    i0.ɵɵelementStart(32, "mj-tab-body");
+    i0.ɵɵelement(33, "mj-user-view-grid", 10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "mj-tab", 7);
-    i0.ɵɵtext(34, " Users ");
+    i0.ɵɵelementStart(34, "mj-tab", 8);
+    i0.ɵɵtext(35, " Users ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(35, "mj-tab-body");
-    i0.ɵɵelement(36, "mj-user-view-grid", 9);
+    i0.ɵɵelementStart(36, "mj-tab-body");
+    i0.ɵɵelement(37, "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);
@@ -107,22 +109,22 @@ function EmployeeFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
 let EmployeeFormComponent = class EmployeeFormComponent extends BaseFormComponent {
 };
 EmployeeFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵEmployeeFormComponent_BaseFactory; return function EmployeeFormComponent_Factory(t) { return (ɵEmployeeFormComponent_BaseFactory || (ɵEmployeeFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EmployeeFormComponent)))(t || EmployeeFormComponent); }; })();
-EmployeeFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EmployeeFormComponent, selectors: [["gen-employee-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", "Employees", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function EmployeeFormComponent_Template(rf, ctx) { if (rf & 1) {
+EmployeeFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EmployeeFormComponent, selectors: [["gen-employee-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", "Employees", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function EmployeeFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, EmployeeFormComponent_form_1_Template, 37, 38, "form", 1);
+        i0.ɵɵtemplate(1, EmployeeFormComponent_form_1_Template, 38, 39, "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}"] });
 EmployeeFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Employees') // Tell MemberJunction about this class
 ], EmployeeFormComponent);
 export { EmployeeFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EmployeeFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-employee-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=\"Employees\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                     \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Direct Reports')\">\n                        Direct Reports\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Employees')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Direct Reports')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Employee Company Integrations')\">\n                        Employee Company Integrations\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Employee Company Integrations')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Employee Company Integrations')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Employee Roles')\">\n                        Employee Roles\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Employee Roles')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Employee Roles')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Employee Skills')\">\n                        Employee Skills\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Employee Skills')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Employee Skills')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Activities')\">\n                        Activities\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Activities')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Activities')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Deals')\">\n                        Deals\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Deals')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Deals')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Users')\">\n                        Users\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Users')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Users')\"  \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-employee-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=\"Employees\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                     \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Direct Reports')\">\n                        Direct Reports\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Employees')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Direct Reports')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Employee Company Integrations')\">\n                        Employee Company Integrations\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Employee Company Integrations')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Employee Company Integrations')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Employee Roles')\">\n                        Employee Roles\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Employee Roles')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Employee Roles')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Employee Skills')\">\n                        Employee Skills\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Employee Skills')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Employee Skills')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Activities')\">\n                        Activities\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Activities')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Activities')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Deals')\">\n                        Deals\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Deals')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Deals')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Users')\">\n                        Users\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Users')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Users')\"  \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(EmployeeFormComponent, { className: "EmployeeFormComponent", filePath: "src/lib/generated/Entities/Employee/employee.form.component.ts", lineNumber: 12 }); })();
 export function LoadEmployeeFormComponent() {

package/dist/lib/generated/Entities/EmployeeCompanyIntegration/employeecompanyintegration.form.component.js

@@ -17,18 +17,20 @@ import * as i5 from "@memberjunction/ng-container-directives";
 function EmployeeCompanyIntegrationFormComponent_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 EmployeeCompanyIntegrationFormComponent_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 EmployeeCompanyIntegrationFormComponent_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 EmployeeCompanyIntegrationFormComponent_form_1_Template(rf, ctx) { if (
 let EmployeeCompanyIntegrationFormComponent = class EmployeeCompanyIntegrationFormComponent extends BaseFormComponent {
 };
 EmployeeCompanyIntegrationFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵEmployeeCompanyIntegrationFormComponent_BaseFactory; return function EmployeeCompanyIntegrationFormComponent_Factory(t) { return (ɵEmployeeCompanyIntegrationFormComponent_BaseFactory || (ɵEmployeeCompanyIntegrationFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EmployeeCompanyIntegrationFormComponent)))(t || EmployeeCompanyIntegrationFormComponent); }; })();
-EmployeeCompanyIntegrationFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EmployeeCompanyIntegrationFormComponent, selectors: [["gen-employeecompanyintegration-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", "Employee Company Integrations", "Section", "details", 3, "record", "EditMode"]], template: function EmployeeCompanyIntegrationFormComponent_Template(rf, ctx) { if (rf & 1) {
+EmployeeCompanyIntegrationFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EmployeeCompanyIntegrationFormComponent, selectors: [["gen-employeecompanyintegration-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", "Employee Company Integrations", "Section", "details", 3, "record", "EditMode"]], template: function EmployeeCompanyIntegrationFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, EmployeeCompanyIntegrationFormComponent_form_1_Template, 9, 3, "form", 1);
+        i0.ɵɵtemplate(1, EmployeeCompanyIntegrationFormComponent_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}"] });
 EmployeeCompanyIntegrationFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Employee Company Integrations') // Tell MemberJunction about this class
 ], EmployeeCompanyIntegrationFormComponent);
 export { EmployeeCompanyIntegrationFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EmployeeCompanyIntegrationFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-employeecompanyintegration-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=\"Employee Company Integrations\" 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-employeecompanyintegration-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=\"Employee Company Integrations\" 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(EmployeeCompanyIntegrationFormComponent, { className: "EmployeeCompanyIntegrationFormComponent", filePath: "src/lib/generated/Entities/EmployeeCompanyIntegration/employeecompanyintegration.form.component.ts", lineNumber: 12 }); })();
 export function LoadEmployeeCompanyIntegrationFormComponent() {

package/dist/lib/generated/Entities/EmployeeRole/employeerole.form.component.js

@@ -17,18 +17,20 @@ import * as i5 from "@memberjunction/ng-container-directives";
 function EmployeeRoleFormComponent_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 EmployeeRoleFormComponent_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 EmployeeRoleFormComponent_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 EmployeeRoleFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
 let EmployeeRoleFormComponent = class EmployeeRoleFormComponent extends BaseFormComponent {
 };
 EmployeeRoleFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵEmployeeRoleFormComponent_BaseFactory; return function EmployeeRoleFormComponent_Factory(t) { return (ɵEmployeeRoleFormComponent_BaseFactory || (ɵEmployeeRoleFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EmployeeRoleFormComponent)))(t || EmployeeRoleFormComponent); }; })();
-EmployeeRoleFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EmployeeRoleFormComponent, selectors: [["gen-employeerole-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", "Employee Roles", "Section", "details", 3, "record", "EditMode"]], template: function EmployeeRoleFormComponent_Template(rf, ctx) { if (rf & 1) {
+EmployeeRoleFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EmployeeRoleFormComponent, selectors: [["gen-employeerole-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", "Employee Roles", "Section", "details", 3, "record", "EditMode"]], template: function EmployeeRoleFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, EmployeeRoleFormComponent_form_1_Template, 9, 3, "form", 1);
+        i0.ɵɵtemplate(1, EmployeeRoleFormComponent_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}"] });
 EmployeeRoleFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Employee Roles') // Tell MemberJunction about this class
 ], EmployeeRoleFormComponent);
 export { EmployeeRoleFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EmployeeRoleFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-employeerole-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=\"Employee Roles\" 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-employeerole-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=\"Employee Roles\" 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(EmployeeRoleFormComponent, { className: "EmployeeRoleFormComponent", filePath: "src/lib/generated/Entities/EmployeeRole/employeerole.form.component.ts", lineNumber: 12 }); })();
 export function LoadEmployeeRoleFormComponent() {

package/dist/lib/generated/Entities/EmployeeSkill/employeeskill.form.component.js

@@ -17,18 +17,20 @@ import * as i5 from "@memberjunction/ng-container-directives";
 function EmployeeSkillFormComponent_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 EmployeeSkillFormComponent_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 EmployeeSkillFormComponent_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 EmployeeSkillFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
 let EmployeeSkillFormComponent = class EmployeeSkillFormComponent extends BaseFormComponent {
 };
 EmployeeSkillFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵEmployeeSkillFormComponent_BaseFactory; return function EmployeeSkillFormComponent_Factory(t) { return (ɵEmployeeSkillFormComponent_BaseFactory || (ɵEmployeeSkillFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EmployeeSkillFormComponent)))(t || EmployeeSkillFormComponent); }; })();
-EmployeeSkillFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EmployeeSkillFormComponent, selectors: [["gen-employeeskill-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", "Employee Skills", "Section", "details", 3, "record", "EditMode"]], template: function EmployeeSkillFormComponent_Template(rf, ctx) { if (rf & 1) {
+EmployeeSkillFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EmployeeSkillFormComponent, selectors: [["gen-employeeskill-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", "Employee Skills", "Section", "details", 3, "record", "EditMode"]], template: function EmployeeSkillFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, EmployeeSkillFormComponent_form_1_Template, 9, 3, "form", 1);
+        i0.ɵɵtemplate(1, EmployeeSkillFormComponent_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}"] });
 EmployeeSkillFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Employee Skills') // Tell MemberJunction about this class
 ], EmployeeSkillFormComponent);
 export { EmployeeSkillFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EmployeeSkillFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-employeeskill-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=\"Employee Skills\" 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-employeeskill-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=\"Employee Skills\" 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(EmployeeSkillFormComponent, { className: "EmployeeSkillFormComponent", filePath: "src/lib/generated/Entities/EmployeeSkill/employeeskill.form.component.ts", lineNumber: 12 }); })();
 export function LoadEmployeeSkillFormComponent() {