@memberjunction/ng-core-entity-forms 0.9.2

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

@@ -0,0 +1,460 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, Input } from '@angular/core';
+import { RegisterClass } from '@memberjunction/global';
+import { BaseFormSectionComponent } from '@memberjunction/ng-explorer-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@progress/kendo-angular-inputs";
+import * as i4 from "@memberjunction/ng-link-directives";
+function EmployeeDetailsComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "label", 4);
+    i0.ɵɵtext(3, "BCMID");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span");
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 3)(7, "label", 4);
+    i0.ɵɵtext(8, "First Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "kendo-textbox", 5);
+    i0.ɵɵlistener("ngModelChange", function EmployeeDetailsComponent_div_0_div_1_Template_kendo_textbox_ngModelChange_9_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r3.record.FirstName = $event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "div", 3)(11, "label", 4);
+    i0.ɵɵtext(12, "Last Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "kendo-textbox", 5);
+    i0.ɵɵlistener("ngModelChange", function EmployeeDetailsComponent_div_0_div_1_Template_kendo_textbox_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r5.record.LastName = $event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(14, "div", 3)(15, "label", 4);
+    i0.ɵɵtext(16, "Title");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "kendo-textbox", 5);
+    i0.ɵɵlistener("ngModelChange", function EmployeeDetailsComponent_div_0_div_1_Template_kendo_textbox_ngModelChange_17_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r6 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r6.record.Title = $event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(18, "div", 3)(19, "label", 4);
+    i0.ɵɵtext(20, "Email");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(21, "kendo-textbox", 5);
+    i0.ɵɵlistener("ngModelChange", function EmployeeDetailsComponent_div_0_div_1_Template_kendo_textbox_ngModelChange_21_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r7 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r7.record.Email = $event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(22, "div", 3)(23, "label", 4);
+    i0.ɵɵtext(24, "Phone");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(25, "kendo-textbox", 5);
+    i0.ɵɵlistener("ngModelChange", function EmployeeDetailsComponent_div_0_div_1_Template_kendo_textbox_ngModelChange_25_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r8 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r8.record.Phone = $event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(26, "div", 3)(27, "label", 4);
+    i0.ɵɵtext(28, "Active");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(29, "input", 6);
+    i0.ɵɵlistener("ngModelChange", function EmployeeDetailsComponent_div_0_div_1_Template_input_ngModelChange_29_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r9 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r9.record.Active = $event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(30, "div", 3)(31, "label", 4);
+    i0.ɵɵtext(32, "Company ID");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(33, "kendo-numerictextbox", 7);
+    i0.ɵɵlistener("valueChange", function EmployeeDetailsComponent_div_0_div_1_Template_kendo_numerictextbox_valueChange_33_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r10 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r10.record.CompanyID = $event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(34, "div", 3)(35, "label", 4);
+    i0.ɵɵtext(36, "Supervisor ID");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(37, "kendo-numerictextbox", 7);
+    i0.ɵɵlistener("valueChange", function EmployeeDetailsComponent_div_0_div_1_Template_kendo_numerictextbox_valueChange_37_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r11 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r11.record.SupervisorID = $event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(38, "div", 3)(39, "label", 4);
+    i0.ɵɵtext(40, "Created At");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(41, "span");
+    i0.ɵɵtext(42);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(43, "div", 3)(44, "label", 4);
+    i0.ɵɵtext(45, "Updated At");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(46, "span");
+    i0.ɵɵtext(47);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(48, "div", 3)(49, "label", 4);
+    i0.ɵɵtext(50, "First Last");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(51, "span");
+    i0.ɵɵtext(52);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(53, "div", 3)(54, "label", 4);
+    i0.ɵɵtext(55, "Supervisor");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(56, "span");
+    i0.ɵɵtext(57);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(58, "div", 3)(59, "label", 4);
+    i0.ɵɵtext(60, "Supervisor First Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(61, "span");
+    i0.ɵɵtext(62);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(63, "div", 3)(64, "label", 4);
+    i0.ɵɵtext(65, "Supervisor Last Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(66, "span");
+    i0.ɵɵtext(67);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(68, "div", 3)(69, "label", 4);
+    i0.ɵɵtext(70, "Supervisor Email");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(71, "span");
+    i0.ɵɵtext(72);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("BCMID", 0));
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngModel", ctx_r1.record.FirstName);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngModel", ctx_r1.record.LastName);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngModel", ctx_r1.record.Title);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngModel", ctx_r1.record.Email);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngModel", ctx_r1.record.Phone);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngModel", ctx_r1.record.Active);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("value", ctx_r1.record.CompanyID);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("value", ctx_r1.record.SupervisorID);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("CreatedAt", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("UpdatedAt", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("FirstLast", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("Supervisor", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("SupervisorFirstName", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("SupervisorLastName", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.FormatValue("SupervisorEmail", 0));
+} }
+function EmployeeDetailsComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "label", 4);
+    i0.ɵɵtext(3, "BCMID");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span");
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 3)(7, "label", 4);
+    i0.ɵɵtext(8, "First Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span");
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 3)(12, "label", 4);
+    i0.ɵɵtext(13, "Last Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "span");
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "div", 3)(17, "label", 4);
+    i0.ɵɵtext(18, "Title");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "span");
+    i0.ɵɵtext(20);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(21, "div", 3)(22, "label", 4);
+    i0.ɵɵtext(23, "Email");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(24, "span", 8);
+    i0.ɵɵtext(25);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(26, "div", 3)(27, "label", 4);
+    i0.ɵɵtext(28, "Phone");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(29, "span");
+    i0.ɵɵtext(30);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(31, "div", 3)(32, "label", 4);
+    i0.ɵɵtext(33, "Active");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(34, "span");
+    i0.ɵɵtext(35);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(36, "div", 3)(37, "label", 4);
+    i0.ɵɵtext(38, "Company ID");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(39, "span", 9);
+    i0.ɵɵtext(40);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(41, "div", 3)(42, "label", 4);
+    i0.ɵɵtext(43, "Supervisor ID");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(44, "span", 10);
+    i0.ɵɵtext(45);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(46, "div", 3)(47, "label", 4);
+    i0.ɵɵtext(48, "Created At");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(49, "span");
+    i0.ɵɵtext(50);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(51, "div", 3)(52, "label", 4);
+    i0.ɵɵtext(53, "Updated At");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(54, "span");
+    i0.ɵɵtext(55);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(56, "div", 3)(57, "label", 4);
+    i0.ɵɵtext(58, "First Last");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(59, "span");
+    i0.ɵɵtext(60);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(61, "div", 3)(62, "label", 4);
+    i0.ɵɵtext(63, "Supervisor");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(64, "span");
+    i0.ɵɵtext(65);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(66, "div", 3)(67, "label", 4);
+    i0.ɵɵtext(68, "Supervisor First Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(69, "span");
+    i0.ɵɵtext(70);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(71, "div", 3)(72, "label", 4);
+    i0.ɵɵtext(73, "Supervisor Last Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(74, "span");
+    i0.ɵɵtext(75);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(76, "div", 3)(77, "label", 4);
+    i0.ɵɵtext(78, "Supervisor Email");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(79, "span");
+    i0.ɵɵtext(80);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("BCMID", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("FirstName", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("LastName", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("Title", 0));
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("field", ctx_r2.record.GetFieldByName("Email"));
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("Email", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("Phone", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("Active", 0));
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("record", ctx_r2.record);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("CompanyID", 0));
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("record", ctx_r2.record);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("SupervisorID", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("CreatedAt", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("UpdatedAt", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("FirstLast", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("Supervisor", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("SupervisorFirstName", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("SupervisorLastName", 0));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("SupervisorEmail", 0));
+} }
+function EmployeeDetailsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtemplate(1, EmployeeDetailsComponent_div_0_div_1_Template, 73, 16, "div", 1);
+    i0.ɵɵtemplate(2, EmployeeDetailsComponent_div_0_div_2_Template, 81, 19, "div", 1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.EditMode);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !ctx_r0.EditMode);
+} }
+let EmployeeDetailsComponent = class EmployeeDetailsComponent extends BaseFormSectionComponent {
+    constructor() {
+        super(...arguments);
+        this.EditMode = false;
+    }
+};
+EmployeeDetailsComponent.ɵfac = /*@__PURE__*/ function () { let ɵEmployeeDetailsComponent_BaseFactory; return function EmployeeDetailsComponent_Factory(t) { return (ɵEmployeeDetailsComponent_BaseFactory || (ɵEmployeeDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EmployeeDetailsComponent)))(t || EmployeeDetailsComponent); }; }();
+EmployeeDetailsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EmployeeDetailsComponent, selectors: [["gen-employee-form-details"]], inputs: { record: "record", EditMode: "EditMode" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], ["class", "record-form", 4, "ngIf"], [1, "record-form"], [1, "record-form-row"], [1, "fieldLabel"], [3, "ngModel", "ngModelChange"], ["type", "checkbox", "kendoCheckBox", "", 3, "ngModel", "ngModelChange"], [3, "value", "valueChange"], ["mjEmailLink", "", 3, "field"], ["mjFieldLink", "", "fieldName", "CompanyID", 3, "record"], ["mjFieldLink", "", "fieldName", "SupervisorID", 3, "record"]], template: function EmployeeDetailsComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, EmployeeDetailsComponent_div_0_Template, 3, 2, "div", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.record);
+    } }, dependencies: [i1.NgIf, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.TextBoxComponent, i3.NumericTextBoxComponent, i3.CheckBoxDirective, i4.EmailLink, i4.FieldLink], 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}"] });
+EmployeeDetailsComponent = __decorate([
+    RegisterClass(BaseFormSectionComponent, 'Employees.details') // Tell MemberJunction about this class 
+], EmployeeDetailsComponent);
+export { EmployeeDetailsComponent };
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EmployeeDetailsComponent, [{
+        type: Component,
+        args: [{ selector: 'gen-employee-form-details', template: `<div *ngIf="this.record">
+    <div *ngIf="this.EditMode" class="record-form">
+                  
+        <div class="record-form-row">
+            <label class="fieldLabel">BCMID</label>
+            <span >{{FormatValue('BCMID', 0)}}</span>   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">First Name</label>
+            <kendo-textbox [(ngModel)]="record.FirstName"  />   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">Last Name</label>
+            <kendo-textbox [(ngModel)]="record.LastName"  />   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">Title</label>
+            <kendo-textbox [(ngModel)]="record.Title"  />   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">Email</label>
+            <kendo-textbox [(ngModel)]="record.Email"  />   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">Phone</label>
+            <kendo-textbox [(ngModel)]="record.Phone"  />   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">Active</label>
+            <input type="checkbox" [(ngModel)]="record.Active" kendoCheckBox />   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">Company ID</label>
+            <kendo-numerictextbox [(value)]="record.CompanyID" ></kendo-numerictextbox>   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">Supervisor ID</label>
+            <kendo-numerictextbox [(value)]="record.SupervisorID" ></kendo-numerictextbox>   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">Created At</label>
+            <span >{{FormatValue('CreatedAt', 0)}}</span>   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">Updated At</label>
+            <span >{{FormatValue('UpdatedAt', 0)}}</span>   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">First Last</label>
+            <span >{{FormatValue('FirstLast', 0)}}</span>   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">Supervisor</label>
+            <span >{{FormatValue('Supervisor', 0)}}</span>   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">Supervisor First Name</label>
+            <span >{{FormatValue('SupervisorFirstName', 0)}}</span>   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">Supervisor Last Name</label>
+            <span >{{FormatValue('SupervisorLastName', 0)}}</span>   
+        </div>               
+        <div class="record-form-row">
+            <label class="fieldLabel">Supervisor Email</label>
+            <span >{{FormatValue('SupervisorEmail', 0)}}</span>   
+        </div> 
+    </div>
+    <div *ngIf="!this.EditMode" class="record-form">
+                  
+        <div class="record-form-row">
+            <label class="fieldLabel">BCMID</label>
+            <span >{{FormatValue('BCMID', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">First Name</label>
+            <span >{{FormatValue('FirstName', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">Last Name</label>
+            <span >{{FormatValue('LastName', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">Title</label>
+            <span >{{FormatValue('Title', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">Email</label>
+            <span mjEmailLink [field]="record.GetFieldByName('Email')" >{{FormatValue('Email', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">Phone</label>
+            <span >{{FormatValue('Phone', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">Active</label>
+            <span >{{FormatValue('Active', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">Company ID</label>
+            <span mjFieldLink [record]="record" fieldName="CompanyID" >{{FormatValue('CompanyID', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">Supervisor ID</label>
+            <span mjFieldLink [record]="record" fieldName="SupervisorID" >{{FormatValue('SupervisorID', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">Created At</label>
+            <span >{{FormatValue('CreatedAt', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">Updated At</label>
+            <span >{{FormatValue('UpdatedAt', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">First Last</label>
+            <span >{{FormatValue('FirstLast', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">Supervisor</label>
+            <span >{{FormatValue('Supervisor', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">Supervisor First Name</label>
+            <span >{{FormatValue('SupervisorFirstName', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">Supervisor Last Name</label>
+            <span >{{FormatValue('SupervisorLastName', 0)}}</span>
+        </div>              
+        <div class="record-form-row">
+            <label class="fieldLabel">Supervisor Email</label>
+            <span >{{FormatValue('SupervisorEmail', 0)}}</span>
+        </div>
+    </div>
+</div>
+    `, 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, { record: [{
+            type: Input
+        }], EditMode: [{
+            type: Input
+        }] }); })();
+export function LoadEmployeeDetailsComponent() {
+    // does nothing, but called in order to prevent tree-shaking from eliminating this component from the build
+}

package/dist/lib/generated/Entities/Entity/entity.form.component.d.ts

@@ -0,0 +1,9 @@
+import { EntityEntity } from '@memberjunction/core-entities';
+import { BaseFormComponent } from '@memberjunction/ng-explorer-core';
+import * as i0 from "@angular/core";
+export declare class EntityFormComponent extends BaseFormComponent {
+    record: EntityEntity;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntityFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntityFormComponent, "gen-entity-form", never, {}, {}, never, never, false, never>;
+}
+export declare function LoadEntityFormComponent(): void;