@memberjunction/ng-core-entity-forms 1.8.1 → 2.1.1

package/dist/lib/generated/Entities/List/list.form.component.js

@@ -16,8 +16,8 @@ import * as i4 from "@memberjunction/ng-base-forms";
 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: 31 });
-const _c1 = () => ({ EntityRelationshipID: 198 });
+const _c0 = () => ({ EntityRelationshipID: "4DD0E798-B565-4618-BD94-6F17135ADD79" });
+const _c1 = () => ({ EntityRelationshipID: "EAE2BFC8-22FA-4E9E-9BB1-E3B25D23A40E" });
 function ListFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "form", 3, 0);
@@ -75,7 +75,7 @@ ListFormComponent = __decorate([
 export { ListFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-list-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=\"Lists\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                    <mj-tab Name=\"Details\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 31}\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('List Details')\"  \n                            [NewRecordValues]=\"NewRecordValues('List Details')\"\n                            [AllowLoad]=\"IsCurrentTab('Details')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"Duplicate Runs\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 198}\">\n                        Duplicate Runs\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Duplicate Runs')\"  \n                            [NewRecordValues]=\"NewRecordValues('Duplicate Runs')\"\n                            [AllowLoad]=\"IsCurrentTab('Duplicate Runs')\"  \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"] }]
+        args: [{ selector: 'gen-list-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=\"Lists\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                    <mj-tab Name=\"Details\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: '4DD0E798-B565-4618-BD94-6F17135ADD79'}\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('List Details')\"  \n                            [NewRecordValues]=\"NewRecordValues('List Details')\"\n                            [AllowLoad]=\"IsCurrentTab('Details')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"Duplicate Runs\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 'EAE2BFC8-22FA-4E9E-9BB1-E3B25D23A40E'}\">\n                        Duplicate Runs\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Duplicate Runs')\"  \n                            [NewRecordValues]=\"NewRecordValues('Duplicate Runs')\"\n                            [AllowLoad]=\"IsCurrentTab('Duplicate Runs')\"  \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(ListFormComponent, { className: "ListFormComponent", filePath: "src/lib/generated/Entities/List/list.form.component.ts", lineNumber: 14 }); })();
 export function LoadListFormComponent() {

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

@@ -1 +1 @@
-{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/List/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,qBA8Fa,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/List/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,qBAuGa,oBAAqB,SAAQ,wBAAwB;IAC5C,MAAM,EAAG,UAAU,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAS;yCAFnC,oBAAoB;2CAApB,oBAAoB;CAGhC;AAED,wBAAgB,wBAAwB,SAEvC"}

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

@@ -12,7 +12,7 @@ import * as i1 from "@angular/common";
 import * as i2 from "@memberjunction/ng-base-forms";
 function ListDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div")(1, "div", 1);
-    i0.ɵɵelement(2, "mj-form-field", 2)(3, "mj-form-field", 3)(4, "mj-form-field", 4)(5, "mj-form-field", 5)(6, "mj-form-field", 6)(7, "mj-form-field", 7)(8, "mj-form-field", 8)(9, "mj-form-field", 9)(10, "mj-form-field", 10)(11, "mj-form-field", 11)(12, "mj-form-field", 12);
+    i0.ɵɵelement(2, "mj-form-field", 2)(3, "mj-form-field", 3)(4, "mj-form-field", 4)(5, "mj-form-field", 5)(6, "mj-form-field", 6)(7, "mj-form-field", 7)(8, "mj-form-field", 8)(9, "mj-form-field", 9)(10, "mj-form-field", 10)(11, "mj-form-field", 11)(12, "mj-form-field", 12)(13, "mj-form-field", 13);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -38,6 +38,8 @@ function ListDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
     i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
 } }
 let ListDetailsComponent = class ListDetailsComponent extends BaseFormSectionComponent {
     constructor() {
@@ -46,8 +48,8 @@ let ListDetailsComponent = class ListDetailsComponent extends BaseFormSectionCom
     }
 };
 ListDetailsComponent.ɵfac = /*@__PURE__*/ (() => { let ɵListDetailsComponent_BaseFactory; return function ListDetailsComponent_Factory(t) { return (ɵListDetailsComponent_BaseFactory || (ɵListDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ListDetailsComponent)))(t || ListDetailsComponent); }; })();
-ListDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListDetailsComponent, selectors: [["gen-list-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", "Description", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "EntityID", "Type", "numerictextbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "UserID", "Type", "numerictextbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ExternalSystemRecordID", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "CompanyIntegrationID", "Type", "numerictextbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "CategoryID", "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", "Entity", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "User", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function ListDetailsComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, ListDetailsComponent_div_0_Template, 13, 33, "div", 0);
+ListDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListDetailsComponent, selectors: [["gen-list-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", "Description", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "EntityID", "Type", "textbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "UserID", "Type", "textbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "CategoryID", "Type", "textbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ExternalSystemRecordID", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "CompanyIntegrationID", "Type", "textbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_UpdatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Entity", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "User", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Category", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function ListDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, ListDetailsComponent_div_0_Template, 14, 36, "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.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}"] });
@@ -77,7 +79,7 @@ export { ListDetailsComponent };
             [record]="record"
             [ShowLabel]="true"
             FieldName="EntityID"
-            Type="numerictextbox"
+            Type="textbox"
             [EditMode]="EditMode"
             LinkType="Record"
             LinkComponentType="Search"
@@ -86,7 +88,7 @@ export { ListDetailsComponent };
             [record]="record"
             [ShowLabel]="true"
             FieldName="UserID"
-            Type="numerictextbox"
+            Type="textbox"
             [EditMode]="EditMode"
             LinkType="Record"
             LinkComponentType="Search"
@@ -94,25 +96,27 @@ export { ListDetailsComponent };
         <mj-form-field 
             [record]="record"
             [ShowLabel]="true"
-            FieldName="ExternalSystemRecordID"
+            FieldName="CategoryID"
             Type="textbox"
             [EditMode]="EditMode"
+            LinkType="Record"
+            LinkComponentType="Search"
         ></mj-form-field>
         <mj-form-field 
             [record]="record"
             [ShowLabel]="true"
-            FieldName="CompanyIntegrationID"
-            Type="numerictextbox"
+            FieldName="ExternalSystemRecordID"
+            Type="textbox"
             [EditMode]="EditMode"
-            LinkType="Record"
-            LinkComponentType="Search"
         ></mj-form-field>
         <mj-form-field 
             [record]="record"
             [ShowLabel]="true"
-            FieldName="CategoryID"
-            Type="numerictextbox"
+            FieldName="CompanyIntegrationID"
+            Type="textbox"
             [EditMode]="EditMode"
+            LinkType="Record"
+            LinkComponentType="Search"
         ></mj-form-field>
         <mj-form-field 
             [record]="record"
@@ -142,6 +146,13 @@ export { ListDetailsComponent };
             Type="textbox"
             [EditMode]="EditMode"
         ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="Category"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
 
     </div>
 </div>
@@ -151,7 +162,7 @@ export { ListDetailsComponent };
         }], EditMode: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListDetailsComponent, { className: "ListDetailsComponent", filePath: "src/lib/generated/Entities/List/sections/details.component.ts", lineNumber: 100 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListDetailsComponent, { className: "ListDetailsComponent", filePath: "src/lib/generated/Entities/List/sections/details.component.ts", lineNumber: 109 }); })();
 export function LoadListDetailsComponent() {
     // does nothing, but called in order to prevent tree-shaking from eliminating this component from the build
 }

package/dist/lib/generated/Entities/ListCategory/listcategory.form.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"listcategory.form.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/generated/Entities/ListCategory/listcategory.form.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAEnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAGlE,qBAMa,yBAA0B,SAAQ,iBAAiB;IACrD,MAAM,EAAG,kBAAkB,CAAC;yCAD1B,yBAAyB;2CAAzB,yBAAyB;CAErC;AAED,wBAAgB,6BAA6B,SAE5C"}
+{"version":3,"file":"listcategory.form.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/generated/Entities/ListCategory/listcategory.form.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAEnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAIlE,qBAMa,yBAA0B,SAAQ,iBAAiB;IACrD,MAAM,EAAG,kBAAkB,CAAC;yCAD1B,yBAAyB;2CAAzB,yBAAyB;CAErC;AAED,wBAAgB,6BAA6B,SAE5C"}

package/dist/lib/generated/Entities/ListCategory/listcategory.form.component.js

@@ -11,10 +11,13 @@ import { LoadListCategoryDetailsComponent } from "./sections/details.component";
 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-form-toolbar";
