npm - @memberjunction/ng-core-entity-forms - Versions diffs - 0.9.165 → 0.9.169 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (195) hide show

package/dist/lib/generated/Entities/WorkflowEngine/workflowengine.form.component.js CHANGED Viewed

@@ -11,69 +11,58 @@ import { LoadWorkflowEngineDetailsComponent } 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 "@progress/kendo-angular-layout";
-import * as i4 from "@memberjunction/ng-user-view-grid";
-import * as i5 from "@memberjunction/ng-base-forms";
-function WorkflowEngineFormComponent_form_1_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Details");
-} }
-function WorkflowEngineFormComponent_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 WorkflowEngineFormComponent_form_1_ng_template_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Workflows");
-} }
-function WorkflowEngineFormComponent_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("Workflows"))("AllowLoad", ctx_r7.IsCurrentTab("Workflows"))("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 WorkflowEngineFormComponent_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 WorkflowEngineFormComponent_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 WorkflowEngineFormComponent_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, WorkflowEngineFormComponent_form_1_ng_template_8_Template, 1, 0, "ng-template", 10)(9, WorkflowEngineFormComponent_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, WorkflowEngineFormComponent_form_1_ng_template_11_Template, 1, 0, "ng-template", 10)(12, WorkflowEngineFormComponent_form_1_ng_template_12_Template, 1, 4, "ng-template", 11);
+    i0.ɵɵelementStart(9, "mj-tab", 7);
+    i0.ɵɵtext(10, " Workflows ");
+    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("Workflows"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Workflows"));
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Workflows"))("AllowLoad", ctx_r0.IsCurrentTab("Workflows"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
 } }
 let WorkflowEngineFormComponent = class WorkflowEngineFormComponent extends BaseFormComponent {
 };
 WorkflowEngineFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵWorkflowEngineFormComponent_BaseFactory; return function WorkflowEngineFormComponent_Factory(t) { return (ɵWorkflowEngineFormComponent_BaseFactory || (ɵWorkflowEngineFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(WorkflowEngineFormComponent)))(t || WorkflowEngineFormComponent); }; })();
-WorkflowEngineFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WorkflowEngineFormComponent, selectors: [["gen-workflowengine-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", "Workflow Engines", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function WorkflowEngineFormComponent_Template(rf, ctx) { if (rf & 1) {
+WorkflowEngineFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WorkflowEngineFormComponent, selectors: [["gen-workflowengine-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", "Workflow Engines", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function WorkflowEngineFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, WorkflowEngineFormComponent_form_1_Template, 13, 6, "form", 1);
+        i0.ɵɵtemplate(1, WorkflowEngineFormComponent_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}"] });
 WorkflowEngineFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Workflow Engines') // Tell MemberJunction about this class
 ], WorkflowEngineFormComponent);
 export { WorkflowEngineFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkflowEngineFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-workflowengine-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=\"Workflow Engines\" 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('Workflows')\">\n                        <ng-template kendoTabTitle>Workflows</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Workflows')\"  \n                                               [AllowLoad]=\"this.IsCurrentTab('Workflows')\"  \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-workflowengine-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=\"Workflow Engines\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                     \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Workflows')\">\n                        Workflows\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Workflows')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Workflows')\"  \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(WorkflowEngineFormComponent, { className: "WorkflowEngineFormComponent", filePath: "src\\lib\\generated\\Entities\\WorkflowEngine\\workflowengine.form.component.ts", lineNumber: 12 }); })();
 export function LoadWorkflowEngineFormComponent() {

package/dist/lib/generated/Entities/WorkflowRun/sections/details.component.js CHANGED Viewed

@@ -177,86 +177,86 @@ WorkflowRunDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
         i0.ɵɵtemplate(0, WorkflowRunDetailsComponent_div_0_Template, 3, 2, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.NgControlStatus, i2.NgModel, i3.TextBoxComponent, 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.NgControlStatus, i2.NgModel, i3.TextBoxComponent, 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}"] });
 WorkflowRunDetailsComponent = __decorate([
     RegisterClass(BaseFormSectionComponent, 'Workflow Runs.details') // Tell MemberJunction about this class
 ], WorkflowRunDetailsComponent);
 export { WorkflowRunDetailsComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkflowRunDetailsComponent, [{
         type: Component,
-        args: [{ selector: 'gen-workflowrun-form-details', template: `<div *ngIf="this.record">
-    <div *ngIf="this.EditMode" class="record-form">
-        <div class="record-form-row">
-            <label class="fieldLabel">Workflow Name</label>
-            <kendo-textbox [(ngModel)]="record.WorkflowName"  />
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">External System Record</label>
-            <kendo-textbox [(ngModel)]="record.ExternalSystemRecordID"  />
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Started At</label>
-            <kendo-datepicker [(value)]="record.StartedAt" ></kendo-datepicker>
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Ended At</label>
-            <kendo-datepicker [(value)]="record.EndedAt!" ></kendo-datepicker>
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Status</label>
-            <kendo-dropdownlist [data]="['Pending', 'In Progress', 'Complete', 'Failed']" [(ngModel)]="record.Status" ></kendo-dropdownlist>
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Results</label>
-            <kendo-textbox [(ngModel)]="record.Results"  />
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Workflow</label>
-            <span >{{FormatValue('Workflow', 0)}}</span>
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Workflow Engine Name</label>
-            <span >{{FormatValue('WorkflowEngineName', 0)}}</span>
-        </div>
-    </div>
-    <div *ngIf="!this.EditMode" class="record-form">
-        <div class="record-form-row">
-            <label class="fieldLabel">Workflow Name</label>
-            <span mjFieldLink [record]="record" fieldName="WorkflowName" >{{FormatValue('WorkflowName', 0)}}</span>
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">External System Record</label>
-            <span >{{FormatValue('ExternalSystemRecordID', 0)}}</span>
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Started At</label>
-            <span >{{FormatValue('StartedAt', 0)}}</span>
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Ended At</label>
-            <span >{{FormatValue('EndedAt', 0)}}</span>
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Status</label>
-            <span >{{FormatValue('Status', 0)}}</span>
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Results</label>
-            <span >{{FormatValue('Results', 0)}}</span>
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Workflow</label>
-            <span >{{FormatValue('Workflow', 0)}}</span>
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Workflow Engine Name</label>
-            <span >{{FormatValue('WorkflowEngineName', 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-workflowrun-form-details', template: `<div *ngIf="this.record">
+    <div *ngIf="this.EditMode" class="record-form">
+        <div class="record-form-row">
+            <label class="fieldLabel">Workflow Name</label>
+            <kendo-textbox [(ngModel)]="record.WorkflowName"  />
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">External System Record</label>
+            <kendo-textbox [(ngModel)]="record.ExternalSystemRecordID"  />
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Started At</label>
+            <kendo-datepicker [(value)]="record.StartedAt" ></kendo-datepicker>
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Ended At</label>
+            <kendo-datepicker [(value)]="record.EndedAt!" ></kendo-datepicker>
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Status</label>
+            <kendo-dropdownlist [data]="['Pending', 'In Progress', 'Complete', 'Failed']" [(ngModel)]="record.Status" ></kendo-dropdownlist>
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Results</label>
+            <kendo-textbox [(ngModel)]="record.Results"  />
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Workflow</label>
+            <span >{{FormatValue('Workflow', 0)}}</span>
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Workflow Engine Name</label>
+            <span >{{FormatValue('WorkflowEngineName', 0)}}</span>
+        </div>
+    </div>
+    <div *ngIf="!this.EditMode" class="record-form">
+        <div class="record-form-row">
+            <label class="fieldLabel">Workflow Name</label>
+            <span mjFieldLink [record]="record" fieldName="WorkflowName" >{{FormatValue('WorkflowName', 0)}}</span>
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">External System Record</label>
+            <span >{{FormatValue('ExternalSystemRecordID', 0)}}</span>
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Started At</label>
+            <span >{{FormatValue('StartedAt', 0)}}</span>
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Ended At</label>
+            <span >{{FormatValue('EndedAt', 0)}}</span>
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Status</label>
+            <span >{{FormatValue('Status', 0)}}</span>
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Results</label>
+            <span >{{FormatValue('Results', 0)}}</span>
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Workflow</label>
+            <span >{{FormatValue('Workflow', 0)}}</span>
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Workflow Engine Name</label>
+            <span >{{FormatValue('WorkflowEngineName', 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/WorkflowRun/workflowrun.form.component.js CHANGED Viewed

@@ -11,54 +11,47 @@ import { LoadWorkflowRunDetailsComponent } 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 "@progress/kendo-angular-layout";
-import * as i4 from "@memberjunction/ng-base-forms";
-function WorkflowRunFormComponent_form_1_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Details");
-} }
-function WorkflowRunFormComponent_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 WorkflowRunFormComponent_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 WorkflowRunFormComponent_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 WorkflowRunFormComponent_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, WorkflowRunFormComponent_form_1_ng_template_8_Template, 1, 0, "ng-template", 10)(9, WorkflowRunFormComponent_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 WorkflowRunFormComponent = class WorkflowRunFormComponent extends BaseFormComponent {
 };
 WorkflowRunFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵWorkflowRunFormComponent_BaseFactory; return function WorkflowRunFormComponent_Factory(t) { return (ɵWorkflowRunFormComponent_BaseFactory || (ɵWorkflowRunFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(WorkflowRunFormComponent)))(t || WorkflowRunFormComponent); }; })();
-WorkflowRunFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WorkflowRunFormComponent, selectors: [["gen-workflowrun-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", "Workflow Runs", "Section", "details", 3, "record", "EditMode"]], template: function WorkflowRunFormComponent_Template(rf, ctx) { if (rf & 1) {
+WorkflowRunFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WorkflowRunFormComponent, selectors: [["gen-workflowrun-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", "Workflow Runs", "Section", "details", 3, "record", "EditMode"]], template: function WorkflowRunFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, WorkflowRunFormComponent_form_1_Template, 10, 5, "form", 1);
+        i0.ɵɵtemplate(1, WorkflowRunFormComponent_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}"] });
 WorkflowRunFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Workflow Runs') // Tell MemberJunction about this class
 ], WorkflowRunFormComponent);
 export { WorkflowRunFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkflowRunFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-workflowrun-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=\"Workflow Runs\" 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-workflowrun-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=\"Workflow Runs\" 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(WorkflowRunFormComponent, { className: "WorkflowRunFormComponent", filePath: "src\\lib\\generated\\Entities\\WorkflowRun\\workflowrun.form.component.ts", lineNumber: 12 }); })();
 export function LoadWorkflowRunFormComponent() {

package/dist/lib/generated/Entities/Workspace/sections/details.component.js CHANGED Viewed

@@ -109,7 +109,7 @@ WorkspaceDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: W
         i0.ɵɵtemplate(0, WorkspaceDetailsComponent_div_0_Template, 3, 2, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.NgControlStatus, i2.NgModel, i3.TextAreaComponent, i3.TextBoxComponent, i3.NumericTextBoxComponent, i4.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.TextAreaComponent, i3.TextBoxComponent, i3.NumericTextBoxComponent, i4.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}"] });
 WorkspaceDetailsComponent = __decorate([
     RegisterClass(BaseFormSectionComponent, 'Workspaces.details') // Tell MemberJunction about this class
 ], WorkspaceDetailsComponent);
@@ -156,7 +156,7 @@ export { WorkspaceDetailsComponent };
         </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/Workspace/workspace.form.component.js CHANGED Viewed

@@ -11,69 +11,58 @@ import { LoadWorkspaceDetailsComponent } 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 "@progress/kendo-angular-layout";
-import * as i4 from "@memberjunction/ng-user-view-grid";
-import * as i5 from "@memberjunction/ng-base-forms";
-function WorkspaceFormComponent_form_1_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Details");
-} }
-function WorkspaceFormComponent_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 WorkspaceFormComponent_form_1_ng_template_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Workspace Items");
-} }
-function WorkspaceFormComponent_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("Workspace Items"))("AllowLoad", ctx_r7.IsCurrentTab("Workspace Items"))("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 WorkspaceFormComponent_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 WorkspaceFormComponent_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 WorkspaceFormComponent_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, WorkspaceFormComponent_form_1_ng_template_8_Template, 1, 0, "ng-template", 10)(9, WorkspaceFormComponent_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, WorkspaceFormComponent_form_1_ng_template_11_Template, 1, 0, "ng-template", 10)(12, WorkspaceFormComponent_form_1_ng_template_12_Template, 1, 4, "ng-template", 11);
+    i0.ɵɵelementStart(9, "mj-tab", 7);
+    i0.ɵɵtext(10, " Workspace Items ");
+    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("Workspace Items"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Workspace Items"));
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Workspace Items"))("AllowLoad", ctx_r0.IsCurrentTab("Workspace Items"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
 } }
 let WorkspaceFormComponent = class WorkspaceFormComponent extends BaseFormComponent {
 };
 WorkspaceFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵWorkspaceFormComponent_BaseFactory; return function WorkspaceFormComponent_Factory(t) { return (ɵWorkspaceFormComponent_BaseFactory || (ɵWorkspaceFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(WorkspaceFormComponent)))(t || WorkspaceFormComponent); }; })();
-WorkspaceFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WorkspaceFormComponent, selectors: [["gen-workspace-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", "Workspaces", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function WorkspaceFormComponent_Template(rf, ctx) { if (rf & 1) {
+WorkspaceFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WorkspaceFormComponent, selectors: [["gen-workspace-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", "Workspaces", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function WorkspaceFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, WorkspaceFormComponent_form_1_Template, 13, 6, "form", 1);
+        i0.ɵɵtemplate(1, WorkspaceFormComponent_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}"] });
 WorkspaceFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Workspaces') // Tell MemberJunction about this class
 ], WorkspaceFormComponent);
 export { WorkspaceFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkspaceFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-workspace-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=\"Workspaces\" 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('Workspace Items')\">\n                        <ng-template kendoTabTitle>Workspace Items</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Workspace Items')\"  \n                                               [AllowLoad]=\"this.IsCurrentTab('Workspace Items')\"  \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-workspace-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=\"Workspaces\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                     \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Workspace Items')\">\n                        Workspace Items\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Workspace Items')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('Workspace Items')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n                </mj-tabstrip>\n    </form>\n  </div>\n    ", styles: [".k-pane {\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(WorkspaceFormComponent, { className: "WorkspaceFormComponent", filePath: "src\\lib\\generated\\Entities\\Workspace\\workspace.form.component.ts", lineNumber: 12 }); })();
 export function LoadWorkspaceFormComponent() {

package/dist/lib/generated/Entities/WorkspaceItem/sections/details.component.js CHANGED Viewed

@@ -191,7 +191,7 @@ WorkspaceItemDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ typ
         i0.ɵɵtemplate(0, WorkspaceItemDetailsComponent_div_0_Template, 3, 2, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.NgControlStatus, i2.NgModel, i3.TextAreaComponent, i3.TextBoxComponent, i3.NumericTextBoxComponent, i4.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.TextAreaComponent, i3.TextBoxComponent, i3.NumericTextBoxComponent, i4.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}"] });
 WorkspaceItemDetailsComponent = __decorate([
     RegisterClass(BaseFormSectionComponent, 'Workspace Items.details') // Tell MemberJunction about this class
 ], WorkspaceItemDetailsComponent);
@@ -278,7 +278,7 @@ export { WorkspaceItemDetailsComponent };
         </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: [{