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

package/dist/lib/custom/Entities/entities-form.component.js

@@ -13,252 +13,197 @@ import * as i2 from "@angular/forms";
 import * as i3 from "@progress/kendo-angular-layout";
 import * as i4 from "@memberjunction/ng-user-view-grid";
 import * as i5 from "@memberjunction/ng-base-forms";
-function EntitiesFormComponent_form_1_ng_template_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Fields");
-} }
-function EntitiesFormComponent_form_1_ng_template_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-user-view-grid", 14);
-} if (rf & 2) {
-    const ctx_r5 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Params", ctx_r5.BuildRelationshipViewParamsByEntityName("Entity Fields"))("AllowLoad", ctx_r5.IsCurrentTab("Fields"))("EditMode", ctx_r5.GridEditMode())("BottomMargin", ctx_r5.GridBottomMargin);
-} }
-function EntitiesFormComponent_form_1_ng_template_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Permissions");
-} }
-function EntitiesFormComponent_form_1_ng_template_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-user-view-grid", 14);
-} if (rf & 2) {
-    const ctx_r7 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Params", ctx_r7.BuildRelationshipViewParamsByEntityName("Entity Permissions"))("AllowLoad", ctx_r7.IsCurrentTab("Permissions"))("EditMode", ctx_r7.GridEditMode())("BottomMargin", ctx_r7.GridBottomMargin);
-} }
-function EntitiesFormComponent_form_1_ng_template_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Details");
-} }
-function EntitiesFormComponent_form_1_ng_template_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-form-section", 15);
-} if (rf & 2) {
-    const ctx_r9 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("record", ctx_r9.record)("EditMode", ctx_r9.EditMode);
-} }
-function EntitiesFormComponent_form_1_ng_template_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Audit");
-} }
-function EntitiesFormComponent_form_1_ng_template_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-form-section", 16);
-} if (rf & 2) {
-    const ctx_r11 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("record", ctx_r11.record)("EditMode", ctx_r11.EditMode);
-} }
-function EntitiesFormComponent_form_1_ng_template_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "API");
-} }
-function EntitiesFormComponent_form_1_ng_template_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-form-section", 17);
-} if (rf & 2) {
-    const ctx_r13 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("record", ctx_r13.record)("EditMode", ctx_r13.EditMode);
-} }
-function EntitiesFormComponent_form_1_ng_template_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "DB");
-} }
-function EntitiesFormComponent_form_1_ng_template_28_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-form-section", 18);
-} if (rf & 2) {
-    const ctx_r15 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("record", ctx_r15.record)("EditMode", ctx_r15.EditMode);
-} }
-function EntitiesFormComponent_form_1_ng_template_30_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "UI");
-} }
-function EntitiesFormComponent_form_1_ng_template_31_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-form-section", 19);
-} if (rf & 2) {
-    const ctx_r17 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("record", ctx_r17.record)("EditMode", ctx_r17.EditMode);
-} }
-function EntitiesFormComponent_form_1_ng_template_33_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Relationships");
-} }
-function EntitiesFormComponent_form_1_ng_template_34_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-user-view-grid", 14);
-} if (rf & 2) {
-    const ctx_r19 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Params", ctx_r19.BuildRelationshipViewParamsByEntityName("Entity Relationships"))("AllowLoad", ctx_r19.IsCurrentTab("Relationships"))("EditMode", ctx_r19.GridEditMode())("BottomMargin", ctx_r19.GridBottomMargin);
-} }
-function EntitiesFormComponent_form_1_ng_template_36_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "AI Actions");
-} }
-function EntitiesFormComponent_form_1_ng_template_37_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-user-view-grid", 14);
-} if (rf & 2) {
-    const ctx_r21 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Params", ctx_r21.BuildRelationshipViewParamsByEntityName("Entity AI Actions"))("AllowLoad", ctx_r21.IsCurrentTab("AI Actions"))("EditMode", ctx_r21.GridEditMode())("BottomMargin", ctx_r21.GridBottomMargin);
-} }
-function EntitiesFormComponent_form_1_ng_template_39_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Application Entities");
-} }
-function EntitiesFormComponent_form_1_ng_template_40_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-user-view-grid", 14);
-} if (rf & 2) {
-    const ctx_r23 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Params", ctx_r23.BuildRelationshipViewParamsByEntityName("Application Entities"))("AllowLoad", ctx_r23.IsCurrentTab("Application Entities"))("EditMode", ctx_r23.GridEditMode())("BottomMargin", ctx_r23.GridBottomMargin);
-} }
-function EntitiesFormComponent_form_1_ng_template_42_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "User Views");
-} }
-function EntitiesFormComponent_form_1_ng_template_43_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-user-view-grid", 14);
-} if (rf & 2) {
-    const ctx_r25 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Params", ctx_r25.BuildRelationshipViewParamsByEntityName("User Views"))("AllowLoad", ctx_r25.IsCurrentTab("User Views"))("EditMode", ctx_r25.GridEditMode())("BottomMargin", ctx_r25.GridBottomMargin);
-} }
-function EntitiesFormComponent_form_1_ng_template_45_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Dataset Items");
-} }
-function EntitiesFormComponent_form_1_ng_template_46_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-user-view-grid", 14);
-} if (rf & 2) {
-    const ctx_r27 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Params", ctx_r27.BuildRelationshipViewParamsByEntityName("Dataset Items"))("AllowLoad", ctx_r27.IsCurrentTab("Dataset Items"))("EditMode", ctx_r27.GridEditMode())("BottomMargin", ctx_r27.GridBottomMargin);
-} }
-function EntitiesFormComponent_form_1_ng_template_48_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Entity Documents");
-} }
-function EntitiesFormComponent_form_1_ng_template_49_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-user-view-grid", 14);
-} if (rf & 2) {
-    const ctx_r29 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Params", ctx_r29.BuildRelationshipViewParamsByEntityName("Entity Documents"))("AllowLoad", ctx_r29.IsCurrentTab("Entity Documents"))("EditMode", ctx_r29.GridEditMode())("BottomMargin", ctx_r29.GridBottomMargin);
-} }
-function EntitiesFormComponent_form_1_ng_template_51_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Entity Record Documents");
-} }
-function EntitiesFormComponent_form_1_ng_template_52_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-user-view-grid", 14);
-} if (rf & 2) {
-    const ctx_r31 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Params", ctx_r31.BuildRelationshipViewParamsByEntityName("Entity Record Documents"))("AllowLoad", ctx_r31.IsCurrentTab("Entity Record Documents"))("EditMode", ctx_r31.GridEditMode())("BottomMargin", ctx_r31.GridBottomMargin);
-} }
-function EntitiesFormComponent_form_1_ng_template_54_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "File Entity Record Links");
-} }
-function EntitiesFormComponent_form_1_ng_template_55_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-user-view-grid", 14);
-} if (rf & 2) {
-    const ctx_r33 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Params", ctx_r33.BuildRelationshipViewParamsByEntityName("File Entity Record Links"))("AllowLoad", ctx_r33.IsCurrentTab("File Entity Record Links"))("EditMode", ctx_r33.GridEditMode())("BottomMargin", ctx_r33.GridBottomMargin);
-} }
+import * as i6 from "@memberjunction/ng-tabstrip";
+import * as i7 from "@memberjunction/ng-container-directives";
 function EntitiesFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
