@memberjunction/ng-core-entity-forms 0.9.25 → 0.9.38

package/dist/lib/generated/Entities/Role/role.form.component.js

@@ -1,127 +1,137 @@
-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-explorer-core';
-import { LoadRoleDetailsComponent } from "./sections/details.component";
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/forms";
-import * as i3 from "@progress/kendo-angular-layout";
-import * as i4 from "@memberjunction/ng-explorer-core";
-import * as i5 from "@memberjunction/ng-user-view-grid";
-function RoleFormComponent_form_1_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Details");
-} }
-function RoleFormComponent_form_1_ng_template_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-form-section", 12);
-} if (rf & 2) {
-    const ctx_r5 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("record", ctx_r5.record)("EditMode", ctx_r5.EditMode);
-} }
-function RoleFormComponent_form_1_ng_template_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Employee Roles");
-} }
-function RoleFormComponent_form_1_ng_template_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-user-view-grid", 13);
-} if (rf & 2) {
-    const ctx_r7 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Params", ctx_r7.BuildRelationshipViewParamsByEntityName("Employee Roles"))("AllowLoad", ctx_r7.IsCurrentTab("Employee Roles"))("EditMode", ctx_r7.GridEditMode())("BottomMargin", ctx_r7.GridBottomMargin);
-} }
-function RoleFormComponent_form_1_ng_template_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Entity Permissions");
-} }
-function RoleFormComponent_form_1_ng_template_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-user-view-grid", 13);
-} if (rf & 2) {
-    const ctx_r9 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Params", ctx_r9.BuildRelationshipViewParamsByEntityName("Entity Permissions"))("AllowLoad", ctx_r9.IsCurrentTab("Entity Permissions"))("EditMode", ctx_r9.GridEditMode())("BottomMargin", ctx_r9.GridBottomMargin);
-} }
-function RoleFormComponent_form_1_ng_template_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "User Roles");
-} }
-function RoleFormComponent_form_1_ng_template_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-user-view-grid", 13);
-} if (rf & 2) {
-    const ctx_r11 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Params", ctx_r11.BuildRelationshipViewParamsByEntityName("User Roles"))("AllowLoad", ctx_r11.IsCurrentTab("User Roles"))("EditMode", ctx_r11.GridEditMode())("BottomMargin", ctx_r11.GridBottomMargin);
-} }
-function RoleFormComponent_form_1_ng_template_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, "Authorization Roles");
-} }
-function RoleFormComponent_form_1_ng_template_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-user-view-grid", 13);
-} if (rf & 2) {
-    const ctx_r13 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Params", ctx_r13.BuildRelationshipViewParamsByEntityName("Authorization Roles"))("AllowLoad", ctx_r13.IsCurrentTab("Authorization Roles"))("EditMode", ctx_r13.GridEditMode())("BottomMargin", ctx_r13.GridBottomMargin);
-} }
-function RoleFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "form", 2, 3)(2, "div", 4, 5);
-    i0.ɵɵelement(4, "mj-form-toolbar", 6);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "kendo-tabstrip", 7, 8);
-    i0.ɵɵlistener("tabSelect", function RoleFormComponent_form_1_Template_kendo_tabstrip_tabSelect_5_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r14 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r14.onTabSelect($event)); });
-    i0.ɵɵelementStart(7, "kendo-tabstrip-tab", 9);
-    i0.ɵɵtemplate(8, RoleFormComponent_form_1_ng_template_8_Template, 1, 0, "ng-template", 10);
-    i0.ɵɵtemplate(9, RoleFormComponent_form_1_ng_template_9_Template, 1, 2, "ng-template", 11);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "kendo-tabstrip-tab", 9);
-    i0.ɵɵtemplate(11, RoleFormComponent_form_1_ng_template_11_Template, 1, 0, "ng-template", 10);
-    i0.ɵɵtemplate(12, RoleFormComponent_form_1_ng_template_12_Template, 1, 4, "ng-template", 11);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "kendo-tabstrip-tab", 9);
-    i0.ɵɵtemplate(14, RoleFormComponent_form_1_ng_template_14_Template, 1, 0, "ng-template", 10);
-    i0.ɵɵtemplate(15, RoleFormComponent_form_1_ng_template_15_Template, 1, 4, "ng-template", 11);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "kendo-tabstrip-tab", 9);
-    i0.ɵɵtemplate(17, RoleFormComponent_form_1_ng_template_17_Template, 1, 0, "ng-template", 10);
-    i0.ɵɵtemplate(18, RoleFormComponent_form_1_ng_template_18_Template, 1, 4, "ng-template", 11);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "kendo-tabstrip-tab", 9);
-    i0.ɵɵtemplate(20, RoleFormComponent_form_1_ng_template_20_Template, 1, 0, "ng-template", 10);
-    i0.ɵɵtemplate(21, RoleFormComponent_form_1_ng_template_21_Template, 1, 4, "ng-template", 11);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("form", ctx_r0);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("keepTabContent", true)("animate", false)("height", ctx_r0.TabHeight);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Employee Roles"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Entity Permissions"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("User Roles"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Authorization Roles"));
-} }
-let RoleFormComponent = class RoleFormComponent extends BaseFormComponent {
-};
-RoleFormComponent.ɵfac = /*@__PURE__*/ function () { let ɵRoleFormComponent_BaseFactory; return function RoleFormComponent_Factory(t) { return (ɵRoleFormComponent_BaseFactory || (ɵRoleFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(RoleFormComponent)))(t || RoleFormComponent); }; }();
-RoleFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RoleFormComponent, selectors: [["gen-role-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[1, "record-form-container"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], ["form", "ngForm"], [1, "record-form-group"], ["topArea", ""], [3, "form"], [3, "keepTabContent", "animate", "height", "tabSelect"], ["tabStrip", ""], [3, "selected"], ["kendoTabTitle", ""], ["kendoTabContent", ""], ["Entity", "Roles", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function RoleFormComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵtemplate(1, RoleFormComponent_form_1_Template, 22, 9, "form", 1);
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.record);
-    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.TabStripComponent, i3.TabStripTabComponent, i3.TabContentDirective, i3.TabTitleDirective, i4.FormToolbarComponent, i4.SectionLoaderComponent, i5.UserViewGridComponent], 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}\r\n\r\n.record-form-group[_ngcontent-%COMP%] {\r\n  margin-top: 0px;\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\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[_ngcontent-%COMP%] {\r\n      padding-left: 5px;\r\n      padding-right: 5px;\r\n      padding-bottom: 5px;\r\n  }\r\n\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}"] });
-RoleFormComponent = __decorate([
-    RegisterClass(BaseFormComponent, 'Roles') // Tell MemberJunction about this class
-], RoleFormComponent);
-export { RoleFormComponent };
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RoleFormComponent, [{
-        type: Component,
-        args: [{ selector: 'gen-role-form', template: "<div class=\"record-form-container\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\">\n                        <div #topArea class=\"record-form-group\">\n                    <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n                    \n                </div>\n                        <kendo-tabstrip #tabStrip (tabSelect)=\"onTabSelect($event)\" [keepTabContent]=\"true\" [animate] = \"false\" [height]=\"TabHeight\" >\n                                \n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        <ng-template kendoTabTitle>Details</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-form-section Entity=\"Roles\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                        </ng-template>\n                    </kendo-tabstrip-tab>\n                                          \n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Employee Roles')\">\n                        <ng-template kendoTabTitle>Employee Roles</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Employee Roles')\"  \n                                               [AllowLoad]=\"this.IsCurrentTab('Employee Roles')\"  \n                                               [EditMode]=\"this.GridEditMode()\"  \n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\n                        </ng-template>\n                    </kendo-tabstrip-tab>\n          \n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Entity Permissions')\">\n                        <ng-template kendoTabTitle>Entity Permissions</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Entity Permissions')\"  \n                                               [AllowLoad]=\"this.IsCurrentTab('Entity Permissions')\"  \n                                               [EditMode]=\"this.GridEditMode()\"  \n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\n                        </ng-template>\n                    </kendo-tabstrip-tab>\n          \n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('User Roles')\">\n                        <ng-template kendoTabTitle>User Roles</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('User Roles')\"  \n                                               [AllowLoad]=\"this.IsCurrentTab('User Roles')\"  \n                                               [EditMode]=\"this.GridEditMode()\"  \n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\n                        </ng-template>\n                    </kendo-tabstrip-tab>\n          \n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Authorization Roles')\">\n                        <ng-template kendoTabTitle>Authorization Roles</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Authorization Roles')\"  \n                                               [AllowLoad]=\"this.IsCurrentTab('Authorization Roles')\"  \n                                               [EditMode]=\"this.GridEditMode()\"  \n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\n                        </ng-template>\n                    </kendo-tabstrip-tab>\n                            </kendo-tabstrip>\n    </form>\n  </div>\n    ", styles: ["a {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.record-form-group {\r\n  margin-top: 0px;\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 {\r\n      padding-left: 5px;\r\n      padding-right: 5px;\r\n      padding-bottom: 5px;\r\n  }\r\n\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); })();
-export function LoadRoleFormComponent() {
-    LoadRoleDetailsComponent();
-}
+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-explorer-core';
+import { LoadRoleDetailsComponent } from "./sections/details.component";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@progress/kendo-angular-layout";
+import * as i4 from "@memberjunction/ng-explorer-core";
+import * as i5 from "@memberjunction/ng-user-view-grid";
+function RoleFormComponent_form_1_ng_template_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, "Details");
+} }
+function RoleFormComponent_form_1_ng_template_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-form-section", 12);
+} if (rf & 2) {
+    const ctx_r5 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("record", ctx_r5.record)("EditMode", ctx_r5.EditMode);
+} }
+function RoleFormComponent_form_1_ng_template_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, "Employee Roles");
+} }
+function RoleFormComponent_form_1_ng_template_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-user-view-grid", 13);
+} if (rf & 2) {
+    const ctx_r7 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("Params", ctx_r7.BuildRelationshipViewParamsByEntityName("Employee Roles"))("AllowLoad", ctx_r7.IsCurrentTab("Employee Roles"))("EditMode", ctx_r7.GridEditMode())("BottomMargin", ctx_r7.GridBottomMargin);
+} }
+function RoleFormComponent_form_1_ng_template_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, "Entity Permissions");
+} }
+function RoleFormComponent_form_1_ng_template_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-user-view-grid", 13);
+} if (rf & 2) {
+    const ctx_r9 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("Params", ctx_r9.BuildRelationshipViewParamsByEntityName("Entity Permissions"))("AllowLoad", ctx_r9.IsCurrentTab("Entity Permissions"))("EditMode", ctx_r9.GridEditMode())("BottomMargin", ctx_r9.GridBottomMargin);
+} }
+function RoleFormComponent_form_1_ng_template_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, "User Roles");
+} }
+function RoleFormComponent_form_1_ng_template_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-user-view-grid", 13);
+} if (rf & 2) {
+    const ctx_r11 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("Params", ctx_r11.BuildRelationshipViewParamsByEntityName("User Roles"))("AllowLoad", ctx_r11.IsCurrentTab("User Roles"))("EditMode", ctx_r11.GridEditMode())("BottomMargin", ctx_r11.GridBottomMargin);
+} }
+function RoleFormComponent_form_1_ng_template_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, "Authorization Roles");
+} }
+function RoleFormComponent_form_1_ng_template_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-user-view-grid", 13);
+} if (rf & 2) {
+    const ctx_r13 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("Params", ctx_r13.BuildRelationshipViewParamsByEntityName("Authorization Roles"))("AllowLoad", ctx_r13.IsCurrentTab("Authorization Roles"))("EditMode", ctx_r13.GridEditMode())("BottomMargin", ctx_r13.GridBottomMargin);
+} }
+function RoleFormComponent_form_1_ng_template_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, "Query Permissions");
+} }
+function RoleFormComponent_form_1_ng_template_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-user-view-grid", 13);
+} if (rf & 2) {
+    const ctx_r15 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("Params", ctx_r15.BuildRelationshipViewParamsByEntityName("Query Permissions"))("AllowLoad", ctx_r15.IsCurrentTab("Query Permissions"))("EditMode", ctx_r15.GridEditMode())("BottomMargin", ctx_r15.GridBottomMargin);
+} }
+function RoleFormComponent_form_1_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "form", 2, 3)(2, "div", 4, 5);
+    i0.ɵɵelement(4, "mj-form-toolbar", 6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "kendo-tabstrip", 7, 8);
+    i0.ɵɵlistener("tabSelect", function RoleFormComponent_form_1_Template_kendo_tabstrip_tabSelect_5_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.onTabSelect($event)); });
+    i0.ɵɵelementStart(7, "kendo-tabstrip-tab", 9);
+    i0.ɵɵtemplate(8, RoleFormComponent_form_1_ng_template_8_Template, 1, 0, "ng-template", 10)(9, RoleFormComponent_form_1_ng_template_9_Template, 1, 2, "ng-template", 11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "kendo-tabstrip-tab", 9);
+    i0.ɵɵtemplate(11, RoleFormComponent_form_1_ng_template_11_Template, 1, 0, "ng-template", 10)(12, RoleFormComponent_form_1_ng_template_12_Template, 1, 4, "ng-template", 11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "kendo-tabstrip-tab", 9);
+    i0.ɵɵtemplate(14, RoleFormComponent_form_1_ng_template_14_Template, 1, 0, "ng-template", 10)(15, RoleFormComponent_form_1_ng_template_15_Template, 1, 4, "ng-template", 11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "kendo-tabstrip-tab", 9);
+    i0.ɵɵtemplate(17, RoleFormComponent_form_1_ng_template_17_Template, 1, 0, "ng-template", 10)(18, RoleFormComponent_form_1_ng_template_18_Template, 1, 4, "ng-template", 11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "kendo-tabstrip-tab", 9);
+    i0.ɵɵtemplate(20, RoleFormComponent_form_1_ng_template_20_Template, 1, 0, "ng-template", 10)(21, RoleFormComponent_form_1_ng_template_21_Template, 1, 4, "ng-template", 11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "kendo-tabstrip-tab", 9);
+    i0.ɵɵtemplate(23, RoleFormComponent_form_1_ng_template_23_Template, 1, 0, "ng-template", 10)(24, RoleFormComponent_form_1_ng_template_24_Template, 1, 4, "ng-template", 11);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("form", ctx_r0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("keepTabContent", true)("animate", false)("height", ctx_r0.TabHeight);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Details"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Employee Roles"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Entity Permissions"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("User Roles"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Authorization Roles"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("selected", ctx_r0.RegisterAndCheckIfCurrentTab("Query Permissions"));
+} }
+let RoleFormComponent = class RoleFormComponent extends BaseFormComponent {
+};
+RoleFormComponent.ɵfac = /*@__PURE__*/ (() => { let ɵRoleFormComponent_BaseFactory; return function RoleFormComponent_Factory(t) { return (ɵRoleFormComponent_BaseFactory || (ɵRoleFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(RoleFormComponent)))(t || RoleFormComponent); }; })();
+RoleFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RoleFormComponent, selectors: [["gen-role-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[1, "record-form-container"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], ["form", "ngForm"], [1, "record-form-group"], ["topArea", ""], [3, "form"], [3, "keepTabContent", "animate", "height", "tabSelect"], ["tabStrip", ""], [3, "selected"], ["kendoTabTitle", ""], ["kendoTabContent", ""], ["Entity", "Roles", "Section", "details", 3, "record", "EditMode"], [3, "Params", "AllowLoad", "EditMode", "BottomMargin"]], template: function RoleFormComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵtemplate(1, RoleFormComponent_form_1_Template, 25, 10, "form", 1);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", ctx.record);
+    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatusGroup, i2.NgForm, i3.TabStripComponent, i3.TabStripTabComponent, i3.TabContentDirective, i3.TabTitleDirective, i4.FormToolbarComponent, i4.SectionLoaderComponent, i5.UserViewGridComponent], 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}\r\n\r\n.record-form-group[_ngcontent-%COMP%] {\r\n  margin-top: 0px;\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[_ngcontent-%COMP%] {\r\n      padding-left: 5px;\r\n      padding-right: 5px;\r\n      padding-bottom: 5px;\r\n  }\r\n\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}"] });
+RoleFormComponent = __decorate([
+    RegisterClass(BaseFormComponent, 'Roles') // Tell MemberJunction about this class
+], RoleFormComponent);
+export { RoleFormComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RoleFormComponent, [{
+        type: Component,
+        args: [{ selector: 'gen-role-form', template: "<div class=\"record-form-container\">\n    <form *ngIf=\"record\" class=\"record-form\"  #form=\"ngForm\">\n                        <div #topArea class=\"record-form-group\">\n                    <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n                    \n                </div>\n                        <kendo-tabstrip #tabStrip (tabSelect)=\"onTabSelect($event)\" [keepTabContent]=\"true\" [animate] = \"false\" [height]=\"TabHeight\" >\n                                \n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Details')\">\n                        <ng-template kendoTabTitle>Details</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-form-section Entity=\"Roles\" Section=\"details\" [record]=\"record\" [EditMode]=\"this.EditMode\"></mj-form-section>\n                        </ng-template>\n                    </kendo-tabstrip-tab>\n                                          \n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Employee Roles')\">\n                        <ng-template kendoTabTitle>Employee Roles</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Employee Roles')\"  \n                                               [AllowLoad]=\"this.IsCurrentTab('Employee Roles')\"  \n                                               [EditMode]=\"this.GridEditMode()\"  \n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\n                        </ng-template>\n                    </kendo-tabstrip-tab>\n          \n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Entity Permissions')\">\n                        <ng-template kendoTabTitle>Entity Permissions</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Entity Permissions')\"  \n                                               [AllowLoad]=\"this.IsCurrentTab('Entity Permissions')\"  \n                                               [EditMode]=\"this.GridEditMode()\"  \n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\n                        </ng-template>\n                    </kendo-tabstrip-tab>\n          \n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('User Roles')\">\n                        <ng-template kendoTabTitle>User Roles</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('User Roles')\"  \n                                               [AllowLoad]=\"this.IsCurrentTab('User Roles')\"  \n                                               [EditMode]=\"this.GridEditMode()\"  \n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\n                        </ng-template>\n                    </kendo-tabstrip-tab>\n          \n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Authorization Roles')\">\n                        <ng-template kendoTabTitle>Authorization Roles</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Authorization Roles')\"  \n                                               [AllowLoad]=\"this.IsCurrentTab('Authorization Roles')\"  \n                                               [EditMode]=\"this.GridEditMode()\"  \n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\n                        </ng-template>\n                    </kendo-tabstrip-tab>\n          \n                    <kendo-tabstrip-tab  [selected]=\"this.RegisterAndCheckIfCurrentTab('Query Permissions')\">\n                        <ng-template kendoTabTitle>Query Permissions</ng-template>\n                        <ng-template kendoTabContent >\n                            <mj-user-view-grid [Params]=\"this.BuildRelationshipViewParamsByEntityName('Query Permissions')\"  \n                                               [AllowLoad]=\"this.IsCurrentTab('Query Permissions')\"  \n                                               [EditMode]=\"this.GridEditMode()\"  \n                                               [BottomMargin]=\"GridBottomMargin\"></mj-user-view-grid>\n                        </ng-template>\n                    </kendo-tabstrip-tab>\n                            </kendo-tabstrip>\n    </form>\n  </div>\n    ", styles: ["a {\r\n  font-size: 14px;\r\n  font-weight: bolder;\r\n}\r\n\r\n.record-form {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.record-form-group {\r\n  margin-top: 0px;\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 {\r\n      padding-left: 5px;\r\n      padding-right: 5px;\r\n      padding-bottom: 5px;\r\n  }\r\n\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(RoleFormComponent, { className: "RoleFormComponent", filePath: "src\\lib\\generated\\Entities\\Role\\role.form.component.ts", lineNumber: 12 }); })();
+export function LoadRoleFormComponent() {
+    LoadRoleDetailsComponent();
+}

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

@@ -1,10 +1,10 @@
-import { BaseFormSectionComponent } from '@memberjunction/ng-explorer-core';
-import { RoleEntity } from '@memberjunction/core-entities';
-import * as i0 from "@angular/core";
-export declare class RoleDetailsComponent extends BaseFormSectionComponent {
-    record: RoleEntity;
-    EditMode: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RoleDetailsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RoleDetailsComponent, "gen-role-form-details", never, { "record": "record"; "EditMode": "EditMode"; }, {}, never, never, false, never>;
-}
-export declare function LoadRoleDetailsComponent(): void;
+import { BaseFormSectionComponent } from '@memberjunction/ng-explorer-core';
+import { RoleEntity } from '@memberjunction/core-entities';
+import * as i0 from "@angular/core";
+export declare class RoleDetailsComponent extends BaseFormSectionComponent {
+    record: RoleEntity;
+    EditMode: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RoleDetailsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RoleDetailsComponent, "gen-role-form-details", never, { "record": { "alias": "record"; "required": false; }; "EditMode": { "alias": "EditMode"; "required": false; }; }, {}, never, never, false, never>;
+}
+export declare function LoadRoleDetailsComponent(): void;