npm - @memberjunction/ng-core-entity-forms - Versions diffs - 0.9.26 → 0.9.51 - Mend

@memberjunction/ng-core-entity-forms 0.9.26 → 0.9.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (335) hide show

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

@@ -1,318 +1,317 @@
-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,
+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();
+    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();
+    i0.ɵɵtextInterpolate(ctx_r2.FormatValue("CompanyID", 0));
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("record", ctx_r2.record);
+    i0.ɵɵadvance();
+    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)(2, EmployeeDetailsComponent_div_0_div_2_Template, 81, 19, "div", 1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r0.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r0.EditMode);
+} }
+let EmployeeDetailsComponent = class EmployeeDetailsComponent extends BaseFormSectionComponent {
+    constructor() {
+        super(...arguments);
+        this.EditMode = false;
+    }
+};
+EmployeeDetailsComponent.ɵfac = /*@__PURE__*/ (() => { 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\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}"] });
+EmployeeDetailsComponent = __decorate([
+    RegisterClass(BaseFormSectionComponent, 'Employees.details') // Tell MemberJunction about this class
+], EmployeeDetailsComponent);
+export { EmployeeDetailsComponent };
+(() => { (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">
@@ -449,12 +448,13 @@ export { EmployeeDetailsComponent };
         </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
-}
+    `, 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
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EmployeeDetailsComponent, { className: "EmployeeDetailsComponent", filePath: "src\\lib\\generated\\Entities\\Employee\\sections\\details.component.ts", lineNumber: 148 }); })();
+export function LoadEmployeeDetailsComponent() {
+    // does nothing, but called in order to prevent tree-shaking from eliminating this component from the build
+}