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

package/dist/lib/generated/Entities/ReportSnapshot/reportsnapshot.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 ReportSnapshotFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "form", 2, 3);
@@ -30,30 +31,28 @@ function ReportSnapshotFormComponent_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 ReportSnapshotFormComponent = class ReportSnapshotFormComponent extends BaseFormComponent {
 };
 ReportSnapshotFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵReportSnapshotFormComponent_BaseFactory; return function ReportSnapshotFormComponent_Factory(t) { return (ɵReportSnapshotFormComponent_BaseFactory || (ɵReportSnapshotFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ReportSnapshotFormComponent)))(t || ReportSnapshotFormComponent); }; })();
-ReportSnapshotFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReportSnapshotFormComponent, selectors: [["gen-reportsnapshot-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", "Report Snapshots", "Section", "details", 3, "record", "EditMode"]], template: function ReportSnapshotFormComponent_Template(rf, ctx) { if (rf & 1) {
+ReportSnapshotFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReportSnapshotFormComponent, selectors: [["gen-reportsnapshot-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", "Report Snapshots", "Section", "details", 3, "record", "EditMode"]], template: function ReportSnapshotFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, ReportSnapshotFormComponent_form_1_Template, 10, 4, "form", 1);
+        i0.ɵɵtemplate(1, ReportSnapshotFormComponent_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}"] });
 ReportSnapshotFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Report Snapshots') // Tell MemberJunction about this class
 ], ReportSnapshotFormComponent);
 export { ReportSnapshotFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReportSnapshotFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-reportsnapshot-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=\"Report Snapshots\" 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-reportsnapshot-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=\"Report Snapshots\" \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(ReportSnapshotFormComponent, { className: "ReportSnapshotFormComponent", filePath: "src/lib/generated/Entities/ReportSnapshot/reportsnapshot.form.component.ts", lineNumber: 12 }); })();
 export function LoadReportSnapshotFormComponent() {

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

@@ -1 +1 @@
-{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/ReportSnapshot/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;;AAErE,qBAiDa,8BAA+B,SAAQ,wBAAwB;IACtD,MAAM,EAAG,oBAAoB,CAAC;IAC9B,QAAQ,EAAE,OAAO,CAAS;yCAFnC,8BAA8B;2CAA9B,8BAA8B;CAG1C;AAED,wBAAgB,kCAAkC,SAEjD"}
+{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/ReportSnapshot/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;;AAErE,qBAuDa,8BAA+B,SAAQ,wBAAwB;IACtD,MAAM,EAAG,oBAAoB,CAAC;IAC9B,QAAQ,EAAE,OAAO,CAAS;yCAFnC,8BAA8B;2CAA9B,8BAA8B;CAG1C;AAED,wBAAgB,kCAAkC,SAEjD"}

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

@@ -17,17 +17,17 @@ function ReportSnapshotDetailsComponent_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);
     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 ReportSnapshotDetailsComponent = class ReportSnapshotDetailsComponent extends BaseFormSectionComponent {
     constructor() {
@@ -36,8 +36,8 @@ let ReportSnapshotDetailsComponent = class ReportSnapshotDetailsComponent extend
     }
 };
 ReportSnapshotDetailsComponent.ɵfac = /*@__PURE__*/ (() => { let ɵReportSnapshotDetailsComponent_BaseFactory; return function ReportSnapshotDetailsComponent_Factory(t) { return (ɵReportSnapshotDetailsComponent_BaseFactory || (ɵReportSnapshotDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ReportSnapshotDetailsComponent)))(t || ReportSnapshotDetailsComponent); }; })();
-ReportSnapshotDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReportSnapshotDetailsComponent, selectors: [["gen-reportsnapshot-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "ReportID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "EditMode"], ["FieldName", "ResultSet", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "CreatedAt", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "UserID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "EditMode"], ["FieldName", "Report", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "User", "Type", "textbox", 3, "record", "EditMode"]], template: function ReportSnapshotDetailsComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, ReportSnapshotDetailsComponent_div_0_Template, 8, 12, "div", 0);
+ReportSnapshotDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReportSnapshotDetailsComponent, selectors: [["gen-reportsnapshot-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "ReportID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ResultSet", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "UserID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Report", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "User", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function ReportSnapshotDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, ReportSnapshotDetailsComponent_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 { ReportSnapshotDetailsComponent };
         type: Component,
         args: [{ selector: 'gen-reportsnapshot-form-details', template: `<div *ngIf="this.record">
     <div class="record-form">
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="ReportID"
             Type="numerictextbox"
             [EditMode]="EditMode"
             LinkType="Record"
         ></mj-form-field>
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="ResultSet"
-            Type="textbox"
+            Type="textarea"
             [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="UserID"
             Type="numerictextbox"
             [EditMode]="EditMode"
             LinkType="Record"
         ></mj-form-field>
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="Report"
             Type="textbox"
             [EditMode]="EditMode"
         ></mj-form-field>
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="User"
             Type="textbox"
             [EditMode]="EditMode"
@@ -96,7 +102,7 @@ export { ReportSnapshotDetailsComponent };
         }], EditMode: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReportSnapshotDetailsComponent, { className: "ReportSnapshotDetailsComponent", filePath: "src/lib/generated/Entities/ReportSnapshot/sections/details.component.ts", lineNumber: 55 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReportSnapshotDetailsComponent, { className: "ReportSnapshotDetailsComponent", filePath: "src/lib/generated/Entities/ReportSnapshot/sections/details.component.ts", lineNumber: 61 }); })();
 export function LoadReportSnapshotDetailsComponent() {
     // does nothing, but called in order to prevent tree-shaking from eliminating this component from the build
 }

package/dist/lib/generated/Entities/ResourceType/resourcetype.form.component.js

@@ -13,8 +13,10 @@ import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
 import * as i3 from "@memberjunction/ng-user-view-grid";
 import * as i4 from "@memberjunction/ng-base-forms";
-import * as i5 from "@memberjunction/ng-tabstrip";
-import * as i6 from "@memberjunction/ng-container-directives";
+import * as i5 from "@memberjunction/ng-form-toolbar";
+import * as i6 from "@memberjunction/ng-tabstrip";
+import * as i7 from "@memberjunction/ng-container-directives";
+const _c0 = () => ({ EntityRelationshipID: 114 });
 function ResourceTypeFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "form", 2, 3);
@@ -27,44 +29,42 @@ function ResourceTypeFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(8, "mj-tab-body");
     i0.ɵɵelement(9, "mj-form-section", 9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "mj-tab", 8);
+    i0.ɵɵelementStart(10, "mj-tab", 10);
     i0.ɵɵtext(11, " Workspace Items ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(12, "mj-tab-body");
-    i0.ɵɵelement(13, "mj-user-view-grid", 10);
+    i0.ɵɵelement(13, "mj-user-view-grid", 11);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     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);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Workspace Items"));
+    i0.ɵɵproperty("Visible", ctx_r0.record.IsSaved)("Props", i0.ɵɵpureFunction0(10, _c0));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Workspace Items"))("AllowLoad", ctx_r0.IsCurrentTab("Workspace Items"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Workspace Items"))("NewRecordValues", ctx_r0.NewRecordValues("Workspace Items"))("AllowLoad", ctx_r0.IsCurrentTab("Workspace Items"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
 } }
 let ResourceTypeFormComponent = class ResourceTypeFormComponent extends BaseFormComponent {
 };
 ResourceTypeFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵResourceTypeFormComponent_BaseFactory; return function ResourceTypeFormComponent_Factory(t) { return (ɵResourceTypeFormComponent_BaseFactory || (ɵResourceTypeFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ResourceTypeFormComponent)))(t || ResourceTypeFormComponent); }; })();
-ResourceTypeFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ResourceTypeFormComponent, selectors: [["gen-resourcetype-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", "Resource Types", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function ResourceTypeFormComponent_Template(rf, ctx) { if (rf & 1) {
+ResourceTypeFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ResourceTypeFormComponent, selectors: [["gen-resourcetype-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", "Resource Types", "Section", "details", 3, "record", "EditMode"], ["Name", "Workspace Items", 3, "Visible", "Props"], [3, "Params", "NewRecordValues", "AllowLoad", "EditMode", "BottomMargin"]], template: function ResourceTypeFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, ResourceTypeFormComponent_form_1_Template, 14, 9, "form", 1);
+        i0.ɵɵtemplate(1, ResourceTypeFormComponent_form_1_Template, 14, 11, "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, 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}"] });
+    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.UserViewGridComponent, i4.SectionLoaderComponent, i5.FormToolbarComponent, i6.MJTabStripComponent, i6.MJTabBodyComponent, i6.MJTabComponent, i7.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}"] });
 ResourceTypeFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Resource Types') // Tell MemberJunction about this class
 ], ResourceTypeFormComponent);
 export { ResourceTypeFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ResourceTypeFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-resourcetype-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=\"Resource Types\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                     \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Workspace Items')\">\n                        Workspace Items\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Workspace Items')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Workspace 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-resourcetype-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=\"Resource Types\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                    <mj-tab Name=\"Workspace Items\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 114}\">\n                        Workspace Items\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Workspace Items')\"  \n                            [NewRecordValues]=\"NewRecordValues('Workspace Items')\"\n                            [AllowLoad]=\"IsCurrentTab('Workspace Items')\"  \n                            [EditMode]=\"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(ResourceTypeFormComponent, { className: "ResourceTypeFormComponent", filePath: "src/lib/generated/Entities/ResourceType/resourcetype.form.component.ts", lineNumber: 12 }); })();
 export function LoadResourceTypeFormComponent() {

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

@@ -1 +1 @@
-{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/ResourceType/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,qBA4Da,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/ResourceType/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,qBAoEa,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/ResourceType/sections/details.component.js

@@ -17,21 +17,21 @@ function ResourceTypeDetailsComponent_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);
     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 ResourceTypeDetailsComponent = class ResourceTypeDetailsComponent extends BaseFormSectionComponent {
     constructor() {
@@ -40,8 +40,8 @@ let ResourceTypeDetailsComponent = class ResourceTypeDetailsComponent extends Ba
     }
 };
 ResourceTypeDetailsComponent.ɵfac = /*@__PURE__*/ (() => { let ɵResourceTypeDetailsComponent_BaseFactory; return function ResourceTypeDetailsComponent_Factory(t) { return (ɵResourceTypeDetailsComponent_BaseFactory || (ɵResourceTypeDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ResourceTypeDetailsComponent)))(t || ResourceTypeDetailsComponent); }; })();
-ResourceTypeDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ResourceTypeDetailsComponent, selectors: [["gen-resourcetype-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "Name", "Type", "textarea", 3, "record", "EditMode"], ["FieldName", "DisplayName", "Type", "textarea", 3, "record", "EditMode"], ["FieldName", "Description", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "Icon", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "EntityID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "EditMode"], ["FieldName", "CreatedAt", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "UpdatedAt", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "Entity", "Type", "textbox", 3, "record", "EditMode"]], template: function ResourceTypeDetailsComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, ResourceTypeDetailsComponent_div_0_Template, 10, 16, "div", 0);
+ResourceTypeDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ResourceTypeDetailsComponent, selectors: [["gen-resourcetype-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "Name", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "DisplayName", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Description", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Icon", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "EntityID", "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", "Entity", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function ResourceTypeDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, ResourceTypeDetailsComponent_div_0_Template, 10, 24, "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}"] });
@@ -53,51 +53,59 @@ export { ResourceTypeDetailsComponent };
         type: Component,
         args: [{ selector: 'gen-resourcetype-form-details', template: `<div *ngIf="this.record">
     <div class="record-form">
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="Name"
             Type="textarea"
             [EditMode]="EditMode"
         ></mj-form-field>
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="DisplayName"
             Type="textarea"
             [EditMode]="EditMode"
         ></mj-form-field>
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="Description"
-            Type="textbox"
+            Type="textarea"
             [EditMode]="EditMode"
         ></mj-form-field>
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="Icon"
             Type="textbox"
             [EditMode]="EditMode"
         ></mj-form-field>
-        <mj-form-field
+        <mj-form-field 
             [record]="record"
+            [ShowLabel]="true"
             FieldName="EntityID"
             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="Entity"
             Type="textbox"
             [EditMode]="EditMode"
@@ -111,7 +119,7 @@ export { ResourceTypeDetailsComponent };
         }], EditMode: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ResourceTypeDetailsComponent, { className: "ResourceTypeDetailsComponent", filePath: "src/lib/generated/Entities/ResourceType/sections/details.component.ts", lineNumber: 66 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ResourceTypeDetailsComponent, { className: "ResourceTypeDetailsComponent", filePath: "src/lib/generated/Entities/ResourceType/sections/details.component.ts", lineNumber: 74 }); })();
 export function LoadResourceTypeDetailsComponent() {
     // does nothing, but called in order to prevent tree-shaking from eliminating this component from the build
 }

package/dist/lib/generated/Entities/Role/role.form.component.js

@@ -13,8 +13,14 @@ import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
 import * as i3 from "@memberjunction/ng-user-view-grid";
 import * as i4 from "@memberjunction/ng-base-forms";
-import * as i5 from "@memberjunction/ng-tabstrip";
-import * as i6 from "@memberjunction/ng-container-directives";
+import * as i5 from "@memberjunction/ng-form-toolbar";
+import * as i6 from "@memberjunction/ng-tabstrip";
+import * as i7 from "@memberjunction/ng-container-directives";
+const _c0 = () => ({ EntityRelationshipID: 48 });
+const _c1 = () => ({ EntityRelationshipID: 49 });
+const _c2 = () => ({ EntityRelationshipID: 50 });
+const _c3 = () => ({ EntityRelationshipID: 51 });
+const _c4 = () => ({ EntityRelationshipID: 138 });
 function RoleFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "form", 2, 3);
@@ -27,84 +33,82 @@ function RoleFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(8, "mj-tab-body");
     i0.ɵɵelement(9, "mj-form-section", 9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "mj-tab", 8);
+    i0.ɵɵelementStart(10, "mj-tab", 10);
     i0.ɵɵtext(11, " Employee Roles ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(12, "mj-tab-body");
-    i0.ɵɵelement(13, "mj-user-view-grid", 10);
+    i0.ɵɵelement(13, "mj-user-view-grid", 11);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "mj-tab", 8);
+    i0.ɵɵelementStart(14, "mj-tab", 12);
     i0.ɵɵtext(15, " Entity Permissions ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(16, "mj-tab-body");
-    i0.ɵɵelement(17, "mj-user-view-grid", 10);
+    i0.ɵɵelement(17, "mj-user-view-grid", 11);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "mj-tab", 8);
+    i0.ɵɵelementStart(18, "mj-tab", 13);
     i0.ɵɵtext(19, " User Roles ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(20, "mj-tab-body");
-    i0.ɵɵelement(21, "mj-user-view-grid", 10);
+    i0.ɵɵelement(21, "mj-user-view-grid", 11);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "mj-tab", 8);
+    i0.ɵɵelementStart(22, "mj-tab", 14);
     i0.ɵɵtext(23, " Authorization Roles ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(24, "mj-tab-body");
-    i0.ɵɵelement(25, "mj-user-view-grid", 10);
+    i0.ɵɵelement(25, "mj-user-view-grid", 11);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "mj-tab", 8);
+    i0.ɵɵelementStart(26, "mj-tab", 15);
     i0.ɵɵtext(27, " Query Permissions ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(28, "mj-tab-body");
-    i0.ɵɵelement(29, "mj-user-view-grid", 10);
+    i0.ɵɵelement(29, "mj-user-view-grid", 11);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     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);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Employee Roles"));
+    i0.ɵɵproperty("Visible", ctx_r0.record.IsSaved)("Props", i0.ɵɵpureFunction0(38, _c0));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Employee Roles"))("AllowLoad", ctx_r0.IsCurrentTab("Employee Roles"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Employee Roles"))("NewRecordValues", ctx_r0.NewRecordValues("Employee Roles"))("AllowLoad", ctx_r0.IsCurrentTab("Employee Roles"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Entity Permissions"));
+    i0.ɵɵproperty("Visible", ctx_r0.record.IsSaved)("Props", i0.ɵɵpureFunction0(39, _c1));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Entity Permissions"))("AllowLoad", ctx_r0.IsCurrentTab("Entity Permissions"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Entity Permissions"))("NewRecordValues", ctx_r0.NewRecordValues("Entity Permissions"))("AllowLoad", ctx_r0.IsCurrentTab("Entity Permissions"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("User Roles"));
+    i0.ɵɵproperty("Visible", ctx_r0.record.IsSaved)("Props", i0.ɵɵpureFunction0(40, _c2));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("User Roles"))("AllowLoad", ctx_r0.IsCurrentTab("User Roles"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("User Roles"))("NewRecordValues", ctx_r0.NewRecordValues("User Roles"))("AllowLoad", ctx_r0.IsCurrentTab("User Roles"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Authorization Roles"));
+    i0.ɵɵproperty("Visible", ctx_r0.record.IsSaved)("Props", i0.ɵɵpureFunction0(41, _c3));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Authorization Roles"))("AllowLoad", ctx_r0.IsCurrentTab("Authorization Roles"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Authorization Roles"))("NewRecordValues", ctx_r0.NewRecordValues("Authorization Roles"))("AllowLoad", ctx_r0.IsCurrentTab("Authorization Roles"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Query Permissions"));
+    i0.ɵɵproperty("Visible", ctx_r0.record.IsSaved)("Props", i0.ɵɵpureFunction0(42, _c4));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Query Permissions"))("AllowLoad", ctx_r0.IsCurrentTab("Query Permissions"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Query Permissions"))("NewRecordValues", ctx_r0.NewRecordValues("Query Permissions"))("AllowLoad", ctx_r0.IsCurrentTab("Query Permissions"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
 } }
 let RoleFormComponent = class RoleFormComponent extends BaseFormComponent {
 };
 RoleFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵRoleFormComponent_BaseFactory; return function RoleFormComponent_Factory(t) { return (ɵRoleFormComponent_BaseFactory || (ɵRoleFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(RoleFormComponent)))(t || RoleFormComponent); }; })();
-RoleFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RoleFormComponent, selectors: [["gen-role-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", "Roles", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function RoleFormComponent_Template(rf, ctx) { if (rf & 1) {
+RoleFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RoleFormComponent, selectors: [["gen-role-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", "Roles", "Section", "details", 3, "record", "EditMode"], ["Name", "Employee Roles", 3, "Visible", "Props"], [3, "Params", "NewRecordValues", "AllowLoad", "EditMode", "BottomMargin"], ["Name", "Entity Permissions", 3, "Visible", "Props"], ["Name", "User Roles", 3, "Visible", "Props"], ["Name", "Authorization Roles", 3, "Visible", "Props"], ["Name", "Query Permissions", 3, "Visible", "Props"]], template: function RoleFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, RoleFormComponent_form_1_Template, 30, 29, "form", 1);
+        i0.ɵɵtemplate(1, RoleFormComponent_form_1_Template, 30, 43, "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, 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}"] });
+    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.UserViewGridComponent, i4.SectionLoaderComponent, i5.FormToolbarComponent, i6.MJTabStripComponent, i6.MJTabBodyComponent, i6.MJTabComponent, i7.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}"] });
 RoleFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Roles') // Tell MemberJunction about this class
 ], RoleFormComponent);
 export { RoleFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RoleFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-role-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=\"Roles\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\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('Entity Permissions')\">\n                        Entity Permissions\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Entity Permissions')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Entity Permissions')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('User Roles')\">\n                        User Roles\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('User Roles')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('User Roles')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Authorization Roles')\">\n                        Authorization Roles\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Authorization Roles')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Authorization Roles')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Query Permissions')\">\n                        Query Permissions\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Query Permissions')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Query Permissions')\"  \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-role-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=\"Roles\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                    <mj-tab Name=\"Employee Roles\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 48}\">\n                        Employee Roles\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Employee Roles')\"  \n                            [NewRecordValues]=\"NewRecordValues('Employee Roles')\"\n                            [AllowLoad]=\"IsCurrentTab('Employee Roles')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n\n                    <mj-tab Name=\"Entity Permissions\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 49}\">\n                        Entity Permissions\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Entity Permissions')\"  \n                            [NewRecordValues]=\"NewRecordValues('Entity Permissions')\"\n                            [AllowLoad]=\"IsCurrentTab('Entity Permissions')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n\n                    <mj-tab Name=\"User Roles\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 50}\">\n                        User Roles\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('User Roles')\"  \n                            [NewRecordValues]=\"NewRecordValues('User Roles')\"\n                            [AllowLoad]=\"IsCurrentTab('User Roles')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n\n                    <mj-tab Name=\"Authorization Roles\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 51}\">\n                        Authorization Roles\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Authorization Roles')\"  \n                            [NewRecordValues]=\"NewRecordValues('Authorization Roles')\"\n                            [AllowLoad]=\"IsCurrentTab('Authorization Roles')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n\n                    <mj-tab Name=\"Query Permissions\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 138}\">\n                        Query Permissions\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Query Permissions')\"  \n                            [NewRecordValues]=\"NewRecordValues('Query Permissions')\"\n                            [AllowLoad]=\"IsCurrentTab('Query Permissions')\"  \n                            [EditMode]=\"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(RoleFormComponent, { className: "RoleFormComponent", filePath: "src/lib/generated/Entities/Role/role.form.component.ts", lineNumber: 12 }); })();
 export function LoadRoleFormComponent() {

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

@@ -1 +1 @@
-{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/Role/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;;AAE3D,qBA+Ca,oBAAqB,SAAQ,wBAAwB;IAC5C,MAAM,EAAG,UAAU,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAS;yCAFnC,oBAAoB;2CAApB,oBAAoB;CAGhC;AAED,wBAAgB,wBAAwB,SAEvC"}
+{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/Role/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;;AAE3D,qBAqDa,oBAAqB,SAAQ,wBAAwB;IAC5C,MAAM,EAAG,UAAU,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAS;yCAFnC,oBAAoB;2CAApB,oBAAoB;CAGhC;AAED,wBAAgB,wBAAwB,SAEvC"}