-    const _r35 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "form", 2, 3)(2, "kendo-splitter", 4);
-    i0.ɵɵlistener("layoutChange", function EntitiesFormComponent_form_1_Template_kendo_splitter_layoutChange_2_listener() { i0.ɵɵrestoreView(_r35); const ctx_r34 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r34.splitterLayoutChange()); });
-    i0.ɵɵelementStart(3, "kendo-splitter-pane")(4, "div", 5, 6);
-    i0.ɵɵelement(6, "mj-form-toolbar", 7)(7, "mj-form-section", 8);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "kendo-splitter-pane")(9, "kendo-tabstrip", 9, 10);
-    i0.ɵɵlistener("tabSelect", function EntitiesFormComponent_form_1_Template_kendo_tabstrip_tabSelect_9_listener($event) { i0.ɵɵrestoreView(_r35); const ctx_r36 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r36.onTabSelect($event)); });
-    i0.ɵɵelementStart(11, "kendo-tabstrip-tab", 11);
-    i0.ɵɵtemplate(12, EntitiesFormComponent_form_1_ng_template_12_Template, 1, 0, "ng-template", 12)(13, EntitiesFormComponent_form_1_ng_template_13_Template, 1, 4, "ng-template", 13);
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "form", 2, 3);
+    i0.ɵɵelement(2, "mj-form-toolbar", 4);
+    i0.ɵɵelementStart(3, "kendo-splitter", 5);
+    i0.ɵɵlistener("layoutChange", function EntitiesFormComponent_form_1_Template_kendo_splitter_layoutChange_3_listener() { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.splitterLayoutChange()); });
+    i0.ɵɵelementStart(4, "kendo-splitter-pane", 6)(5, "div", 7, 8)(7, "mj-form-section", 9);
+    i0.ɵɵlistener("LoadComplete", function EntitiesFormComponent_form_1_Template_mj_form_section_LoadComplete_7_listener() { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.CalcTopAreaHeight()); });
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(8, "kendo-splitter-pane")(9, "mj-tabstrip", 10);
+    i0.ɵɵlistener("TabSelected", function EntitiesFormComponent_form_1_Template_mj_tabstrip_TabSelected_9_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.onTabSelect($event.index)); });
+    i0.ɵɵelementStart(10, "mj-tab", 11);
+    i0.ɵɵtext(11, " Fields ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "mj-tab-body");
+    i0.ɵɵelement(13, "mj-user-view-grid", 12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "mj-tab", 11);
+    i0.ɵɵtext(15, " Permissions ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "mj-tab-body");
+    i0.ɵɵelement(17, "mj-user-view-grid", 12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "mj-tab", 11);
+    i0.ɵɵtext(19, " Details ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "mj-tab-body");
+    i0.ɵɵelement(21, "mj-form-section", 13);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "mj-tab", 11);
+    i0.ɵɵtext(23, " Audit ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(24, "mj-tab-body");
+    i0.ɵɵelement(25, "mj-form-section", 14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "mj-tab", 11);
+    i0.ɵɵtext(27, " API ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(28, "mj-tab-body");
+    i0.ɵɵelement(29, "mj-form-section", 15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(30, "mj-tab", 11);
+    i0.ɵɵtext(31, " DB ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "kendo-tabstrip-tab", 11);
-    i0.ɵɵtemplate(15, EntitiesFormComponent_form_1_ng_template_15_Template, 1, 0, "ng-template", 12)(16, EntitiesFormComponent_form_1_ng_template_16_Template, 1, 4, "ng-template", 13);
+    i0.ɵɵelementStart(32, "mj-tab-body");
+    i0.ɵɵelement(33, "mj-form-section", 16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "kendo-tabstrip-tab", 11);
-    i0.ɵɵtemplate(18, EntitiesFormComponent_form_1_ng_template_18_Template, 1, 0, "ng-template", 12)(19, EntitiesFormComponent_form_1_ng_template_19_Template, 1, 2, "ng-template", 13);
+    i0.ɵɵelementStart(34, "mj-tab", 11);
+    i0.ɵɵtext(35, " UI ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "kendo-tabstrip-tab", 11);
-    i0.ɵɵtemplate(21, EntitiesFormComponent_form_1_ng_template_21_Template, 1, 0, "ng-template", 12)(22, EntitiesFormComponent_form_1_ng_template_22_Template, 1, 2, "ng-template", 13);
+    i0.ɵɵelementStart(36, "mj-tab-body");
+    i0.ɵɵelement(37, "mj-form-section", 17);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(23, "kendo-tabstrip-tab", 11);
-    i0.ɵɵtemplate(24, EntitiesFormComponent_form_1_ng_template_24_Template, 1, 0, "ng-template", 12)(25, EntitiesFormComponent_form_1_ng_template_25_Template, 1, 2, "ng-template", 13);
+    i0.ɵɵelementStart(38, "mj-tab", 11);
+    i0.ɵɵtext(39, " Relationships ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "kendo-tabstrip-tab", 11);
-    i0.ɵɵtemplate(27, EntitiesFormComponent_form_1_ng_template_27_Template, 1, 0, "ng-template", 12)(28, EntitiesFormComponent_form_1_ng_template_28_Template, 1, 2, "ng-template", 13);
+    i0.ɵɵelementStart(40, "mj-tab-body");
+    i0.ɵɵelement(41, "mj-user-view-grid", 12);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "kendo-tabstrip-tab", 11);
-    i0.ɵɵtemplate(30, EntitiesFormComponent_form_1_ng_template_30_Template, 1, 0, "ng-template", 12)(31, EntitiesFormComponent_form_1_ng_template_31_Template, 1, 2, "ng-template", 13);
+    i0.ɵɵelementStart(42, "mj-tab", 11);
+    i0.ɵɵtext(43, " AI Actions ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(32, "kendo-tabstrip-tab", 11);
-    i0.ɵɵtemplate(33, EntitiesFormComponent_form_1_ng_template_33_Template, 1, 0, "ng-template", 12)(34, EntitiesFormComponent_form_1_ng_template_34_Template, 1, 4, "ng-template", 13);
+    i0.ɵɵelementStart(44, "mj-tab-body");
+    i0.ɵɵelement(45, "mj-user-view-grid", 12);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(35, "kendo-tabstrip-tab", 11);
-    i0.ɵɵtemplate(36, EntitiesFormComponent_form_1_ng_template_36_Template, 1, 0, "ng-template", 12)(37, EntitiesFormComponent_form_1_ng_template_37_Template, 1, 4, "ng-template", 13);
+    i0.ɵɵelementStart(46, "mj-tab", 11);
+    i0.ɵɵtext(47, " Application Entities ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(38, "kendo-tabstrip-tab", 11);
-    i0.ɵɵtemplate(39, EntitiesFormComponent_form_1_ng_template_39_Template, 1, 0, "ng-template", 12)(40, EntitiesFormComponent_form_1_ng_template_40_Template, 1, 4, "ng-template", 13);
+    i0.ɵɵelementStart(48, "mj-tab-body");
+    i0.ɵɵelement(49, "mj-user-view-grid", 12);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(41, "kendo-tabstrip-tab", 11);
-    i0.ɵɵtemplate(42, EntitiesFormComponent_form_1_ng_template_42_Template, 1, 0, "ng-template", 12)(43, EntitiesFormComponent_form_1_ng_template_43_Template, 1, 4, "ng-template", 13);
+    i0.ɵɵelementStart(50, "mj-tab", 11);
+    i0.ɵɵtext(51, " User Views ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(44, "kendo-tabstrip-tab", 11);
-    i0.ɵɵtemplate(45, EntitiesFormComponent_form_1_ng_template_45_Template, 1, 0, "ng-template", 12)(46, EntitiesFormComponent_form_1_ng_template_46_Template, 1, 4, "ng-template", 13);
+    i0.ɵɵelementStart(52, "mj-tab-body");
+    i0.ɵɵelement(53, "mj-user-view-grid", 12);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(47, "kendo-tabstrip-tab", 11);
-    i0.ɵɵtemplate(48, EntitiesFormComponent_form_1_ng_template_48_Template, 1, 0, "ng-template", 12)(49, EntitiesFormComponent_form_1_ng_template_49_Template, 1, 4, "ng-template", 13);
+    i0.ɵɵelementStart(54, "mj-tab", 11);
+    i0.ɵɵtext(55, " Dataset Items ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(50, "kendo-tabstrip-tab", 11);
-    i0.ɵɵtemplate(51, EntitiesFormComponent_form_1_ng_template_51_Template, 1, 0, "ng-template", 12)(52, EntitiesFormComponent_form_1_ng_template_52_Template, 1, 4, "ng-template", 13);
+    i0.ɵɵelementStart(56, "mj-tab-body");
+    i0.ɵɵelement(57, "mj-user-view-grid", 12);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(53, "kendo-tabstrip-tab", 11);
-    i0.ɵɵtemplate(54, EntitiesFormComponent_form_1_ng_template_54_Template, 1, 0, "ng-template", 12)(55, EntitiesFormComponent_form_1_ng_template_55_Template, 1, 4, "ng-template", 13);
+    i0.ɵɵelementStart(58, "mj-tab", 11);
+    i0.ɵɵtext(59, " Entity Documents ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(60, "mj-tab-body");
+    i0.ɵɵelement(61, "mj-user-view-grid", 12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(62, "mj-tab", 11);
+    i0.ɵɵtext(63, " Entity Record Documents ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(64, "mj-tab-body");
+    i0.ɵɵelement(65, "mj-user-view-grid", 12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(66, "mj-tab", 11);
+    i0.ɵɵtext(67, " File Entity Record Links ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(68, "mj-tab-body");
+    i0.ɵɵelement(69, "mj-user-view-grid", 12);
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(6);
-    i0.ɵɵproperty("form", ctx_r0);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("keepTabContent", true)("animate", false)("height", ctx_r0.TabHeight);
+    i0.ɵɵproperty("form", ctx_r0);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Fields"));
+    i0.ɵɵproperty("collapsible", true)("size", ctx_r0.TopAreaHeight);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Permissions"));
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
+    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Fields"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Audit"));
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Entity Fields"))("AllowLoad", ctx_r0.IsCurrentTab("Fields"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Permissions"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("API"));
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Entity Permissions"))("AllowLoad", ctx_r0.IsCurrentTab("Permissions"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("DB"));
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Audit"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("UI"));
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("API"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Relationships"));
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("DB"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("AI Actions"));
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("UI"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Application Entities"));
+    i0.ɵɵproperty("record", ctx_r0.record)("EditMode", ctx_r0.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Relationships"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("User Views"));
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Entity Relationships"))("AllowLoad", ctx_r0.IsCurrentTab("Relationships"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("AI Actions"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Entity AI Actions"))("AllowLoad", ctx_r0.IsCurrentTab("AI Actions"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Application Entities"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Application Entities"))("AllowLoad", ctx_r0.IsCurrentTab("Application Entities"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("User Views"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Dataset Items"));
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("User Views"))("AllowLoad", ctx_r0.IsCurrentTab("User Views"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Dataset Items"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Entity Documents"));
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Dataset Items"))("AllowLoad", ctx_r0.IsCurrentTab("Dataset Items"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Entity Documents"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Entity Record Documents"));
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Entity Documents"))("AllowLoad", ctx_r0.IsCurrentTab("Entity Documents"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("Entity Record Documents"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("Entity Record Documents"))("AllowLoad", ctx_r0.IsCurrentTab("Entity Record Documents"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("TabSelected", ctx_r0.RegisterAndCheckIfCurrentTab("File Entity Record Links"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("File Entity Record Links"));
+    i0.ɵɵproperty("Params", ctx_r0.BuildRelationshipViewParamsByEntityName("File Entity Record Links"))("AllowLoad", ctx_r0.IsCurrentTab("File Entity Record Links"))("EditMode", ctx_r0.GridEditMode())("BottomMargin", ctx_r0.GridBottomMargin);
 } }
 let EntitiesFormComponent = class EntitiesFormComponent extends BaseFormComponent {
 };
 EntitiesFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵEntitiesFormComponent_BaseFactory; return function EntitiesFormComponent_Factory(t) { return (ɵEntitiesFormComponent_BaseFactory || (ɵEntitiesFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EntitiesFormComponent)))(t || EntitiesFormComponent); }; })();
-EntitiesFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntitiesFormComponent, selectors: [["mj-entities-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[1, "record-form-container"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], ["form", "ngForm"], ["orientation", "vertical", 3, "layoutChange"], [1, "record-form-group"], ["topArea", ""], [3, "form"], ["Entity", "Entities", "Section", "top-area", 3, "record", "EditMode"], [3, "keepTabContent", "animate", "height", "tabSelect"], ["tabStrip", ""], [3, "selected"], ["kendoTabTitle", ""], ["kendoTabContent", ""], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"], ["Entity", "Entities", "Section", "details", 3, "record", "EditMode"], ["Entity", "Entities", "Section", "audit", 3, "record", "EditMode"], ["Entity", "Entities", "Section", "api", 3, "record", "EditMode"], ["Entity", "Entities", "Section", "db", 3, "record", "EditMode"], ["Entity", "Entities", "Section", "ui", 3, "record", "EditMode"]], template: function EntitiesFormComponent_Template(rf, ctx) { if (rf & 1) {
+EntitiesFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntitiesFormComponent, selectors: [["mj-entities-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], ["mjFillContainer", "", 1, "record-form"], ["form", "ngForm"], [3, "form"], ["orientation", "vertical", "mjFillContainer", "", 3, "layoutChange"], [3, "collapsible", "size"], [1, "record-form-group"], ["topArea", ""], ["Entity", "Entities", "Section", "top-area", 3, "record", "EditMode", "LoadComplete"], ["mjFillContainer", "", 3, "TabSelected"], [3, "TabSelected"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"], ["Entity", "Entities", "Section", "details", 3, "record", "EditMode"], ["Entity", "Entities", "Section", "audit", 3, "record", "EditMode"], ["Entity", "Entities", "Section", "api", 3, "record", "EditMode"], ["Entity", "Entities", "Section", "db", 3, "record", "EditMode"], ["Entity", "Entities", "Section", "ui", 3, "record", "EditMode"]], template: function EntitiesFormComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, EntitiesFormComponent_form_1_Template, 56, 21, "form", 1);
+        i0.ɵɵtemplate(1, EntitiesFormComponent_form_1_Template, 70, 70, "form", 1);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
+        i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
         i0.ɵɵadvance();
         i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.SplitterComponent, i3.SplitterPaneComponent, i3.TabStripComponent, i3.TabStripTabComponent, i3.TabContentDirective, i3.TabTitleDirective, i4.UserViewGridComponent, i5.SectionLoaderComponent, i5.FormToolbarComponent], styles: ["a[_ngcontent-%COMP%] {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group[_ngcontent-%COMP%] {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter[_ngcontent-%COMP%] {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row[_ngcontent-%COMP%] {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row[_ngcontent-%COMP%] {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}"] });
+    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.SplitterComponent, i3.SplitterPaneComponent, i4.UserViewGridComponent, i5.SectionLoaderComponent, i5.FormToolbarComponent, i6.MJTabStripComponent, i6.MJTabBodyComponent, i6.MJTabComponent, i7.FillContainer], styles: [".k-pane[_ngcontent-%COMP%] {\r\n  background-color: #F5F6FA;\r\n} \r\n\r\n\r\na[_ngcontent-%COMP%] {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%] {\r\n  display: block;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group[_ngcontent-%COMP%] {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter[_ngcontent-%COMP%] {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row[_ngcontent-%COMP%] {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row[_ngcontent-%COMP%] {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}"] });
 EntitiesFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'Entities', 1) // Register with priority of 1, so ABOVE the generated form
 ], EntitiesFormComponent);
 export { EntitiesFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntitiesFormComponent, [{
         type: Component,
-        args: [{ selector: 'mj-entities-form', template: "<div class=\"record-form-container\">\r\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\">\r\n        <kendo-splitter orientation=\"vertical\" (layoutChange)=\"splitterLayoutChange()\">\r\n            <kendo-splitter-pane>\r\n                <div #topArea class=\"record-form-group\">\r\n                    <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\r\n                    <mj-form-section Entity=\"Entities\" Section=\"top-area\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\r\n                </div>\r\n            </kendo-splitter-pane>\r\n            <kendo-splitter-pane>\r\n                <kendo-tabstrip #tabStrip (tabSelect)=\"onTabSelect($event)\" [keepTabContent]=\"true\" [animate] = \"false\" [height]=\"TabHeight\" >\r\n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Fields')\">\r\n                        <ng-template kendoTabTitle>Fields</ng-template>\r\n                        <ng-template kendoTabContent >\r\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Entity Fields')\"  \r\n                                               [AllowLoad]=\"this.IsCurrentTab('Fields')\"  \r\n                                               [EditMode]=\"this.GridEditMode()\"  \r\n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\r\n                        </ng-template>\r\n                    </kendo-tabstrip-tab>\r\n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Permissions')\">\r\n                        <ng-template kendoTabTitle>Permissions</ng-template>\r\n                        <ng-template kendoTabContent >\r\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Entity Permissions')\"  \r\n                                               [AllowLoad]=\"this.IsCurrentTab('Permissions')\"  \r\n                                               [EditMode]=\"this.GridEditMode()\"  \r\n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\r\n                        </ng-template>\r\n                    </kendo-tabstrip-tab>\r\n                                \r\n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\r\n                        <ng-template kendoTabTitle>Details</ng-template>\r\n                        <ng-template kendoTabContent >\r\n                            <mj-form-section Entity=\"Entities\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\r\n                        </ng-template>\r\n                    </kendo-tabstrip-tab>\r\n               \r\n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Audit')\">\r\n                        <ng-template kendoTabTitle>Audit</ng-template>\r\n                        <ng-template kendoTabContent >\r\n                            <mj-form-section Entity=\"Entities\" Section=\"audit\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\r\n                        </ng-template>\r\n                    </kendo-tabstrip-tab>\r\n               \r\n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('API')\">\r\n                        <ng-template kendoTabTitle>API</ng-template>\r\n                        <ng-template kendoTabContent >\r\n                            <mj-form-section Entity=\"Entities\" Section=\"api\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\r\n                        </ng-template>\r\n                    </kendo-tabstrip-tab>\r\n               \r\n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('DB')\">\r\n                        <ng-template kendoTabTitle>DB</ng-template>\r\n                        <ng-template kendoTabContent >\r\n                            <mj-form-section Entity=\"Entities\" Section=\"db\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\r\n                        </ng-template>\r\n                    </kendo-tabstrip-tab>\r\n               \r\n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('UI')\">\r\n                        <ng-template kendoTabTitle>UI</ng-template>\r\n                        <ng-template kendoTabContent >\r\n                            <mj-form-section Entity=\"Entities\" Section=\"ui\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\r\n                        </ng-template>\r\n                    </kendo-tabstrip-tab>\r\n                                                    \r\n          \r\n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Relationships')\">\r\n                        <ng-template kendoTabTitle>Relationships</ng-template>\r\n                        <ng-template kendoTabContent >\r\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Entity Relationships')\"  \r\n                                               [AllowLoad]=\"this.IsCurrentTab('Relationships')\"  \r\n                                               [EditMode]=\"this.GridEditMode()\"  \r\n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\r\n                        </ng-template>\r\n                    </kendo-tabstrip-tab>\r\n          \r\n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('AI Actions')\">\r\n                        <ng-template kendoTabTitle>AI Actions</ng-template>\r\n                        <ng-template kendoTabContent >\r\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Entity AI Actions')\"  \r\n                                               [AllowLoad]=\"this.IsCurrentTab('AI Actions')\"  \r\n                                               [EditMode]=\"this.GridEditMode()\"  \r\n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\r\n                        </ng-template>\r\n                    </kendo-tabstrip-tab>\r\n          \r\n\r\n          \r\n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Application Entities')\">\r\n                        <ng-template kendoTabTitle>Application Entities</ng-template>\r\n                        <ng-template kendoTabContent >\r\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Application Entities')\"  \r\n                                               [AllowLoad]=\"this.IsCurrentTab('Application Entities')\"  \r\n                                               [EditMode]=\"this.GridEditMode()\"  \r\n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\r\n                        </ng-template>\r\n                    </kendo-tabstrip-tab>\r\n           \r\n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('User Views')\">\r\n                        <ng-template kendoTabTitle>User Views</ng-template>\r\n                        <ng-template kendoTabContent >\r\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('User Views')\"  \r\n                                               [AllowLoad]=\"this.IsCurrentTab('User Views')\"  \r\n                                               [EditMode]=\"this.GridEditMode()\"  \r\n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\r\n                        </ng-template>\r\n                    </kendo-tabstrip-tab>\r\n           \r\n          \r\n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Dataset Items')\">\r\n                        <ng-template kendoTabTitle>Dataset Items</ng-template>\r\n                        <ng-template kendoTabContent >\r\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Dataset Items')\"  \r\n                                               [AllowLoad]=\"this.IsCurrentTab('Dataset Items')\"  \r\n                                               [EditMode]=\"this.GridEditMode()\"  \r\n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\r\n                        </ng-template>\r\n                    </kendo-tabstrip-tab> \r\n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Entity Documents')\">\r\n                        <ng-template kendoTabTitle>Entity Documents</ng-template>\r\n                        <ng-template kendoTabContent >\r\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Entity Documents')\"  \r\n                                               [AllowLoad]=\"this.IsCurrentTab('Entity Documents')\"  \r\n                                               [EditMode]=\"this.GridEditMode()\"  \r\n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\r\n                        </ng-template>\r\n                    </kendo-tabstrip-tab>\r\n          \r\n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Entity Record Documents')\">\r\n                        <ng-template kendoTabTitle>Entity Record Documents</ng-template>\r\n                        <ng-template kendoTabContent >\r\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Entity Record Documents')\"  \r\n                                               [AllowLoad]=\"this.IsCurrentTab('Entity Record Documents')\"  \r\n                                               [EditMode]=\"this.GridEditMode()\"  \r\n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\r\n                        </ng-template>\r\n                    </kendo-tabstrip-tab>\r\n          \r\n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('File Entity Record Links')\">\r\n                        <ng-template kendoTabTitle>File Entity Record Links</ng-template>\r\n                        <ng-template kendoTabContent >\r\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('File Entity Record Links')\"  \r\n                                               [AllowLoad]=\"this.IsCurrentTab('File Entity Record Links')\"  \r\n                                               [EditMode]=\"this.GridEditMode()\"  \r\n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\r\n                        </ng-template>\r\n                    </kendo-tabstrip-tab>\r\n                            </kendo-tabstrip>\r\n            </kendo-splitter-pane>\r\n        </kendo-splitter>\r\n    </form>\r\n  </div>\r\n    ", styles: ["a {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form h2 {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n/* .record-form .record-form-row:nth-child(odd) {\r\n  background-color: #f2f2f2; \r\n} */\r\n\r\n/* \r\n.record-form .record-form-row:nth-child(even) {\r\n  background-color: #ffffff;  \r\n} */\r\n\r\n.record-form .record-form-row > :first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form .record-form-row > span {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row label {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n"] }]
+        args: [{ selector: 'mj-entities-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\r\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\" mjFillContainer>\r\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\r\n        <kendo-splitter orientation=\"vertical\" (layoutChange)=\"splitterLayoutChange()\" mjFillContainer>\r\n            <kendo-splitter-pane [collapsible]=\"true\" [size]=\"TopAreaHeight\">\r\n                <div #topArea class=\"record-form-group\">\r\n                    <mj-form-section Entity=\"Entities\" Section=\"top-area\" [record]=\"record\" [EditMode]=\"this.EditMode\" (LoadComplete)=\"CalcTopAreaHeight()\"></mj-form-section>\r\n                </div>\r\n            </kendo-splitter-pane>\r\n            <kendo-splitter-pane>\r\n                <mj-tabstrip (TabSelected)=\"onTabSelect($event.index)\" mjFillContainer>\r\n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Fields')\">\r\n                        Fields\r\n                    </mj-tab>\r\n                    <mj-tab-body>\r\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Entity Fields')\"  \r\n                            [AllowLoad]=\"this.IsCurrentTab('Fields')\"  \r\n                            [EditMode]=\"this.GridEditMode()\"  \r\n                            [BottomMargin]=\"GridBottomMargin\">\r\n                        </mj-user-view-grid>\r\n                    </mj-tab-body>\r\n\r\n                    <mj-tab  [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Permissions')\">\r\n                        Permissions\r\n                    </mj-tab>\r\n                    <mj-tab-body>\r\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Entity Permissions')\"  \r\n                            [AllowLoad]=\"this.IsCurrentTab('Permissions')\"  \r\n                            [EditMode]=\"this.GridEditMode()\"  \r\n                            [BottomMargin]=\"GridBottomMargin\">\r\n                        </mj-user-view-grid>\r\n                    </mj-tab-body>\r\n\r\n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\r\n                        Details\r\n                    </mj-tab>\r\n                    <mj-tab-body>\r\n                        <mj-form-section Entity=\"Entities\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\r\n                    </mj-tab-body>\r\n\r\n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Audit')\">\r\n                        Audit\r\n                    </mj-tab>\r\n                    <mj-tab-body>\r\n                        <mj-form-section Entity=\"Entities\" Section=\"audit\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\r\n                    </mj-tab-body>\r\n\r\n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('API')\">\r\n                        API\r\n                    </mj-tab>\r\n                    <mj-tab-body>\r\n                        <mj-form-section Entity=\"Entities\" Section=\"api\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\r\n                    </mj-tab-body>\r\n\r\n\r\n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('DB')\">\r\n                        DB\r\n                    </mj-tab>\r\n                    <mj-tab-body>\r\n                        <mj-form-section Entity=\"Entities\" Section=\"db\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\r\n                    </mj-tab-body>\r\n\r\n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('UI')\">\r\n                        UI\r\n                    </mj-tab>\r\n                    <mj-tab-body>\r\n                        <mj-form-section Entity=\"Entities\" Section=\"ui\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\r\n                    </mj-tab-body>\r\n\r\n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Relationships')\">\r\n                        Relationships\r\n                    </mj-tab>\r\n                    <mj-tab-body>\r\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Entity Relationships')\"  \r\n                            [AllowLoad]=\"this.IsCurrentTab('Relationships')\"  \r\n                            [EditMode]=\"this.GridEditMode()\"  \r\n                            [BottomMargin]=\"GridBottomMargin\">\r\n                        </mj-user-view-grid>\r\n                    </mj-tab-body>\r\n\r\n\r\n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('AI Actions')\">\r\n                        AI Actions\r\n                    </mj-tab>\r\n                    <mj-tab-body>\r\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Entity AI Actions')\"  \r\n                            [AllowLoad]=\"this.IsCurrentTab('AI Actions')\"  \r\n                            [EditMode]=\"this.GridEditMode()\"  \r\n                            [BottomMargin]=\"GridBottomMargin\">\r\n                        </mj-user-view-grid>\r\n                    </mj-tab-body>\r\n\r\n\r\n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Application Entities')\">\r\n                        Application Entities\r\n                    </mj-tab>\r\n                    <mj-tab-body>\r\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Application Entities')\"  \r\n                            [AllowLoad]=\"this.IsCurrentTab('Application Entities')\"  \r\n                            [EditMode]=\"this.GridEditMode()\"  \r\n                            [BottomMargin]=\"GridBottomMargin\">\r\n                        </mj-user-view-grid>\r\n                    </mj-tab-body>\r\n\r\n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('User Views')\">\r\n                        User Views\r\n                    </mj-tab>\r\n                    <mj-tab-body>\r\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('User Views')\"  \r\n                            [AllowLoad]=\"this.IsCurrentTab('User Views')\"  \r\n                            [EditMode]=\"this.GridEditMode()\"  \r\n                            [BottomMargin]=\"GridBottomMargin\">\r\n                        </mj-user-view-grid>\r\n                    </mj-tab-body> \r\n                \r\n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Dataset Items')\">\r\n                        Dataset Items\r\n                    </mj-tab>\r\n                    <mj-tab-body>\r\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Dataset Items')\"  \r\n                            [AllowLoad]=\"this.IsCurrentTab('Dataset Items')\"  \r\n                            [EditMode]=\"this.GridEditMode()\"  \r\n                            [BottomMargin]=\"GridBottomMargin\">\r\n                        </mj-user-view-grid>\r\n                    </mj-tab-body> \r\n                \r\n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Entity Documents')\">\r\n                        Entity Documents\r\n                    </mj-tab>\r\n                    <mj-tab-body>\r\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Entity Documents')\"  \r\n                            [AllowLoad]=\"this.IsCurrentTab('Entity Documents')\"  \r\n                            [EditMode]=\"this.GridEditMode()\"  \r\n                            [BottomMargin]=\"GridBottomMargin\">\r\n                        </mj-user-view-grid>\r\n                    </mj-tab-body> \r\n                \r\n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('Entity Record Documents')\">\r\n                        Entity Record Documents\r\n                    </mj-tab>\r\n                    <mj-tab-body>\r\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Entity Record Documents')\"  \r\n                            [AllowLoad]=\"this.IsCurrentTab('Entity Record Documents')\"  \r\n                            [EditMode]=\"this.GridEditMode()\"  \r\n                            [BottomMargin]=\"GridBottomMargin\">\r\n                        </mj-user-view-grid>\r\n                    </mj-tab-body> \r\n                \r\n                    <mj-tab [TabSelected]=\"this.RegisterAndCheckIfCurrentTab('File Entity Record Links')\">\r\n                        File Entity Record Links\r\n                    </mj-tab>\r\n                    <mj-tab-body>\r\n                        <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('File Entity Record Links')\"  \r\n                            [AllowLoad]=\"this.IsCurrentTab('File Entity Record Links')\"  \r\n                            [EditMode]=\"this.GridEditMode()\"  \r\n                            [BottomMargin]=\"GridBottomMargin\">\r\n                        </mj-user-view-grid>\r\n                    </mj-tab-body> \r\n                </mj-tabstrip>\r\n            </kendo-splitter-pane>\r\n        </kendo-splitter>\r\n    </form>\r\n  </div>\r\n    ", styles: [".k-pane {\r\n  background-color: #F5F6FA;\r\n} \r\n\r\n\r\na {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form {\r\n  display: block;\r\n  flex-direction: column;\r\n  background-color: #F5F6FA;\r\n  padding: 10px;\r\n}\r\n\r\n.record-form-group {\r\n  margin-top: 0px;\r\n  background-color: #F5F6FA;\r\n}\r\n\r\nbutton {\r\n  margin-right: 5px;\r\n}\r\n\r\n.record-form h2 {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.k-splitter {\r\n  border-width: 0px;\r\n}\r\n\r\n.record-form-row {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  align-items: start;\r\n  gap: 10px;\r\n  margin-bottom: 12px;\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n\r\n/* .record-form .record-form-row:nth-child(odd) {\r\n  background-color: #f2f2f2; \r\n} */\r\n\r\n/* \r\n.record-form .record-form-row:nth-child(even) {\r\n  background-color: #ffffff;  \r\n} */\r\n\r\n.record-form .record-form-row > :first-child {\r\n  font-weight: bold;\r\n  padding-right: 10px;\r\n} \r\n\r\n.record-form .record-form-row > span {\r\n  white-space: pre-line;\r\n  max-height: 300px;\r\n  overflow: auto;\r\n}\r\n\r\n \r\n\r\n@media (min-width: 768px) {\r\n  .record-form-row {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n\r\n  .record-form-row label {\r\n    width: 240px;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntitiesFormComponent, { className: "EntitiesFormComponent", filePath: "src\\lib\\custom\\Entities\\entities-form.component.ts", lineNumber: 12 }); })();
 export function LoadEntitiesFormComponent() {

package/dist/lib/custom/custom-forms.module.d.ts

@@ -9,9 +9,11 @@ import * as i7 from "@progress/kendo-angular-dateinputs";
 import * as i8 from "@memberjunction/ng-user-view-grid";
 import * as i9 from "@memberjunction/ng-link-directives";
 import * as i10 from "@memberjunction/ng-base-forms";
+import * as i11 from "@memberjunction/ng-tabstrip";
+import * as i12 from "@memberjunction/ng-container-directives";
 export declare class MemberJunctionCoreEntityFormsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MemberJunctionCoreEntityFormsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MemberJunctionCoreEntityFormsModule, [typeof i1.EntitiesFormComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.LayoutModule, typeof i5.InputsModule, typeof i6.ButtonsModule, typeof i7.DateInputsModule, typeof i8.UserViewGridModule, typeof i9.LinkDirectivesModule, typeof i10.BaseFormsModule], [typeof i1.EntitiesFormComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MemberJunctionCoreEntityFormsModule, [typeof i1.EntitiesFormComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.LayoutModule, typeof i5.InputsModule, typeof i6.ButtonsModule, typeof i7.DateInputsModule, typeof i8.UserViewGridModule, typeof i9.LinkDirectivesModule, typeof i10.BaseFormsModule, typeof i11.MJTabStripModule, typeof i12.ContainerDirectivesModule], [typeof i1.EntitiesFormComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MemberJunctionCoreEntityFormsModule>;
 }
 export declare function LoadCoreCustomForms(): void;

package/dist/lib/custom/custom-forms.module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"custom-forms.module.d.ts","sourceRoot":"","sources":["../../../src/lib/custom/custom-forms.module.ts"],"names":[],"mappings":";;;;;;;;;;;AAYA,qBAmBa,mCAAmC;yCAAnC,mCAAmC;0CAAnC,mCAAmC;0CAAnC,mCAAmC;CAAI;AAEpD,wBAAgB,mBAAmB,SAElC"}
+{"version":3,"file":"custom-forms.module.d.ts","sourceRoot":"","sources":["../../../src/lib/custom/custom-forms.module.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAcA,qBAqBa,mCAAmC;yCAAnC,mCAAmC;0CAAnC,mCAAmC;0CAAnC,mCAAmC;CAAI;AAEpD,wBAAgB,mBAAmB,SAElC"}

package/dist/lib/custom/custom-forms.module.js

@@ -9,6 +9,8 @@ import { BaseFormsModule } from '@memberjunction/ng-base-forms';
 import { UserViewGridModule } from '@memberjunction/ng-user-view-grid';
 import { LinkDirectivesModule } from '@memberjunction/ng-link-directives';
 import { EntitiesFormComponent, LoadEntitiesFormComponent } from "./Entities/entities-form.component";
+import { MJTabStripModule } from "@memberjunction/ng-tabstrip";
+import { ContainerDirectivesModule } from "@memberjunction/ng-container-directives";
 import * as i0 from "@angular/core";
 export class MemberJunctionCoreEntityFormsModule {
 }
@@ -22,7 +24,9 @@ MemberJunctionCoreEntityFormsModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector(
         DateInputsModule,
         UserViewGridModule,
         LinkDirectivesModule,
-        BaseFormsModule] });
+        BaseFormsModule,
+        MJTabStripModule,
+        ContainerDirectivesModule] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MemberJunctionCoreEntityFormsModule, [{
         type: NgModule,
         args: [{
@@ -38,7 +42,9 @@ MemberJunctionCoreEntityFormsModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector(
                     DateInputsModule,
                     UserViewGridModule,
                     LinkDirectivesModule,
-                    BaseFormsModule
+                    BaseFormsModule,
+                    MJTabStripModule,
+                    ContainerDirectivesModule
                 ],
                 exports: [
                     EntitiesFormComponent
@@ -53,7 +59,9 @@ MemberJunctionCoreEntityFormsModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector(
         DateInputsModule,
         UserViewGridModule,
         LinkDirectivesModule,
-        BaseFormsModule], exports: [EntitiesFormComponent] }); })();
+        BaseFormsModule,
+        MJTabStripModule,
+        ContainerDirectivesModule], exports: [EntitiesFormComponent] }); })();
 export function LoadCoreCustomForms() {
     LoadEntitiesFormComponent();
 }