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

package/dist/lib/generated/Entities/SchemaInfo/schemainfo.form.component.js

@@ -17,44 +17,44 @@ import * as i5 from "@memberjunction/ng-tabstrip";
 import * as i6 from "@memberjunction/ng-container-directives";
 function SchemaInfoFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "form", 4, 0);
-    i0.ɵɵelement(2, "mj-form-toolbar", 5)(3, "div", 6, 1);
-    i0.ɵɵelementStart(5, "mj-tabstrip", 7);
-    i0.ɵɵlistener("TabSelected", function SchemaInfoFormComponent_form_1_Template_mj_tabstrip_TabSelected_5_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTabSelect($event.index)); });
-    i0.ɵɵelementStart(6, "mj-tab", 8);
-    i0.ɵɵtext(7, " Details ");
+    i0.ɵɵelementStart(0, "form", 3, 0);
+    i0.ɵɵelement(2, "mj-form-toolbar", 4);
+    i0.ɵɵelementStart(3, "mj-tabstrip", 5);
+    i0.ɵɵlistener("TabSelected", function SchemaInfoFormComponent_form_1_Template_mj_tabstrip_TabSelected_3_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTabSelect($event.index)); });
+    i0.ɵɵelementStart(4, "mj-tab", 6);
+    i0.ɵɵtext(5, " Details ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "mj-tab-body");
-    i0.ɵɵelement(9, "mj-form-section", 9);
+    i0.ɵɵelementStart(6, "mj-tab-body");
+    i0.ɵɵelement(7, "mj-form-section", 7);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("form", ctx_r1);
-    i0.ɵɵadvance(7);
+    i0.ɵɵadvance(5);
     i0.ɵɵproperty("record", ctx_r1.record)("EditMode", ctx_r1.EditMode);
 } }
 let SchemaInfoFormComponent = class SchemaInfoFormComponent extends BaseFormComponent {
 };
 SchemaInfoFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵSchemaInfoFormComponent_BaseFactory; return function SchemaInfoFormComponent_Factory(t) { return (ɵSchemaInfoFormComponent_BaseFactory || (ɵSchemaInfoFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SchemaInfoFormComponent)))(t || SchemaInfoFormComponent); }; })();
-SchemaInfoFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SchemaInfoFormComponent, selectors: [["gen-schemainfo-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["form", "ngForm"], ["topArea", ""], ["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], [3, "form"], [1, "record-form-group"], ["mjFillContainer", "", 3, "TabSelected"], ["Name", "Details"], ["Entity", "Schema Info", "Section", "details", 3, "record", "EditMode"]], template: function SchemaInfoFormComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 2);
-        i0.ɵɵtemplate(1, SchemaInfoFormComponent_form_1_Template, 10, 3, "form", 3);
+SchemaInfoFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SchemaInfoFormComponent, selectors: [["gen-schemainfo-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["form", "ngForm"], ["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], [3, "form"], ["mjFillContainer", "", 3, "TabSelected"], ["Name", "Details"], ["Entity", "Schema Info", "Section", "details", 3, "record", "EditMode"]], template: function SchemaInfoFormComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 1);
+        i0.ɵɵtemplate(1, SchemaInfoFormComponent_form_1_Template, 8, 3, "form", 2);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
         i0.ɵɵadvance();
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.SectionLoaderComponent, i4.FormToolbarComponent, i5.MJTabStripComponent, i5.MJTabBodyComponent, i5.MJTabComponent, i6.FillContainer], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] });
+    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.SectionLoaderComponent, i4.FormToolbarComponent, i5.MJTabStripComponent, i5.MJTabBodyComponent, i5.MJTabComponent, i6.FillContainer], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] });
 SchemaInfoFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Schema Info') // Tell MemberJunction about this class
 ], SchemaInfoFormComponent);
 export { SchemaInfoFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchemaInfoFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-schemainfo-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n                <div #topArea class=\"record-form-group\">\n                    \n                </div>\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    <mj-tab Name=\"Details\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section \n                            Entity=\"Schema Info\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                </mj-tabstrip>\n    </form>\n</div>\n        ", styles: [".k-pane {\n  background-color: #F5F6FA;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n"] }]
+        args: [{ selector: 'gen-schemainfo-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    \n                    <mj-tab Name=\"Details\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section \n                            Entity=\"Schema Info\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                </mj-tabstrip>\n    </form>\n</div>\n        ", styles: [".k-pane {\n  background-color: #F5F6FA;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon {\n  margin-right: 5px;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SchemaInfoFormComponent, { className: "SchemaInfoFormComponent", filePath: "src/lib/generated/Entities/SchemaInfo/schemainfo.form.component.ts", lineNumber: 12 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SchemaInfoFormComponent, { className: "SchemaInfoFormComponent", filePath: "src/lib/generated/Entities/SchemaInfo/schemainfo.form.component.ts", lineNumber: 13 }); })();
 export function LoadSchemaInfoFormComponent() {
     LoadSchemaInfoDetailsComponent();
 }

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

@@ -36,11 +36,11 @@ let SchemaInfoDetailsComponent = class SchemaInfoDetailsComponent extends BaseFo
     }
 };
 SchemaInfoDetailsComponent.ɵfac = /*@__PURE__*/ (() => { let ɵSchemaInfoDetailsComponent_BaseFactory; return function SchemaInfoDetailsComponent_Factory(t) { return (ɵSchemaInfoDetailsComponent_BaseFactory || (ɵSchemaInfoDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SchemaInfoDetailsComponent)))(t || SchemaInfoDetailsComponent); }; })();
-SchemaInfoDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SchemaInfoDetailsComponent, selectors: [["gen-schemainfo-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "SchemaName", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "EntityIDMin", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "EntityIDMax", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Comments", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "UpdatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function SchemaInfoDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+SchemaInfoDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SchemaInfoDetailsComponent, selectors: [["gen-schemainfo-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "SchemaName", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "EntityIDMin", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "EntityIDMax", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Comments", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_UpdatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function SchemaInfoDetailsComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, SchemaInfoDetailsComponent_div_0_Template, 8, 18, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.MJFormField], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.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.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] });
 SchemaInfoDetailsComponent = __decorate([
     RegisterClass(BaseFormSectionComponent, 'Schema Info.details') // Tell MemberJunction about this class 
 ], SchemaInfoDetailsComponent);
@@ -80,21 +80,21 @@ export { SchemaInfoDetailsComponent };
         <mj-form-field 
             [record]="record"
             [ShowLabel]="true"
-            FieldName="CreatedAt"
+            FieldName="__mj_CreatedAt"
             Type="textbox"
             [EditMode]="EditMode"
         ></mj-form-field>
         <mj-form-field 
             [record]="record"
             [ShowLabel]="true"
-            FieldName="UpdatedAt"
+            FieldName="__mj_UpdatedAt"
             Type="textbox"
             [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"] }]
+    `, styles: [".k-pane {\n  background-color: #F5F6FA;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon {\n  margin-right: 5px;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n"] }]
     }], null, { record: [{
             type: Input
         }], EditMode: [{

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

@@ -1 +1 @@
-{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/Skill/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;;AAE5D,qBA+Ca,qBAAsB,SAAQ,wBAAwB;IAC7C,MAAM,EAAG,WAAW,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAS;yCAFnC,qBAAqB;2CAArB,qBAAqB;CAGjC;AAED,wBAAgB,yBAAyB,SAExC"}
+{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/Skill/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;;AAE5D,qBAgDa,qBAAsB,SAAQ,wBAAwB;IAC7C,MAAM,EAAG,WAAW,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAS;yCAFnC,qBAAqB;2CAArB,qBAAqB;CAGjC;AAED,wBAAgB,yBAAyB,SAExC"}

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

@@ -34,11 +34,11 @@ let SkillDetailsComponent = class SkillDetailsComponent extends BaseFormSectionC
     }
 };
 SkillDetailsComponent.ɵfac = /*@__PURE__*/ (() => { let ɵSkillDetailsComponent_BaseFactory; return function SkillDetailsComponent_Factory(t) { return (ɵSkillDetailsComponent_BaseFactory || (ɵSkillDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SkillDetailsComponent)))(t || SkillDetailsComponent); }; })();
-SkillDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkillDetailsComponent, selectors: [["gen-skill-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "Name", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParentID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "UpdatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Parent", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function SkillDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+SkillDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkillDetailsComponent, selectors: [["gen-skill-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "Name", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParentID", "Type", "numerictextbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_UpdatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Parent", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function SkillDetailsComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵtemplate(0, SkillDetailsComponent_div_0_Template, 7, 15, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.MJFormField], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.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.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] });
 SkillDetailsComponent = __decorate([
     RegisterClass(BaseFormSectionComponent, 'Skills.details') // Tell MemberJunction about this class 
 ], SkillDetailsComponent);
@@ -61,18 +61,19 @@ export { SkillDetailsComponent };
             Type="numerictextbox"
             [EditMode]="EditMode"
             LinkType="Record"
+            LinkComponentType="Search"
         ></mj-form-field>
         <mj-form-field 
             [record]="record"
             [ShowLabel]="true"
-            FieldName="CreatedAt"
+            FieldName="__mj_CreatedAt"
             Type="textbox"
             [EditMode]="EditMode"
         ></mj-form-field>
         <mj-form-field 
             [record]="record"
             [ShowLabel]="true"
-            FieldName="UpdatedAt"
+            FieldName="__mj_UpdatedAt"
             Type="textbox"
             [EditMode]="EditMode"
         ></mj-form-field>
@@ -86,13 +87,13 @@ export { SkillDetailsComponent };
 
     </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"] }]
+    `, styles: [".k-pane {\n  background-color: #F5F6FA;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon {\n  margin-right: 5px;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n"] }]
     }], null, { record: [{
             type: Input
         }], EditMode: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SkillDetailsComponent, { className: "SkillDetailsComponent", filePath: "src/lib/generated/Entities/Skill/sections/details.component.ts", lineNumber: 53 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SkillDetailsComponent, { className: "SkillDetailsComponent", filePath: "src/lib/generated/Entities/Skill/sections/details.component.ts", lineNumber: 54 }); })();
 export function LoadSkillDetailsComponent() {
     // does nothing, but called in order to prevent tree-shaking from eliminating this component from the build
 }

