@memberjunction/ng-core-entity-forms 0.9.165 → 0.9.166

package/dist/lib/generated/Entities/CompanyIntegrationRun/companyintegrationrun.form.component.js

@@ -11,97 +11,78 @@ import { LoadCompanyIntegrationRunDetailsComponent } from "./sections/details.co
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
-import * as i3 from "@progress/kendo-angular-layout";
-import * as i4 from "@memberjunction/ng-user-view-grid";
-import * as i5 from "@memberjunction/ng-base-forms";
-function CompanyIntegrationRunFormComponent_form_1_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Details");
-} }
-function CompanyIntegrationRunFormComponent_form_1_ng_template_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-form-section", 12);
-} if (rf & 2) {
-    const ctx_r5 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("record", ctx_r5.record)("EditMode", ctx_r5.EditMode);
-} }
-function CompanyIntegrationRunFormComponent_form_1_ng_template_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Company Integration Run API Logs");
-} }
-function CompanyIntegrationRunFormComponent_form_1_ng_template_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-user-view-grid", 13);
-} if (rf & 2) {
-    const ctx_r7 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Params", ctx_r7.BuildRelationshipViewParamsByEntityName("Company Integration Run API Logs"))("AllowLoad", ctx_r7.IsCurrentTab("Company Integration Run API Logs"))("EditMode", ctx_r7.GridEditMode())("BottomMargin", ctx_r7.GridBottomMargin);
-} }
-function CompanyIntegrationRunFormComponent_form_1_ng_template_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Error Logs");
-} }
-function CompanyIntegrationRunFormComponent_form_1_ng_template_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-user-view-grid", 13);
-} if (rf & 2) {
-    const ctx_r9 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Params", ctx_r9.BuildRelationshipViewParamsByEntityName("Error Logs"))("AllowLoad", ctx_r9.IsCurrentTab("Error Logs"))("EditMode", ctx_r9.GridEditMode())("BottomMargin", ctx_r9.GridBottomMargin);
-} }
-function CompanyIntegrationRunFormComponent_form_1_ng_template_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Company Integration Run Details");
-} }
-function CompanyIntegrationRunFormComponent_form_1_ng_template_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-user-view-grid", 13);
-} if (rf & 2) {
-    const ctx_r11 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Params", ctx_r11.BuildRelationshipViewParamsByEntityName("Company Integration Run Details"))("AllowLoad", ctx_r11.IsCurrentTab("Company Integration Run Details"))("EditMode", ctx_r11.GridEditMode())("BottomMargin", ctx_r11.GridBottomMargin);
-} }
+import * as i3 from "@memberjunction/ng-user-view-grid";
+import * as i4 from "@memberjunction/ng-base-forms";
+import * as i5 from "@memberjunction/ng-tabstrip";
+import * as i6 from "@memberjunction/ng-container-directives";
 function CompanyIntegrationRunFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "form", 2, 3)(2, "div", 4, 5);
