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

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

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 (191) hide show

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

@@ -159,78 +159,78 @@ UserViewCategoryDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({
         i0.ɵɵtemplate(0, UserViewCategoryDetailsComponent_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.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.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}"] });
 UserViewCategoryDetailsComponent = __decorate([
     RegisterClass(BaseFormSectionComponent, 'User View Categories.details') // Tell MemberJunction about this class
 ], UserViewCategoryDetailsComponent);
 export { UserViewCategoryDetailsComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserViewCategoryDetailsComponent, [{
         type: Component,
-        args: [{ selector: 'gen-userviewcategory-form-details', template: `<div *ngIf="this.record">
-    <div *ngIf="this.EditMode" class="record-form">
-        <div class="record-form-row">
-            <label class="fieldLabel">Name</label>
-            <kendo-textbox [(ngModel)]="record.Name"  />
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Description</label>
-            <kendo-textbox [(ngModel)]="record.Description"  />
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Parent ID</label>
-            <kendo-numerictextbox [(value)]="record.ParentID!" ></kendo-numerictextbox>
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Created At</label>
-            <span >{{FormatValue('CreatedAt', 0)}}</span>
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Updated At</label>
-            <span >{{FormatValue('UpdatedAt', 0)}}</span>
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Entity ID</label>
-            <kendo-numerictextbox [(value)]="record.EntityID" ></kendo-numerictextbox>
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Parent</label>
-            <span >{{FormatValue('Parent', 0)}}</span>
-        </div>
-    </div>
-    <div *ngIf="!this.EditMode" class="record-form">
-        <div class="record-form-row">
-            <label class="fieldLabel">Name</label>
-            <span >{{FormatValue('Name', 0)}}</span>
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Description</label>
-            <span >{{FormatValue('Description', 0)}}</span>
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Parent ID</label>
-            <span mjFieldLink [record]="record" fieldName="ParentID" >{{FormatValue('ParentID', 0)}}</span>
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Created At</label>
-            <span >{{FormatValue('CreatedAt', 0)}}</span>
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Updated At</label>
-            <span >{{FormatValue('UpdatedAt', 0)}}</span>
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Entity ID</label>
-            <span mjFieldLink [record]="record" fieldName="EntityID" >{{FormatValue('EntityID', 0)}}</span>
-        </div>
-        <div class="record-form-row">
-            <label class="fieldLabel">Parent</label>
-            <span >{{FormatValue('Parent', 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-userviewcategory-form-details', template: `<div *ngIf="this.record">
+    <div *ngIf="this.EditMode" class="record-form">
+        <div class="record-form-row">
+            <label class="fieldLabel">Name</label>
+            <kendo-textbox [(ngModel)]="record.Name"  />
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Description</label>
+            <kendo-textbox [(ngModel)]="record.Description"  />
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Parent ID</label>
+            <kendo-numerictextbox [(value)]="record.ParentID!" ></kendo-numerictextbox>
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Created At</label>
+            <span >{{FormatValue('CreatedAt', 0)}}</span>
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Updated At</label>
+            <span >{{FormatValue('UpdatedAt', 0)}}</span>
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Entity ID</label>
+            <kendo-numerictextbox [(value)]="record.EntityID" ></kendo-numerictextbox>
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Parent</label>
+            <span >{{FormatValue('Parent', 0)}}</span>
+        </div>
+    </div>
+    <div *ngIf="!this.EditMode" class="record-form">
+        <div class="record-form-row">
+            <label class="fieldLabel">Name</label>
+            <span >{{FormatValue('Name', 0)}}</span>
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Description</label>
+            <span >{{FormatValue('Description', 0)}}</span>
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Parent ID</label>
+            <span mjFieldLink [record]="record" fieldName="ParentID" >{{FormatValue('ParentID', 0)}}</span>
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Created At</label>
+            <span >{{FormatValue('CreatedAt', 0)}}</span>
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Updated At</label>
+            <span >{{FormatValue('UpdatedAt', 0)}}</span>
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Entity ID</label>
+            <span mjFieldLink [record]="record" fieldName="EntityID" >{{FormatValue('EntityID', 0)}}</span>
+        </div>
+        <div class="record-form-row">
+            <label class="fieldLabel">Parent</label>
+            <span >{{FormatValue('Parent', 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/UserViewCategory/userviewcategory.form.component.js CHANGED Viewed

@@ -11,83 +11,68 @@ import { LoadUserViewCategoryDetailsComponent } from "./sections/details.compone
 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 UserViewCategoryFormComponent_form_1_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Details");
-} }
-function UserViewCategoryFormComponent_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 UserViewCategoryFormComponent_form_1_ng_template_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "User View Categories");
-} }
-function UserViewCategoryFormComponent_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("User View Categories"))("AllowLoad", ctx_r7.IsCurrentTab("User View Categories"))("EditMode", ctx_r7.GridEditMode())("BottomMargin", ctx_r7.GridBottomMargin);
-} }
-function UserViewCategoryFormComponent_form_1_ng_template_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "User Views");
-} }
-function UserViewCategoryFormComponent_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("User Views"))("AllowLoad", ctx_r9.IsCurrentTab("User Views"))("EditMode", ctx_r9.GridEditMode())("BottomMargin", ctx_r9.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 UserViewCategoryFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = 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 UserViewCategoryFormComponent_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(5, "kendo-tabstrip", 7, 8);
-    i0.ɵɵlistener("tabSelect", function UserViewCategoryFormComponent_form_1_Template_kendo_tabstrip_tabSelect_5_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.onTabSelect($event)); });
-    i0.ɵɵelementStart(7, "kendo-tabstrip-tab", 9);
-    i0.ɵɵtemplate(8, UserViewCategoryFormComponent_form_1_ng_template_8_Template, 1, 0, "ng-template", 10)(9, UserViewCategoryFormComponent_form_1_ng_template_9_Template, 1, 2, "ng-template", 11);
+    i0.ɵɵelementStart(9, "mj-tab", 7);
+    i0.ɵɵtext(10, " User View Categories ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "kendo-tabstrip-tab", 9);
-    i0.ɵɵtemplate(11, UserViewCategoryFormComponent_form_1_ng_template_11_Template, 1, 0, "ng-template", 10)(12, UserViewCategoryFormComponent_form_1_ng_template_12_Template, 1, 4, "ng-template", 11);
+    i0.ɵɵelementStart(11, "mj-tab-body");
+    i0.ɵɵelement(12, "mj-user-view-grid", 9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "kendo-tabstrip-tab", 9);
-    i0.ɵɵtemplate(14, UserViewCategoryFormComponent_form_1_ng_template_14_Template, 1, 0, "ng-template", 10)(15, UserViewCategoryFormComponent_form_1_ng_template_15_Template, 1, 4, "ng-template", 11);
+    i0.ɵɵelementStart(13, "mj-tab", 7);
+    i0.ɵɵtext(14, " User Views ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "mj-tab-body");
+    i0.ɵɵelement(16, "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("User View Categories"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("User View Categories"));
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("User View Categories"))("AllowLoad", ctx_r0.IsCurrentTab("User View Categories"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("User Views"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("User Views"));
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("User Views"))("AllowLoad", ctx_r0.IsCurrentTab("User Views"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
 } }
 let UserViewCategoryFormComponent = class UserViewCategoryFormComponent extends BaseFormComponent {
 };
 UserViewCategoryFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵUserViewCategoryFormComponent_BaseFactory; return function UserViewCategoryFormComponent_Factory(t) { return (ɵUserViewCategoryFormComponent_BaseFactory || (ɵUserViewCategoryFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(UserViewCategoryFormComponent)))(t || UserViewCategoryFormComponent); }; })();
-UserViewCategoryFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserViewCategoryFormComponent, selectors: [["gen-userviewcategory-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", "User View Categories", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function UserViewCategoryFormComponent_Template(rf, ctx) { if (rf & 1) {
+UserViewCategoryFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserViewCategoryFormComponent, selectors: [["gen-userviewcategory-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", "User View Categories", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function UserViewCategoryFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, UserViewCategoryFormComponent_form_1_Template, 16, 7, "form", 1);
+        i0.ɵɵtemplate(1, UserViewCategoryFormComponent_form_1_Template, 17, 13, "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}"] });
 UserViewCategoryFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'User View Categories') // Tell MemberJunction about this class
 ], UserViewCategoryFormComponent);
 export { UserViewCategoryFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserViewCategoryFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-userviewcategory-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=\"User View Categories\" 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('User View Categories')\">\n                        <ng-template kendoTabTitle>User View Categories</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('User View Categories')\"  \n                                               [AllowLoad]=\"this.IsCurrentTab('User View Categories')\"  \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('User Views')\">\n                        <ng-template kendoTabTitle>User Views</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('User Views')\"  \n                                               [AllowLoad]=\"this.IsCurrentTab('User Views')\"  \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-userviewcategory-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=\"User View Categories\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                     \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('User View Categories')\">\n                        User View Categories\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('User View Categories')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('User View Categories')\"  \n                            [EditMode]=\"this.GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('User Views')\">\n                        User Views\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('User Views')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('User Views')\"  \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(UserViewCategoryFormComponent, { className: "UserViewCategoryFormComponent", filePath: "src\\lib\\generated\\Entities\\UserViewCategory\\userviewcategory.form.component.ts", lineNumber: 12 }); })();
 export function LoadUserViewCategoryFormComponent() {

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

@@ -127,7 +127,7 @@ UserViewRunDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
         i0.ɵɵtemplate(0, UserViewRunDetailsComponent_div_0_Template, 3, 2, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.NumericTextBoxComponent, i3.DatePickerComponent, 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.NumericTextBoxComponent, i3.DatePickerComponent, 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}"] });
 UserViewRunDetailsComponent = __decorate([
     RegisterClass(BaseFormSectionComponent, 'User View Runs.details') // Tell MemberJunction about this class
 ], UserViewRunDetailsComponent);
@@ -182,7 +182,7 @@ export { UserViewRunDetailsComponent };
         </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/UserViewRun/userviewrun.form.component.js CHANGED Viewed

@@ -11,69 +11,58 @@ import { LoadUserViewRunDetailsComponent } 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 UserViewRunFormComponent_form_1_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Details");
-} }
-function UserViewRunFormComponent_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 UserViewRunFormComponent_form_1_ng_template_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Details");
-} }
-function UserViewRunFormComponent_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("User View Run Details"))("AllowLoad", ctx_r7.IsCurrentTab("Details"))("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 UserViewRunFormComponent_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 UserViewRunFormComponent_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 UserViewRunFormComponent_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, UserViewRunFormComponent_form_1_ng_template_8_Template, 1, 0, "ng-template", 10)(9, UserViewRunFormComponent_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, UserViewRunFormComponent_form_1_ng_template_11_Template, 1, 0, "ng-template", 10)(12, UserViewRunFormComponent_form_1_ng_template_12_Template, 1, 4, "ng-template", 11);
+    i0.ɵɵelementStart(9, "mj-tab", 7);
+    i0.ɵɵtext(10, " Details ");
+    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("Details"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("User View Run Details"))("AllowLoad", ctx_r0.IsCurrentTab("Details"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
 } }
 let UserViewRunFormComponent = class UserViewRunFormComponent extends BaseFormComponent {
 };
 UserViewRunFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵUserViewRunFormComponent_BaseFactory; return function UserViewRunFormComponent_Factory(t) { return (ɵUserViewRunFormComponent_BaseFactory || (ɵUserViewRunFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(UserViewRunFormComponent)))(t || UserViewRunFormComponent); }; })();
-UserViewRunFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserViewRunFormComponent, selectors: [["gen-userviewrun-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", "User View Runs", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function UserViewRunFormComponent_Template(rf, ctx) { if (rf & 1) {
+UserViewRunFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserViewRunFormComponent, selectors: [["gen-userviewrun-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", "User View Runs", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function UserViewRunFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, UserViewRunFormComponent_form_1_Template, 13, 6, "form", 1);
+        i0.ɵɵtemplate(1, UserViewRunFormComponent_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}"] });
 UserViewRunFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'User View Runs') // Tell MemberJunction about this class
 ], UserViewRunFormComponent);
 export { UserViewRunFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserViewRunFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-userviewrun-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=\"User View 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('Details')\">\n                        <ng-template kendoTabTitle>Details</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('User View Run Details')\"  \n                                               [AllowLoad]=\"this.IsCurrentTab('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-userviewrun-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=\"User View Runs\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                    </mj-tab-body>\n                     \n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('User View Run Details')\"  \n                            [AllowLoad]=\"this.IsCurrentTab('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(UserViewRunFormComponent, { className: "UserViewRunFormComponent", filePath: "src\\lib\\generated\\Entities\\UserViewRun\\userviewrun.form.component.ts", lineNumber: 12 }); })();
 export function LoadUserViewRunFormComponent() {

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

@@ -109,7 +109,7 @@ UserViewRunDetailDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({
         i0.ɵɵtemplate(0, UserViewRunDetailDetailsComponent_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.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.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}"] });
 UserViewRunDetailDetailsComponent = __decorate([
     RegisterClass(BaseFormSectionComponent, 'User View Run Details.details') // Tell MemberJunction about this class
 ], UserViewRunDetailDetailsComponent);
@@ -156,7 +156,7 @@ export { UserViewRunDetailDetailsComponent };
         </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: [{