@memberjunction/ng-core-entity-forms 1.0.10 → 1.0.11

package/dist/lib/generated/Entities/Entity/sections/top.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"top.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/Entity/sections/top.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;;AAE7D,qBA8Da,kBAAmB,SAAQ,wBAAwB;IAC1C,MAAM,EAAG,YAAY,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAS;yCAFnC,kBAAkB;2CAAlB,kBAAkB;CAG9B;AAED,wBAAgB,sBAAsB,SAErC"}
+{"version":3,"file":"top.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/Entity/sections/top.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;;AAE7D,qBA+Ca,kBAAmB,SAAQ,wBAAwB;IAC1C,MAAM,EAAG,YAAY,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAS;yCAFnC,kBAAkB;2CAAlB,kBAAkB;CAG9B;AAED,wBAAgB,sBAAsB,SAErC"}

package/dist/lib/generated/Entities/Entity/sections/top.component.js

@@ -9,123 +9,25 @@ import { RegisterClass } from '@memberjunction/global';
 import { BaseFormSectionComponent } from '@memberjunction/ng-base-forms';
 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-inputs";
-function EntityTopComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "label", 4);
-    i0.ɵɵtext(3, "Name");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "kendo-textarea", 5);
-    i0.ɵɵtwoWayListener("ngModelChange", function EntityTopComponent_div_0_div_1_Template_kendo_textarea_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r3.record.Name, $event) || (ctx_r3.record.Name = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 3)(6, "label", 4);
-    i0.ɵɵtext(7, "Description");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "kendo-textbox", 5);
-    i0.ɵɵtwoWayListener("ngModelChange", function EntityTopComponent_div_0_div_1_Template_kendo_textbox_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r5.record.Description, $event) || (ctx_r5.record.Description = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "div", 3)(10, "label", 4);
-    i0.ɵɵtext(11, "Base Table");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "span");
-    i0.ɵɵtext(13);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(14, "div", 3)(15, "label", 4);
-    i0.ɵɵtext(16, "Base View");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "kendo-textarea", 5);
-    i0.ɵɵtwoWayListener("ngModelChange", function EntityTopComponent_div_0_div_1_Template_kendo_textarea_ngModelChange_17_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r6 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r6.record.BaseView, $event) || (ctx_r6.record.BaseView = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(18, "div", 3)(19, "label", 4);
-    i0.ɵɵtext(20, "Schema Name");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "span");
-    i0.ɵɵtext(22);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "div", 3)(24, "label", 4);
-    i0.ɵɵtext(25, "Track Record Changes");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "input", 6);
-    i0.ɵɵtwoWayListener("ngModelChange", function EntityTopComponent_div_0_div_1_Template_input_ngModelChange_26_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r7 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r7.record.TrackRecordChanges, $event) || (ctx_r7.record.TrackRecordChanges = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.Name);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.Description);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("BaseTable", 0));
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.BaseView);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("SchemaName", 0));
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.TrackRecordChanges);
-} }
-function EntityTopComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "label", 4);
-    i0.ɵɵtext(3, "Name");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span");
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 3)(7, "label", 4);
-    i0.ɵɵtext(8, "Description");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span");
-    i0.ɵɵtext(10);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 3)(12, "label", 4);
-    i0.ɵɵtext(13, "Base Table");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "span");
-    i0.ɵɵtext(15);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(16, "div", 3)(17, "label", 4);
-    i0.ɵɵtext(18, "Base View");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "span");
-    i0.ɵɵtext(20);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(21, "div", 3)(22, "label", 4);
-    i0.ɵɵtext(23, "Schema Name");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "span");
-    i0.ɵɵtext(25);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(26, "div", 3)(27, "label", 4);
-    i0.ɵɵtext(28, "Track Record Changes");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "span");
-    i0.ɵɵtext(30);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("Name", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("Description", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("BaseTable", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("BaseView", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("SchemaName", 0));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("TrackRecordChanges", 0));
-} }
+import * as i2 from "@memberjunction/ng-base-forms";
 function EntityTopComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, EntityTopComponent_div_0_div_1_Template, 27, 6, "div", 1)(2, EntityTopComponent_div_0_div_2_Template, 31, 6, "div", 1);
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(0, "div")(1, "div", 1);
+    i0.ɵɵelement(2, "mj-form-field", 2)(3, "mj-form-field", 3)(4, "mj-form-field", 4)(5, "mj-form-field", 5)(6, "mj-form-field", 6)(7, "mj-form-field", 7);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.EditMode);
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.EditMode);
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
 } }
 let EntityTopComponent = class EntityTopComponent extends BaseFormSectionComponent {
     constructor() {
@@ -134,11 +36,11 @@ let EntityTopComponent = class EntityTopComponent extends BaseFormSectionCompone
     }
 };
 EntityTopComponent.ɵfac = /*@__PURE__*/ (() => { let ɵEntityTopComponent_BaseFactory; return function EntityTopComponent_Factory(t) { return (ɵEntityTopComponent_BaseFactory || (ɵEntityTopComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EntityTopComponent)))(t || EntityTopComponent); }; })();
-EntityTopComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityTopComponent, selectors: [["gen-entity-form-top-area"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], [1, "record-form-row"], [1, "fieldLabel"], [3, "ngModel", "ngModelChange"], ["type", "checkbox", "kendoCheckBox", "", 3, "ngModel", "ngModelChange"]], template: function EntityTopComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, EntityTopComponent_div_0_Template, 3, 2, "div", 0);
+EntityTopComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityTopComponent, selectors: [["gen-entity-form-top-area"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "Name", "Type", "textarea", 3, "record", "EditMode"], ["FieldName", "Description", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "BaseTable", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "BaseView", "Type", "textarea", 3, "record", "EditMode"], ["FieldName", "SchemaName", "Type", "textbox", 3, "record", "EditMode"], ["FieldName", "TrackRecordChanges", "Type", "checkbox", 3, "record", "EditMode"]], template: function EntityTopComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, EntityTopComponent_div_0_Template, 8, 12, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.TextAreaComponent, i3.TextBoxComponent, i3.CheckBoxDirective], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] });
+    } }, dependencies: [i1.NgIf, i2.MJFormField], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] });
 EntityTopComponent = __decorate([
     RegisterClass(BaseFormSectionComponent, 'Entities.top-area') // Tell MemberJunction about this class 
 ], EntityTopComponent);
@@ -146,59 +48,44 @@ export { EntityTopComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityTopComponent, [{
         type: Component,
         args: [{ selector: 'gen-entity-form-top-area', template: `<div *ngIf="this.record">
-    <div *ngIf="this.EditMode" class="record-form">
-                  
-        <div class="record-form-row">
-            <label class="fieldLabel">Name</label>
-            <kendo-textarea [(ngModel)]="record.Name" ></kendo-textarea>   
-        </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">Base Table</label>
-            <span >{{FormatValue('BaseTable', 0)}}</span>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Base View</label>
-            <kendo-textarea [(ngModel)]="record.BaseView" ></kendo-textarea>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Schema Name</label>
-            <span >{{FormatValue('SchemaName', 0)}}</span>   
-        </div>               
-        <div class="record-form-row">
-            <label class="fieldLabel">Track Record Changes</label>
-            <input type="checkbox" [(ngModel)]="record.TrackRecordChanges" kendoCheckBox />   
-        </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">Base Table</label>
-            <span >{{FormatValue('BaseTable', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Base View</label>
-            <span >{{FormatValue('BaseView', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Schema Name</label>
-            <span >{{FormatValue('SchemaName', 0)}}</span>
-        </div>              
-        <div class="record-form-row">
-            <label class="fieldLabel">Track Record Changes</label>
-            <span >{{FormatValue('TrackRecordChanges', 0)}}</span>
-        </div>
+    <div class="record-form">
+        <mj-form-field
+            [record]="record"
+            FieldName="Name"
+            Type="textarea"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="Description"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="BaseTable"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="BaseView"
+            Type="textarea"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="SchemaName"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field
+            [record]="record"
+            FieldName="TrackRecordChanges"
+            Type="checkbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+
     </div>
 </div>
     `, styles: [".k-pane {\n  background-color: #F5F6FA;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n"] }]
@@ -207,7 +94,7 @@ export { EntityTopComponent };
         }], EditMode: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityTopComponent, { className: "EntityTopComponent", filePath: "src/lib/generated/Entities/Entity/sections/top.component.ts", lineNumber: 68 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityTopComponent, { className: "EntityTopComponent", filePath: "src/lib/generated/Entities/Entity/sections/top.component.ts", lineNumber: 53 }); })();
 export function LoadEntityTopComponent() {
     // does nothing, but called in order to prevent tree-shaking from eliminating this component from the build
 }

package/dist/lib/generated/Entities/Entity/sections/ui.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/Entity/sections/ui.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;;AAE7D,qBAsBa,iBAAkB,SAAQ,wBAAwB;IACzC,MAAM,EAAG,YAAY,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAS;yCAFnC,iBAAiB;2CAAjB,iBAAiB;CAG7B;AAED,wBAAgB,qBAAqB,SAEpC"}
+{"version":3,"file":"ui.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/Entity/sections/ui.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;;AAE7D,qBAiBa,iBAAkB,SAAQ,wBAAwB;IACzC,MAAM,EAAG,YAAY,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAS;yCAFnC,iBAAiB;2CAAjB,iBAAiB;CAG7B;AAED,wBAAgB,qBAAqB,SAEpC"}

package/dist/lib/generated/Entities/Entity/sections/ui.component.js

@@ -9,43 +9,15 @@ import { RegisterClass } from '@memberjunction/global';
 import { BaseFormSectionComponent } from '@memberjunction/ng-base-forms';
 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-inputs";
