@memberjunction/ng-core-entity-forms 1.7.0 → 1.8.0

package/dist/lib/generated/Entities/Query/query.form.component.js

@@ -21,39 +21,39 @@ const _c1 = () => ({ EntityRelationshipID: 139 });
 const _c2 = () => ({ EntityRelationshipID: 173 });
 function QueryFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "form", 4, 0);
-    i0.ɵɵelement(2, "mj-form-toolbar", 5)(3, "div", 6, 1);
-    i0.ɵɵelementStart(5, "mj-tabstrip", 7);
-    i0.ɵɵlistener("TabSelected", function QueryFormComponent_form_1_Template_mj_tabstrip_TabSelected_5_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTabSelect($event.index)); });
-    i0.ɵɵelementStart(6, "mj-tab", 8);
-    i0.ɵɵtext(7, " Details ");
+    i0.ɵɵelementStart(0, "form", 3, 0);
+    i0.ɵɵelement(2, "mj-form-toolbar", 4);
+    i0.ɵɵelementStart(3, "mj-tabstrip", 5);
+    i0.ɵɵlistener("TabSelected", function QueryFormComponent_form_1_Template_mj_tabstrip_TabSelected_3_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTabSelect($event.index)); });
+    i0.ɵɵelementStart(4, "mj-tab", 6);
+    i0.ɵɵtext(5, " Details ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "mj-tab-body");
-    i0.ɵɵelement(9, "mj-form-section", 9);
+    i0.ɵɵelementStart(6, "mj-tab-body");
+    i0.ɵɵelement(7, "mj-form-section", 7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "mj-tab", 10);
-    i0.ɵɵtext(11, " Query Fields ");
+    i0.ɵɵelementStart(8, "mj-tab", 8);
+    i0.ɵɵtext(9, " Query Fields ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "mj-tab-body");
-    i0.ɵɵelement(13, "mj-user-view-grid", 11);
+    i0.ɵɵelementStart(10, "mj-tab-body");
+    i0.ɵɵelement(11, "mj-user-view-grid", 9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "mj-tab", 12);
-    i0.ɵɵtext(15, " Query Permissions ");
+    i0.ɵɵelementStart(12, "mj-tab", 10);
+    i0.ɵɵtext(13, " Query Permissions ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "mj-tab-body");
-    i0.ɵɵelement(17, "mj-user-view-grid", 11);
+    i0.ɵɵelementStart(14, "mj-tab-body");
+    i0.ɵɵelement(15, "mj-user-view-grid", 9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "mj-tab", 13);
-    i0.ɵɵtext(19, " Data Context Items ");
+    i0.ɵɵelementStart(16, "mj-tab", 11);
+    i0.ɵɵtext(17, " Data Context Items ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "mj-tab-body");
-    i0.ɵɵelement(21, "mj-user-view-grid", 11);
+    i0.ɵɵelementStart(18, "mj-tab-body");
+    i0.ɵɵelement(19, "mj-user-view-grid", 9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("form", ctx_r1);
-    i0.ɵɵadvance(7);
+    i0.ɵɵadvance(5);
     i0.ɵɵproperty("record", ctx_r1.record)("EditMode", ctx_r1.EditMode);
     i0.ɵɵadvance();
     i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved)("Props", i0.ɵɵpureFunction0(24, _c0));
@@ -71,24 +71,24 @@ function QueryFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
 let QueryFormComponent = class QueryFormComponent extends BaseFormComponent {
 };
 QueryFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵQueryFormComponent_BaseFactory; return function QueryFormComponent_Factory(t) { return (ɵQueryFormComponent_BaseFactory || (ɵQueryFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(QueryFormComponent)))(t || QueryFormComponent); }; })();
-QueryFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryFormComponent, selectors: [["gen-query-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["form", "ngForm"], ["topArea", ""], ["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], [3, "form"], [1, "record-form-group"], ["mjFillContainer", "", 3, "TabSelected"], ["Name", "Details"], ["Entity", "Queries", "Section", "details", 3, "record", "EditMode"], ["Name", "Query Fields", 3, "Visible", "Props"], [3, "Params", "NewRecordValues", "AllowLoad", "EditMode", "BottomMargin"], ["Name", "Query Permissions", 3, "Visible", "Props"], ["Name", "Data Context Items", 3, "Visible", "Props"]], template: function QueryFormComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 2);
-        i0.ɵɵtemplate(1, QueryFormComponent_form_1_Template, 22, 27, "form", 3);
+QueryFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryFormComponent, selectors: [["gen-query-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["form", "ngForm"], ["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], [3, "form"], ["mjFillContainer", "", 3, "TabSelected"], ["Name", "Details"], ["Entity", "Queries", "Section", "details", 3, "record", "EditMode"], ["Name", "Query Fields", 3, "Visible", "Props"], [3, "Params", "NewRecordValues", "AllowLoad", "EditMode", "BottomMargin"], ["Name", "Query Permissions", 3, "Visible", "Props"], ["Name", "Data Context Items", 3, "Visible", "Props"]], template: function QueryFormComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 1);
+        i0.ɵɵtemplate(1, QueryFormComponent_form_1_Template, 20, 27, "form", 2);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
         i0.ɵɵadvance();
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.UserViewGridComponent, i4.SectionLoaderComponent, i5.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}"] });
+    } }, 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.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\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}"] });
 QueryFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Queries') // Tell MemberJunction about this class
 ], QueryFormComponent);
 export { QueryFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-query-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=\"Queries\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                    <mj-tab Name=\"Query Fields\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 137}\">\n                        Query Fields\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Query Fields')\"  \n                            [NewRecordValues]=\"NewRecordValues('Query Fields')\"\n                            [AllowLoad]=\"IsCurrentTab('Query Fields')\"  \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: 139}\">\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\n                    <mj-tab Name=\"Data Context Items\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 173}\">\n                        Data Context Items\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Data Context Items')\"  \n                            [NewRecordValues]=\"NewRecordValues('Data Context Items')\"\n                            [AllowLoad]=\"IsCurrentTab('Data Context 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"] }]
