@memberjunction/ng-core-entity-forms 1.4.0 → 1.4.1

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

@@ -12,8 +12,9 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
 import * as i3 from "@memberjunction/ng-base-forms";
-import * as i4 from "@memberjunction/ng-tabstrip";
-import * as i5 from "@memberjunction/ng-container-directives";
+import * as i4 from "@memberjunction/ng-form-toolbar";
+import * as i5 from "@memberjunction/ng-tabstrip";
+import * as i6 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);
@@ -30,30 +31,28 @@ function EmployeeCompanyIntegrationFormComponent_form_1_Template(rf, ctx) { if (
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("form", ctx_r0);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
-    i0.ɵɵadvance(3);
+    i0.ɵɵadvance(7);
     i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
 } }
 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"], [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) {
+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"], ["Name", "Details"], ["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, 10, 4, "form", 1);
+        i0.ɵɵtemplate(1, EmployeeCompanyIntegrationFormComponent_form_1_Template, 10, 3, "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, 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}"] });
+    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.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}"] });
 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        <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"] }]
+        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                    <mj-tab Name=\"Details\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section \n                            Entity=\"Employee Company Integrations\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </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/EmployeeCompanyIntegration/sections/details.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/EmployeeCompanyIntegration/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,gCAAgC,EAAE,MAAM,+BAA+B,CAAC;;AAEjF,qBAiDa,0CAA2C,SAAQ,wBAAwB;IAClE,MAAM,EAAG,gCAAgC,CAAC;IAC1C,QAAQ,EAAE,OAAO,CAAS;yCAFnC,0CAA0C;2CAA1C,0CAA0C;CAGtD;AAED,wBAAgB,8CAA8C,SAE7D"}
+{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/EmployeeCompanyIntegration/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,gCAAgC,EAAE,MAAM,+BAA+B,CAAC;;AAEjF,qBAuDa,0CAA2C,SAAQ,wBAAwB;IAClE,MAAM,EAAG,gCAAgC,CAAC;IAC1C,QAAQ,EAAE,OAAO,CAAS;yCAFnC,0CAA0C;2CAA1C,0CAA0C;CAGtD;AAED,wBAAgB,8CAA8C,SAE7D"}

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

@@ -17,17 +17,17 @@ function EmployeeCompanyIntegrationDetailsComponent_div_0_Template(rf, ctx) { if
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
 } }
 let EmployeeCompanyIntegrationDetailsComponent = class EmployeeCompanyIntegrationDetailsComponent extends BaseFormSectionComponent {
     constructor() {
@@ -36,8 +36,8 @@ let EmployeeCompanyIntegrationDetailsComponent = class EmployeeCompanyIntegratio
     }
 };
 EmployeeCompanyIntegrationDetailsComponent.ɵfac = /*@__PURE__*/ (() => { let ɵEmployeeCompanyIntegrationDetailsComponent_BaseFactory; return function EmployeeCompanyIntegrationDetailsComponent_Factory(t) { return (ɵEmployeeCompanyIntegrationDetailsComponent_BaseFactory || (ɵEmployeeCompanyIntegrationDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EmployeeCompanyIntegrationDetailsComponent)))(t || EmployeeCompanyIntegrationDetailsComponent); }; })();
-EmployeeCompanyIntegrationDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EmployeeCompanyIntegrationDetailsComponent, selectors: [["gen-employeecompanyintegration-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "EmployeeID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "EditMode"], ["FieldName", "CompanyIntegrationID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "EditMode"], ["FieldName", "ExternalSystemRecordID", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "IsActive", "Type", "checkbox", 3, "record", "EditMode"], ["FieldName", "CreatedAt", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "UpdatedAt", "Type", "textbox", 3, "record", "EditMode"]], template: function EmployeeCompanyIntegrationDetailsComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, EmployeeCompanyIntegrationDetailsComponent_div_0_Template, 8, 12, "div", 0);
+EmployeeCompanyIntegrationDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EmployeeCompanyIntegrationDetailsComponent, selectors: [["gen-employeecompanyintegration-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "EmployeeID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "CompanyIntegrationID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ExternalSystemRecordID", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "IsActive", "Type", "checkbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "UpdatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function EmployeeCompanyIntegrationDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, EmployeeCompanyIntegrationDetailsComponent_div_0_Template, 8, 18, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.record);
     } }, dependencies: [i1.NgIf, i2.MJFormField], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] });