-import * as i5 from "@memberjunction/ng-tabstrip";
-import * as i6 from "@memberjunction/ng-container-directives";
+import * as i3 from "@memberjunction/ng-user-view-grid";
+import * as i4 from "@memberjunction/ng-base-forms";
+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: "26D8BC0C-7E37-EF11-86D4-000D3A4E707E" });
+const _c1 = () => ({ EntityRelationshipID: "27D8BC0C-7E37-EF11-86D4-000D3A4E707E" });
 function ListCategoryFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "form", 3, 0);
@@ -26,6 +29,18 @@ function ListCategoryFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "mj-tab-body");
     i0.ɵɵelement(7, "mj-form-section", 7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "mj-tab", 8);
+    i0.ɵɵtext(9, " List Categories ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "mj-tab-body");
+    i0.ɵɵelement(11, "mj-user-view-grid", 9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "mj-tab", 10);
+    i0.ɵɵtext(13, " Lists ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "mj-tab-body");
+    i0.ɵɵelement(15, "mj-user-view-grid", 9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -33,28 +48,36 @@ function ListCategoryFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("form", ctx_r1);
     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));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("List Categories"))("NewRecordValues", ctx_r1.NewRecordValues("List Categories"))("AllowLoad", ctx_r1.IsCurrentTab("List 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.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Lists"))("NewRecordValues", ctx_r1.NewRecordValues("Lists"))("AllowLoad", ctx_r1.IsCurrentTab("Lists"))("EditMode", ctx_r1.GridEditMode())("BottomMargin", ctx_r1.GridBottomMargin);
 } }
 let ListCategoryFormComponent = class ListCategoryFormComponent extends BaseFormComponent {
 };
 ListCategoryFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵListCategoryFormComponent_BaseFactory; return function ListCategoryFormComponent_Factory(t) { return (ɵListCategoryFormComponent_BaseFactory || (ɵListCategoryFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ListCategoryFormComponent)))(t || ListCategoryFormComponent); }; })();
-ListCategoryFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListCategoryFormComponent, selectors: [["gen-listcategory-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", "List Categories", "Section", "details", 3, "record", "EditMode"]], template: function ListCategoryFormComponent_Template(rf, ctx) { if (rf & 1) {
+ListCategoryFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListCategoryFormComponent, selectors: [["gen-listcategory-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", "List Categories", "Section", "details", 3, "record", "EditMode"], ["Name", "List Categories", 3, "Visible", "Props"], [3, "Params", "NewRecordValues", "AllowLoad", "EditMode", "BottomMargin"], ["Name", "Lists", 3, "Visible", "Props"]], template: function ListCategoryFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 1);
-        i0.ɵɵtemplate(1, ListCategoryFormComponent_form_1_Template, 8, 3, "form", 2);
+        i0.ɵɵtemplate(1, ListCategoryFormComponent_form_1_Template, 16, 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.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}"] });
+    } }, 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}"] });
 ListCategoryFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'List Categories') // Tell MemberJunction about this class
 ], ListCategoryFormComponent);
 export { ListCategoryFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListCategoryFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-listcategory-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=\"List Categories\" \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"] }]
+        args: [{ selector: 'gen-listcategory-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=\"List Categories\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                    <mj-tab Name=\"List Categories\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: '26D8BC0C-7E37-EF11-86D4-000D3A4E707E'}\">\n                        List Categories\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('List Categories')\"  \n                            [NewRecordValues]=\"NewRecordValues('List Categories')\"\n                            [AllowLoad]=\"IsCurrentTab('List Categories')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"Lists\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: '27D8BC0C-7E37-EF11-86D4-000D3A4E707E'}\">\n                        Lists\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Lists')\"  \n                            [NewRecordValues]=\"NewRecordValues('Lists')\"\n                            [AllowLoad]=\"IsCurrentTab('Lists')\"  \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(ListCategoryFormComponent, { className: "ListCategoryFormComponent", filePath: "src/lib/generated/Entities/ListCategory/listcategory.form.component.ts", lineNumber: 13 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListCategoryFormComponent, { className: "ListCategoryFormComponent", filePath: "src/lib/generated/Entities/ListCategory/listcategory.form.component.ts", lineNumber: 14 }); })();
 export function LoadListCategoryFormComponent() {
     LoadListCategoryDetailsComponent();
 }

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

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

@@ -12,7 +12,7 @@ import * as i1 from "@angular/common";
 import * as i2 from "@memberjunction/ng-base-forms";
 function ListCategoryDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div")(1, "div", 1);
-    i0.ɵɵelement(2, "mj-form-field", 2)(3, "mj-form-field", 3)(4, "mj-form-field", 4)(5, "mj-form-field", 5)(6, "mj-form-field", 6)(7, "mj-form-field", 7);
+    i0.ɵɵelement(2, "mj-form-field", 2)(3, "mj-form-field", 3)(4, "mj-form-field", 4)(5, "mj-form-field", 5)(6, "mj-form-field", 6)(7, "mj-form-field", 7)(8, "mj-form-field", 8)(9, "mj-form-field", 9);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -28,6 +28,10 @@ function ListCategoryDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
     i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
 } }
 let ListCategoryDetailsComponent = class ListCategoryDetailsComponent extends BaseFormSectionComponent {
     constructor() {
@@ -36,8 +40,8 @@ let ListCategoryDetailsComponent = class ListCategoryDetailsComponent extends Ba
     }
 };
 ListCategoryDetailsComponent.ɵfac = /*@__PURE__*/ (() => { let ɵListCategoryDetailsComponent_BaseFactory; return function ListCategoryDetailsComponent_Factory(t) { return (ɵListCategoryDetailsComponent_BaseFactory || (ɵListCategoryDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ListCategoryDetailsComponent)))(t || ListCategoryDetailsComponent); }; })();
-ListCategoryDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListCategoryDetailsComponent, selectors: [["gen-listcategory-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", "Description", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParentID", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "UserID", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_UpdatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function ListCategoryDetailsComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, ListCategoryDetailsComponent_div_0_Template, 8, 18, "div", 0);
+ListCategoryDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListCategoryDetailsComponent, selectors: [["gen-listcategory-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", "Description", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParentID", "Type", "textbox", "LinkType", "Record", "LinkComponentType", "Dropdown", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "UserID", "Type", "textbox", "LinkType", "Record", "LinkComponentType", "Dropdown", 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 ListCategoryDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, ListCategoryDetailsComponent_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.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}"] });
@@ -67,15 +71,19 @@ export { ListCategoryDetailsComponent };
             [record]="record"
             [ShowLabel]="true"
             FieldName="ParentID"
-            Type="numerictextbox"
+            Type="textbox"
             [EditMode]="EditMode"
+            LinkType="Record"
+            LinkComponentType="Dropdown"
         ></mj-form-field>
         <mj-form-field 
             [record]="record"
             [ShowLabel]="true"
             FieldName="UserID"
-            Type="numerictextbox"
+            Type="textbox"
             [EditMode]="EditMode"
+            LinkType="Record"
+            LinkComponentType="Dropdown"
         ></mj-form-field>
         <mj-form-field 
             [record]="record"
@@ -91,6 +99,20 @@ export { ListCategoryDetailsComponent };
             Type="textbox"
             [EditMode]="EditMode"
         ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="Parent"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="User"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
 
     </div>
 </div>
@@ -100,7 +122,7 @@ export { ListCategoryDetailsComponent };
         }], EditMode: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListCategoryDetailsComponent, { className: "ListCategoryDetailsComponent", filePath: "src/lib/generated/Entities/ListCategory/sections/details.component.ts", lineNumber: 59 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListCategoryDetailsComponent, { className: "ListCategoryDetailsComponent", filePath: "src/lib/generated/Entities/ListCategory/sections/details.component.ts", lineNumber: 77 }); })();
 export function LoadListCategoryDetailsComponent() {
     // does nothing, but called in order to prevent tree-shaking from eliminating this component from the build
 }

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

@@ -36,7 +36,7 @@ let ListDetailDetailsComponent = class ListDetailDetailsComponent extends BaseFo
     }
 };
 ListDetailDetailsComponent.ɵfac = /*@__PURE__*/ (() => { let ɵListDetailDetailsComponent_BaseFactory; return function ListDetailDetailsComponent_Factory(t) { return (ɵListDetailDetailsComponent_BaseFactory || (ɵListDetailDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ListDetailDetailsComponent)))(t || ListDetailDetailsComponent); }; })();
-ListDetailDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListDetailDetailsComponent, selectors: [["gen-listdetail-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "ListID", "Type", "numerictextbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "RecordID", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Sequence", "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", "List", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function ListDetailDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+ListDetailDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListDetailDetailsComponent, selectors: [["gen-listdetail-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "ListID", "Type", "textbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "RecordID", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Sequence", "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", "List", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function ListDetailDetailsComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, ListDetailDetailsComponent_div_0_Template, 8, 18, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.record);
@@ -53,7 +53,7 @@ export { ListDetailDetailsComponent };
             [record]="record"
             [ShowLabel]="true"
             FieldName="ListID"
-            Type="numerictextbox"
+            Type="textbox"
             [EditMode]="EditMode"
             LinkType="Record"
             LinkComponentType="Search"

package/dist/lib/generated/Entities/OutputDeliveryType/outputdeliverytype.form.component.js

@@ -16,7 +16,7 @@ import * as i4 from "@memberjunction/ng-base-forms";
 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: 112 });