-    i0.ɵɵelement(4, "mj-form-toolbar", 6);
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "form", 2, 3);
+    i0.ɵɵelement(2, "div", 4, 5);
+    i0.ɵɵelementStart(4, "mj-tabstrip", 6);
+    i0.ɵɵlistener("TabSelected", function CompanyIntegrationRunFormComponent_form_1_Template_mj_tabstrip_TabSelected_4_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onTabSelect($event.index)); });
+    i0.ɵɵelementStart(5, "mj-tab", 7);
+    i0.ɵɵtext(6, " Details ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "mj-tab-body");
+    i0.ɵɵelement(8, "mj-form-section", 8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "mj-tab", 7);
+    i0.ɵɵtext(10, " Company Integration Run API Logs ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "kendo-tabstrip", 7, 8);
-    i0.ɵɵlistener("tabSelect", function CompanyIntegrationRunFormComponent_form_1_Template_kendo_tabstrip_tabSelect_5_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r12 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r12.onTabSelect($event)); });
-    i0.ɵɵelementStart(7, "kendo-tabstrip-tab", 9);
-    i0.ɵɵtemplate(8, CompanyIntegrationRunFormComponent_form_1_ng_template_8_Template, 1, 0, "ng-template", 10)(9, CompanyIntegrationRunFormComponent_form_1_ng_template_9_Template, 1, 2, "ng-template", 11);
+    i0.ɵɵelementStart(11, "mj-tab-body");
+    i0.ɵɵelement(12, "mj-user-view-grid", 9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "kendo-tabstrip-tab", 9);
-    i0.ɵɵtemplate(11, CompanyIntegrationRunFormComponent_form_1_ng_template_11_Template, 1, 0, "ng-template", 10)(12, CompanyIntegrationRunFormComponent_form_1_ng_template_12_Template, 1, 4, "ng-template", 11);
+    i0.ɵɵelementStart(13, "mj-tab", 7);
+    i0.ɵɵtext(14, " Error Logs ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "kendo-tabstrip-tab", 9);
-    i0.ɵɵtemplate(14, CompanyIntegrationRunFormComponent_form_1_ng_template_14_Template, 1, 0, "ng-template", 10)(15, CompanyIntegrationRunFormComponent_form_1_ng_template_15_Template, 1, 4, "ng-template", 11);
+    i0.ɵɵelementStart(15, "mj-tab-body");
+    i0.ɵɵelement(16, "mj-user-view-grid", 9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "kendo-tabstrip-tab", 9);
-    i0.ɵɵtemplate(17, CompanyIntegrationRunFormComponent_form_1_ng_template_17_Template, 1, 0, "ng-template", 10)(18, CompanyIntegrationRunFormComponent_form_1_ng_template_18_Template, 1, 4, "ng-template", 11);
+    i0.ɵɵelementStart(17, "mj-tab", 7);
+    i0.ɵɵtext(18, " Company Integration Run Details ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "mj-tab-body");
+    i0.ɵɵelement(20, "mj-user-view-grid", 9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("form", ctx_r0);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("keepTabContent", true)("animate", false)("height", ctx_r0.TabHeight);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
+    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Company Integration Run API Logs"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Company Integration Run API Logs"));
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Company Integration Run API Logs"))("AllowLoad", ctx_r0.IsCurrentTab("Company Integration Run API Logs"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Error Logs"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Error Logs"));
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Error Logs"))("AllowLoad", ctx_r0.IsCurrentTab("Error Logs"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Company Integration Run Details"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Company Integration Run Details"));
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Company Integration Run Details"))("AllowLoad", ctx_r0.IsCurrentTab("Company Integration Run Details"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
 } }
 let CompanyIntegrationRunFormComponent = class CompanyIntegrationRunFormComponent extends BaseFormComponent {
 };
 CompanyIntegrationRunFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵCompanyIntegrationRunFormComponent_BaseFactory; return function CompanyIntegrationRunFormComponent_Factory(t) { return (ɵCompanyIntegrationRunFormComponent_BaseFactory || (ɵCompanyIntegrationRunFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CompanyIntegrationRunFormComponent)))(t || CompanyIntegrationRunFormComponent); }; })();
-CompanyIntegrationRunFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CompanyIntegrationRunFormComponent, selectors: [["gen-companyintegrationrun-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[1, "record-form-container"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], ["form", "ngForm"], [1, "record-form-group"], ["topArea", ""], [3, "form"], [3, "keepTabContent", "animate", "height", "tabSelect"], ["tabStrip", ""], [3, "selected"], ["kendoTabTitle", ""], ["kendoTabContent", ""], ["Entity", "Company Integration Runs", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function CompanyIntegrationRunFormComponent_Template(rf, ctx) { if (rf & 1) {
+CompanyIntegrationRunFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CompanyIntegrationRunFormComponent, selectors: [["gen-companyintegrationrun-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], ["form", "ngForm"], [1, "record-form-group"], ["topArea", ""], ["mjFillContainer", "", 3, "TabSelected"], [3, "TabSelected"], ["Entity", "Company Integration Runs", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function CompanyIntegrationRunFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, CompanyIntegrationRunFormComponent_form_1_Template, 19, 8, "form", 1);
+        i0.ɵɵtemplate(1, CompanyIntegrationRunFormComponent_form_1_Template, 21, 18, "form", 1);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
+        i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
         i0.ɵɵadvance();
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.TabStripComponent, i3.TabStripTabComponent, i3.TabContentDirective, i3.TabTitleDirective, i4.UserViewGridComponent, i5.SectionLoaderComponent, i5.FormToolbarComponent], styles: ["a[_ngcontent-%COMP%] {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group[_ngcontent-%COMP%] {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter[_ngcontent-%COMP%] {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row[_ngcontent-%COMP%] {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row[_ngcontent-%COMP%] {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}"] });
+    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.UserViewGridComponent, i4.SectionLoaderComponent, i5.MJTabStripComponent, i5.MJTabBodyComponent, i5.MJTabComponent, i6.FillContainer], styles: [".k-pane[_ngcontent-%COMP%] {\r\n  background-color: #F5F6FA;\r\n} \r\n\r\n\r\na[_ngcontent-%COMP%] {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] {\r\n  display: block;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group[_ngcontent-%COMP%] {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter[_ngcontent-%COMP%] {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row[_ngcontent-%COMP%] {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row[_ngcontent-%COMP%] {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}"] });
 CompanyIntegrationRunFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Company Integration Runs') // Tell MemberJunction about this class
 ], CompanyIntegrationRunFormComponent);
 export { CompanyIntegrationRunFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CompanyIntegrationRunFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-companyintegrationrun-form', template: "<div class=\"record-form-container\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\">\n                        <div #topArea class=\"record-form-group\">\n                    <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n                    \n                </div>\n                        <kendo-tabstrip #tabStrip (tabSelect)=\"onTabSelect($event)\" [keepTabContent]=\"true\" [animate] = \"false\" [height]=\"TabHeight\" >\n                                \n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        <ng-template kendoTabTitle>Details</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-form-section Entity=\"Company Integration Runs\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                        </ng-template>\n                    </kendo-tabstrip-tab>\n                                          \n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Company Integration Run API Logs')\">\n                        <ng-template kendoTabTitle>Company Integration Run API Logs</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Company Integration Run API Logs')\"  \n                                               [AllowLoad]=\"this.IsCurrentTab('Company Integration Run API Logs')\"  \n                                               [EditMode]=\"this.GridEditMode()\"  \n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\n                        </ng-template>\n                    </kendo-tabstrip-tab>\n          \n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Error Logs')\">\n                        <ng-template kendoTabTitle>Error Logs</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Error Logs')\"  \n                                               [AllowLoad]=\"this.IsCurrentTab('Error Logs')\"  \n                                               [EditMode]=\"this.GridEditMode()\"  \n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\n                        </ng-template>\n                    </kendo-tabstrip-tab>\n          \n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Company Integration Run Details')\">\n                        <ng-template kendoTabTitle>Company Integration Run Details</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Company Integration Run Details')\"  \n                                               [AllowLoad]=\"this.IsCurrentTab('Company Integration Run Details')\"  \n                                               [EditMode]=\"this.GridEditMode()\"  \n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\n                        </ng-template>\n                    </kendo-tabstrip-tab>\n                            </kendo-tabstrip>\n    </form>\n  </div>\n    ", styles: ["a {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form h2 {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n/* .record-form .record-form-row:nth-child(odd) {\r\n  background-color: #f2f2f2; \r\n} */\r\n\r\n/* \r\n.record-form .record-form-row:nth-child(even) {\r\n  background-color: #ffffff;  \r\n} */\r\n\r\n.record-form .record-form-row > :first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form .record-form-row > span {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row label {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n"] }]