+        args: [{ selector: 'gen-query-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\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    \n                    <mj-tab Name=\"Details\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section \n                            Entity=\"Queries\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                    <mj-tab Name=\"Query Fields\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 137}\">\n                        Query Fields\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Query Fields')\"  \n                            [NewRecordValues]=\"NewRecordValues('Query Fields')\"\n                            [AllowLoad]=\"IsCurrentTab('Query Fields')\"  \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: 139}\">\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\n                    <mj-tab Name=\"Data Context Items\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 173}\">\n                        Data Context Items\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Data Context Items')\"  \n                            [NewRecordValues]=\"NewRecordValues('Data Context Items')\"\n                            [AllowLoad]=\"IsCurrentTab('Data Context 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.tab-header-icon {\n  margin-right: 5px;\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(QueryFormComponent, { className: "QueryFormComponent", filePath: "src/lib/generated/Entities/Query/query.form.component.ts", lineNumber: 12 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryFormComponent, { className: "QueryFormComponent", filePath: "src/lib/generated/Entities/Query/query.form.component.ts", lineNumber: 14 }); })();
 export function LoadQueryFormComponent() {
     LoadQueryDetailsComponent();
 }

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

@@ -52,11 +52,11 @@ let QueryDetailsComponent = class QueryDetailsComponent extends BaseFormSectionC
     }
 };
 QueryDetailsComponent.ɵfac = /*@__PURE__*/ (() => { let ɵQueryDetailsComponent_BaseFactory; return function QueryDetailsComponent_Factory(t) { return (ɵQueryDetailsComponent_BaseFactory || (ɵQueryDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(QueryDetailsComponent)))(t || QueryDetailsComponent); }; })();
-QueryDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryDetailsComponent, selectors: [["gen-query-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", "UserQuestion", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Description", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "CategoryID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "SQL", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "TechnicalDescription", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "OriginalSQL", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Feedback", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Status", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "QualityRank", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ExecutionCostRank", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "UpdatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Category", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function QueryDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+QueryDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryDetailsComponent, selectors: [["gen-query-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", "UserQuestion", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Description", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "CategoryID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "SQL", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "TechnicalDescription", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "OriginalSQL", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Feedback", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Status", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "QualityRank", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ExecutionCostRank", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_UpdatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Category", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function QueryDetailsComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, QueryDetailsComponent_div_0_Template, 16, 42, "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}"] });
+    } }, 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.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\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}"] });
 QueryDetailsComponent = __decorate([
     RegisterClass(BaseFormSectionComponent, 'Queries.details') // Tell MemberJunction about this class 
 ], QueryDetailsComponent);