package/dist/lib/generated/Entities/Skill/skill.form.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skill.form.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/generated/Entities/Skill/skill.form.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAElE,qBAMa,kBAAmB,SAAQ,iBAAiB;IAC9C,MAAM,EAAG,WAAW,CAAC;yCADnB,kBAAkB;2CAAlB,kBAAkB;CAE9B;AAED,wBAAgB,sBAAsB,SAErC"}
+{"version":3,"file":"skill.form.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/generated/Entities/Skill/skill.form.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAIlE,qBAMa,kBAAmB,SAAQ,iBAAiB;IAC9C,MAAM,EAAG,WAAW,CAAC;yCADnB,kBAAkB;2CAAlB,kBAAkB;CAE9B;AAED,wBAAgB,sBAAsB,SAErC"}

package/dist/lib/generated/Entities/Skill/skill.form.component.js

@@ -20,33 +20,33 @@ const _c0 = () => ({ EntityRelationshipID: 52 });
 const _c1 = () => ({ EntityRelationshipID: 129 });
 function SkillFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "form", 4, 0);
-    i0.ɵɵelement(2, "mj-form-toolbar", 5)(3, "div", 6, 1);
-    i0.ɵɵelementStart(5, "mj-tabstrip", 7);
-    i0.ɵɵlistener("TabSelected", function SkillFormComponent_form_1_Template_mj_tabstrip_TabSelected_5_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTabSelect($event.index)); });
-    i0.ɵɵelementStart(6, "mj-tab", 8);
-    i0.ɵɵtext(7, " Details ");
+    i0.ɵɵelementStart(0, "form", 3, 0);
+    i0.ɵɵelement(2, "mj-form-toolbar", 4);
+    i0.ɵɵelementStart(3, "mj-tabstrip", 5);
+    i0.ɵɵlistener("TabSelected", function SkillFormComponent_form_1_Template_mj_tabstrip_TabSelected_3_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTabSelect($event.index)); });
+    i0.ɵɵelementStart(4, "mj-tab", 6);
+    i0.ɵɵtext(5, " Details ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "mj-tab-body");
-    i0.ɵɵelement(9, "mj-form-section", 9);
+    i0.ɵɵelementStart(6, "mj-tab-body");
+    i0.ɵɵelement(7, "mj-form-section", 7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "mj-tab", 10);
-    i0.ɵɵtext(11, " Employee Skills ");
+    i0.ɵɵelementStart(8, "mj-tab", 8);
+    i0.ɵɵtext(9, " Employee Skills ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "mj-tab-body");
-    i0.ɵɵelement(13, "mj-user-view-grid", 11);
+    i0.ɵɵelementStart(10, "mj-tab-body");
+    i0.ɵɵelement(11, "mj-user-view-grid", 9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "mj-tab", 12);
-    i0.ɵɵtext(15, " Skills ");
+    i0.ɵɵelementStart(12, "mj-tab", 10);
+    i0.ɵɵtext(13, " Skills ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "mj-tab-body");
-    i0.ɵɵelement(17, "mj-user-view-grid", 11);
+    i0.ɵɵelementStart(14, "mj-tab-body");
+    i0.ɵɵelement(15, "mj-user-view-grid", 9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("form", ctx_r1);
-    i0.ɵɵadvance(7);
+    i0.ɵɵadvance(5);
     i0.ɵɵproperty("record", ctx_r1.record)("EditMode", ctx_r1.EditMode);
     i0.ɵɵadvance();
     i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved)("Props", i0.ɵɵpureFunction0(17, _c0));
@@ -60,24 +60,24 @@ function SkillFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
 let SkillFormComponent = class SkillFormComponent extends BaseFormComponent {
 };
 SkillFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵSkillFormComponent_BaseFactory; return function SkillFormComponent_Factory(t) { return (ɵSkillFormComponent_BaseFactory || (ɵSkillFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SkillFormComponent)))(t || SkillFormComponent); }; })();
-SkillFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkillFormComponent, selectors: [["gen-skill-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["form", "ngForm"], ["topArea", ""], ["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], [3, "form"], [1, "record-form-group"], ["mjFillContainer", "", 3, "TabSelected"], ["Name", "Details"], ["Entity", "Skills", "Section", "details", 3, "record", "EditMode"], ["Name", "Employee Skills", 3, "Visible", "Props"], [3, "Params", "NewRecordValues", "AllowLoad", "EditMode", "BottomMargin"], ["Name", "Skills", 3, "Visible", "Props"]], template: function SkillFormComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 2);
-        i0.ɵɵtemplate(1, SkillFormComponent_form_1_Template, 18, 19, "form", 3);
+SkillFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkillFormComponent, selectors: [["gen-skill-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["form", "ngForm"], ["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], [3, "form"], ["mjFillContainer", "", 3, "TabSelected"], ["Name", "Details"], ["Entity", "Skills", "Section", "details", 3, "record", "EditMode"], ["Name", "Employee Skills", 3, "Visible", "Props"], [3, "Params", "NewRecordValues", "AllowLoad", "EditMode", "BottomMargin"], ["Name", "Skills", 3, "Visible", "Props"]], template: function SkillFormComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 1);
+        i0.ɵɵtemplate(1, SkillFormComponent_form_1_Template, 16, 19, "form", 2);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
         i0.ɵɵadvance();
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.UserViewGridComponent, i4.SectionLoaderComponent, i5.FormToolbarComponent, i6.MJTabStripComponent, i6.MJTabBodyComponent, i6.MJTabComponent, i7.FillContainer], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] });
+    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.UserViewGridComponent, i4.SectionLoaderComponent, i5.FormToolbarComponent, i6.MJTabStripComponent, i6.MJTabBodyComponent, i6.MJTabComponent, i7.FillContainer], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] });
 SkillFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Skills') // Tell MemberJunction about this class
 ], SkillFormComponent);
 export { SkillFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkillFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-skill-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n                <div #topArea class=\"record-form-group\">\n                    \n                </div>\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    <mj-tab Name=\"Details\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section \n                            Entity=\"Skills\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                    <mj-tab Name=\"Employee Skills\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 52}\">\n                        Employee Skills\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Employee Skills')\"  \n                            [NewRecordValues]=\"NewRecordValues('Employee Skills')\"\n                            [AllowLoad]=\"IsCurrentTab('Employee Skills')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n\n                    <mj-tab Name=\"Skills\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 129}\">\n                        Skills\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Skills')\"  \n                            [NewRecordValues]=\"NewRecordValues('Skills')\"\n                            [AllowLoad]=\"IsCurrentTab('Skills')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n                </mj-tabstrip>\n    </form>\n</div>\n        ", styles: [".k-pane {\n  background-color: #F5F6FA;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n"] }]
+        args: [{ selector: 'gen-skill-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    \n                    <mj-tab Name=\"Details\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section \n                            Entity=\"Skills\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                    <mj-tab Name=\"Employee Skills\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 52}\">\n                        Employee Skills\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Employee Skills')\"  \n                            [NewRecordValues]=\"NewRecordValues('Employee Skills')\"\n                            [AllowLoad]=\"IsCurrentTab('Employee Skills')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"Skills\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 129}\">\n                        Skills\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Skills')\"  \n                            [NewRecordValues]=\"NewRecordValues('Skills')\"\n                            [AllowLoad]=\"IsCurrentTab('Skills')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n                </mj-tabstrip>\n    </form>\n</div>\n        ", styles: [".k-pane {\n  background-color: #F5F6FA;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon {\n  margin-right: 5px;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SkillFormComponent, { className: "SkillFormComponent", filePath: "src/lib/generated/Entities/Skill/skill.form.component.ts", lineNumber: 12 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SkillFormComponent, { className: "SkillFormComponent", filePath: "src/lib/generated/Entities/Skill/skill.form.component.ts", lineNumber: 14 }); })();
 export function LoadSkillFormComponent() {
     LoadSkillDetailsComponent();
 }

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

@@ -1 +1 @@
-{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/Tag/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;;AAE1D,qBA+Ca,mBAAoB,SAAQ,wBAAwB;IAC3C,MAAM,EAAG,SAAS,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAS;yCAFnC,mBAAmB;2CAAnB,mBAAmB;CAG/B;AAED,wBAAgB,uBAAuB,SAEtC"}
+{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/Tag/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;;AAE1D,qBA8Da,mBAAoB,SAAQ,wBAAwB;IAC3C,MAAM,EAAG,SAAS,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAS;yCAFnC,mBAAmB;2CAAnB,mBAAmB;CAG/B;AAED,wBAAgB,uBAAuB,SAEtC"}

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

@@ -12,7 +12,7 @@ import * as i1 from "@angular/common";
 import * as i2 from "@memberjunction/ng-base-forms";
 function TagDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div")(1, "div", 1);
-    i0.ɵɵelement(2, "mj-form-field", 2)(3, "mj-form-field", 3)(4, "mj-form-field", 4)(5, "mj-form-field", 5)(6, "mj-form-field", 6);
+    i0.ɵɵelement(2, "mj-form-field", 2)(3, "mj-form-field", 3)(4, "mj-form-field", 4)(5, "mj-form-field", 5)(6, "mj-form-field", 6)(7, "mj-form-field", 7)(8, "mj-form-field", 8);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -26,6 +26,10 @@ function TagDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance();
     i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r0.record)("ShowLabel", true)("EditMode", ctx_r0.EditMode);
 } }
 let TagDetailsComponent = class TagDetailsComponent extends BaseFormSectionComponent {
     constructor() {
@@ -34,11 +38,11 @@ let TagDetailsComponent = class TagDetailsComponent extends BaseFormSectionCompo
     }
 };
 TagDetailsComponent.ɵfac = /*@__PURE__*/ (() => { let ɵTagDetailsComponent_BaseFactory; return function TagDetailsComponent_Factory(t) { return (ɵTagDetailsComponent_BaseFactory || (ɵTagDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(TagDetailsComponent)))(t || TagDetailsComponent); }; })();
-TagDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TagDetailsComponent, selectors: [["gen-tag-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "Name", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "DisplayName", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Description", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParentID", "Type", "numerictextbox", "LinkType", "Record", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Parent", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function TagDetailsComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, TagDetailsComponent_div_0_Template, 7, 15, "div", 0);
+TagDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TagDetailsComponent, selectors: [["gen-tag-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "Name", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "DisplayName", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Description", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParentID", "Type", "numerictextbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_UpdatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Parent", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function TagDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, TagDetailsComponent_div_0_Template, 9, 21, "div", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.MJFormField], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.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.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] });
 TagDetailsComponent = __decorate([
     RegisterClass(BaseFormSectionComponent, 'Tags.details') // Tell MemberJunction about this class 
 ], TagDetailsComponent);
@@ -75,6 +79,21 @@ export { TagDetailsComponent };
             Type="numerictextbox"
             [EditMode]="EditMode"
             LinkType="Record"
+            LinkComponentType="Search"
+        ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="__mj_CreatedAt"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="__mj_UpdatedAt"
+            Type="textbox"
+            [EditMode]="EditMode"
         ></mj-form-field>
         <mj-form-field 
             [record]="record"
@@ -86,13 +105,13 @@ export { TagDetailsComponent };
 
     </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"] }]
+    `, styles: [".k-pane {\n  background-color: #F5F6FA;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon {\n  margin-right: 5px;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n"] }]
     }], null, { record: [{
             type: Input
         }], EditMode: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TagDetailsComponent, { className: "TagDetailsComponent", filePath: "src/lib/generated/Entities/Tag/sections/details.component.ts", lineNumber: 53 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TagDetailsComponent, { className: "TagDetailsComponent", filePath: "src/lib/generated/Entities/Tag/sections/details.component.ts", lineNumber: 68 }); })();
 export function LoadTagDetailsComponent() {
     // does nothing, but called in order to prevent tree-shaking from eliminating this component from the build
 }

package/dist/lib/generated/Entities/Tag/tag.form.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.form.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/generated/Entities/Tag/tag.form.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAElE,qBAMa,gBAAiB,SAAQ,iBAAiB;IAC5C,MAAM,EAAG,SAAS,CAAC;yCADjB,gBAAgB;2CAAhB,gBAAgB;CAE5B;AAED,wBAAgB,oBAAoB,SAEnC"}
+{"version":3,"file":"tag.form.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/generated/Entities/Tag/tag.form.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAIlE,qBAMa,gBAAiB,SAAQ,iBAAiB;IAC5C,MAAM,EAAG,SAAS,CAAC;yCADjB,gBAAgB;2CAAhB,gBAAgB;CAE5B;AAED,wBAAgB,oBAAoB,SAEnC"}

package/dist/lib/generated/Entities/Tag/tag.form.component.js

@@ -20,33 +20,33 @@ const _c0 = () => ({ EntityRelationshipID: 116 });
 const _c1 = () => ({ EntityRelationshipID: 117 });
 function TagFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "form", 4, 0);
-    i0.ɵɵelement(2, "mj-form-toolbar", 5)(3, "div", 6, 1);
-    i0.ɵɵelementStart(5, "mj-tabstrip", 7);
-    i0.ɵɵlistener("TabSelected", function TagFormComponent_form_1_Template_mj_tabstrip_TabSelected_5_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTabSelect($event.index)); });
-    i0.ɵɵelementStart(6, "mj-tab", 8);
-    i0.ɵɵtext(7, " Details ");
+    i0.ɵɵelementStart(0, "form", 3, 0);
+    i0.ɵɵelement(2, "mj-form-toolbar", 4);
+    i0.ɵɵelementStart(3, "mj-tabstrip", 5);
+    i0.ɵɵlistener("TabSelected", function TagFormComponent_form_1_Template_mj_tabstrip_TabSelected_3_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTabSelect($event.index)); });
+    i0.ɵɵelementStart(4, "mj-tab", 6);
+    i0.ɵɵtext(5, " Details ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "mj-tab-body");
-    i0.ɵɵelement(9, "mj-form-section", 9);
+    i0.ɵɵelementStart(6, "mj-tab-body");
+    i0.ɵɵelement(7, "mj-form-section", 7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "mj-tab", 10);
-    i0.ɵɵtext(11, " Tags ");
+    i0.ɵɵelementStart(8, "mj-tab", 8);
+    i0.ɵɵtext(9, " Tags ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "mj-tab-body");
-    i0.ɵɵelement(13, "mj-user-view-grid", 11);
+    i0.ɵɵelementStart(10, "mj-tab-body");
+    i0.ɵɵelement(11, "mj-user-view-grid", 9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "mj-tab", 12);
-    i0.ɵɵtext(15, " Tagged Items ");
+    i0.ɵɵelementStart(12, "mj-tab", 10);
+    i0.ɵɵtext(13, " Tagged Items ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "mj-tab-body");
-    i0.ɵɵelement(17, "mj-user-view-grid", 11);
+    i0.ɵɵelementStart(14, "mj-tab-body");
+    i0.ɵɵelement(15, "mj-user-view-grid", 9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("form", ctx_r1);
-    i0.ɵɵadvance(7);
+    i0.ɵɵadvance(5);
     i0.ɵɵproperty("record", ctx_r1.record)("EditMode", ctx_r1.EditMode);
     i0.ɵɵadvance();
     i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved)("Props", i0.ɵɵpureFunction0(17, _c0));
@@ -60,24 +60,24 @@ function TagFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
 let TagFormComponent = class TagFormComponent extends BaseFormComponent {
 };
 TagFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵTagFormComponent_BaseFactory; return function TagFormComponent_Factory(t) { return (ɵTagFormComponent_BaseFactory || (ɵTagFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(TagFormComponent)))(t || TagFormComponent); }; })();
-TagFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TagFormComponent, selectors: [["gen-tag-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["form", "ngForm"], ["topArea", ""], ["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], [3, "form"], [1, "record-form-group"], ["mjFillContainer", "", 3, "TabSelected"], ["Name", "Details"], ["Entity", "Tags", "Section", "details", 3, "record", "EditMode"], ["Name", "Tags", 3, "Visible", "Props"], [3, "Params", "NewRecordValues", "AllowLoad", "EditMode", "BottomMargin"], ["Name", "Tagged Items", 3, "Visible", "Props"]], template: function TagFormComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 2);
-        i0.ɵɵtemplate(1, TagFormComponent_form_1_Template, 18, 19, "form", 3);
+TagFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TagFormComponent, selectors: [["gen-tag-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["form", "ngForm"], ["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], [3, "form"], ["mjFillContainer", "", 3, "TabSelected"], ["Name", "Details"], ["Entity", "Tags", "Section", "details", 3, "record", "EditMode"], ["Name", "Tags", 3, "Visible", "Props"], [3, "Params", "NewRecordValues", "AllowLoad", "EditMode", "BottomMargin"], ["Name", "Tagged Items", 3, "Visible", "Props"]], template: function TagFormComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 1);
+        i0.ɵɵtemplate(1, TagFormComponent_form_1_Template, 16, 19, "form", 2);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
         i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
         i0.ɵɵadvance();
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.UserViewGridComponent, i4.SectionLoaderComponent, i5.FormToolbarComponent, i6.MJTabStripComponent, i6.MJTabBodyComponent, i6.MJTabComponent, i7.FillContainer], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] });
+    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.UserViewGridComponent, i4.SectionLoaderComponent, i5.FormToolbarComponent, i6.MJTabStripComponent, i6.MJTabBodyComponent, i6.MJTabComponent, i7.FillContainer], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}"] });
 TagFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Tags') // Tell MemberJunction about this class
 ], TagFormComponent);
 export { TagFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TagFormComponent, [{
         type: Component,
-        args: [{ selector: 'gen-tag-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n                <div #topArea class=\"record-form-group\">\n                    \n                </div>\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    <mj-tab Name=\"Details\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section \n                            Entity=\"Tags\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                    <mj-tab Name=\"Tags\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 116}\">\n                        Tags\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Tags')\"  \n                            [NewRecordValues]=\"NewRecordValues('Tags')\"\n                            [AllowLoad]=\"IsCurrentTab('Tags')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n\n                    <mj-tab Name=\"Tagged Items\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 117}\">\n                        Tagged Items\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Tagged Items')\"  \n                            [NewRecordValues]=\"NewRecordValues('Tagged Items')\"\n                            [AllowLoad]=\"IsCurrentTab('Tagged Items')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>\n                    </mj-tab-body>\n                </mj-tabstrip>\n    </form>\n</div>\n        ", styles: [".k-pane {\n  background-color: #F5F6FA;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n"] }]
+        args: [{ selector: 'gen-tag-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\n                    \n                    <mj-tab Name=\"Details\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section \n                            Entity=\"Tags\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                    <mj-tab Name=\"Tags\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 116}\">\n                        Tags\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Tags')\"  \n                            [NewRecordValues]=\"NewRecordValues('Tags')\"\n                            [AllowLoad]=\"IsCurrentTab('Tags')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n\n                    <mj-tab Name=\"Tagged Items\" \n                        [Visible]=\"record.IsSaved\" \n                        [Props]=\"{EntityRelationshipID: 117}\">\n                        Tagged Items\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('Tagged Items')\"  \n                            [NewRecordValues]=\"NewRecordValues('Tagged Items')\"\n                            [AllowLoad]=\"IsCurrentTab('Tagged Items')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            [BottomMargin]=\"GridBottomMargin\">\n                        </mj-user-view-grid>                    \n                    </mj-tab-body>\n                </mj-tabstrip>\n    </form>\n</div>\n        ", styles: [".k-pane {\n  background-color: #F5F6FA;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon {\n  margin-right: 5px;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 10px;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TagFormComponent, { className: "TagFormComponent", filePath: "src/lib/generated/Entities/Tag/tag.form.component.ts", lineNumber: 12 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TagFormComponent, { className: "TagFormComponent", filePath: "src/lib/generated/Entities/Tag/tag.form.component.ts", lineNumber: 14 }); })();
 export function LoadTagFormComponent() {
     LoadTagDetailsComponent();
 }

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

@@ -1 +1 @@
-{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/TaggedItem/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;AAEjE,qBAgDa,0BAA2B,SAAQ,wBAAwB;IAClD,MAAM,EAAG,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAS;yCAFnC,0BAA0B;2CAA1B,0BAA0B;CAGtC;AAED,wBAAgB,8BAA8B,SAE7C"}
+{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/TaggedItem/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;;AAEjE,qBAgEa,0BAA2B,SAAQ,wBAAwB;IAClD,MAAM,EAAG,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAS;yCAFnC,0BAA0B;2CAA1B,0BAA0B;CAGtC;AAED,wBAAgB,8BAA8B,SAE7C"}