+const _c0 = () => ({ EntityRelationshipID: "4921969D-8307-419E-9B01-CE519C49F014" });
 function OutputDeliveryTypeFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "form", 3, 0);
@@ -65,7 +65,7 @@ OutputDeliveryTypeFormComponent = __decorate([
 export { OutputDeliveryTypeFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OutputDeliveryTypeFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-outputdeliverytype-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=\"Output Delivery Types\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                    <mj-tab Name=\"Reports\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 112}\">\n                        <span class=\"fa-solid fa-chart-line tab-header-icon\"></span>Reports\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Reports')\"  \n                            [NewRecordValues]=\"NewRecordValues('Reports')\"\n                            [AllowLoad]=\"IsCurrentTab('Reports')\"  \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"] }]
+        args: [{ selector: 'gen-outputdeliverytype-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=\"Output Delivery Types\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                    <mj-tab Name=\"Reports\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: '4921969D-8307-419E-9B01-CE519C49F014'}\">\n                        <span class=\"fa-solid fa-chart-line tab-header-icon\"></span>Reports\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Reports')\"  \n                            [NewRecordValues]=\"NewRecordValues('Reports')\"\n                            [AllowLoad]=\"IsCurrentTab('Reports')\"  \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(OutputDeliveryTypeFormComponent, { className: "OutputDeliveryTypeFormComponent", filePath: "src/lib/generated/Entities/OutputDeliveryType/outputdeliverytype.form.component.ts", lineNumber: 14 }); })();
 export function LoadOutputDeliveryTypeFormComponent() {

package/dist/lib/generated/Entities/OutputFormatType/outputformattype.form.component.js

@@ -16,7 +16,7 @@ import * as i4 from "@memberjunction/ng-base-forms";
 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: 111 });
+const _c0 = () => ({ EntityRelationshipID: "EA4B19C2-6DC1-4C78-942A-B6EF3738A160" });
 function OutputFormatTypeFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "form", 3, 0);
@@ -65,7 +65,7 @@ OutputFormatTypeFormComponent = __decorate([
 export { OutputFormatTypeFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OutputFormatTypeFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-outputformattype-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=\"Output Format Types\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                    <mj-tab Name=\"Reports\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 111}\">\n                        <span class=\"fa-solid fa-chart-line tab-header-icon\"></span>Reports\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Reports')\"  \n                            [NewRecordValues]=\"NewRecordValues('Reports')\"\n                            [AllowLoad]=\"IsCurrentTab('Reports')\"  \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"] }]
+        args: [{ selector: 'gen-outputformattype-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=\"Output Format Types\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                    <mj-tab Name=\"Reports\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 'EA4B19C2-6DC1-4C78-942A-B6EF3738A160'}\">\n                        <span class=\"fa-solid fa-chart-line tab-header-icon\"></span>Reports\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Reports')\"  \n                            [NewRecordValues]=\"NewRecordValues('Reports')\"\n                            [AllowLoad]=\"IsCurrentTab('Reports')\"  \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(OutputFormatTypeFormComponent, { className: "OutputFormatTypeFormComponent", filePath: "src/lib/generated/Entities/OutputFormatType/outputformattype.form.component.ts", lineNumber: 14 }); })();
 export function LoadOutputFormatTypeFormComponent() {

package/dist/lib/generated/Entities/OutputTriggerType/outputtriggertype.form.component.js

@@ -16,7 +16,7 @@ import * as i4 from "@memberjunction/ng-base-forms";
 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: 110 });
+const _c0 = () => ({ EntityRelationshipID: "81867A0E-E847-4B82-8BE6-E7C05D99AE53" });
 function OutputTriggerTypeFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "form", 3, 0);
@@ -65,7 +65,7 @@ OutputTriggerTypeFormComponent = __decorate([
 export { OutputTriggerTypeFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OutputTriggerTypeFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-outputtriggertype-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=\"Output Trigger Types\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                    <mj-tab Name=\"Reports\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 110}\">\n                        <span class=\"fa-solid fa-chart-line tab-header-icon\"></span>Reports\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Reports')\"  \n                            [NewRecordValues]=\"NewRecordValues('Reports')\"\n                            [AllowLoad]=\"IsCurrentTab('Reports')\"  \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"] }]