@@ -146,14 +146,14 @@ export { QueryDetailsComponent };
         <mj-form-field 
             [record]="record"
             [ShowLabel]="true"
-            FieldName="CreatedAt"
+            FieldName="__mj_CreatedAt"
             Type="textbox"
             [EditMode]="EditMode"
         ></mj-form-field>
         <mj-form-field 
             [record]="record"
             [ShowLabel]="true"
-            FieldName="UpdatedAt"
+            FieldName="__mj_UpdatedAt"
             Type="textbox"
             [EditMode]="EditMode"
         ></mj-form-field>
@@ -167,7 +167,7 @@ export { QueryDetailsComponent };
 
     </div>
 </div>
-    `, styles: [".k-pane {\n  background-color: #F5F6FA;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n"] }]
+    `, styles: [".k-pane {\n  background-color: #F5F6FA;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon {\n  margin-right: 5px;\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, { record: [{
             type: Input
         }], EditMode: [{

package/dist/lib/generated/Entities/QueryCategory/querycategory.form.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"querycategory.form.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/generated/Entities/QueryCategory/querycategory.form.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAEpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAElE,qBAMa,0BAA2B,SAAQ,iBAAiB;IACtD,MAAM,EAAG,mBAAmB,CAAC;yCAD3B,0BAA0B;2CAA1B,0BAA0B;CAEtC;AAED,wBAAgB,8BAA8B,SAE7C"}
+{"version":3,"file":"querycategory.form.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/generated/Entities/QueryCategory/querycategory.form.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAEpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAIlE,qBAMa,0BAA2B,SAAQ,iBAAiB;IACtD,MAAM,EAAG,mBAAmB,CAAC;yCAD3B,0BAA0B;2CAA1B,0BAA0B;CAEtC;AAED,wBAAgB,8BAA8B,SAE7C"}

package/dist/lib/generated/Entities/QueryCategory/querycategory.form.component.js

@@ -20,33 +20,34 @@ const _c0 = () => ({ EntityRelationshipID: 135 });
 const _c1 = () => ({ EntityRelationshipID: 136 });
 function QueryCategoryFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "form", 4, 0);