+        args: [{ selector: 'gen-companyintegrationrun-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\n                <div #topArea class=\"record-form-group\">\n                    \n                </div>\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section Entity=\"Company Integration Runs\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                     \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Company Integration Run API Logs')\">\n                        Company Integration Run API Logs\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Company Integration Run API Logs')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Company Integration Run API Logs')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Error Logs')\">\n                        Error Logs\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Error Logs')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Error Logs')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Company Integration Run Details')\">\n                        Company Integration Run Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Company Integration Run Details')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Company Integration Run Details')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n                </mj-tabstrip>\n    </form>\n  </div>\n    ", styles: [".k-pane {\r\n  background-color: #F5F6FA;\r\n} \r\n\r\n\r\na {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form {\r\n  display: block;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form h2 {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n/* .record-form .record-form-row:nth-child(odd) {\r\n  background-color: #f2f2f2; \r\n} */\r\n\r\n/* \r\n.record-form .record-form-row:nth-child(even) {\r\n  background-color: #ffffff;  \r\n} */\r\n\r\n.record-form .record-form-row > :first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form .record-form-row > span {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row label {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompanyIntegrationRunFormComponent, { className: "CompanyIntegrationRunFormComponent", filePath: "src\\lib\\generated\\Entities\\CompanyIntegrationRun\\companyintegrationrun.form.component.ts", lineNumber: 12 }); })();
 export function LoadCompanyIntegrationRunFormComponent() {

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

@@ -160,7 +160,7 @@ CompanyIntegrationRunDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineCompone
         i0.ɵɵtemplate(0, CompanyIntegrationRunDetailsComponent_div_0_Template, 3, 2, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.NgControlStatus, i2.NgModel, i3.TextBoxComponent, i3.NumericTextBoxComponent, i4.DatePickerComponent, i5.FieldLink], styles: ["a[_ngcontent-%COMP%] {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group[_ngcontent-%COMP%] {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter[_ngcontent-%COMP%] {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row[_ngcontent-%COMP%] {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row[_ngcontent-%COMP%] {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}"] });
+    } }, dependencies: [i1.NgIf, i2.NgControlStatus, i2.NgModel, i3.TextBoxComponent, i3.NumericTextBoxComponent, i4.DatePickerComponent, i5.FieldLink], styles: [".k-pane[_ngcontent-%COMP%] {\r\n  background-color: #F5F6FA;\r\n} \r\n\r\n\r\na[_ngcontent-%COMP%] {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] {\r\n  display: block;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group[_ngcontent-%COMP%] {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter[_ngcontent-%COMP%] {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row[_ngcontent-%COMP%] {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row[_ngcontent-%COMP%] {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}"] });
 CompanyIntegrationRunDetailsComponent = __decorate([
     RegisterClass(BaseFormSectionComponent, 'Company Integration Runs.details') // Tell MemberJunction about this class 
 ], CompanyIntegrationRunDetailsComponent);
@@ -231,7 +231,7 @@ export { CompanyIntegrationRunDetailsComponent };
         </div>
     </div>
 </div>