@@ -49,40 +49,46 @@ export { EmployeeCompanyIntegrationDetailsComponent };
         type: Component,
         args: [{ selector: 'gen-employeecompanyintegration-form-details', template: `<div *ngIf="this.record">
     <div class="record-form">
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="EmployeeID"
             Type="numerictextbox"
             [EditMode]="EditMode"
             LinkType="Record"
         ></mj-form-field>
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="CompanyIntegrationID"
             Type="numerictextbox"
             [EditMode]="EditMode"
             LinkType="Record"
         ></mj-form-field>
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="ExternalSystemRecordID"
             Type="textbox"
             [EditMode]="EditMode"
         ></mj-form-field>
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="IsActive"
             Type="checkbox"
             [EditMode]="EditMode"
         ></mj-form-field>
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="CreatedAt"
             Type="textbox"
             [EditMode]="EditMode"
         ></mj-form-field>
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="UpdatedAt"
             Type="textbox"
             [EditMode]="EditMode"
@@ -96,7 +102,7 @@ export { EmployeeCompanyIntegrationDetailsComponent };
         }], EditMode: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EmployeeCompanyIntegrationDetailsComponent, { className: "EmployeeCompanyIntegrationDetailsComponent", filePath: "src/lib/generated/Entities/EmployeeCompanyIntegration/sections/details.component.ts", lineNumber: 55 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EmployeeCompanyIntegrationDetailsComponent, { className: "EmployeeCompanyIntegrationDetailsComponent", filePath: "src/lib/generated/Entities/EmployeeCompanyIntegration/sections/details.component.ts", lineNumber: 61 }); })();
 export function LoadEmployeeCompanyIntegrationDetailsComponent() {
     // does nothing, but called in order to prevent tree-shaking from eliminating this component from the build
 }

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

@@ -12,8 +12,9 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
 import * as i3 from "@memberjunction/ng-base-forms";
-import * as i4 from "@memberjunction/ng-tabstrip";
-import * as i5 from "@memberjunction/ng-container-directives";
+import * as i4 from "@memberjunction/ng-form-toolbar";
+import * as i5 from "@memberjunction/ng-tabstrip";
+import * as i6 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);
@@ -30,30 +31,28 @@ function EmployeeRoleFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("form", ctx_r0);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
-    i0.ɵɵadvance(3);
+    i0.ɵɵadvance(7);
     i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
 } }
 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"], [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) {
+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"], ["Name", "Details"], ["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, 10, 4, "form", 1);
+        i0.ɵɵtemplate(1, EmployeeRoleFormComponent_form_1_Template, 10, 3, "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, 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}"] });
+    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.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}"] });
 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        <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"] }]
+        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                    <mj-tab Name=\"Details\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section \n                            Entity=\"Employee Roles\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </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/EmployeeRole/sections/details.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/EmployeeRole/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;;AAEnE,qBA2Ca,4BAA6B,SAAQ,wBAAwB;IACpD,MAAM,EAAG,kBAAkB,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAS;yCAFnC,4BAA4B;2CAA5B,4BAA4B;CAGxC;AAED,wBAAgB,gCAAgC,SAE/C"}
+{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/EmployeeRole/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;;AAEnE,qBAgDa,4BAA6B,SAAQ,wBAAwB;IACpD,MAAM,EAAG,kBAAkB,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAS;yCAFnC,4BAA4B;2CAA5B,4BAA4B;CAGxC;AAED,wBAAgB,gCAAgC,SAE/C"}

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

@@ -17,15 +17,15 @@ function EmployeeRoleDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
 } }
 let EmployeeRoleDetailsComponent = class EmployeeRoleDetailsComponent extends BaseFormSectionComponent {
     constructor() {
@@ -34,8 +34,8 @@ let EmployeeRoleDetailsComponent = class EmployeeRoleDetailsComponent extends Ba
     }
 };
 EmployeeRoleDetailsComponent.ɵfac = /*@__PURE__*/ (() => { let ɵEmployeeRoleDetailsComponent_BaseFactory; return function EmployeeRoleDetailsComponent_Factory(t) { return (ɵEmployeeRoleDetailsComponent_BaseFactory || (ɵEmployeeRoleDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EmployeeRoleDetailsComponent)))(t || EmployeeRoleDetailsComponent); }; })();
-EmployeeRoleDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EmployeeRoleDetailsComponent, selectors: [["gen-employeerole-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "EmployeeID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "EditMode"], ["FieldName", "RoleID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "EditMode"], ["FieldName", "CreatedAt", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "UpdatedAt", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "Role", "Type", "textbox", 3, "record", "EditMode"]], template: function EmployeeRoleDetailsComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, EmployeeRoleDetailsComponent_div_0_Template, 7, 10, "div", 0);
+EmployeeRoleDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EmployeeRoleDetailsComponent, selectors: [["gen-employeerole-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "EmployeeID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "RoleID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "UpdatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Role", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function EmployeeRoleDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, EmployeeRoleDetailsComponent_div_0_Template, 7, 15, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.record);
     } }, dependencies: [i1.NgIf, i2.MJFormField], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] });
@@ -47,34 +47,39 @@ export { EmployeeRoleDetailsComponent };
         type: Component,
         args: [{ selector: 'gen-employeerole-form-details', template: `<div *ngIf="this.record">
     <div class="record-form">
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="EmployeeID"
             Type="numerictextbox"
             [EditMode]="EditMode"
             LinkType="Record"
         ></mj-form-field>
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="RoleID"
             Type="numerictextbox"
             [EditMode]="EditMode"
             LinkType="Record"
         ></mj-form-field>
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="CreatedAt"
             Type="textbox"
             [EditMode]="EditMode"
         ></mj-form-field>
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="UpdatedAt"
             Type="textbox"
             [EditMode]="EditMode"
         ></mj-form-field>
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="Role"
             Type="textbox"
             [EditMode]="EditMode"
@@ -88,7 +93,7 @@ export { EmployeeRoleDetailsComponent };
         }], EditMode: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EmployeeRoleDetailsComponent, { className: "EmployeeRoleDetailsComponent", filePath: "src/lib/generated/Entities/EmployeeRole/sections/details.component.ts", lineNumber: 49 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EmployeeRoleDetailsComponent, { className: "EmployeeRoleDetailsComponent", filePath: "src/lib/generated/Entities/EmployeeRole/sections/details.component.ts", lineNumber: 54 }); })();
 export function LoadEmployeeRoleDetailsComponent() {
     // does nothing, but called in order to prevent tree-shaking from eliminating this component from the build
 }

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