-    i0.ɵɵelement(2, "mj-form-toolbar", 5)(3, "div", 6, 1);
-    i0.ɵɵelementStart(5, "mj-tabstrip", 7);
-    i0.ɵɵlistener("TabSelected", function QueryCategoryFormComponent_form_1_Template_mj_tabstrip_TabSelected_5_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTabSelect($event.index)); });
-    i0.ɵɵelementStart(6, "mj-tab", 8);
-    i0.ɵɵtext(7, " Details ");
+    i0.ɵɵelementStart(0, "form", 3, 0);
+    i0.ɵɵelement(2, "mj-form-toolbar", 4);
+    i0.ɵɵelementStart(3, "mj-tabstrip", 5);
+    i0.ɵɵlistener("TabSelected", function QueryCategoryFormComponent_form_1_Template_mj_tabstrip_TabSelected_3_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTabSelect($event.index)); });
+    i0.ɵɵelementStart(4, "mj-tab", 6);
+    i0.ɵɵtext(5, " Details ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "mj-tab-body");
-    i0.ɵɵelement(9, "mj-form-section", 9);
+    i0.ɵɵelementStart(6, "mj-tab-body");
+    i0.ɵɵelement(7, "mj-form-section", 7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "mj-tab", 10);
-    i0.ɵɵtext(11, " Query Categories ");
+    i0.ɵɵelementStart(8, "mj-tab", 8);
+    i0.ɵɵtext(9, " Query Categories ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "mj-tab-body");
-    i0.ɵɵelement(13, "mj-user-view-grid", 11);
+    i0.ɵɵelementStart(10, "mj-tab-body");
+    i0.ɵɵelement(11, "mj-user-view-grid", 9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "mj-tab", 12);
-    i0.ɵɵtext(15, " Queries ");
+    i0.ɵɵelementStart(12, "mj-tab", 10);
+    i0.ɵɵelement(13, "span", 11);
+    i0.ɵɵtext(14, "Queries ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "mj-tab-body");
-    i0.ɵɵelement(17, "mj-user-view-grid", 11);
+    i0.ɵɵelementStart(15, "mj-tab-body");
+    i0.ɵɵelement(16, "mj-user-view-grid", 9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("form", ctx_r1);
-    i0.ɵɵadvance(7);
+    i0.ɵɵadvance(5);
     i0.ɵɵproperty("record", ctx_r1.record)("EditMode", ctx_r1.EditMode);
     i0.ɵɵadvance();
     i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved)("Props", i0.ɵɵpureFunction0(17, _c0));
@@ -54,30 +55,30 @@ function QueryCategoryFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Query Categories"))("NewRecordValues", ctx_r1.NewRecordValues("Query Categories"))("AllowLoad", ctx_r1.IsCurrentTab("Query Categories"))("EditMode", ctx_r1.GridEditMode())("BottomMargin", ctx_r1.GridBottomMargin);
     i0.ɵɵadvance();
     i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved)("Props", i0.ɵɵpureFunction0(18, _c1));
-    i0.ɵɵadvance(3);
+    i0.ɵɵadvance(4);
     i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Queries"))("NewRecordValues", ctx_r1.NewRecordValues("Queries"))("AllowLoad", ctx_r1.IsCurrentTab("Queries"))("EditMode", ctx_r1.GridEditMode())("BottomMargin", ctx_r1.GridBottomMargin);
 } }
 let QueryCategoryFormComponent = class QueryCategoryFormComponent extends BaseFormComponent {
 };
 QueryCategoryFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵQueryCategoryFormComponent_BaseFactory; return function QueryCategoryFormComponent_Factory(t) { return (ɵQueryCategoryFormComponent_BaseFactory || (ɵQueryCategoryFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(QueryCategoryFormComponent)))(t || QueryCategoryFormComponent); }; })();
-QueryCategoryFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryCategoryFormComponent, selectors: [["gen-querycategory-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["form", "ngForm"], ["topArea", ""], ["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], [3, "form"], [1, "record-form-group"], ["mjFillContainer", "", 3, "TabSelected"], ["Name", "Details"], ["Entity", "Query Categories", "Section", "details", 3, "record", "EditMode"], ["Name", "Query Categories", 3, "Visible", "Props"], [3, "Params", "NewRecordValues", "AllowLoad", "EditMode", "BottomMargin"], ["Name", "Queries", 3, "Visible", "Props"]], template: function QueryCategoryFormComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 2);
-        i0.ɵɵtemplate(1, QueryCategoryFormComponent_form_1_Template, 18, 19, "form", 3);
+QueryCategoryFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryCategoryFormComponent, selectors: [["gen-querycategory-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["form", "ngForm"], ["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], [3, "form"], ["mjFillContainer", "", 3, "TabSelected"], ["Name", "Details"], ["Entity", "Query Categories", "Section", "details", 3, "record", "EditMode"], ["Name", "Query Categories", 3, "Visible", "Props"], [3, "Params", "NewRecordValues", "AllowLoad", "EditMode", "BottomMargin"], ["Name", "Queries", 3, "Visible", "Props"], [1, "fa-solid", "fa-clipboard-question", "tab-header-icon"]], template: function QueryCategoryFormComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 1);
+        i0.ɵɵtemplate(1, QueryCategoryFormComponent_form_1_Template, 17, 19, "form", 2);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
         i0.ɵɵadvance();
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.UserViewGridComponent, i4.SectionLoaderComponent, i5.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}"] });
+    } }, 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.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\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}"] });
 QueryCategoryFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Query Categories') // Tell MemberJunction about this class
 ], QueryCategoryFormComponent);
 export { QueryCategoryFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryCategoryFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-querycategory-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=\"Query Categories\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                    <mj-tab Name=\"Query Categories\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 135}\">\n                        Query Categories\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Query Categories')\"  \n                            [NewRecordValues]=\"NewRecordValues('Query Categories')\"\n                            [AllowLoad]=\"IsCurrentTab('Query Categories')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n\n                    <mj-tab Name=\"Queries\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 136}\">\n                        Queries\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Queries')\"  \n                            [NewRecordValues]=\"NewRecordValues('Queries')\"\n                            [AllowLoad]=\"IsCurrentTab('Queries')\"  \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"] }]