-    `, styles: ["a {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form h2 {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n/* .record-form .record-form-row:nth-child(odd) {\r\n  background-color: #f2f2f2; \r\n} */\r\n\r\n/* \r\n.record-form .record-form-row:nth-child(even) {\r\n  background-color: #ffffff;  \r\n} */\r\n\r\n.record-form .record-form-row > :first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form .record-form-row > span {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row label {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n"] }]
+    `, styles: [".k-pane {\r\n  background-color: #F5F6FA;\r\n} \r\n\r\n\r\na {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form {\r\n  display: block;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form h2 {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n/* .record-form .record-form-row:nth-child(odd) {\r\n  background-color: #f2f2f2; \r\n} */\r\n\r\n/* \r\n.record-form .record-form-row:nth-child(even) {\r\n  background-color: #ffffff;  \r\n} */\r\n\r\n.record-form .record-form-row > :first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form .record-form-row > span {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row label {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n"] }]
     }], null, { record: [{
             type: Input
         }], EditMode: [{

package/dist/lib/generated/Entities/CompanyIntegrationRunAPILog/companyintegrationrunapilog.form.component.js

@@ -11,54 +11,47 @@ import { LoadCompanyIntegrationRunAPILogDetailsComponent } from "./sections/deta
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
-import * as i3 from "@progress/kendo-angular-layout";
-import * as i4 from "@memberjunction/ng-base-forms";
-function CompanyIntegrationRunAPILogFormComponent_form_1_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Details");
-} }
-function CompanyIntegrationRunAPILogFormComponent_form_1_ng_template_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-form-section", 12);
-} if (rf & 2) {
-    const ctx_r5 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("record", ctx_r5.record)("EditMode", ctx_r5.EditMode);
-} }
+import * as i3 from "@memberjunction/ng-base-forms";
+import * as i4 from "@memberjunction/ng-tabstrip";
+import * as i5 from "@memberjunction/ng-container-directives";
 function CompanyIntegrationRunAPILogFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "form", 2, 3)(2, "div", 4, 5);
-    i0.ɵɵelement(4, "mj-form-toolbar", 6);
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "form", 2, 3);
+    i0.ɵɵelement(2, "div", 4, 5);
+    i0.ɵɵelementStart(4, "mj-tabstrip", 6);
+    i0.ɵɵlistener("TabSelected", function CompanyIntegrationRunAPILogFormComponent_form_1_Template_mj_tabstrip_TabSelected_4_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onTabSelect($event.index)); });
+    i0.ɵɵelementStart(5, "mj-tab", 7);
+    i0.ɵɵtext(6, " Details ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "kendo-tabstrip", 7, 8);
-    i0.ɵɵlistener("tabSelect", function CompanyIntegrationRunAPILogFormComponent_form_1_Template_kendo_tabstrip_tabSelect_5_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.onTabSelect($event)); });
-    i0.ɵɵelementStart(7, "kendo-tabstrip-tab", 9);
-    i0.ɵɵtemplate(8, CompanyIntegrationRunAPILogFormComponent_form_1_ng_template_8_Template, 1, 0, "ng-template", 10)(9, CompanyIntegrationRunAPILogFormComponent_form_1_ng_template_9_Template, 1, 2, "ng-template", 11);
+    i0.ɵɵelementStart(7, "mj-tab-body");
+    i0.ɵɵelement(8, "mj-form-section", 8);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("form", ctx_r0);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("keepTabContent", true)("animate", false)("height", ctx_r0.TabHeight);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
 } }
 let CompanyIntegrationRunAPILogFormComponent = class CompanyIntegrationRunAPILogFormComponent extends BaseFormComponent {
 };
 CompanyIntegrationRunAPILogFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵCompanyIntegrationRunAPILogFormComponent_BaseFactory; return function CompanyIntegrationRunAPILogFormComponent_Factory(t) { return (ɵCompanyIntegrationRunAPILogFormComponent_BaseFactory || (ɵCompanyIntegrationRunAPILogFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CompanyIntegrationRunAPILogFormComponent)))(t || CompanyIntegrationRunAPILogFormComponent); }; })();
-CompanyIntegrationRunAPILogFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CompanyIntegrationRunAPILogFormComponent, selectors: [["gen-companyintegrationrunapilog-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[1, "record-form-container"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], ["form", "ngForm"], [1, "record-form-group"], ["topArea", ""], [3, "form"], [3, "keepTabContent", "animate", "height", "tabSelect"], ["tabStrip", ""], [3, "selected"], ["kendoTabTitle", ""], ["kendoTabContent", ""], ["Entity", "Company Integration Run API Logs", "Section", "details", 3, "record", "EditMode"]], template: function CompanyIntegrationRunAPILogFormComponent_Template(rf, ctx) { if (rf & 1) {
+CompanyIntegrationRunAPILogFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CompanyIntegrationRunAPILogFormComponent, selectors: [["gen-companyintegrationrunapilog-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], ["form", "ngForm"], [1, "record-form-group"], ["topArea", ""], ["mjFillContainer", "", 3, "TabSelected"], [3, "TabSelected"], ["Entity", "Company Integration Run API Logs", "Section", "details", 3, "record", "EditMode"]], template: function CompanyIntegrationRunAPILogFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, CompanyIntegrationRunAPILogFormComponent_form_1_Template, 10, 5, "form", 1);
+        i0.ɵɵtemplate(1, CompanyIntegrationRunAPILogFormComponent_form_1_Template, 9, 3, "form", 1);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
+        i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
         i0.ɵɵadvance();
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.TabStripComponent, i3.TabStripTabComponent, i3.TabContentDirective, i3.TabTitleDirective, i4.SectionLoaderComponent, i4.FormToolbarComponent], styles: ["a[_ngcontent-%COMP%] {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group[_ngcontent-%COMP%] {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter[_ngcontent-%COMP%] {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row[_ngcontent-%COMP%] {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row[_ngcontent-%COMP%] {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}"] });
+    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.SectionLoaderComponent, i4.MJTabStripComponent, i4.MJTabBodyComponent, i4.MJTabComponent, i5.FillContainer], styles: [".k-pane[_ngcontent-%COMP%] {\r\n  background-color: #F5F6FA;\r\n} \r\n\r\n\r\na[_ngcontent-%COMP%] {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] {\r\n  display: block;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group[_ngcontent-%COMP%] {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter[_ngcontent-%COMP%] {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row[_ngcontent-%COMP%] {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row[_ngcontent-%COMP%] {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}"] });
 CompanyIntegrationRunAPILogFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Company Integration Run API Logs') // Tell MemberJunction about this class
 ], CompanyIntegrationRunAPILogFormComponent);
 export { CompanyIntegrationRunAPILogFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CompanyIntegrationRunAPILogFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-companyintegrationrunapilog-form', template: "<div class=\"record-form-container\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\">\n                        <div #topArea class=\"record-form-group\">\n                    <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n                    \n                </div>\n                        <kendo-tabstrip #tabStrip (tabSelect)=\"onTabSelect($event)\" [keepTabContent]=\"true\" [animate] = \"false\" [height]=\"TabHeight\" >\n                                \n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        <ng-template kendoTabTitle>Details</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-form-section Entity=\"Company Integration Run API Logs\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                        </ng-template>\n                    </kendo-tabstrip-tab>\n                                \n                            </kendo-tabstrip>\n    </form>\n  </div>\n    ", styles: ["a {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form h2 {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n/* .record-form .record-form-row:nth-child(odd) {\r\n  background-color: #f2f2f2; \r\n} */\r\n\r\n/* \r\n.record-form .record-form-row:nth-child(even) {\r\n  background-color: #ffffff;  \r\n} */\r\n\r\n.record-form .record-form-row > :first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form .record-form-row > span {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row label {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n"] }]
+        args: [{ selector: 'gen-companyintegrationrunapilog-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\n                <div #topArea class=\"record-form-group\">\n                    \n                </div>\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section Entity=\"Company Integration Run API Logs\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                    \n                </mj-tabstrip>\n    </form>\n  </div>\n    ", styles: [".k-pane {\r\n  background-color: #F5F6FA;\r\n} \r\n\r\n\r\na {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form {\r\n  display: block;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form h2 {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n/* .record-form .record-form-row:nth-child(odd) {\r\n  background-color: #f2f2f2; \r\n} */\r\n\r\n/* \r\n.record-form .record-form-row:nth-child(even) {\r\n  background-color: #ffffff;  \r\n} */\r\n\r\n.record-form .record-form-row > :first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form .record-form-row > span {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row label {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompanyIntegrationRunAPILogFormComponent, { className: "CompanyIntegrationRunAPILogFormComponent", filePath: "src\\lib\\generated\\Entities\\CompanyIntegrationRunAPILog\\companyintegrationrunapilog.form.component.ts", lineNumber: 12 }); })();
 export function LoadCompanyIntegrationRunAPILogFormComponent() {

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

@@ -145,70 +145,70 @@ CompanyIntegrationRunAPILogDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineC
         i0.ɵɵtemplate(0, CompanyIntegrationRunAPILogDetailsComponent_div_0_Template, 3, 2, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.TextBoxComponent, i3.NumericTextBoxComponent, i3.CheckBoxDirective, i4.DatePickerComponent, i5.FieldLink, i6.DropDownListComponent], styles: ["a[_ngcontent-%COMP%] {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group[_ngcontent-%COMP%] {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter[_ngcontent-%COMP%] {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row[_ngcontent-%COMP%] {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row[_ngcontent-%COMP%] {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}"] });
+    } }, dependencies: [i1.NgIf, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.TextBoxComponent, i3.NumericTextBoxComponent, i3.CheckBoxDirective, i4.DatePickerComponent, i5.FieldLink, i6.DropDownListComponent], styles: [".k-pane[_ngcontent-%COMP%] {\r\n  background-color: #F5F6FA;\r\n} \r\n\r\n\r\na[_ngcontent-%COMP%] {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] {\r\n  display: block;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group[_ngcontent-%COMP%] {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter[_ngcontent-%COMP%] {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row[_ngcontent-%COMP%] {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row[_ngcontent-%COMP%] {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}"] });
 CompanyIntegrationRunAPILogDetailsComponent = __decorate([
     RegisterClass(BaseFormSectionComponent, 'Company Integration Run API Logs.details') // Tell MemberJunction about this class 
 ], CompanyIntegrationRunAPILogDetailsComponent);
 export { CompanyIntegrationRunAPILogDetailsComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CompanyIntegrationRunAPILogDetailsComponent, [{
         type: Component,
-        args: [{ selector: 'gen-companyintegrationrunapilog-form-details', template: `<div *ngIf="this.record">
-    <div *ngIf="this.EditMode" class="record-form">
-                  
-        <div class="record-form-row">
-            <label class="fieldLabel">Company Integration Run ID</label>
-            <kendo-numerictextbox [(value)]="record.CompanyIntegrationRunID" ></kendo-numerictextbox>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Executed At</label>
-            <kendo-datepicker [(value)]="record.ExecutedAt" ></kendo-datepicker>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Is Success</label>
-            <input type="checkbox" [(ngModel)]="record.IsSuccess" kendoCheckBox />   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Request Method</label>
-            <kendo-dropdownlist [data]="['GET', 'POST', 'PUT', 'DELETE', 'PATCH', 'HEAD', 'OPTIONS']" [(ngModel)]="record.RequestMethod!" ></kendo-dropdownlist>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">URL</label>
-            <kendo-textbox [(ngModel)]="record.URL"  />   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Parameters</label>
-            <kendo-textbox [(ngModel)]="record.Parameters"  />   
-        </div> 
-    </div>
-    <div *ngIf="!this.EditMode" class="record-form">
-                  
-        <div class="record-form-row">
-            <label class="fieldLabel">Company Integration Run ID</label>
-            <span mjFieldLink [record]="record" fieldName="CompanyIntegrationRunID" >{{FormatValue('CompanyIntegrationRunID', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Executed At</label>
-            <span >{{FormatValue('ExecutedAt', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Is Success</label>
-            <span >{{FormatValue('IsSuccess', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Request Method</label>
-            <span >{{FormatValue('RequestMethod', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">URL</label>
-            <span >{{FormatValue('URL', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Parameters</label>
-            <span >{{FormatValue('Parameters', 0)}}</span>
-        </div>
-    </div>
-</div>
-    `, styles: ["a {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form h2 {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n/* .record-form .record-form-row:nth-child(odd) {\r\n  background-color: #f2f2f2; \r\n} */\r\n\r\n/* \r\n.record-form .record-form-row:nth-child(even) {\r\n  background-color: #ffffff;  \r\n} */\r\n\r\n.record-form .record-form-row > :first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form .record-form-row > span {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row label {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n"] }]
+        args: [{ selector: 'gen-companyintegrationrunapilog-form-details', template: `<div *ngIf="this.record">
+    <div *ngIf="this.EditMode" class="record-form">
+                  
+        <div class="record-form-row">
+            <label class="fieldLabel">Company Integration Run ID</label>
+            <kendo-numerictextbox [(value)]="record.CompanyIntegrationRunID" ></kendo-numerictextbox>   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">Executed At</label>
+            <kendo-datepicker [(value)]="record.ExecutedAt" ></kendo-datepicker>   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">Is Success</label>
+            <input type="checkbox" [(ngModel)]="record.IsSuccess" kendoCheckBox />   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">Request Method</label>
+            <kendo-dropdownlist [data]="['GET', 'POST', 'PUT', 'DELETE', 'PATCH', 'HEAD', 'OPTIONS']" [(ngModel)]="record.RequestMethod!" ></kendo-dropdownlist>   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">URL</label>
+            <kendo-textbox [(ngModel)]="record.URL"  />   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">Parameters</label>
+            <kendo-textbox [(ngModel)]="record.Parameters"  />   
+        </div> 
+    </div>
+    <div *ngIf="!this.EditMode" class="record-form">
+                  
+        <div class="record-form-row">
+            <label class="fieldLabel">Company Integration Run ID</label>
+            <span mjFieldLink [record]="record" fieldName="CompanyIntegrationRunID" >{{FormatValue('CompanyIntegrationRunID', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">Executed At</label>
+            <span >{{FormatValue('ExecutedAt', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">Is Success</label>
+            <span >{{FormatValue('IsSuccess', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">Request Method</label>
+            <span >{{FormatValue('RequestMethod', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">URL</label>
+            <span >{{FormatValue('URL', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">Parameters</label>
+            <span >{{FormatValue('Parameters', 0)}}</span>
+        </div>
+    </div>
+</div>
+    `, styles: [".k-pane {\r\n  background-color: #F5F6FA;\r\n} \r\n\r\n\r\na {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form {\r\n  display: block;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form h2 {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n/* .record-form .record-form-row:nth-child(odd) {\r\n  background-color: #f2f2f2; \r\n} */\r\n\r\n/* \r\n.record-form .record-form-row:nth-child(even) {\r\n  background-color: #ffffff;  \r\n} */\r\n\r\n.record-form .record-form-row > :first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form .record-form-row > span {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row label {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n"] }]
     }], null, { record: [{
             type: Input
         }], EditMode: [{

package/dist/lib/generated/Entities/CompanyIntegrationRunDetail/companyintegrationrundetail.form.component.js

@@ -11,69 +11,58 @@ import { LoadCompanyIntegrationRunDetailDetailsComponent } from "./sections/deta
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
-import * as i3 from "@progress/kendo-angular-layout";
-import * as i4 from "@memberjunction/ng-user-view-grid";
-import * as i5 from "@memberjunction/ng-base-forms";
-function CompanyIntegrationRunDetailFormComponent_form_1_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Details");
-} }
-function CompanyIntegrationRunDetailFormComponent_form_1_ng_template_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-form-section", 12);
-} if (rf & 2) {
-    const ctx_r5 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("record", ctx_r5.record)("EditMode", ctx_r5.EditMode);
-} }
-function CompanyIntegrationRunDetailFormComponent_form_1_ng_template_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Error Logs");
-} }
-function CompanyIntegrationRunDetailFormComponent_form_1_ng_template_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-user-view-grid", 13);
-} if (rf & 2) {
-    const ctx_r7 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Params", ctx_r7.BuildRelationshipViewParamsByEntityName("Error Logs"))("AllowLoad", ctx_r7.IsCurrentTab("Error Logs"))("EditMode", ctx_r7.GridEditMode())("BottomMargin", ctx_r7.GridBottomMargin);
-} }
+import * as i3 from "@memberjunction/ng-user-view-grid";
+import * as i4 from "@memberjunction/ng-base-forms";
+import * as i5 from "@memberjunction/ng-tabstrip";
+import * as i6 from "@memberjunction/ng-container-directives";
 function CompanyIntegrationRunDetailFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "form", 2, 3)(2, "div", 4, 5);