+        args: [{ selector: 'gen-outputtriggertype-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=\"Output Trigger Types\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                    <mj-tab Name=\"Reports\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: '81867A0E-E847-4B82-8BE6-E7C05D99AE53'}\">\n                        <span class=\"fa-solid fa-chart-line tab-header-icon\"></span>Reports\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Reports')\"  \n                            [NewRecordValues]=\"NewRecordValues('Reports')\"\n                            [AllowLoad]=\"IsCurrentTab('Reports')\"  \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(OutputTriggerTypeFormComponent, { className: "OutputTriggerTypeFormComponent", filePath: "src/lib/generated/Entities/OutputTriggerType/outputtriggertype.form.component.ts", lineNumber: 14 }); })();
 export function LoadOutputTriggerTypeFormComponent() {

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

@@ -16,9 +16,9 @@ import * as i4 from "@memberjunction/ng-base-forms";
 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: 137 });
-const _c1 = () => ({ EntityRelationshipID: 139 });
-const _c2 = () => ({ EntityRelationshipID: 173 });
+const _c0 = () => ({ EntityRelationshipID: "489F1E84-1611-4B5D-BC00-792D4044BC32" });
+const _c1 = () => ({ EntityRelationshipID: "DD61A3E7-69CF-434C-9648-C63051CDA523" });
+const _c2 = () => ({ EntityRelationshipID: "6C83DCEA-5A2C-46C7-9294-C95BB00F60E7" });
 function QueryFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "form", 3, 0);
@@ -38,13 +38,13 @@ function QueryFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(11, "mj-user-view-grid", 9);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(12, "mj-tab", 10);
-    i0.ɵɵtext(13, " Query Permissions ");
+    i0.ɵɵtext(13, " Data Context Items ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(14, "mj-tab-body");
     i0.ɵɵelement(15, "mj-user-view-grid", 9);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(16, "mj-tab", 11);
-    i0.ɵɵtext(17, " Data Context Items ");
+    i0.ɵɵtext(17, " Query Permissions ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(18, "mj-tab-body");
     i0.ɵɵelement(19, "mj-user-view-grid", 9);
@@ -62,16 +62,16 @@ function QueryFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved)("Props", i0.ɵɵpureFunction0(25, _c1));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Query Permissions"))("NewRecordValues", ctx_r1.NewRecordValues("Query Permissions"))("AllowLoad", ctx_r1.IsCurrentTab("Query Permissions"))("EditMode", ctx_r1.GridEditMode())("BottomMargin", ctx_r1.GridBottomMargin);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Data Context Items"))("NewRecordValues", ctx_r1.NewRecordValues("Data Context Items"))("AllowLoad", ctx_r1.IsCurrentTab("Data Context Items"))("EditMode", ctx_r1.GridEditMode())("BottomMargin", ctx_r1.GridBottomMargin);
     i0.ɵɵadvance();
     i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved)("Props", i0.ɵɵpureFunction0(26, _c2));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Data Context Items"))("NewRecordValues", ctx_r1.NewRecordValues("Data Context Items"))("AllowLoad", ctx_r1.IsCurrentTab("Data Context Items"))("EditMode", ctx_r1.GridEditMode())("BottomMargin", ctx_r1.GridBottomMargin);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("Query Permissions"))("NewRecordValues", ctx_r1.NewRecordValues("Query Permissions"))("AllowLoad", ctx_r1.IsCurrentTab("Query Permissions"))("EditMode", ctx_r1.GridEditMode())("BottomMargin", ctx_r1.GridBottomMargin);
 } }
 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"], ["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) {
+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", "Data Context Items", 3, "Visible", "Props"], ["Name", "Query Permissions", 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();
@@ -86,7 +86,7 @@ QueryFormComponent = __decorate([
 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\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"] }]
+        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: '489F1E84-1611-4B5D-BC00-792D4044BC32'}\">\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=\"Data Context Items\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 'DD61A3E7-69CF-434C-9648-C63051CDA523'}\">\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\n                    <mj-tab Name=\"Query Permissions\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: '6C83DCEA-5A2C-46C7-9294-C95BB00F60E7'}\">\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.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: 14 }); })();
 export function LoadQueryFormComponent() {