+        args: [{ selector: 'gen-querycategory-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\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    \n                    <mj-tab Name=\"Details\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section \n                            Entity=\"Query Categories\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                    <mj-tab Name=\"Query Categories\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 135}\">\n                        Query Categories\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Query Categories')\"  \n                            [NewRecordValues]=\"NewRecordValues('Query Categories')\"\n                            [AllowLoad]=\"IsCurrentTab('Query Categories')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"Queries\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 136}\">\n                        <span class=\"fa-solid fa-clipboard-question tab-header-icon\"></span>Queries\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Queries')\"  \n                            [NewRecordValues]=\"NewRecordValues('Queries')\"\n                            [AllowLoad]=\"IsCurrentTab('Queries')\"  \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.tab-header-icon {\n  margin-right: 5px;\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(QueryCategoryFormComponent, { className: "QueryCategoryFormComponent", filePath: "src/lib/generated/Entities/QueryCategory/querycategory.form.component.ts", lineNumber: 12 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryCategoryFormComponent, { className: "QueryCategoryFormComponent", filePath: "src/lib/generated/Entities/QueryCategory/querycategory.form.component.ts", lineNumber: 14 }); })();
 export function LoadQueryCategoryFormComponent() {
     LoadQueryCategoryDetailsComponent();
 }

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

@@ -40,11 +40,11 @@ let QueryCategoryDetailsComponent = class QueryCategoryDetailsComponent extends
     }
 };
 QueryCategoryDetailsComponent.ɵfac = /*@__PURE__*/ (() => { let ɵQueryCategoryDetailsComponent_BaseFactory; return function QueryCategoryDetailsComponent_Factory(t) { return (ɵQueryCategoryDetailsComponent_BaseFactory || (ɵQueryCategoryDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(QueryCategoryDetailsComponent)))(t || QueryCategoryDetailsComponent); }; })();
-QueryCategoryDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryCategoryDetailsComponent, selectors: [["gen-querycategory-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "Name", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParentID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Description", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "UpdatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "UserID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Parent", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "User", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function QueryCategoryDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+QueryCategoryDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryCategoryDetailsComponent, selectors: [["gen-querycategory-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "Name", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParentID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Description", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "UserID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_UpdatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Parent", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "User", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function QueryCategoryDetailsComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, QueryCategoryDetailsComponent_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}"] });
+    } }, 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.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\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}"] });
 QueryCategoryDetailsComponent = __decorate([
     RegisterClass(BaseFormSectionComponent, 'Query Categories.details') // Tell MemberJunction about this class 
 ], QueryCategoryDetailsComponent);
@@ -78,24 +78,24 @@ export { QueryCategoryDetailsComponent };
         <mj-form-field 
             [record]="record"
             [ShowLabel]="true"
-            FieldName="CreatedAt"
-            Type="textbox"
+            FieldName="UserID"
+            Type="numerictextbox"
             [EditMode]="EditMode"
+            LinkType="Record"
         ></mj-form-field>
         <mj-form-field 
             [record]="record"
             [ShowLabel]="true"
-            FieldName="UpdatedAt"
+            FieldName="__mj_CreatedAt"
             Type="textbox"
             [EditMode]="EditMode"
         ></mj-form-field>
         <mj-form-field 
             [record]="record"
             [ShowLabel]="true"
-            FieldName="UserID"
-            Type="numerictextbox"
+            FieldName="__mj_UpdatedAt"
+            Type="textbox"
             [EditMode]="EditMode"
-            LinkType="Record"
         ></mj-form-field>
         <mj-form-field 
             [record]="record"
@@ -114,7 +114,7 @@ export { QueryCategoryDetailsComponent };
 
     </div>
 </div>