@@ -12,8 +12,9 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
 import * as i3 from "@memberjunction/ng-base-forms";
-import * as i4 from "@memberjunction/ng-tabstrip";
-import * as i5 from "@memberjunction/ng-container-directives";
+import * as i4 from "@memberjunction/ng-form-toolbar";
+import * as i5 from "@memberjunction/ng-tabstrip";
+import * as i6 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);
@@ -30,30 +31,28 @@ function EmployeeSkillFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("form", ctx_r0);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
-    i0.ɵɵadvance(3);
+    i0.ɵɵadvance(7);
     i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
 } }
 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"], [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) {
+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"], ["Name", "Details"], ["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, 10, 4, "form", 1);
+        i0.ɵɵtemplate(1, EmployeeSkillFormComponent_form_1_Template, 10, 3, "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, 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}"] });
+    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.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}"] });
 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        <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"] }]
+        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                    <mj-tab Name=\"Details\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section \n                            Entity=\"Employee Skills\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </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() {

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

@@ -1 +1 @@
-{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/EmployeeSkill/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;;AAEpE,qBA2Ca,6BAA8B,SAAQ,wBAAwB;IACrD,MAAM,EAAG,mBAAmB,CAAC;IAC7B,QAAQ,EAAE,OAAO,CAAS;yCAFnC,6BAA6B;2CAA7B,6BAA6B;CAGzC;AAED,wBAAgB,iCAAiC,SAEhD"}
+{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/EmployeeSkill/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;;AAEpE,qBAgDa,6BAA8B,SAAQ,wBAAwB;IACrD,MAAM,EAAG,mBAAmB,CAAC;IAC7B,QAAQ,EAAE,OAAO,CAAS;yCAFnC,6BAA6B;2CAA7B,6BAA6B;CAGzC;AAED,wBAAgB,iCAAiC,SAEhD"}

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

@@ -17,15 +17,15 @@ function EmployeeSkillDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
 } }
 let EmployeeSkillDetailsComponent = class EmployeeSkillDetailsComponent extends BaseFormSectionComponent {
     constructor() {
@@ -34,8 +34,8 @@ let EmployeeSkillDetailsComponent = class EmployeeSkillDetailsComponent extends
     }
 };
 EmployeeSkillDetailsComponent.ɵfac = /*@__PURE__*/ (() => { let ɵEmployeeSkillDetailsComponent_BaseFactory; return function EmployeeSkillDetailsComponent_Factory(t) { return (ɵEmployeeSkillDetailsComponent_BaseFactory || (ɵEmployeeSkillDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EmployeeSkillDetailsComponent)))(t || EmployeeSkillDetailsComponent); }; })();
-EmployeeSkillDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EmployeeSkillDetailsComponent, selectors: [["gen-employeeskill-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "EmployeeID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "EditMode"], ["FieldName", "SkillID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "EditMode"], ["FieldName", "CreatedAt", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "UpdatedAt", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "Skill", "Type", "textbox", 3, "record", "EditMode"]], template: function EmployeeSkillDetailsComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, EmployeeSkillDetailsComponent_div_0_Template, 7, 10, "div", 0);
+EmployeeSkillDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EmployeeSkillDetailsComponent, selectors: [["gen-employeeskill-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "EmployeeID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "SkillID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "UpdatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Skill", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function EmployeeSkillDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, EmployeeSkillDetailsComponent_div_0_Template, 7, 15, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.record);
     } }, dependencies: [i1.NgIf, i2.MJFormField], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] });
@@ -47,34 +47,39 @@ export { EmployeeSkillDetailsComponent };
         type: Component,
         args: [{ selector: 'gen-employeeskill-form-details', template: `<div *ngIf="this.record">
     <div class="record-form">
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="EmployeeID"
             Type="numerictextbox"
             [EditMode]="EditMode"
             LinkType="Record"
         ></mj-form-field>
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="SkillID"
             Type="numerictextbox"
             [EditMode]="EditMode"
             LinkType="Record"
         ></mj-form-field>
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="CreatedAt"
             Type="textbox"
             [EditMode]="EditMode"
         ></mj-form-field>
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="UpdatedAt"
             Type="textbox"
             [EditMode]="EditMode"
         ></mj-form-field>
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="Skill"
             Type="textbox"
             [EditMode]="EditMode"
@@ -88,7 +93,7 @@ export { EmployeeSkillDetailsComponent };
         }], EditMode: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EmployeeSkillDetailsComponent, { className: "EmployeeSkillDetailsComponent", filePath: "src/lib/generated/Entities/EmployeeSkill/sections/details.component.ts", lineNumber: 49 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EmployeeSkillDetailsComponent, { className: "EmployeeSkillDetailsComponent", filePath: "src/lib/generated/Entities/EmployeeSkill/sections/details.component.ts", lineNumber: 54 }); })();
 export function LoadEmployeeSkillDetailsComponent() {
     // does nothing, but called in order to prevent tree-shaking from eliminating this component from the build
 }