-function EntityUIComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "label", 4);
-    i0.ɵɵtext(3, "User Form Generated");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "input", 5);
-    i0.ɵɵtwoWayListener("ngModelChange", function EntityUIComponent_div_0_div_1_Template_input_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r3.record.UserFormGenerated, $event) || (ctx_r3.record.UserFormGenerated = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.UserFormGenerated);
-} }
-function EntityUIComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "label", 4);
-    i0.ɵɵtext(3, "User Form Generated");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span");
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("UserFormGenerated", 0));
-} }
+import * as i2 from "@memberjunction/ng-base-forms";
 function EntityUIComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, EntityUIComponent_div_0_div_1_Template, 5, 1, "div", 1)(2, EntityUIComponent_div_0_div_2_Template, 6, 1, "div", 1);
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(0, "div")(1, "div", 1);
+    i0.ɵɵelement(2, "mj-form-field", 2);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.EditMode);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.EditMode);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
 } }
 let EntityUIComponent = class EntityUIComponent extends BaseFormSectionComponent {
     constructor() {
@@ -54,11 +26,11 @@ let EntityUIComponent = class EntityUIComponent extends BaseFormSectionComponent
     }
 };
 EntityUIComponent.ɵfac = /*@__PURE__*/ (() => { let ɵEntityUIComponent_BaseFactory; return function EntityUIComponent_Factory(t) { return (ɵEntityUIComponent_BaseFactory || (ɵEntityUIComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EntityUIComponent)))(t || EntityUIComponent); }; })();
-EntityUIComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityUIComponent, selectors: [["gen-entity-form-ui"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], [1, "record-form-row"], [1, "fieldLabel"], ["type", "checkbox", "kendoCheckBox", "", 3, "ngModel", "ngModelChange"]], template: function EntityUIComponent_Template(rf, ctx) { if (rf & 1) {
+EntityUIComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityUIComponent, selectors: [["gen-entity-form-ui"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "UserFormGenerated", "Type", "checkbox", 3, "record", "EditMode"]], template: function EntityUIComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, EntityUIComponent_div_0_Template, 3, 2, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.CheckBoxDirective], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] });
+    } }, dependencies: [i1.NgIf, i2.MJFormField], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] });
 EntityUIComponent = __decorate([
     RegisterClass(BaseFormSectionComponent, 'Entities.ui') // Tell MemberJunction about this class 
 ], EntityUIComponent);
@@ -66,19 +38,14 @@ export { EntityUIComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityUIComponent, [{
         type: Component,
         args: [{ selector: 'gen-entity-form-ui', template: `<div *ngIf="this.record">
-    <div *ngIf="this.EditMode" class="record-form">
-                  
-        <div class="record-form-row">
-            <label class="fieldLabel">User Form Generated</label>
-            <input type="checkbox" [(ngModel)]="record.UserFormGenerated" kendoCheckBox />   
-        </div> 
-    </div>
-    <div *ngIf="!this.EditMode" class="record-form">
-                  
-        <div class="record-form-row">
-            <label class="fieldLabel">User Form Generated</label>
-            <span >{{FormatValue('UserFormGenerated', 0)}}</span>
-        </div>
+    <div class="record-form">
+        <mj-form-field
+            [record]="record"
+            FieldName="UserFormGenerated"
+            Type="checkbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+
     </div>
 </div>
     `, styles: [".k-pane {\n  background-color: #F5F6FA;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n"] }]
@@ -87,7 +54,7 @@ export { EntityUIComponent };
         }], EditMode: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityUIComponent, { className: "EntityUIComponent", filePath: "src/lib/generated/Entities/Entity/sections/ui.component.ts", lineNumber: 28 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityUIComponent, { className: "EntityUIComponent", filePath: "src/lib/generated/Entities/Entity/sections/ui.component.ts", lineNumber: 23 }); })();
 export function LoadEntityUIComponent() {
     // does nothing, but called in order to prevent tree-shaking from eliminating this component from the build
 }

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

@@ -1 +1 @@
-{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/EntityAIAction/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;;AAErE,qBA8Ia,8BAA+B,SAAQ,wBAAwB;IACtD,MAAM,EAAG,oBAAoB,CAAC;IAC9B,QAAQ,EAAE,OAAO,CAAS;yCAFnC,8BAA8B;2CAA9B,8BAA8B;CAG1C;AAED,wBAAgB,kCAAkC,SAEjD"}
+{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/EntityAIAction/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;;AAErE,qBA+Ga,8BAA+B,SAAQ,wBAAwB;IACtD,MAAM,EAAG,oBAAoB,CAAC;IAC9B,QAAQ,EAAE,OAAO,CAAS;yCAFnC,8BAA8B;2CAA9B,8BAA8B;CAG1C;AAED,wBAAgB,kCAAkC,SAEjD"}