-    `, styles: [".k-pane {\n  background-color: #F5F6FA;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n"] }]
+    `, styles: [".k-pane {\n  background-color: #F5F6FA;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon {\n  margin-right: 5px;\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, { record: [{
             type: Input
         }], EditMode: [{

package/dist/lib/generated/Entities/QueryField/queryfield.form.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"queryfield.form.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/generated/Entities/QueryField/queryfield.form.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAElE,qBAMa,uBAAwB,SAAQ,iBAAiB;IACnD,MAAM,EAAG,gBAAgB,CAAC;yCADxB,uBAAuB;2CAAvB,uBAAuB;CAEnC;AAED,wBAAgB,2BAA2B,SAE1C"}
+{"version":3,"file":"queryfield.form.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/generated/Entities/QueryField/queryfield.form.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAGlE,qBAMa,uBAAwB,SAAQ,iBAAiB;IACnD,MAAM,EAAG,gBAAgB,CAAC;yCADxB,uBAAuB;2CAAvB,uBAAuB;CAEnC;AAED,wBAAgB,2BAA2B,SAE1C"}

package/dist/lib/generated/Entities/QueryField/queryfield.form.component.js

@@ -17,44 +17,44 @@ import * as i5 from "@memberjunction/ng-tabstrip";
 import * as i6 from "@memberjunction/ng-container-directives";
 function QueryFieldFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "form", 4, 0);
-    i0.ɵɵelement(2, "mj-form-toolbar", 5)(3, "div", 6, 1);
-    i0.ɵɵelementStart(5, "mj-tabstrip", 7);
-    i0.ɵɵlistener("TabSelected", function QueryFieldFormComponent_form_1_Template_mj_tabstrip_TabSelected_5_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTabSelect($event.index)); });
-    i0.ɵɵelementStart(6, "mj-tab", 8);
-    i0.ɵɵtext(7, " Details ");
+    i0.ɵɵelementStart(0, "form", 3, 0);
+    i0.ɵɵelement(2, "mj-form-toolbar", 4);
+    i0.ɵɵelementStart(3, "mj-tabstrip", 5);
+    i0.ɵɵlistener("TabSelected", function QueryFieldFormComponent_form_1_Template_mj_tabstrip_TabSelected_3_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTabSelect($event.index)); });
+    i0.ɵɵelementStart(4, "mj-tab", 6);
+    i0.ɵɵtext(5, " Details ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "mj-tab-body");
-    i0.ɵɵelement(9, "mj-form-section", 9);
+    i0.ɵɵelementStart(6, "mj-tab-body");
+    i0.ɵɵelement(7, "mj-form-section", 7);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("form", ctx_r1);
-    i0.ɵɵadvance(7);
+    i0.ɵɵadvance(5);
     i0.ɵɵproperty("record", ctx_r1.record)("EditMode", ctx_r1.EditMode);
 } }
 let QueryFieldFormComponent = class QueryFieldFormComponent extends BaseFormComponent {
 };
 QueryFieldFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵQueryFieldFormComponent_BaseFactory; return function QueryFieldFormComponent_Factory(t) { return (ɵQueryFieldFormComponent_BaseFactory || (ɵQueryFieldFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(QueryFieldFormComponent)))(t || QueryFieldFormComponent); }; })();
-QueryFieldFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryFieldFormComponent, selectors: [["gen-queryfield-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["form", "ngForm"], ["topArea", ""], ["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], [3, "form"], [1, "record-form-group"], ["mjFillContainer", "", 3, "TabSelected"], ["Name", "Details"], ["Entity", "Query Fields", "Section", "details", 3, "record", "EditMode"]], template: function QueryFieldFormComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 2);
-        i0.ɵɵtemplate(1, QueryFieldFormComponent_form_1_Template, 10, 3, "form", 3);
+QueryFieldFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryFieldFormComponent, selectors: [["gen-queryfield-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["form", "ngForm"], ["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], [3, "form"], ["mjFillContainer", "", 3, "TabSelected"], ["Name", "Details"], ["Entity", "Query Fields", "Section", "details", 3, "record", "EditMode"]], template: function QueryFieldFormComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 1);
+        i0.ɵɵtemplate(1, QueryFieldFormComponent_form_1_Template, 8, 3, "form", 2);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
         i0.ɵɵadvance();
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.SectionLoaderComponent, i4.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.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.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\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}"] });
 QueryFieldFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Query Fields') // Tell MemberJunction about this class
 ], QueryFieldFormComponent);
 export { QueryFieldFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryFieldFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-queryfield-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=\"Query Fields\" \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"] }]
