@memberjunction/ng-core-entity-forms 2.85.0 → 2.86.0

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

@@ -0,0 +1,253 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, Input } from '@angular/core';
+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 "@memberjunction/ng-base-forms";
+function ComponentDetailsComponent_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)(7, "mj-form-field", 7)(8, "mj-form-field", 8)(9, "mj-form-field", 9)(10, "mj-form-field", 10)(11, "mj-form-field", 11)(12, "mj-form-field", 12)(13, "mj-form-field", 13)(14, "mj-form-field", 14)(15, "mj-form-field", 15)(16, "mj-form-field", 16)(17, "mj-form-field", 17)(18, "mj-form-field", 18)(19, "mj-form-field", 19)(20, "mj-form-field", 20)(21, "mj-form-field", 21)(22, "mj-form-field", 22)(23, "mj-form-field", 23);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    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);
+    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);
+    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);
+    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);
+    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);
+    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);
+    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 ComponentDetailsComponent = class ComponentDetailsComponent extends BaseFormSectionComponent {
+    constructor() {
+        super(...arguments);
+        this.EditMode = false;
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵComponentDetailsComponent_BaseFactory; return function ComponentDetailsComponent_Factory(t) { return (ɵComponentDetailsComponent_BaseFactory || (ɵComponentDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ComponentDetailsComponent)))(t || ComponentDetailsComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ComponentDetailsComponent, selectors: [["gen-component-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "Namespace", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Name", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Version", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "VersionSequence", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Title", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Description", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Type", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Status", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "DeveloperName", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "DeveloperEmail", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "DeveloperOrganization", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "SourceRegistryID", "Type", "textbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ReplicatedAt", "Type", "datepicker", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "LastSyncedAt", "Type", "datepicker", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_CreatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "__mj_UpdatedAt", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "Specification", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "FunctionalRequirements", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "TechnicalDesign", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "FunctionalRequirementsVector", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "TechnicalDesignVector", "Type", "textarea", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "SourceRegistry", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function ComponentDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ComponentDetailsComponent_div_0_Template, 24, 66, "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.content-margin[_ngcontent-%COMP%] {\n  margin: 10px;\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}"] }); }
+};
+ComponentDetailsComponent = __decorate([
+    RegisterClass(BaseFormSectionComponent, 'MJ: Components.details') // Tell MemberJunction about this class 
+], ComponentDetailsComponent);
+export { ComponentDetailsComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ComponentDetailsComponent, [{
+        type: Component,
+        args: [{ selector: 'gen-component-form-details', template: `<div *ngIf="this.record">
+    <div class="record-form">
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="Namespace"
+            Type="textarea"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="Name"
+            Type="textarea"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="Version"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="VersionSequence"
+            Type="numerictextbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="Title"
+            Type="textarea"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="Description"
+            Type="textarea"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="Type"
+            Type="dropdownlist"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="Status"
+            Type="dropdownlist"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="DeveloperName"
+            Type="textarea"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="DeveloperEmail"
+            Type="textarea"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="DeveloperOrganization"
+            Type="textarea"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="SourceRegistryID"
+            Type="textbox"
+            [EditMode]="EditMode"
+            LinkType="Record"
+            LinkComponentType="Search"
+        ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="ReplicatedAt"
+            Type="datepicker"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="LastSyncedAt"
+            Type="datepicker"
+            [EditMode]="EditMode"
+        ></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"
+            [ShowLabel]="true"
+            FieldName="Specification"
+            Type="textarea"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="FunctionalRequirements"
+            Type="textarea"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="TechnicalDesign"
+            Type="textarea"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="FunctionalRequirementsVector"
+            Type="textarea"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="TechnicalDesignVector"
+            Type="textarea"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="SourceRegistry"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+
+    </div>
+</div>
+    `, styles: [".k-pane {\n  background-color: #F5F6FA;\n}\n\n.content-margin {\n  margin: 10px;\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(ComponentDetailsComponent, { className: "ComponentDetailsComponent", filePath: "src/lib/generated/Entities/Component/sections/details.component.ts", lineNumber: 173 }); })();
+export function LoadComponentDetailsComponent() {
+    // does nothing, but called in order to prevent tree-shaking from eliminating this component from the build
+}
+//# sourceMappingURL=details.component.js.map

package/dist/lib/generated/Entities/Component/sections/details.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"details.component.js","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/Component/sections/details.component.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;;;;;IAQrE,AADW,2BAAyB,aACX;IAsJrB,AAPA,AAPA,AAPA,AAPA,AAPA,AAPA,AAPA,AAPA,AAPA,AATA,AAPA,AAPA,AAPA,AAPA,AAPA,AAPA,AAPA,AAPA,AAPA,AAPA,AAPA,mCAMiB,uBAOA,uBAOA,uBAOA,uBAOA,uBAOA,uBAOA,uBAOA,yBAOA,yBAOA,yBAOA,yBASA,yBAOA,yBAOA,yBAOA,yBAOA,yBAOA,yBAOA,yBAOA,yBAOA,yBAOA,yBAOA;IAGzB,AADI,iBAAM,EACJ;;;IA7JM,eAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAGrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAGrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAGrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAGrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAGrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAGrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAGrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAGrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAGrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAGrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAGrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAKrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAGrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAGrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAGrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAGrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAGrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAGrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAGrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAGrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAGrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;;AAO1B,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,wBAAwB;IAAhE;;QAEe,aAAQ,GAAY,KAAK,CAAC;KAC/C;wQAHY,yBAAyB,SAAzB,yBAAyB;oEAAzB,yBAAyB;YAnKvB,4EAAyB;;YAAnB,iCAAiB;;;AAmKzB,yBAAyB;IAvKrC,aAAa,CAAC,wBAAwB,EAAE,wBAAwB,CAAC,CAAC,wCAAwC;GAuK9F,yBAAyB,CAGrC;;iFAHY,yBAAyB;cAtKrC,SAAS;2BACI,4BAA4B,YAE5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiKT;gBAGiB,MAAM;kBAAvB,KAAK;YACY,QAAQ;kBAAzB,KAAK;;kFAFG,yBAAyB;AAKtC,MAAM,UAAU,6BAA6B;IACzC,2GAA2G;AAC/G,CAAC"}

package/dist/lib/generated/Entities/ComponentDependency/componentdependency.form.component.d.ts

@@ -0,0 +1,10 @@
+import { ComponentDependencyEntity } from '@memberjunction/core-entities';
+import { BaseFormComponent } from '@memberjunction/ng-base-forms';
+import * as i0 from "@angular/core";
+export declare class ComponentDependencyFormComponent extends BaseFormComponent {
+    record: ComponentDependencyEntity;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComponentDependencyFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComponentDependencyFormComponent, "gen-componentdependency-form", never, {}, {}, never, never, false, never>;
+}
+export declare function LoadComponentDependencyFormComponent(): void;
+//# sourceMappingURL=componentdependency.form.component.d.ts.map

package/dist/lib/generated/Entities/ComponentDependency/componentdependency.form.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentdependency.form.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/generated/Entities/ComponentDependency/componentdependency.form.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAE1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAGlE,qBAMa,gCAAiC,SAAQ,iBAAiB;IAC5D,MAAM,EAAG,yBAAyB,CAAC;yCADjC,gCAAgC;2CAAhC,gCAAgC;CAE5C;AAED,wBAAgB,oCAAoC,SAEnD"}

package/dist/lib/generated/Entities/ComponentDependency/componentdependency.form.component.js

@@ -0,0 +1,59 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component } from '@angular/core';
+import { RegisterClass } from '@memberjunction/global';
+import { BaseFormComponent } from '@memberjunction/ng-base-forms';
+import { LoadComponentDependencyDetailsComponent } from "./sections/details.component";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@memberjunction/ng-base-forms";
+import * as i4 from "@memberjunction/ng-form-toolbar";
+import * as i5 from "@memberjunction/ng-tabstrip";
+function ComponentDependencyFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "form", 3, 0);
+    i0.ɵɵelement(2, "mj-form-toolbar", 4);
+    i0.ɵɵelementStart(3, "mj-tabstrip", 5);
+    i0.ɵɵlistener("TabSelected", function ComponentDependencyFormComponent_form_1_Template_mj_tabstrip_TabSelected_3_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTabSelect($event)); })("ResizeContainer", function ComponentDependencyFormComponent_form_1_Template_mj_tabstrip_ResizeContainer_3_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.InvokeManualResize()); });
+    i0.ɵɵelementStart(4, "mj-tab", 6);
+    i0.ɵɵtext(5, " Details ");
+    i0.ɵɵelementEnd();
+    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(5);
+    i0.ɵɵproperty("record", ctx_r1.record)("EditMode", ctx_r1.EditMode);
+} }
+let ComponentDependencyFormComponent = class ComponentDependencyFormComponent extends BaseFormComponent {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵComponentDependencyFormComponent_BaseFactory; return function ComponentDependencyFormComponent_Factory(t) { return (ɵComponentDependencyFormComponent_BaseFactory || (ɵComponentDependencyFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ComponentDependencyFormComponent)))(t || ComponentDependencyFormComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ComponentDependencyFormComponent, selectors: [["gen-componentdependency-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [["form", "ngForm"], [1, "record-form-container"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], [3, "form"], [3, "TabSelected", "ResizeContainer"], ["Name", "Details"], ["Entity", "MJ: Component Dependencies", "Section", "details", 3, "record", "EditMode"]], template: function ComponentDependencyFormComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 1);
+            i0.ɵɵtemplate(1, ComponentDependencyFormComponent_form_1_Template, 8, 3, "form", 2);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            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], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n}\n\n.content-margin[_ngcontent-%COMP%] {\n  margin: 10px;\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}"] }); }
+};
+ComponentDependencyFormComponent = __decorate([
+    RegisterClass(BaseFormComponent, 'MJ: Component Dependencies') // Tell MemberJunction about this class
+], ComponentDependencyFormComponent);
+export { ComponentDependencyFormComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ComponentDependencyFormComponent, [{
+        type: Component,
+        args: [{ selector: 'gen-componentdependency-form', template: "<div class=\"record-form-container\"  >\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" >\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event)\"  (ResizeContainer)=\"InvokeManualResize()\">\n                    \n                    <mj-tab Name=\"Details\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section \n                            Entity=\"MJ: Component Dependencies\" \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.content-margin {\n  margin: 10px;\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(ComponentDependencyFormComponent, { className: "ComponentDependencyFormComponent", filePath: "src/lib/generated/Entities/ComponentDependency/componentdependency.form.component.ts", lineNumber: 13 }); })();
+export function LoadComponentDependencyFormComponent() {
+    LoadComponentDependencyDetailsComponent();
+}
+//# sourceMappingURL=componentdependency.form.component.js.map

package/dist/lib/generated/Entities/ComponentDependency/componentdependency.form.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentdependency.form.component.js","sourceRoot":"","sources":["../../../../../src/lib/generated/Entities/ComponentDependency/componentdependency.form.component.ts","../../../../../src/lib/generated/Entities/ComponentDependency/componentdependency.form.component.html"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,uCAAuC,EAAE,MAAM,8BAA8B,CAAA;;;;;;;;;ICHlF,kCAA0D;IACtD,qCAAiD;IAEzC,sCAA2F;IAAzC,AAArC,oNAAe,0BAAmB,KAAC,yMAAqB,2BAAoB,KAAC;IAEtF,iCAAuB;IACnB,yBACJ;IAAA,iBAAS;IACT,mCAAa;IACT,qCAKkB;IAItC,AADY,AAFI,iBAAc,EAEJ,EACnB;;;IAjBc,eAAa;IAAb,6BAAa;IAWV,eAAiB;IACjB,AADA,sCAAiB,6BACS;;ADF/C,IAAM,gCAAgC,GAAtC,MAAM,gCAAiC,SAAQ,iBAAiB;oSAA1D,gCAAgC,SAAhC,gCAAgC;oEAAhC,gCAAgC;YCZ7C,8BAAqC;YACjC,mFAA0D;YAmB9D,iBAAM;;YAnBK,cAAY;YAAZ,iCAAY;;;ADWV,gCAAgC;IAN5C,aAAa,CAAC,iBAAiB,EAAE,4BAA4B,CAAC,CAAC,uCAAuC;GAM1F,gCAAgC,CAE5C;;iFAFY,gCAAgC;cAL5C,SAAS;2BACI,8BAA8B;;kFAI/B,gCAAgC;AAI7C,MAAM,UAAU,oCAAoC;IAChD,uCAAuC,EAAE,CAAC;AAC9C,CAAC"}

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

@@ -0,0 +1,11 @@
+import { BaseFormSectionComponent } from '@memberjunction/ng-base-forms';
+import { ComponentDependencyEntity } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+export declare class ComponentDependencyDetailsComponent extends BaseFormSectionComponent {
+    record: ComponentDependencyEntity;
+    EditMode: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComponentDependencyDetailsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComponentDependencyDetailsComponent, "gen-componentdependency-form-details", never, { "record": { "alias": "record"; "required": false; }; "EditMode": { "alias": "EditMode"; "required": false; }; }, {}, never, never, false, never>;
+}
+export declare function LoadComponentDependencyDetailsComponent(): void;
+//# sourceMappingURL=details.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/ComponentDependency/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;;AAE1E,qBAyDa,mCAAoC,SAAQ,wBAAwB;IAC3D,MAAM,EAAG,yBAAyB,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAS;yCAFnC,mCAAmC;2CAAnC,mCAAmC;CAG/C;AAED,wBAAgB,uCAAuC,SAEtD"}

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

@@ -0,0 +1,111 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, Input } from '@angular/core';
+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 "@memberjunction/ng-base-forms";
+function ComponentDependencyDetailsComponent_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)(7, "mj-form-field", 7);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    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);
+    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 ComponentDependencyDetailsComponent = class ComponentDependencyDetailsComponent extends BaseFormSectionComponent {
+    constructor() {
+        super(...arguments);
+        this.EditMode = false;
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵComponentDependencyDetailsComponent_BaseFactory; return function ComponentDependencyDetailsComponent_Factory(t) { return (ɵComponentDependencyDetailsComponent_BaseFactory || (ɵComponentDependencyDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ComponentDependencyDetailsComponent)))(t || ComponentDependencyDetailsComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ComponentDependencyDetailsComponent, selectors: [["gen-componentdependency-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "record-form"], ["FieldName", "ComponentID", "Type", "textbox", "LinkType", "Record", "LinkComponentType", "Search", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "DependencyComponentID", "Type", "textbox", "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", "Component", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "DependencyComponent", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"]], template: function ComponentDependencyDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ComponentDependencyDetailsComponent_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.content-margin[_ngcontent-%COMP%] {\n  margin: 10px;\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}"] }); }
+};
+ComponentDependencyDetailsComponent = __decorate([
+    RegisterClass(BaseFormSectionComponent, 'MJ: Component Dependencies.details') // Tell MemberJunction about this class 
+], ComponentDependencyDetailsComponent);
+export { ComponentDependencyDetailsComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ComponentDependencyDetailsComponent, [{
+        type: Component,
+        args: [{ selector: 'gen-componentdependency-form-details', template: `<div *ngIf="this.record">
+    <div class="record-form">
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="ComponentID"
+            Type="textbox"
+            [EditMode]="EditMode"
+            LinkType="Record"
+            LinkComponentType="Search"
+        ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="DependencyComponentID"
+            Type="textbox"
+            [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"
+            [ShowLabel]="true"
+            FieldName="Component"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+        <mj-form-field 
+            [record]="record"
+            [ShowLabel]="true"
+            FieldName="DependencyComponent"
+            Type="textbox"
+            [EditMode]="EditMode"
+        ></mj-form-field>
+
+    </div>
+</div>
+    `, styles: [".k-pane {\n  background-color: #F5F6FA;\n}\n\n.content-margin {\n  margin: 10px;\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(ComponentDependencyDetailsComponent, { className: "ComponentDependencyDetailsComponent", filePath: "src/lib/generated/Entities/ComponentDependency/sections/details.component.ts", lineNumber: 63 }); })();
+export function LoadComponentDependencyDetailsComponent() {
+    // does nothing, but called in order to prevent tree-shaking from eliminating this component from the build
+}
+//# sourceMappingURL=details.component.js.map

package/dist/lib/generated/Entities/ComponentDependency/sections/details.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"details.component.js","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/ComponentDependency/sections/details.component.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;;;;;IAQrE,AADW,2BAAyB,aACX;IAwCrB,AAPA,AAPA,AAPA,AATA,AATA,mCAQiB,uBASA,uBAOA,uBAOA,uBAOA,uBAOA;IAGzB,AADI,iBAAM,EACJ;;;IA/CM,eAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAKrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAKrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAGrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAGrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;IAGrB,cAAiB;IAIjB,AAHA,AADA,sCAAiB,mBACC,6BAGG;;AAO1B,IAAM,mCAAmC,GAAzC,MAAM,mCAAoC,SAAQ,wBAAwB;IAA1E;;QAEe,aAAQ,GAAY,KAAK,CAAC;KAC/C;gTAHY,mCAAmC,SAAnC,mCAAmC;oEAAnC,mCAAmC;YArDjC,qFAAyB;;YAAnB,iCAAiB;;;AAqDzB,mCAAmC;IAzD/C,aAAa,CAAC,wBAAwB,EAAE,oCAAoC,CAAC,CAAC,wCAAwC;GAyD1G,mCAAmC,CAG/C;;iFAHY,mCAAmC;cAxD/C,SAAS;2BACI,sCAAsC,YAEtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmDT;gBAGiB,MAAM;kBAAvB,KAAK;YACY,QAAQ;kBAAzB,KAAK;;kFAFG,mCAAmC;AAKhD,MAAM,UAAU,uCAAuC;IACnD,2GAA2G;AAC/G,CAAC"}

package/dist/lib/generated/Entities/ComponentLibrary/componentlibrary.form.component.d.ts

@@ -0,0 +1,10 @@
+import { ComponentLibraryEntity } from '@memberjunction/core-entities';
+import { BaseFormComponent } from '@memberjunction/ng-base-forms';
+import * as i0 from "@angular/core";
+export declare class ComponentLibraryFormComponent extends BaseFormComponent {
+    record: ComponentLibraryEntity;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComponentLibraryFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComponentLibraryFormComponent, "gen-componentlibrary-form", never, {}, {}, never, never, false, never>;
+}
+export declare function LoadComponentLibraryFormComponent(): void;
+//# sourceMappingURL=componentlibrary.form.component.d.ts.map

package/dist/lib/generated/Entities/ComponentLibrary/componentlibrary.form.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentlibrary.form.component.d.ts","sourceRoot":"","sources":["../../../../../src/lib/generated/Entities/ComponentLibrary/componentlibrary.form.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAIlE,qBAMa,6BAA8B,SAAQ,iBAAiB;IACzD,MAAM,EAAG,sBAAsB,CAAC;yCAD9B,6BAA6B;2CAA7B,6BAA6B;CAEzC;AAED,wBAAgB,iCAAiC,SAEhD"}

package/dist/lib/generated/Entities/ComponentLibrary/componentlibrary.form.component.js

@@ -0,0 +1,70 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component } from '@angular/core';
+import { RegisterClass } from '@memberjunction/global';
+import { BaseFormComponent } from '@memberjunction/ng-base-forms';
+import { LoadComponentLibraryDetailsComponent } from "./sections/details.component";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@memberjunction/ng-user-view-grid";
+import * as i4 from "@memberjunction/ng-base-forms";
+import * as i5 from "@memberjunction/ng-form-toolbar";
+import * as i6 from "@memberjunction/ng-tabstrip";
+function ComponentLibraryFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "form", 3, 0);
+    i0.ɵɵelement(2, "mj-form-toolbar", 4);
+    i0.ɵɵelementStart(3, "mj-tabstrip", 5);
+    i0.ɵɵlistener("TabSelected", function ComponentLibraryFormComponent_form_1_Template_mj_tabstrip_TabSelected_3_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTabSelect($event)); })("ResizeContainer", function ComponentLibraryFormComponent_form_1_Template_mj_tabstrip_ResizeContainer_3_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.InvokeManualResize()); });
+    i0.ɵɵelementStart(4, "mj-tab", 6);
+    i0.ɵɵtext(5, " Details ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "mj-tab-body");
+    i0.ɵɵelement(7, "mj-form-section", 7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "mj-tab", 8);
+    i0.ɵɵtext(9, " MJ: Component Library Links ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "mj-tab-body");
+    i0.ɵɵelement(11, "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(5);
+    i0.ɵɵproperty("record", ctx_r1.record)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Visible", ctx_r1.record.IsSaved);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ: Component Library Links", "LibraryID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: Component Library Links"))("AllowLoad", ctx_r1.IsCurrentTab("MJ: Component Library Links"))("EditMode", ctx_r1.GridEditMode());
+} }
+let ComponentLibraryFormComponent = class ComponentLibraryFormComponent extends BaseFormComponent {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵComponentLibraryFormComponent_BaseFactory; return function ComponentLibraryFormComponent_Factory(t) { return (ɵComponentLibraryFormComponent_BaseFactory || (ɵComponentLibraryFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ComponentLibraryFormComponent)))(t || ComponentLibraryFormComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ComponentLibraryFormComponent, selectors: [["gen-componentlibrary-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [["form", "ngForm"], [1, "record-form-container"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], [3, "form"], [3, "TabSelected", "ResizeContainer"], ["Name", "Details"], ["Entity", "MJ: Component Libraries", "Section", "details", 3, "record", "EditMode"], ["Name", "MJ: Component Library Links", 3, "Visible"], [3, "Params", "NewRecordValues", "AllowLoad", "EditMode"]], template: function ComponentLibraryFormComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 1);
+            i0.ɵɵtemplate(1, ComponentLibraryFormComponent_form_1_Template, 12, 8, "form", 2);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            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], styles: [".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n}\n\n.content-margin[_ngcontent-%COMP%] {\n  margin: 10px;\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}"] }); }
+};
+ComponentLibraryFormComponent = __decorate([
+    RegisterClass(BaseFormComponent, 'MJ: Component Libraries') // Tell MemberJunction about this class
+], ComponentLibraryFormComponent);
+export { ComponentLibraryFormComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ComponentLibraryFormComponent, [{
+        type: Component,
+        args: [{ selector: 'gen-componentlibrary-form', template: "<div class=\"record-form-container\"  >\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" >\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event)\"  (ResizeContainer)=\"InvokeManualResize()\">\n                    \n                    <mj-tab Name=\"Details\">\n                        Details\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-form-section \n                            Entity=\"MJ: Component Libraries\" \n                            Section=\"details\" \n                            [record]=\"record\" \n                            [EditMode]=\"this.EditMode\">\n                        </mj-form-section>\n                    </mj-tab-body>\n                    \n                    <mj-tab Name=\"MJ: Component Library Links\" [Visible]=\"record.IsSaved\"> \n                        MJ: Component Library Links\n                    </mj-tab>\n                    <mj-tab-body>\n                        <mj-user-view-grid \n                            [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: Component Library Links','LibraryID')\"  \n                            [NewRecordValues]=\"NewRecordValues('MJ: Component Library Links')\"\n                            [AllowLoad]=\"IsCurrentTab('MJ: Component Library Links')\"  \n                            [EditMode]=\"GridEditMode()\"  \n                            >\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.content-margin {\n  margin: 10px;\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(ComponentLibraryFormComponent, { className: "ComponentLibraryFormComponent", filePath: "src/lib/generated/Entities/ComponentLibrary/componentlibrary.form.component.ts", lineNumber: 14 }); })();
+export function LoadComponentLibraryFormComponent() {
+    LoadComponentLibraryDetailsComponent();
+}
+//# sourceMappingURL=componentlibrary.form.component.js.map

package/dist/lib/generated/Entities/ComponentLibrary/componentlibrary.form.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentlibrary.form.component.js","sourceRoot":"","sources":["../../../../../src/lib/generated/Entities/ComponentLibrary/componentlibrary.form.component.ts","../../../../../src/lib/generated/Entities/ComponentLibrary/componentlibrary.form.component.html"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,oCAAoC,EAAE,MAAM,8BAA8B,CAAA;;;;;;;;;;ICH/E,kCAA0D;IACtD,qCAAiD;IAEzC,sCAA2F;IAAzC,AAArC,iNAAe,0BAAmB,KAAC,sMAAqB,2BAAoB,KAAC;IAEtF,iCAAuB;IACnB,yBACJ;IAAA,iBAAS;IACT,mCAAa;IACT,qCAKkB;IACtB,iBAAc;IAEd,iCAAsE;IAClE,6CACJ;IAAA,iBAAS;IACT,oCAAa;IACT,wCAMoB;IAGxC,AADY,AADI,iBAAc,EACJ,EACnB;;;IA7Bc,eAAa;IAAb,6BAAa;IAWV,eAAiB;IACjB,AADA,sCAAiB,6BACS;IAIS,cAA0B;IAA1B,+CAA0B;IAK7D,eAA6F;IAG7F,AADA,AADA,AADA,mHAA6F,0EAC3B,iEACT,mCAC9B;;ADbhD,IAAM,6BAA6B,GAAnC,MAAM,6BAA8B,SAAQ,iBAAiB;wRAAvD,6BAA6B,SAA7B,6BAA6B;oEAA7B,6BAA6B;YCb1C,8BAAqC;YACjC,iFAA0D;YA+B9D,iBAAM;;YA/BK,cAAY;YAAZ,iCAAY;;;ADYV,6BAA6B;IANzC,aAAa,CAAC,iBAAiB,EAAE,yBAAyB,CAAC,CAAC,uCAAuC;GAMvF,6BAA6B,CAEzC;;iFAFY,6BAA6B;cALzC,SAAS;2BACI,2BAA2B;;kFAI5B,6BAA6B;AAI1C,MAAM,UAAU,iCAAiC;IAC7C,oCAAoC,EAAE,CAAC;AAC3C,CAAC"}

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

@@ -0,0 +1,11 @@
+import { BaseFormSectionComponent } from '@memberjunction/ng-base-forms';
+import { ComponentLibraryEntity } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+export declare class ComponentLibraryDetailsComponent extends BaseFormSectionComponent {
+    record: ComponentLibraryEntity;
+    EditMode: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComponentLibraryDetailsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComponentLibraryDetailsComponent, "gen-componentlibrary-form-details", never, { "record": { "alias": "record"; "required": false; }; "EditMode": { "alias": "EditMode"; "required": false; }; }, {}, never, never, false, never>;
+}
+export declare function LoadComponentLibraryDetailsComponent(): void;
+//# sourceMappingURL=details.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"details.component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/generated/Entities/ComponentLibrary/sections/details.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;;AAEvE,qBAiFa,gCAAiC,SAAQ,wBAAwB;IACxD,MAAM,EAAG,sBAAsB,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAS;yCAFnC,gCAAgC;2CAAhC,gCAAgC;CAG5C;AAED,wBAAgB,oCAAoC,SAEnD"}