-    i0.ɵɵelement(4, "mj-form-toolbar", 6);
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "form", 2, 3);
+    i0.ɵɵelement(2, "div", 4, 5);
+    i0.ɵɵelementStart(4, "mj-tabstrip", 6);
+    i0.ɵɵlistener("TabSelected", function CompanyIntegrationRunDetailFormComponent_form_1_Template_mj_tabstrip_TabSelected_4_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onTabSelect($event.index)); });
+    i0.ɵɵelementStart(5, "mj-tab", 7);
+    i0.ɵɵtext(6, " Details ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "kendo-tabstrip", 7, 8);
-    i0.ɵɵlistener("tabSelect", function CompanyIntegrationRunDetailFormComponent_form_1_Template_kendo_tabstrip_tabSelect_5_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.onTabSelect($event)); });
-    i0.ɵɵelementStart(7, "kendo-tabstrip-tab", 9);
-    i0.ɵɵtemplate(8, CompanyIntegrationRunDetailFormComponent_form_1_ng_template_8_Template, 1, 0, "ng-template", 10)(9, CompanyIntegrationRunDetailFormComponent_form_1_ng_template_9_Template, 1, 2, "ng-template", 11);
+    i0.ɵɵelementStart(7, "mj-tab-body");
+    i0.ɵɵelement(8, "mj-form-section", 8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "kendo-tabstrip-tab", 9);
-    i0.ɵɵtemplate(11, CompanyIntegrationRunDetailFormComponent_form_1_ng_template_11_Template, 1, 0, "ng-template", 10)(12, CompanyIntegrationRunDetailFormComponent_form_1_ng_template_12_Template, 1, 4, "ng-template", 11);
+    i0.ɵɵelementStart(9, "mj-tab", 7);
+    i0.ɵɵtext(10, " Error Logs ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "mj-tab-body");
+    i0.ɵɵelement(12, "mj-user-view-grid", 9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("form", ctx_r0);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("keepTabContent", true)("animate", false)("height", ctx_r0.TabHeight);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
+    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Error Logs"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Error Logs"));
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Error Logs"))("AllowLoad", ctx_r0.IsCurrentTab("Error Logs"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
 } }
 let CompanyIntegrationRunDetailFormComponent = class CompanyIntegrationRunDetailFormComponent extends BaseFormComponent {
 };
 CompanyIntegrationRunDetailFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵCompanyIntegrationRunDetailFormComponent_BaseFactory; return function CompanyIntegrationRunDetailFormComponent_Factory(t) { return (ɵCompanyIntegrationRunDetailFormComponent_BaseFactory || (ɵCompanyIntegrationRunDetailFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CompanyIntegrationRunDetailFormComponent)))(t || CompanyIntegrationRunDetailFormComponent); }; })();
-CompanyIntegrationRunDetailFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CompanyIntegrationRunDetailFormComponent, selectors: [["gen-companyintegrationrundetail-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[1, "record-form-container"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], ["form", "ngForm"], [1, "record-form-group"], ["topArea", ""], [3, "form"], [3, "keepTabContent", "animate", "height", "tabSelect"], ["tabStrip", ""], [3, "selected"], ["kendoTabTitle", ""], ["kendoTabContent", ""], ["Entity", "Company Integration Run Details", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function CompanyIntegrationRunDetailFormComponent_Template(rf, ctx) { if (rf & 1) {
+CompanyIntegrationRunDetailFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CompanyIntegrationRunDetailFormComponent, selectors: [["gen-companyintegrationrundetail-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], ["form", "ngForm"], [1, "record-form-group"], ["topArea", ""], ["mjFillContainer", "", 3, "TabSelected"], [3, "TabSelected"], ["Entity", "Company Integration Run Details", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function CompanyIntegrationRunDetailFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, CompanyIntegrationRunDetailFormComponent_form_1_Template, 13, 6, "form", 1);
+        i0.ɵɵtemplate(1, CompanyIntegrationRunDetailFormComponent_form_1_Template, 13, 8, "form", 1);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
+        i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
         i0.ɵɵadvance();
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.TabStripComponent, i3.TabStripTabComponent, i3.TabContentDirective, i3.TabTitleDirective, i4.UserViewGridComponent, i5.SectionLoaderComponent, i5.FormToolbarComponent], styles: ["a[_ngcontent-%COMP%] {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group[_ngcontent-%COMP%] {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter[_ngcontent-%COMP%] {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row[_ngcontent-%COMP%] {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row[_ngcontent-%COMP%] {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}"] });
+    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.UserViewGridComponent, i4.SectionLoaderComponent, i5.MJTabStripComponent, i5.MJTabBodyComponent, i5.MJTabComponent, i6.FillContainer], styles: [".k-pane[_ngcontent-%COMP%] {\r\n  background-color: #F5F6FA;\r\n} \r\n\r\n\r\na[_ngcontent-%COMP%] {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] {\r\n  display: block;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group[_ngcontent-%COMP%] {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter[_ngcontent-%COMP%] {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row[_ngcontent-%COMP%] {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row[_ngcontent-%COMP%] {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}"] });
 CompanyIntegrationRunDetailFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Company Integration Run Details') // Tell MemberJunction about this class
 ], CompanyIntegrationRunDetailFormComponent);
 export { CompanyIntegrationRunDetailFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CompanyIntegrationRunDetailFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-companyintegrationrundetail-form', template: "<div class=\"record-form-container\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\">\n                        <div #topArea class=\"record-form-group\">\n                    <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n                    \n                </div>\n                        <kendo-tabstrip #tabStrip (tabSelect)=\"onTabSelect($event)\" [keepTabContent]=\"true\" [animate] = \"false\" [height]=\"TabHeight\" >\n                                \n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        <ng-template kendoTabTitle>Details</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-form-section Entity=\"Company Integration Run Details\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                        </ng-template>\n                    </kendo-tabstrip-tab>\n                                          \n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Error Logs')\">\n                        <ng-template kendoTabTitle>Error Logs</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Error Logs')\"  \n                                               [AllowLoad]=\"this.IsCurrentTab('Error Logs')\"  \n                                               [EditMode]=\"this.GridEditMode()\"  \n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\n                        </ng-template>\n                    </kendo-tabstrip-tab>\n                            </kendo-tabstrip>\n    </form>\n  </div>\n    ", styles: ["a {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form h2 {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n/* .record-form .record-form-row:nth-child(odd) {\r\n  background-color: #f2f2f2; \r\n} */\r\n\r\n/* \r\n.record-form .record-form-row:nth-child(even) {\r\n  background-color: #ffffff;  \r\n} */\r\n\r\n.record-form .record-form-row > :first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form .record-form-row > span {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row label {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n"] }]
+        args: [{ selector: 'gen-companyintegrationrundetail-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\n                <div #topArea class=\"record-form-group\">\n                    \n                </div>\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section Entity=\"Company Integration Run Details\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                     \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Error Logs')\">\n                        Error Logs\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Error Logs')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Error Logs')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n                </mj-tabstrip>\n    </form>\n  </div>\n    ", styles: [".k-pane {\r\n  background-color: #F5F6FA;\r\n} \r\n\r\n\r\na {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form {\r\n  display: block;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form h2 {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n/* .record-form .record-form-row:nth-child(odd) {\r\n  background-color: #f2f2f2; \r\n} */\r\n\r\n/* \r\n.record-form .record-form-row:nth-child(even) {\r\n  background-color: #ffffff;  \r\n} */\r\n\r\n.record-form .record-form-row > :first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form .record-form-row > span {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row label {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompanyIntegrationRunDetailFormComponent, { className: "CompanyIntegrationRunDetailFormComponent", filePath: "src\\lib\\generated\\Entities\\CompanyIntegrationRunDetail\\companyintegrationrundetail.form.component.ts", lineNumber: 12 }); })();
 export function LoadCompanyIntegrationRunDetailFormComponent() {