+        args: [{ selector: 'gen-queryfield-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\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    \n                    <mj-tab Name=\"Details\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section \n                            Entity=\"Query Fields\" \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.tab-header-icon {\n  margin-right: 5px;\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(QueryFieldFormComponent, { className: "QueryFieldFormComponent", filePath: "src/lib/generated/Entities/QueryField/queryfield.form.component.ts", lineNumber: 12 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryFieldFormComponent, { className: "QueryFieldFormComponent", filePath: "src/lib/generated/Entities/QueryField/queryfield.form.component.ts", lineNumber: 13 }); })();
 export function LoadQueryFieldFormComponent() {
     LoadQueryFieldDetailsComponent();
 }

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

@@ -56,11 +56,11 @@ let QueryFieldDetailsComponent = class QueryFieldDetailsComponent extends BaseFo
     }
 };
 QueryFieldDetailsComponent.ɵfac = /*@__PURE__*/ (() => { let ɵQueryFieldDetailsComponent_BaseFactory; return function QueryFieldDetailsComponent_Factory(t) { return (ɵQueryFieldDetailsComponent_BaseFactory || (ɵQueryFieldDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(QueryFieldDetailsComponent)))(t || QueryFieldDetailsComponent); }; })();
-QueryFieldDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryFieldDetailsComponent, selectors: [["gen-queryfield-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "QueryID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Name", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Description", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Sequence", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "SQLBaseType", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "SQLFullType", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "SourceEntityID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "SourceFieldName", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "IsComputed", "Type", "checkbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ComputationDescription", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "IsSummary", "Type", "checkbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "SummaryDescription", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "UpdatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Query", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "SourceEntity", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function QueryFieldDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+QueryFieldDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryFieldDetailsComponent, selectors: [["gen-queryfield-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "QueryID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Name", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Description", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Sequence", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "SQLBaseType", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "SQLFullType", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "SourceEntityID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "SourceFieldName", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "IsComputed", "Type", "checkbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ComputationDescription", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "IsSummary", "Type", "checkbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "SummaryDescription", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_UpdatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Query", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "SourceEntity", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function QueryFieldDetailsComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, QueryFieldDetailsComponent_div_0_Template, 18, 48, "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}"] });
+    } }, 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.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\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}"] });
 QueryFieldDetailsComponent = __decorate([
     RegisterClass(BaseFormSectionComponent, 'Query Fields.details') // Tell MemberJunction about this class 
 ], QueryFieldDetailsComponent);
@@ -158,14 +158,14 @@ export { QueryFieldDetailsComponent };
         <mj-form-field 
             [record]="record"
             [ShowLabel]="true"
-            FieldName="CreatedAt"
+            FieldName="__mj_CreatedAt"
             Type="textbox"
             [EditMode]="EditMode"
         ></mj-form-field>
         <mj-form-field 
             [record]="record"
             [ShowLabel]="true"
-            FieldName="UpdatedAt"
+            FieldName="__mj_UpdatedAt"
             Type="textbox"
             [EditMode]="EditMode"
         ></mj-form-field>
@@ -186,7 +186,7 @@ export { QueryFieldDetailsComponent };
 
     </div>
 </div>
-    `, styles: [".k-pane {\n  background-color: #F5F6FA;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n"] }]
+    `, styles: [".k-pane {\n  background-color: #F5F6FA;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon {\n  margin-right: 5px;\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, { record: [{
             type: Input
         }], EditMode: [{

package/dist/lib/generated/Entities/QueryPermission/querypermission.form.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"querypermission.form.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/generated/Entities/QueryPermission/querypermission.form.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAElE,qBAMa,4BAA6B,SAAQ,iBAAiB;IACxD,MAAM,EAAG,qBAAqB,CAAC;yCAD7B,4BAA4B;2CAA5B,4BAA4B;CAExC;AAED,wBAAgB,gCAAgC,SAE/C"}
+{"version":3,"file":"querypermission.form.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/generated/Entities/QueryPermission/querypermission.form.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAGlE,qBAMa,4BAA6B,SAAQ,iBAAiB;IACxD,MAAM,EAAG,qBAAqB,CAAC;yCAD7B,4BAA4B;2CAA5B,4BAA4B;CAExC;AAED,wBAAgB,gCAAgC,SAE/C"}