@jooler/inputs 0.0.22 → 0.0.24

package/esm2020/lib/inputs/general-input-renderer/general-input-renderer.component.mjs

@@ -2,8 +2,8 @@ import { DecimalPipe } from '@angular/common';
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/input";
-import * as i3 from "@angular/forms";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/material/input";
 export class GeneralInputRendererComponent {
     constructor() { }
     agInit(params) {
@@ -39,9 +39,9 @@ export class GeneralInputRendererComponent {
         return false;
     }
 }
-GeneralInputRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: GeneralInputRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GeneralInputRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: GeneralInputRendererComponent, selector: "general-input-renderer", ngImport: i0, template: "<div *ngIf=\"params.isTypeText\">\r\n    <input [(ngModel)]=\"value\" matInput [placeholder]=\"params.fieldLabel\"\r\n        (change)=\"onCellDataChanged($event)\" />\r\n    <span *ngIf=\"params.showSymbol\"\r\n        style=\"margin-left:-20px ;\">{{params.symbol}}</span>\r\n</div>\r\n<div *ngIf=\"params.isTypeNumber\">\r\n    <input [(ngModel)]=\"value\" (keyup)=\"separateThousands($event)\" matInput\r\n        [placeholder]=\"params.fieldLabel\"\r\n        (change)=\"onCellDataChanged($event)\" />\r\n    <span *ngIf=\"params.showSymbol\"\r\n        style=\"margin-left:-20px ;\">{{params.symbol}}</span>\r\n</div>\r\n<div *ngIf=\"params.isTypeTextArea\">\r\n        <textarea class=\"text-area\" [ngStyle]=\"setTextAreaWidth()\" [(ngModel)]=\"value\"\r\n            (change)=\"onCellDataChanged($event)\"\r\n            [placeholder]=\"params.fieldLabel\" class=\"main-height\"\r\n            matInput></textarea>\r\n</div>", styles: ["textarea{padding-left:.5rem;border-radius:.3rem;height:3.5rem;font-size:1.2rem;border:solid #BEBEBE .1rem}textarea:focus{outline:none}textarea::placeholder{color:#676767}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: GeneralInputRendererComponent, decorators: [{
+GeneralInputRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: GeneralInputRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GeneralInputRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: GeneralInputRendererComponent, selector: "general-input-renderer", ngImport: i0, template: "<div *ngIf=\"params.isTypeText\">\r\n    <input [(ngModel)]=\"value\" matInput [placeholder]=\"params.fieldLabel\"\r\n        (change)=\"onCellDataChanged($event)\" />\r\n    <span *ngIf=\"params.showSymbol\"\r\n        style=\"margin-left:-20px ;\">{{params.symbol}}</span>\r\n</div>\r\n<div *ngIf=\"params.isTypeNumber\">\r\n    <input [(ngModel)]=\"value\" (keyup)=\"separateThousands($event)\" matInput\r\n        [placeholder]=\"params.fieldLabel\"\r\n        (change)=\"onCellDataChanged($event)\" />\r\n    <span *ngIf=\"params.showSymbol\"\r\n        style=\"margin-left:-20px ;\">{{params.symbol}}</span>\r\n</div>\r\n<div *ngIf=\"params.isTypeTextArea\">\r\n        <textarea class=\"text-area\" [ngStyle]=\"setTextAreaWidth()\" [(ngModel)]=\"value\"\r\n            (change)=\"onCellDataChanged($event)\"\r\n            [placeholder]=\"params.fieldLabel\" class=\"main-height\"\r\n            matInput></textarea>\r\n</div>", styles: ["textarea{padding-left:.5rem;border-radius:.3rem;height:3.5rem;font-size:1.2rem;border:solid #BEBEBE .1rem}textarea:focus{outline:none}textarea::placeholder{color:#676767}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: GeneralInputRendererComponent, decorators: [{
             type: Component,
             args: [{ selector: 'general-input-renderer', template: "<div *ngIf=\"params.isTypeText\">\r\n    <input [(ngModel)]=\"value\" matInput [placeholder]=\"params.fieldLabel\"\r\n        (change)=\"onCellDataChanged($event)\" />\r\n    <span *ngIf=\"params.showSymbol\"\r\n        style=\"margin-left:-20px ;\">{{params.symbol}}</span>\r\n</div>\r\n<div *ngIf=\"params.isTypeNumber\">\r\n    <input [(ngModel)]=\"value\" (keyup)=\"separateThousands($event)\" matInput\r\n        [placeholder]=\"params.fieldLabel\"\r\n        (change)=\"onCellDataChanged($event)\" />\r\n    <span *ngIf=\"params.showSymbol\"\r\n        style=\"margin-left:-20px ;\">{{params.symbol}}</span>\r\n</div>\r\n<div *ngIf=\"params.isTypeTextArea\">\r\n        <textarea class=\"text-area\" [ngStyle]=\"setTextAreaWidth()\" [(ngModel)]=\"value\"\r\n            (change)=\"onCellDataChanged($event)\"\r\n            [placeholder]=\"params.fieldLabel\" class=\"main-height\"\r\n            matInput></textarea>\r\n</div>", styles: ["textarea{padding-left:.5rem;border-radius:.3rem;height:3.5rem;font-size:1.2rem;border:solid #BEBEBE .1rem}textarea:focus{outline:none}textarea::placeholder{color:#676767}\n"] }]
         }], ctorParameters: function () { return []; } });

package/esm2020/lib/inputs.module.mjs

@@ -17,8 +17,8 @@ import { ChooseGeneralItemRendererComponent } from './inputs/choose-general-item
 import * as i0 from "@angular/core";
 export class InputsModule {
 }
-InputsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: InputsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-InputsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: InputsModule, declarations: [ChooseEnumComponent,
+InputsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: InputsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+InputsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: InputsModule, declarations: [ChooseEnumComponent,
         ChooseEnumRendererComponent,
         ChooseGeneralItemComponent,
         GeneralInputRendererComponent,
@@ -40,14 +40,12 @@ InputsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
         ChooseYesOrNoRendererComponent,
         EditableSavableInputComponent,
         DynamicPipe] });
-InputsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: InputsModule, imports: [[
-            CommonModule,
-            NgSelectModule,
-            FormsModule,
-            AppMaterialModule,
-            SharedGeneralComponentsModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: InputsModule, decorators: [{
+InputsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: InputsModule, imports: [CommonModule,
+        NgSelectModule,
+        FormsModule,
+        AppMaterialModule,
+        SharedGeneralComponentsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: InputsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -82,4 +80,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImpor
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXRzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2lucHV0cy9zcmMvbGliL2lucHV0cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUsNkJBQTZCLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUNqRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUNqRixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUMzRyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUN4RyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUMvRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUM5RixPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSx3RUFBd0UsQ0FBQztBQUN4SCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxrRUFBa0UsQ0FBQztBQUNqSCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxtRUFBbUUsQ0FBQztBQUNsSCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDMUUsT0FBTyxFQUFFLGtDQUFrQyxFQUFFLE1BQU0sOEVBQThFLENBQUM7O0FBa0NsSSxNQUFNLE9BQU8sWUFBWTs7eUdBQVosWUFBWTswR0FBWixZQUFZLGlCQTlCckIsbUJBQW1CO1FBQ25CLDJCQUEyQjtRQUMzQiwwQkFBMEI7UUFDMUIsNkJBQTZCO1FBQzdCLHVCQUF1QjtRQUN2QixzQkFBc0I7UUFDdEIsOEJBQThCO1FBQzlCLDZCQUE2QjtRQUM3QixXQUFXO1FBQ1gsa0NBQWtDLGFBR2xDLFlBQVk7UUFDWixjQUFjO1FBQ2QsV0FBVztRQUNYLGlCQUFpQjtRQUNqQiw2QkFBNkIsYUFHN0IsbUJBQW1CO1FBQ25CLDJCQUEyQjtRQUMzQiwwQkFBMEI7UUFDMUIsNkJBQTZCO1FBQzdCLHVCQUF1QjtRQUN2QixzQkFBc0I7UUFDdEIsOEJBQThCO1FBQzlCLDZCQUE2QjtRQUM3QixXQUFXOzBHQUdGLFlBQVksWUFuQmQ7WUFDUCxZQUFZO1lBQ1osY0FBYztZQUNkLFdBQVc7WUFDWCxpQkFBaUI7WUFDakIsNkJBQTZCO1NBQzlCOzJGQWFVLFlBQVk7a0JBaEN4QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixtQkFBbUI7d0JBQ25CLDJCQUEyQjt3QkFDM0IsMEJBQTBCO3dCQUMxQiw2QkFBNkI7d0JBQzdCLHVCQUF1Qjt3QkFDdkIsc0JBQXNCO3dCQUN0Qiw4QkFBOEI7d0JBQzlCLDZCQUE2Qjt3QkFDN0IsV0FBVzt3QkFDWCxrQ0FBa0M7cUJBQ25DO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGNBQWM7d0JBQ2QsV0FBVzt3QkFDWCxpQkFBaUI7d0JBQ2pCLDZCQUE2QjtxQkFDOUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLG1CQUFtQjt3QkFDbkIsMkJBQTJCO3dCQUMzQiwwQkFBMEI7d0JBQzFCLDZCQUE2Qjt3QkFDN0IsdUJBQXVCO3dCQUN2QixzQkFBc0I7d0JBQ3RCLDhCQUE4Qjt3QkFDOUIsNkJBQTZCO3dCQUM3QixXQUFXO3FCQUNaO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IE5nU2VsZWN0TW9kdWxlIH0gZnJvbSAnQG5nLXNlbGVjdC9uZy1zZWxlY3QnO1xyXG5pbXBvcnQgeyBTaGFyZWRHZW5lcmFsQ29tcG9uZW50c01vZHVsZX0gZnJvbSAnQGpvb2xlci9zaGFyZWQtZ2VuZXJhbC1jb21wb25lbnRzJztcclxuaW1wb3J0IHsgQ2hvb3NlRW51bUNvbXBvbmVudCB9IGZyb20gJy4vaW5wdXRzL2Nob29zZS1lbnVtL2Nob29zZS1lbnVtLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENob29zZUVudW1SZW5kZXJlckNvbXBvbmVudCB9IGZyb20gJy4vaW5wdXRzL2Nob29zZS1lbnVtLXJlbmRlcmVyL2Nob29zZS1lbnVtLXJlbmRlcmVyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENob29zZUdlbmVyYWxJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9pbnB1dHMvY2hvb3NlLWdlbmVyYWwtaXRlbS9jaG9vc2UtZ2VuZXJhbC1pdGVtLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENob29zZUxpbmVUeXBlQ29tcG9uZW50IH0gZnJvbSAnLi9pbnB1dHMvY2hvb3NlLWxpbmUtdHlwZS9jaG9vc2UtbGluZS10eXBlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENob29zZVllc09yTm9Db21wb25lbnQgfSBmcm9tICcuL2lucHV0cy9jaG9vc2UteWVzLW9yLW5vL2Nob29zZS15ZXMtb3Itbm8uY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ2hvb3NlWWVzT3JOb1JlbmRlcmVyQ29tcG9uZW50IH0gZnJvbSAnLi9pbnB1dHMvY2hvb3NlLXllcy1vci1uby1yZW5kZXJlci9jaG9vc2UteWVzLW9yLW5vLXJlbmRlcmVyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEVkaXRhYmxlU2F2YWJsZUlucHV0Q29tcG9uZW50IH0gZnJvbSAnLi9pbnB1dHMvZWRpdGFibGUtc2F2YWJsZS1pbnB1dC9lZGl0YWJsZS1zYXZhYmxlLWlucHV0LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEdlbmVyYWxJbnB1dFJlbmRlcmVyQ29tcG9uZW50IH0gZnJvbSAnLi9pbnB1dHMvL2dlbmVyYWwtaW5wdXQtcmVuZGVyZXIvZ2VuZXJhbC1pbnB1dC1yZW5kZXJlci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBBcHBNYXRlcmlhbE1vZHVsZSB9IGZyb20gJ0Bqb29sZXIvYXBwLW1hdGVyaWFsJztcclxuaW1wb3J0IHsgRHluYW1pY1BpcGUgfSBmcm9tICcuL2lucHV0cy9lZGl0YWJsZS1zYXZhYmxlLWlucHV0L2R5bmFtaWNQaXBlJztcclxuaW1wb3J0IHsgQ2hvb3NlR2VuZXJhbEl0ZW1SZW5kZXJlckNvbXBvbmVudCB9IGZyb20gJy4vaW5wdXRzL2Nob29zZS1nZW5lcmFsLWl0ZW0tcmVuZGVyZXIvY2hvb3NlLWdlbmVyYWwtaXRlbS1yZW5kZXJlci5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIENob29zZUVudW1Db21wb25lbnQsXHJcbiAgICBDaG9vc2VFbnVtUmVuZGVyZXJDb21wb25lbnQsXHJcbiAgICBDaG9vc2VHZW5lcmFsSXRlbUNvbXBvbmVudCxcclxuICAgIEdlbmVyYWxJbnB1dFJlbmRlcmVyQ29tcG9uZW50LFxyXG4gICAgQ2hvb3NlTGluZVR5cGVDb21wb25lbnQsXHJcbiAgICBDaG9vc2VZZXNPck5vQ29tcG9uZW50LFxyXG4gICAgQ2hvb3NlWWVzT3JOb1JlbmRlcmVyQ29tcG9uZW50LFxyXG4gICAgRWRpdGFibGVTYXZhYmxlSW5wdXRDb21wb25lbnQsXHJcbiAgICBEeW5hbWljUGlwZSxcclxuICAgIENob29zZUdlbmVyYWxJdGVtUmVuZGVyZXJDb21wb25lbnRcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIE5nU2VsZWN0TW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBBcHBNYXRlcmlhbE1vZHVsZSxcclxuICAgIFNoYXJlZEdlbmVyYWxDb21wb25lbnRzTW9kdWxlLFxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgQ2hvb3NlRW51bUNvbXBvbmVudCxcclxuICAgIENob29zZUVudW1SZW5kZXJlckNvbXBvbmVudCxcclxuICAgIENob29zZUdlbmVyYWxJdGVtQ29tcG9uZW50LFxyXG4gICAgR2VuZXJhbElucHV0UmVuZGVyZXJDb21wb25lbnQsXHJcbiAgICBDaG9vc2VMaW5lVHlwZUNvbXBvbmVudCxcclxuICAgIENob29zZVllc09yTm9Db21wb25lbnQsXHJcbiAgICBDaG9vc2VZZXNPck5vUmVuZGVyZXJDb21wb25lbnQsXHJcbiAgICBFZGl0YWJsZVNhdmFibGVJbnB1dENvbXBvbmVudCxcclxuICAgIER5bmFtaWNQaXBlXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgSW5wdXRzTW9kdWxlIHsgfVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXRzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2lucHV0cy9zcmMvbGliL2lucHV0cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUsNkJBQTZCLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUNqRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUNqRixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUMzRyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUN4RyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUMvRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUM5RixPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSx3RUFBd0UsQ0FBQztBQUN4SCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxrRUFBa0UsQ0FBQztBQUNqSCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxtRUFBbUUsQ0FBQztBQUNsSCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDMUUsT0FBTyxFQUFFLGtDQUFrQyxFQUFFLE1BQU0sOEVBQThFLENBQUM7O0FBa0NsSSxNQUFNLE9BQU8sWUFBWTs7eUdBQVosWUFBWTswR0FBWixZQUFZLGlCQTlCckIsbUJBQW1CO1FBQ25CLDJCQUEyQjtRQUMzQiwwQkFBMEI7UUFDMUIsNkJBQTZCO1FBQzdCLHVCQUF1QjtRQUN2QixzQkFBc0I7UUFDdEIsOEJBQThCO1FBQzlCLDZCQUE2QjtRQUM3QixXQUFXO1FBQ1gsa0NBQWtDLGFBR2xDLFlBQVk7UUFDWixjQUFjO1FBQ2QsV0FBVztRQUNYLGlCQUFpQjtRQUNqQiw2QkFBNkIsYUFHN0IsbUJBQW1CO1FBQ25CLDJCQUEyQjtRQUMzQiwwQkFBMEI7UUFDMUIsNkJBQTZCO1FBQzdCLHVCQUF1QjtRQUN2QixzQkFBc0I7UUFDdEIsOEJBQThCO1FBQzlCLDZCQUE2QjtRQUM3QixXQUFXOzBHQUdGLFlBQVksWUFsQnJCLFlBQVk7UUFDWixjQUFjO1FBQ2QsV0FBVztRQUNYLGlCQUFpQjtRQUNqQiw2QkFBNkI7MkZBY3BCLFlBQVk7a0JBaEN4QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixtQkFBbUI7d0JBQ25CLDJCQUEyQjt3QkFDM0IsMEJBQTBCO3dCQUMxQiw2QkFBNkI7d0JBQzdCLHVCQUF1Qjt3QkFDdkIsc0JBQXNCO3dCQUN0Qiw4QkFBOEI7d0JBQzlCLDZCQUE2Qjt3QkFDN0IsV0FBVzt3QkFDWCxrQ0FBa0M7cUJBQ25DO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGNBQWM7d0JBQ2QsV0FBVzt3QkFDWCxpQkFBaUI7d0JBQ2pCLDZCQUE2QjtxQkFDOUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLG1CQUFtQjt3QkFDbkIsMkJBQTJCO3dCQUMzQiwwQkFBMEI7d0JBQzFCLDZCQUE2Qjt3QkFDN0IsdUJBQXVCO3dCQUN2QixzQkFBc0I7d0JBQ3RCLDhCQUE4Qjt3QkFDOUIsNkJBQTZCO3dCQUM3QixXQUFXO3FCQUNaO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IE5nU2VsZWN0TW9kdWxlIH0gZnJvbSAnQG5nLXNlbGVjdC9uZy1zZWxlY3QnO1xyXG5pbXBvcnQgeyBTaGFyZWRHZW5lcmFsQ29tcG9uZW50c01vZHVsZX0gZnJvbSAnQGpvb2xlci9zaGFyZWQtZ2VuZXJhbC1jb21wb25lbnRzJztcclxuaW1wb3J0IHsgQ2hvb3NlRW51bUNvbXBvbmVudCB9IGZyb20gJy4vaW5wdXRzL2Nob29zZS1lbnVtL2Nob29zZS1lbnVtLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENob29zZUVudW1SZW5kZXJlckNvbXBvbmVudCB9IGZyb20gJy4vaW5wdXRzL2Nob29zZS1lbnVtLXJlbmRlcmVyL2Nob29zZS1lbnVtLXJlbmRlcmVyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENob29zZUdlbmVyYWxJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9pbnB1dHMvY2hvb3NlLWdlbmVyYWwtaXRlbS9jaG9vc2UtZ2VuZXJhbC1pdGVtLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENob29zZUxpbmVUeXBlQ29tcG9uZW50IH0gZnJvbSAnLi9pbnB1dHMvY2hvb3NlLWxpbmUtdHlwZS9jaG9vc2UtbGluZS10eXBlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENob29zZVllc09yTm9Db21wb25lbnQgfSBmcm9tICcuL2lucHV0cy9jaG9vc2UteWVzLW9yLW5vL2Nob29zZS15ZXMtb3Itbm8uY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ2hvb3NlWWVzT3JOb1JlbmRlcmVyQ29tcG9uZW50IH0gZnJvbSAnLi9pbnB1dHMvY2hvb3NlLXllcy1vci1uby1yZW5kZXJlci9jaG9vc2UteWVzLW9yLW5vLXJlbmRlcmVyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEVkaXRhYmxlU2F2YWJsZUlucHV0Q29tcG9uZW50IH0gZnJvbSAnLi9pbnB1dHMvZWRpdGFibGUtc2F2YWJsZS1pbnB1dC9lZGl0YWJsZS1zYXZhYmxlLWlucHV0LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEdlbmVyYWxJbnB1dFJlbmRlcmVyQ29tcG9uZW50IH0gZnJvbSAnLi9pbnB1dHMvL2dlbmVyYWwtaW5wdXQtcmVuZGVyZXIvZ2VuZXJhbC1pbnB1dC1yZW5kZXJlci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBBcHBNYXRlcmlhbE1vZHVsZSB9IGZyb20gJ0Bqb29sZXIvYXBwLW1hdGVyaWFsJztcclxuaW1wb3J0IHsgRHluYW1pY1BpcGUgfSBmcm9tICcuL2lucHV0cy9lZGl0YWJsZS1zYXZhYmxlLWlucHV0L2R5bmFtaWNQaXBlJztcclxuaW1wb3J0IHsgQ2hvb3NlR2VuZXJhbEl0ZW1SZW5kZXJlckNvbXBvbmVudCB9IGZyb20gJy4vaW5wdXRzL2Nob29zZS1nZW5lcmFsLWl0ZW0tcmVuZGVyZXIvY2hvb3NlLWdlbmVyYWwtaXRlbS1yZW5kZXJlci5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIENob29zZUVudW1Db21wb25lbnQsXHJcbiAgICBDaG9vc2VFbnVtUmVuZGVyZXJDb21wb25lbnQsXHJcbiAgICBDaG9vc2VHZW5lcmFsSXRlbUNvbXBvbmVudCxcclxuICAgIEdlbmVyYWxJbnB1dFJlbmRlcmVyQ29tcG9uZW50LFxyXG4gICAgQ2hvb3NlTGluZVR5cGVDb21wb25lbnQsXHJcbiAgICBDaG9vc2VZZXNPck5vQ29tcG9uZW50LFxyXG4gICAgQ2hvb3NlWWVzT3JOb1JlbmRlcmVyQ29tcG9uZW50LFxyXG4gICAgRWRpdGFibGVTYXZhYmxlSW5wdXRDb21wb25lbnQsXHJcbiAgICBEeW5hbWljUGlwZSxcclxuICAgIENob29zZUdlbmVyYWxJdGVtUmVuZGVyZXJDb21wb25lbnRcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIE5nU2VsZWN0TW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBBcHBNYXRlcmlhbE1vZHVsZSxcclxuICAgIFNoYXJlZEdlbmVyYWxDb21wb25lbnRzTW9kdWxlLFxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgQ2hvb3NlRW51bUNvbXBvbmVudCxcclxuICAgIENob29zZUVudW1SZW5kZXJlckNvbXBvbmVudCxcclxuICAgIENob29zZUdlbmVyYWxJdGVtQ29tcG9uZW50LFxyXG4gICAgR2VuZXJhbElucHV0UmVuZGVyZXJDb21wb25lbnQsXHJcbiAgICBDaG9vc2VMaW5lVHlwZUNvbXBvbmVudCxcclxuICAgIENob29zZVllc09yTm9Db21wb25lbnQsXHJcbiAgICBDaG9vc2VZZXNPck5vUmVuZGVyZXJDb21wb25lbnQsXHJcbiAgICBFZGl0YWJsZVNhdmFibGVJbnB1dENvbXBvbmVudCxcclxuICAgIER5bmFtaWNQaXBlXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgSW5wdXRzTW9kdWxlIHsgfVxyXG4iXX0=

package/fesm2015/inputs.mjs

@@ -1,17 +1,17 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, forwardRef, Component, Output, Input, Injectable, Pipe, NgModule } from '@angular/core';
-import * as i3 from '@angular/forms';
+import * as i2$1 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
-import * as i1 from '@ng-select/ng-select';
+import * as i1 from '@angular/common';
+import { CurrencyPipe, DecimalPipe, CommonModule } from '@angular/common';
+import * as i2 from '@ng-select/ng-select';
 import { NgSelectModule } from '@ng-select/ng-select';
-import * as i2 from '@jooler/shared-general-components';
+import * as i4 from '@jooler/shared-general-components';
 import { SharedGeneralComponentsModule } from '@jooler/shared-general-components';
-import * as i4 from '@angular/common';
-import { CurrencyPipe, DecimalPipe, CommonModule } from '@angular/common';
 import * as i1$1 from '@angular/common/http';
 import { HttpHeaders } from '@angular/common/http';
-import * as i1$2 from '@angular/material/button';
-import * as i2$1 from '@angular/material/input';
+import * as i3 from '@angular/material/button';
+import * as i3$1 from '@angular/material/input';
 import { AppMaterialModule } from '@jooler/app-material';
 
 class ChooseEnumComponent {
@@ -105,15 +105,15 @@ class ChooseEnumComponent {
         return style;
     }
 }
-ChooseEnumComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ChooseEnumComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ChooseEnumComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: ChooseEnumComponent, selector: "choose-enum", inputs: { label: "label", isItemHidden: "isItemHidden", isItemDisabled: "isItemDisabled", enumChoices: "enumChoices", getValuesArrayFromEnum: "getValuesArrayFromEnum", isChip: "isChip", placeholder: "placeholder", width: "width", paddingTop: "paddingTop", labelTextAlign: "labelTextAlign", labelTextFontWeight: "labelTextFontWeight", labelTextFontSize: "labelTextFontSize", selectedItem: "selectedItem", indexesToDisable: "indexesToDisable", isDropdownDisabled: "isDropdownDisabled" }, outputs: { change: "change" }, providers: [
+ChooseEnumComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseEnumComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ChooseEnumComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ChooseEnumComponent, selector: "choose-enum", inputs: { label: "label", isItemHidden: "isItemHidden", isItemDisabled: "isItemDisabled", enumChoices: "enumChoices", getValuesArrayFromEnum: "getValuesArrayFromEnum", isChip: "isChip", placeholder: "placeholder", width: "width", paddingTop: "paddingTop", labelTextAlign: "labelTextAlign", labelTextFontWeight: "labelTextFontWeight", labelTextFontSize: "labelTextFontSize", selectedItem: "selectedItem", indexesToDisable: "indexesToDisable", isDropdownDisabled: "isDropdownDisabled" }, outputs: { change: "change" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => ChooseEnumComponent),
             multi: true,
         },
-    ], usesOnChanges: true, ngImport: i0, template: "<div class=\"select\">\r\n    <ng-select [ngStyle]=\"setStyles()\" appendTo=\"body\" (blur)=\"updateBlur()\" bindLabel=\"label\" bindValue=\"value\"\r\n        [items]=\"items\" [placeholder]=\"placeholder\" (change)=\"onSelectedItemChanged()\" [(ngModel)]=\"selectedItem\"\r\n        [disabled]=\"isDropdownDisabled\">\r\n        <ng-template class=\"template\" ng-option-tmp ng-label-tmp let-item=\"item\" let-index=\"index\"\r\n            let-search=\"searchTerm\">\r\n            <div *ngIf=\"isChip\">\r\n                <ng-chip class=\"chip\" [backgroundColor]=\"item.color\" [label]=\"item.label\" [width]=\"110\">\r\n                </ng-chip>\r\n            </div>\r\n            <div [ngStyle]=\"setLabelStyle()\" *ngIf=\"!isChip\">{{item.label}}</div>\r\n        </ng-template>\r\n    </ng-select>\r\n</div>", styles: [""], components: [{ type: i1.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: i2.NgChipComponent, selector: "ng-chip", inputs: ["value", "label", "backgroundColor", "textColor", "width", "item", "clear", "withCross"] }], directives: [{ type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { type: i1.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ChooseEnumComponent, decorators: [{
+    ], usesOnChanges: true, ngImport: i0, template: "<div class=\"select\">\r\n    <ng-select [ngStyle]=\"setStyles()\" appendTo=\"body\" (blur)=\"updateBlur()\" bindLabel=\"label\" bindValue=\"value\"\r\n        [items]=\"items\" [placeholder]=\"placeholder\" (change)=\"onSelectedItemChanged()\" [(ngModel)]=\"selectedItem\"\r\n        [disabled]=\"isDropdownDisabled\">\r\n        <ng-template class=\"template\" ng-option-tmp ng-label-tmp let-item=\"item\" let-index=\"index\"\r\n            let-search=\"searchTerm\">\r\n            <div *ngIf=\"isChip\">\r\n                <ng-chip class=\"chip\" [backgroundColor]=\"item.color\" [label]=\"item.label\" [width]=\"110\">\r\n                </ng-chip>\r\n            </div>\r\n            <div [ngStyle]=\"setLabelStyle()\" *ngIf=\"!isChip\">{{item.label}}</div>\r\n        </ng-template>\r\n    </ng-select>\r\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i2.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i2.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.NgChipComponent, selector: "ng-chip", inputs: ["value", "label", "backgroundColor", "textColor", "width", "item", "clear", "withCross"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseEnumComponent, decorators: [{
             type: Component,
             args: [{ selector: 'choose-enum', providers: [
                         {
@@ -121,7 +121,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImpor
                             useExisting: forwardRef(() => ChooseEnumComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"select\">\r\n    <ng-select [ngStyle]=\"setStyles()\" appendTo=\"body\" (blur)=\"updateBlur()\" bindLabel=\"label\" bindValue=\"value\"\r\n        [items]=\"items\" [placeholder]=\"placeholder\" (change)=\"onSelectedItemChanged()\" [(ngModel)]=\"selectedItem\"\r\n        [disabled]=\"isDropdownDisabled\">\r\n        <ng-template class=\"template\" ng-option-tmp ng-label-tmp let-item=\"item\" let-index=\"index\"\r\n            let-search=\"searchTerm\">\r\n            <div *ngIf=\"isChip\">\r\n                <ng-chip class=\"chip\" [backgroundColor]=\"item.color\" [label]=\"item.label\" [width]=\"110\">\r\n                </ng-chip>\r\n            </div>\r\n            <div [ngStyle]=\"setLabelStyle()\" *ngIf=\"!isChip\">{{item.label}}</div>\r\n        </ng-template>\r\n    </ng-select>\r\n</div>", styles: [""] }]
+                    ], template: "<div class=\"select\">\r\n    <ng-select [ngStyle]=\"setStyles()\" appendTo=\"body\" (blur)=\"updateBlur()\" bindLabel=\"label\" bindValue=\"value\"\r\n        [items]=\"items\" [placeholder]=\"placeholder\" (change)=\"onSelectedItemChanged()\" [(ngModel)]=\"selectedItem\"\r\n        [disabled]=\"isDropdownDisabled\">\r\n        <ng-template class=\"template\" ng-option-tmp ng-label-tmp let-item=\"item\" let-index=\"index\"\r\n            let-search=\"searchTerm\">\r\n            <div *ngIf=\"isChip\">\r\n                <ng-chip class=\"chip\" [backgroundColor]=\"item.color\" [label]=\"item.label\" [width]=\"110\">\r\n                </ng-chip>\r\n            </div>\r\n            <div [ngStyle]=\"setLabelStyle()\" *ngIf=\"!isChip\">{{item.label}}</div>\r\n        </ng-template>\r\n    </ng-select>\r\n</div>" }]
         }], ctorParameters: function () { return []; }, propDecorators: { change: [{
                 type: Output
             }], label: [{
@@ -173,11 +173,11 @@ class ChooseEnumRendererComponent {
         return false;
     }
 }
-ChooseEnumRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ChooseEnumRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ChooseEnumRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: ChooseEnumRendererComponent, selector: "choose-enum-renderer", ngImport: i0, template: "<choose-enum \r\n[label]=\"params.label\"\r\n[isItemHidden]=\"params.isItemHidden\"\r\n[isItemDisabled]=\"params.isItemDisabled\"\r\n[labelTextAlign]=\"params.labelTextAlign\"\r\n[labelTextFontWeight]=\"params.labelTextFontWeight\"\r\n[labelTextFontSize]=\"params.labelTextFontSize\"\r\n[selectedItem]=\"params.value\"\r\n[indexesToDisable]=\"params.indexesToDisable\"\r\n[isDropdownDisabled]=\"params.isDropdownDisabled\"\r\n[getValuesArrayFromEnum]=\"params.getLabelAndColorFromEnumValue\"\r\n[enumChoices]=\"params.enumChoices\"\r\n[placeholder]=\"params.placeholder\" \r\n[width]=\"params.width\" \r\n[isChip]=\"params.isChip\" \r\n[paddingTop]=\"params.paddingTop\" \r\n(change)=\"onCellDataChanged($event)\">\r\n</choose-enum>\r\n", styles: [""], components: [{ type: ChooseEnumComponent, selector: "choose-enum", inputs: ["label", "isItemHidden", "isItemDisabled", "enumChoices", "getValuesArrayFromEnum", "isChip", "placeholder", "width", "paddingTop", "labelTextAlign", "labelTextFontWeight", "labelTextFontSize", "selectedItem", "indexesToDisable", "isDropdownDisabled"], outputs: ["change"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ChooseEnumRendererComponent, decorators: [{
+ChooseEnumRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseEnumRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ChooseEnumRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ChooseEnumRendererComponent, selector: "choose-enum-renderer", ngImport: i0, template: "<choose-enum \r\n[label]=\"params.label\"\r\n[isItemHidden]=\"params.isItemHidden\"\r\n[isItemDisabled]=\"params.isItemDisabled\"\r\n[labelTextAlign]=\"params.labelTextAlign\"\r\n[labelTextFontWeight]=\"params.labelTextFontWeight\"\r\n[labelTextFontSize]=\"params.labelTextFontSize\"\r\n[selectedItem]=\"params.value\"\r\n[indexesToDisable]=\"params.indexesToDisable\"\r\n[isDropdownDisabled]=\"params.isDropdownDisabled\"\r\n[getValuesArrayFromEnum]=\"params.getLabelAndColorFromEnumValue\"\r\n[enumChoices]=\"params.enumChoices\"\r\n[placeholder]=\"params.placeholder\" \r\n[width]=\"params.width\" \r\n[isChip]=\"params.isChip\" \r\n[paddingTop]=\"params.paddingTop\" \r\n(change)=\"onCellDataChanged($event)\">\r\n</choose-enum>\r\n", styles: [""], dependencies: [{ kind: "component", type: ChooseEnumComponent, selector: "choose-enum", inputs: ["label", "isItemHidden", "isItemDisabled", "enumChoices", "getValuesArrayFromEnum", "isChip", "placeholder", "width", "paddingTop", "labelTextAlign", "labelTextFontWeight", "labelTextFontSize", "selectedItem", "indexesToDisable", "isDropdownDisabled"], outputs: ["change"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseEnumRendererComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'choose-enum-renderer', template: "<choose-enum \r\n[label]=\"params.label\"\r\n[isItemHidden]=\"params.isItemHidden\"\r\n[isItemDisabled]=\"params.isItemDisabled\"\r\n[labelTextAlign]=\"params.labelTextAlign\"\r\n[labelTextFontWeight]=\"params.labelTextFontWeight\"\r\n[labelTextFontSize]=\"params.labelTextFontSize\"\r\n[selectedItem]=\"params.value\"\r\n[indexesToDisable]=\"params.indexesToDisable\"\r\n[isDropdownDisabled]=\"params.isDropdownDisabled\"\r\n[getValuesArrayFromEnum]=\"params.getLabelAndColorFromEnumValue\"\r\n[enumChoices]=\"params.enumChoices\"\r\n[placeholder]=\"params.placeholder\" \r\n[width]=\"params.width\" \r\n[isChip]=\"params.isChip\" \r\n[paddingTop]=\"params.paddingTop\" \r\n(change)=\"onCellDataChanged($event)\">\r\n</choose-enum>\r\n", styles: [""] }]
+            args: [{ selector: 'choose-enum-renderer', template: "<choose-enum \r\n[label]=\"params.label\"\r\n[isItemHidden]=\"params.isItemHidden\"\r\n[isItemDisabled]=\"params.isItemDisabled\"\r\n[labelTextAlign]=\"params.labelTextAlign\"\r\n[labelTextFontWeight]=\"params.labelTextFontWeight\"\r\n[labelTextFontSize]=\"params.labelTextFontSize\"\r\n[selectedItem]=\"params.value\"\r\n[indexesToDisable]=\"params.indexesToDisable\"\r\n[isDropdownDisabled]=\"params.isDropdownDisabled\"\r\n[getValuesArrayFromEnum]=\"params.getLabelAndColorFromEnumValue\"\r\n[enumChoices]=\"params.enumChoices\"\r\n[placeholder]=\"params.placeholder\" \r\n[width]=\"params.width\" \r\n[isChip]=\"params.isChip\" \r\n[paddingTop]=\"params.paddingTop\" \r\n(change)=\"onCellDataChanged($event)\">\r\n</choose-enum>\r\n" }]
         }], ctorParameters: function () { return []; } });
 
 class ChooseGeneralItemService {
@@ -203,9 +203,9 @@ class ChooseGeneralItemService {
         return this.http.get(this.baseUrl + apiPath, this.getHeaders());
     }
 }
-ChooseGeneralItemService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ChooseGeneralItemService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-ChooseGeneralItemService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ChooseGeneralItemService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ChooseGeneralItemService, decorators: [{
+ChooseGeneralItemService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseGeneralItemService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+ChooseGeneralItemService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseGeneralItemService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseGeneralItemService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -222,6 +222,7 @@ class ChooseGeneralItemComponent {
         this.chipTextColor = 'white';
         this.chipWidth = 110;
         this.dropdownPosition = 'bottom';
+        this.useFullObject = false;
         this.propagateChange = (_) => { };
         this.propogateTouch = () => { };
     }
@@ -245,9 +246,9 @@ class ChooseGeneralItemComponent {
     updateBlur() {
         this.propogateTouch();
     }
-    onSelectedItemChanged() {
-        this.propagateChange(this.selectedItemId);
-        this.change.emit(this.selectedItemId);
+    onSelectedItemChanged($event) {
+        this.propagateChange(this.useFullObject ? $event : this.selectedItemId);
+        this.change.emit(this.useFullObject ? $event : this.selectedItemId);
     }
     getData() {
         if (this.apiPath) {
@@ -273,15 +274,15 @@ class ChooseGeneralItemComponent {
         return fontStyle;
     }
 }
-ChooseGeneralItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ChooseGeneralItemComponent, deps: [{ token: ChooseGeneralItemService }], target: i0.ɵɵFactoryTarget.Component });
-ChooseGeneralItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: ChooseGeneralItemComponent, selector: "choose-general-item", inputs: { items: "items", label: "label", placeholder: "placeholder", apiPath: "apiPath", isMultiple: "isMultiple", hideSelectedItem: "hideSelectedItem", objects: "objects", showLabel: "showLabel", separator: "separator", width: "width", fontWeight: "fontWeight", fontSize: "fontSize", isChip: "isChip", isTypeDate: "isTypeDate", chipColor: "chipColor", chipTextColor: "chipTextColor", chipWidth: "chipWidth", selectedItemId: "selectedItemId", disabled: "disabled", dropdownPosition: "dropdownPosition" }, outputs: { change: "change" }, providers: [
+ChooseGeneralItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseGeneralItemComponent, deps: [{ token: ChooseGeneralItemService }], target: i0.ɵɵFactoryTarget.Component });
+ChooseGeneralItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ChooseGeneralItemComponent, selector: "choose-general-item", inputs: { items: "items", label: "label", placeholder: "placeholder", apiPath: "apiPath", isMultiple: "isMultiple", hideSelectedItem: "hideSelectedItem", objects: "objects", showLabel: "showLabel", separator: "separator", width: "width", fontWeight: "fontWeight", fontSize: "fontSize", isChip: "isChip", isTypeDate: "isTypeDate", chipColor: "chipColor", chipTextColor: "chipTextColor", chipWidth: "chipWidth", selectedItemId: "selectedItemId", disabled: "disabled", dropdownPosition: "dropdownPosition", useFullObject: "useFullObject" }, outputs: { change: "change" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => ChooseGeneralItemComponent),
             multi: true,
         },
-    ], ngImport: i0, template: "<div class=\"select\">\r\n    <ng-select [hideSelected]=\"hideSelectedItem\"  [dropdownPosition]=\"dropdownPosition\" [closeOnSelect]=\"!isMultiple\" [ngStyle]=\"setWidth()\"\r\n        class=\"component\" [disabled]=\"disabled\" appendTo=\"body\" (blur)=\"updateBlur()\" [bindLabel]=\"label\" bindValue=\"id\"\r\n        [compareWith]=\"\" [items]=\"items\" [placeholder]=\"placeholder\" (change)=\"onSelectedItemChanged()\"\r\n        [(ngModel)]=\"selectedItemId\" [multiple]=\"isMultiple\">\r\n        <ng-template *ngIf=\"!isChip\" class=\"template\" ng-option-tmp ng-label-tmp let-item=\"item\" let-index=\"index\"\r\n            let-search=\"searchTerm\">\r\n            <span [ngStyle]=\"setFontStyles()\" *ngFor=\"let object of objects let isLast = last\">\r\n                <span *ngIf=\"showLabel && !isTypeDate\">\r\n                    {{object.label}}: {{item[object.field]}} {{isLast ? \"\" : separator}}\r\n                </span>\r\n                <span *ngIf=\"showLabel && isTypeDate\">\r\n                    {{object.label}}: {{item[object.field]| date: 'mediumDate'}} {{isLast ? \"\" : separator}}\r\n                </span>\r\n                <span *ngIf=\"!showLabel && isTypeDate\">\r\n                    {{item[object.field]| date: 'mediumDate'}} {{isLast ? \"\" : separator}}\r\n                </span>\r\n                <span *ngIf=\"!showLabel && !isTypeDate\">{{item[object.field]}}{{isLast ? \"\" : separator}}\r\n                </span>\r\n            </span>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"isChip\" ng-label-tmp let-item=\"item\" let-clear=\"clear\">\r\n            <ng-chip (mousedown)=\"$event.stopPropagation()\" [clear]=\"clear\" [withCross]=\"isMultiple\" [item]=\"item\"\r\n                class=\"chip\" [backgroundColor]=\"chipColor\" [textColor]=\"chipTextColor\" [label]=\"item[objects[0].field]\"\r\n                [width]=\"chipWidth\">\r\n            </ng-chip>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"isChip\" ng-option-tmp let-clear=\"clear\" let-item=\"item\">\r\n            <ng-chip (mousedown)=\"$event.stopPropagation()\" [clear]=\"clear\" [withCross]=\"false\" [item]=\"item\"\r\n                class=\"chip\" [backgroundColor]=\"chipColor\" [textColor]=\"chipTextColor\" [label]=\"item[objects[0].field]\"\r\n                [width]=\"chipWidth\">\r\n            </ng-chip>\r\n        </ng-template>\r\n    </ng-select>\r\n</div>", styles: [""], components: [{ type: i1.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: i2.NgChipComponent, selector: "ng-chip", inputs: ["value", "label", "backgroundColor", "textColor", "width", "item", "clear", "withCross"] }], directives: [{ type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { type: i1.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "date": i4.DatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ChooseGeneralItemComponent, decorators: [{
+    ], ngImport: i0, template: "<div class=\"select\">\r\n    <ng-select [hideSelected]=\"hideSelectedItem\"  [dropdownPosition]=\"dropdownPosition\" [closeOnSelect]=\"!isMultiple\" [ngStyle]=\"setWidth()\"\r\n        class=\"component\" [disabled]=\"disabled\" appendTo=\"body\" (blur)=\"updateBlur()\" [bindLabel]=\"label\" bindValue=\"id\"\r\n        [compareWith]=\"\" [items]=\"items\" [placeholder]=\"placeholder\" (change)=\"onSelectedItemChanged($event)\"\r\n        [(ngModel)]=\"selectedItemId\" [multiple]=\"isMultiple\">\r\n        <ng-template *ngIf=\"!isChip\" class=\"template\" ng-option-tmp ng-label-tmp let-item=\"item\" let-index=\"index\"\r\n            let-search=\"searchTerm\">\r\n            <span [ngStyle]=\"setFontStyles()\" *ngFor=\"let object of objects let isLast = last\">\r\n                <span *ngIf=\"showLabel && !isTypeDate\">\r\n                    {{object.label}}: {{item[object.field]}} {{isLast ? \"\" : separator}}\r\n                </span>\r\n                <span *ngIf=\"showLabel && isTypeDate\">\r\n                    {{object.label}}: {{item[object.field]| date: 'mediumDate'}} {{isLast ? \"\" : separator}}\r\n                </span>\r\n                <span *ngIf=\"!showLabel && isTypeDate\">\r\n                    {{item[object.field]| date: 'mediumDate'}} {{isLast ? \"\" : separator}}\r\n                </span>\r\n                <span *ngIf=\"!showLabel && !isTypeDate\">{{item[object.field]}}{{isLast ? \"\" : separator}}\r\n                </span>\r\n            </span>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"isChip\" ng-label-tmp let-item=\"item\" let-clear=\"clear\">\r\n            <ng-chip (mousedown)=\"$event.stopPropagation()\" [clear]=\"clear\" [withCross]=\"isMultiple\" [item]=\"item\"\r\n                class=\"chip\" [backgroundColor]=\"chipColor\" [textColor]=\"chipTextColor\" [label]=\"item[objects[0].field]\"\r\n                [width]=\"chipWidth\">\r\n            </ng-chip>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"isChip\" ng-option-tmp let-clear=\"clear\" let-item=\"item\">\r\n            <ng-chip (mousedown)=\"$event.stopPropagation()\" [clear]=\"clear\" [withCross]=\"false\" [item]=\"item\"\r\n                class=\"chip\" [backgroundColor]=\"chipColor\" [textColor]=\"chipTextColor\" [label]=\"item[objects[0].field]\"\r\n                [width]=\"chipWidth\">\r\n            </ng-chip>\r\n        </ng-template>\r\n    </ng-select>\r\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i2.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i2.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.NgChipComponent, selector: "ng-chip", inputs: ["value", "label", "backgroundColor", "textColor", "width", "item", "clear", "withCross"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseGeneralItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'choose-general-item', providers: [
                         {
@@ -289,7 +290,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImpor
                             useExisting: forwardRef(() => ChooseGeneralItemComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"select\">\r\n    <ng-select [hideSelected]=\"hideSelectedItem\"  [dropdownPosition]=\"dropdownPosition\" [closeOnSelect]=\"!isMultiple\" [ngStyle]=\"setWidth()\"\r\n        class=\"component\" [disabled]=\"disabled\" appendTo=\"body\" (blur)=\"updateBlur()\" [bindLabel]=\"label\" bindValue=\"id\"\r\n        [compareWith]=\"\" [items]=\"items\" [placeholder]=\"placeholder\" (change)=\"onSelectedItemChanged()\"\r\n        [(ngModel)]=\"selectedItemId\" [multiple]=\"isMultiple\">\r\n        <ng-template *ngIf=\"!isChip\" class=\"template\" ng-option-tmp ng-label-tmp let-item=\"item\" let-index=\"index\"\r\n            let-search=\"searchTerm\">\r\n            <span [ngStyle]=\"setFontStyles()\" *ngFor=\"let object of objects let isLast = last\">\r\n                <span *ngIf=\"showLabel && !isTypeDate\">\r\n                    {{object.label}}: {{item[object.field]}} {{isLast ? \"\" : separator}}\r\n                </span>\r\n                <span *ngIf=\"showLabel && isTypeDate\">\r\n                    {{object.label}}: {{item[object.field]| date: 'mediumDate'}} {{isLast ? \"\" : separator}}\r\n                </span>\r\n                <span *ngIf=\"!showLabel && isTypeDate\">\r\n                    {{item[object.field]| date: 'mediumDate'}} {{isLast ? \"\" : separator}}\r\n                </span>\r\n                <span *ngIf=\"!showLabel && !isTypeDate\">{{item[object.field]}}{{isLast ? \"\" : separator}}\r\n                </span>\r\n            </span>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"isChip\" ng-label-tmp let-item=\"item\" let-clear=\"clear\">\r\n            <ng-chip (mousedown)=\"$event.stopPropagation()\" [clear]=\"clear\" [withCross]=\"isMultiple\" [item]=\"item\"\r\n                class=\"chip\" [backgroundColor]=\"chipColor\" [textColor]=\"chipTextColor\" [label]=\"item[objects[0].field]\"\r\n                [width]=\"chipWidth\">\r\n            </ng-chip>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"isChip\" ng-option-tmp let-clear=\"clear\" let-item=\"item\">\r\n            <ng-chip (mousedown)=\"$event.stopPropagation()\" [clear]=\"clear\" [withCross]=\"false\" [item]=\"item\"\r\n                class=\"chip\" [backgroundColor]=\"chipColor\" [textColor]=\"chipTextColor\" [label]=\"item[objects[0].field]\"\r\n                [width]=\"chipWidth\">\r\n            </ng-chip>\r\n        </ng-template>\r\n    </ng-select>\r\n</div>", styles: [""] }]
+                    ], template: "<div class=\"select\">\r\n    <ng-select [hideSelected]=\"hideSelectedItem\"  [dropdownPosition]=\"dropdownPosition\" [closeOnSelect]=\"!isMultiple\" [ngStyle]=\"setWidth()\"\r\n        class=\"component\" [disabled]=\"disabled\" appendTo=\"body\" (blur)=\"updateBlur()\" [bindLabel]=\"label\" bindValue=\"id\"\r\n        [compareWith]=\"\" [items]=\"items\" [placeholder]=\"placeholder\" (change)=\"onSelectedItemChanged($event)\"\r\n        [(ngModel)]=\"selectedItemId\" [multiple]=\"isMultiple\">\r\n        <ng-template *ngIf=\"!isChip\" class=\"template\" ng-option-tmp ng-label-tmp let-item=\"item\" let-index=\"index\"\r\n            let-search=\"searchTerm\">\r\n            <span [ngStyle]=\"setFontStyles()\" *ngFor=\"let object of objects let isLast = last\">\r\n                <span *ngIf=\"showLabel && !isTypeDate\">\r\n                    {{object.label}}: {{item[object.field]}} {{isLast ? \"\" : separator}}\r\n                </span>\r\n                <span *ngIf=\"showLabel && isTypeDate\">\r\n                    {{object.label}}: {{item[object.field]| date: 'mediumDate'}} {{isLast ? \"\" : separator}}\r\n                </span>\r\n                <span *ngIf=\"!showLabel && isTypeDate\">\r\n                    {{item[object.field]| date: 'mediumDate'}} {{isLast ? \"\" : separator}}\r\n                </span>\r\n                <span *ngIf=\"!showLabel && !isTypeDate\">{{item[object.field]}}{{isLast ? \"\" : separator}}\r\n                </span>\r\n            </span>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"isChip\" ng-label-tmp let-item=\"item\" let-clear=\"clear\">\r\n            <ng-chip (mousedown)=\"$event.stopPropagation()\" [clear]=\"clear\" [withCross]=\"isMultiple\" [item]=\"item\"\r\n                class=\"chip\" [backgroundColor]=\"chipColor\" [textColor]=\"chipTextColor\" [label]=\"item[objects[0].field]\"\r\n                [width]=\"chipWidth\">\r\n            </ng-chip>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"isChip\" ng-option-tmp let-clear=\"clear\" let-item=\"item\">\r\n            <ng-chip (mousedown)=\"$event.stopPropagation()\" [clear]=\"clear\" [withCross]=\"false\" [item]=\"item\"\r\n                class=\"chip\" [backgroundColor]=\"chipColor\" [textColor]=\"chipTextColor\" [label]=\"item[objects[0].field]\"\r\n                [width]=\"chipWidth\">\r\n            </ng-chip>\r\n        </ng-template>\r\n    </ng-select>\r\n</div>" }]
         }], ctorParameters: function () { return [{ type: ChooseGeneralItemService }]; }, propDecorators: { change: [{
                 type: Output
             }], items: [{
@@ -332,6 +333,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImpor
                 type: Input
             }], dropdownPosition: [{
                 type: Input
+            }], useFullObject: [{
+                type: Input
             }] } });
 
 class ChooseGeneralItemRendererComponent {
@@ -356,11 +359,11 @@ class ChooseGeneralItemRendererComponent {
         return true;
     }
 }
-ChooseGeneralItemRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ChooseGeneralItemRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ChooseGeneralItemRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: ChooseGeneralItemRendererComponent, selector: "choose-general-item-renderer", ngImport: i0, template: "<choose-general-item [label]=\"params.label\" \r\n[placeholder]=\"params.placeholder\" \r\n[apiPath]=\"params.apiPath\" \r\n[isMultiple]=\"params.isMultiple\" \r\n[objects]=\"params.objects\" \r\n[showLabel]=\"params.showLabel\" \r\n[separator]=\"params.separator\" \r\n[width]=\"params.width\" \r\n[fontWeight]=\"params.fontWeight\" \r\n[fontSize]=\"params.fontSize\" \r\n[isChip]=\"params.isChip\" \r\n[isTypeDate]=\"params.isTypeDate\" \r\n[chipColor]=\"params.chipColor\" \r\n[chipTextColor]=\"params.chipTextColor\" \r\n[chipWidth]=\"params.chipWidth\" \r\n[selectedItemId]=\"itemId\" \r\n[disabled]=\"params.disabled\" \r\n(change)=\"onCellDataChanged($event)\"></choose-general-item>", styles: [""], components: [{ type: ChooseGeneralItemComponent, selector: "choose-general-item", inputs: ["items", "label", "placeholder", "apiPath", "isMultiple", "hideSelectedItem", "objects", "showLabel", "separator", "width", "fontWeight", "fontSize", "isChip", "isTypeDate", "chipColor", "chipTextColor", "chipWidth", "selectedItemId", "disabled", "dropdownPosition"], outputs: ["change"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ChooseGeneralItemRendererComponent, decorators: [{
+ChooseGeneralItemRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseGeneralItemRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ChooseGeneralItemRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ChooseGeneralItemRendererComponent, selector: "choose-general-item-renderer", ngImport: i0, template: "<choose-general-item [label]=\"params.label\" \r\n[placeholder]=\"params.placeholder\" \r\n[apiPath]=\"params.apiPath\" \r\n[isMultiple]=\"params.isMultiple\" \r\n[objects]=\"params.objects\" \r\n[showLabel]=\"params.showLabel\" \r\n[separator]=\"params.separator\" \r\n[width]=\"params.width\" \r\n[fontWeight]=\"params.fontWeight\" \r\n[fontSize]=\"params.fontSize\" \r\n[isChip]=\"params.isChip\" \r\n[isTypeDate]=\"params.isTypeDate\" \r\n[chipColor]=\"params.chipColor\" \r\n[chipTextColor]=\"params.chipTextColor\" \r\n[chipWidth]=\"params.chipWidth\" \r\n[selectedItemId]=\"itemId\" \r\n[disabled]=\"params.disabled\" \r\n(change)=\"onCellDataChanged($event)\"></choose-general-item>", styles: [""], dependencies: [{ kind: "component", type: ChooseGeneralItemComponent, selector: "choose-general-item", inputs: ["items", "label", "placeholder", "apiPath", "isMultiple", "hideSelectedItem", "objects", "showLabel", "separator", "width", "fontWeight", "fontSize", "isChip", "isTypeDate", "chipColor", "chipTextColor", "chipWidth", "selectedItemId", "disabled", "dropdownPosition", "useFullObject"], outputs: ["change"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseGeneralItemRendererComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'choose-general-item-renderer', template: "<choose-general-item [label]=\"params.label\" \r\n[placeholder]=\"params.placeholder\" \r\n[apiPath]=\"params.apiPath\" \r\n[isMultiple]=\"params.isMultiple\" \r\n[objects]=\"params.objects\" \r\n[showLabel]=\"params.showLabel\" \r\n[separator]=\"params.separator\" \r\n[width]=\"params.width\" \r\n[fontWeight]=\"params.fontWeight\" \r\n[fontSize]=\"params.fontSize\" \r\n[isChip]=\"params.isChip\" \r\n[isTypeDate]=\"params.isTypeDate\" \r\n[chipColor]=\"params.chipColor\" \r\n[chipTextColor]=\"params.chipTextColor\" \r\n[chipWidth]=\"params.chipWidth\" \r\n[selectedItemId]=\"itemId\" \r\n[disabled]=\"params.disabled\" \r\n(change)=\"onCellDataChanged($event)\"></choose-general-item>", styles: [""] }]
+            args: [{ selector: 'choose-general-item-renderer', template: "<choose-general-item [label]=\"params.label\" \r\n[placeholder]=\"params.placeholder\" \r\n[apiPath]=\"params.apiPath\" \r\n[isMultiple]=\"params.isMultiple\" \r\n[objects]=\"params.objects\" \r\n[showLabel]=\"params.showLabel\" \r\n[separator]=\"params.separator\" \r\n[width]=\"params.width\" \r\n[fontWeight]=\"params.fontWeight\" \r\n[fontSize]=\"params.fontSize\" \r\n[isChip]=\"params.isChip\" \r\n[isTypeDate]=\"params.isTypeDate\" \r\n[chipColor]=\"params.chipColor\" \r\n[chipTextColor]=\"params.chipTextColor\" \r\n[chipWidth]=\"params.chipWidth\" \r\n[selectedItemId]=\"itemId\" \r\n[disabled]=\"params.disabled\" \r\n(change)=\"onCellDataChanged($event)\"></choose-general-item>" }]
         }], ctorParameters: function () { return []; } });
 
 var LineType;
@@ -442,15 +445,15 @@ class ChooseLineTypeComponent {
         this.propagateChange(this.selectedItem);
     }
 }
-ChooseLineTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ChooseLineTypeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ChooseLineTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: ChooseLineTypeComponent, selector: "choose-line-type", providers: [
+ChooseLineTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseLineTypeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ChooseLineTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ChooseLineTypeComponent, selector: "choose-line-type", providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => ChooseLineTypeComponent),
             multi: true,
         },
-    ], ngImport: i0, template: "<div class=\"select\">\r\n    <ng-select class=\"type\" appendTo=\"body\" (blur)=\"updateBlur()\" bindLabel=\"label\" bindValue=\"label\" [items]=\"types\"\r\n        [placeholder]=\"'Choose A Component'\" (change)=\"onSelectedItemChanged()\" [(ngModel)]=\"selectedItem\">\r\n        <ng-template class=\"template\" ng-option-tmp ng-label-tmp let-item=\"item\" let-index=\"index\">\r\n            {{item.label}}\r\n        </ng-template>\r\n    </ng-select>\r\n</div>", styles: [".type{width:250px}\n"], components: [{ type: i1.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }], directives: [{ type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { type: i1.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ChooseLineTypeComponent, decorators: [{
+    ], ngImport: i0, template: "<div class=\"select\">\r\n    <ng-select class=\"type\" appendTo=\"body\" (blur)=\"updateBlur()\" bindLabel=\"label\" bindValue=\"label\" [items]=\"types\"\r\n        [placeholder]=\"'Choose A Component'\" (change)=\"onSelectedItemChanged()\" [(ngModel)]=\"selectedItem\">\r\n        <ng-template class=\"template\" ng-option-tmp ng-label-tmp let-item=\"item\" let-index=\"index\">\r\n            {{item.label}}\r\n        </ng-template>\r\n    </ng-select>\r\n</div>", styles: [".type{width:250px}\n"], dependencies: [{ kind: "component", type: i2.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i2.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i2.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseLineTypeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'choose-line-type', providers: [
                         {
@@ -497,11 +500,23 @@ class ChooseYesOrNoComponent {
         return style;
     }
 }
-ChooseYesOrNoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ChooseYesOrNoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ChooseYesOrNoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: ChooseYesOrNoComponent, selector: "choose-yes-or-no", inputs: { width: "width", selectedItemValue: "selectedItemValue", placeholder: "placeholder" }, outputs: { change: "change" }, ngImport: i0, template: "<div class=\"select\">\r\n    <ng-select [ngStyle]=\"setWidth()\" class=\"component\" appendTo=\"body\" (blur)=\"updateBlur()\"  [placeholder]=\"placeholder\" bindLabel=\"label\"\r\n        bindValue=\"value\" [items]=\"items\" [placeholder]=\"placeholder\" (change)=\"onSelectedItemChanged()\"\r\n        [(ngModel)]=\"selectedItemValue\" >\r\n        <ng-template class=\"template\" ng-option-tmp ng-label-tmp let-item=\"item\" let-index=\"index\"\r\n            let-search=\"searchTerm\">\r\n            <span  [style.color]=\"item.color\">\r\n                {{item.label}}\r\n            </span>\r\n        </ng-template>\r\n    </ng-select>\r\n</div>\r\n", styles: [""], components: [{ type: i1.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }], directives: [{ type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { type: i1.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ChooseYesOrNoComponent, decorators: [{
+ChooseYesOrNoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseYesOrNoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ChooseYesOrNoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ChooseYesOrNoComponent, selector: "choose-yes-or-no", inputs: { width: "width", selectedItemValue: "selectedItemValue", placeholder: "placeholder" }, outputs: { change: "change" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => ChooseYesOrNoComponent),
+            multi: true
+        }
+    ], ngImport: i0, template: "<div class=\"select\">\r\n    <ng-select [ngStyle]=\"setWidth()\" class=\"component\" appendTo=\"body\" (blur)=\"updateBlur()\"  [placeholder]=\"placeholder\" bindLabel=\"label\"\r\n        bindValue=\"value\" [items]=\"items\" [placeholder]=\"placeholder\" (change)=\"onSelectedItemChanged()\"\r\n        [(ngModel)]=\"selectedItemValue\" >\r\n        <ng-template class=\"template\" ng-option-tmp ng-label-tmp let-item=\"item\" let-index=\"index\"\r\n            let-search=\"searchTerm\">\r\n            <span  [style.color]=\"item.color\">\r\n                {{item.label}}\r\n            </span>\r\n        </ng-template>\r\n    </ng-select>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i2.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i2.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseYesOrNoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'choose-yes-or-no', template: "<div class=\"select\">\r\n    <ng-select [ngStyle]=\"setWidth()\" class=\"component\" appendTo=\"body\" (blur)=\"updateBlur()\"  [placeholder]=\"placeholder\" bindLabel=\"label\"\r\n        bindValue=\"value\" [items]=\"items\" [placeholder]=\"placeholder\" (change)=\"onSelectedItemChanged()\"\r\n        [(ngModel)]=\"selectedItemValue\" >\r\n        <ng-template class=\"template\" ng-option-tmp ng-label-tmp let-item=\"item\" let-index=\"index\"\r\n            let-search=\"searchTerm\">\r\n            <span  [style.color]=\"item.color\">\r\n                {{item.label}}\r\n            </span>\r\n        </ng-template>\r\n    </ng-select>\r\n</div>\r\n", styles: [""] }]
+            args: [{ selector: 'choose-yes-or-no', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ChooseYesOrNoComponent),
+                            multi: true
+                        }
+                    ], template: "<div class=\"select\">\r\n    <ng-select [ngStyle]=\"setWidth()\" class=\"component\" appendTo=\"body\" (blur)=\"updateBlur()\"  [placeholder]=\"placeholder\" bindLabel=\"label\"\r\n        bindValue=\"value\" [items]=\"items\" [placeholder]=\"placeholder\" (change)=\"onSelectedItemChanged()\"\r\n        [(ngModel)]=\"selectedItemValue\" >\r\n        <ng-template class=\"template\" ng-option-tmp ng-label-tmp let-item=\"item\" let-index=\"index\"\r\n            let-search=\"searchTerm\">\r\n            <span  [style.color]=\"item.color\">\r\n                {{item.label}}\r\n            </span>\r\n        </ng-template>\r\n    </ng-select>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { change: [{
                 type: Output
             }], width: [{
@@ -529,11 +544,11 @@ class ChooseYesOrNoRendererComponent {
         return false;
     }
 }
-ChooseYesOrNoRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ChooseYesOrNoRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ChooseYesOrNoRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: ChooseYesOrNoRendererComponent, selector: "choose-yes-or-no-renderer", ngImport: i0, template: "<choose-yes-or-no [selectedItemValue]=\"booleanValue\" [width]=\"params.width\" (change) =\"onCellDataChanged($event)\"    [placeholder]=\"params.placeholder\" ></choose-yes-or-no>", styles: [""], components: [{ type: ChooseYesOrNoComponent, selector: "choose-yes-or-no", inputs: ["width", "selectedItemValue", "placeholder"], outputs: ["change"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ChooseYesOrNoRendererComponent, decorators: [{
+ChooseYesOrNoRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseYesOrNoRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ChooseYesOrNoRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ChooseYesOrNoRendererComponent, selector: "choose-yes-or-no-renderer", ngImport: i0, template: "<choose-yes-or-no [selectedItemValue]=\"booleanValue\" [width]=\"params.width\" (change) =\"onCellDataChanged($event)\"    [placeholder]=\"params.placeholder\" ></choose-yes-or-no>", styles: [""], dependencies: [{ kind: "component", type: ChooseYesOrNoComponent, selector: "choose-yes-or-no", inputs: ["width", "selectedItemValue", "placeholder"], outputs: ["change"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseYesOrNoRendererComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'choose-yes-or-no-renderer', template: "<choose-yes-or-no [selectedItemValue]=\"booleanValue\" [width]=\"params.width\" (change) =\"onCellDataChanged($event)\"    [placeholder]=\"params.placeholder\" ></choose-yes-or-no>", styles: [""] }]
+            args: [{ selector: 'choose-yes-or-no-renderer', template: "<choose-yes-or-no [selectedItemValue]=\"booleanValue\" [width]=\"params.width\" (change) =\"onCellDataChanged($event)\"    [placeholder]=\"params.placeholder\" ></choose-yes-or-no>" }]
         }], ctorParameters: function () { return []; } });
 
 const PIPEMAPPINGS = [
@@ -550,9 +565,9 @@ class DynamicPipe {
         return '';
     }
 }
-DynamicPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: DynamicPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-DynamicPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: DynamicPipe, name: "dynamicPipe" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: DynamicPipe, decorators: [{
+DynamicPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DynamicPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+DynamicPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: DynamicPipe, name: "dynamicPipe" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DynamicPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'dynamicPipe' }]
         }] });
@@ -631,15 +646,15 @@ class EditableSavableInputComponent {
         this.propogateTouch();
     }
 }
-EditableSavableInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: EditableSavableInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EditableSavableInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: EditableSavableInputComponent, selector: "editable-savable-input", inputs: { defaultvalue: "defaultvalue", inputType: "inputType", newLabel: "newLabel", headerLabel: "headerLabel", showUnit: "showUnit", unit: "unit", unitType: "unitType", isEditable: "isEditable", showHeader: "showHeader", value: "value" }, outputs: { saveWasClicked: "saveWasClicked" }, providers: [DynamicPipe,
+EditableSavableInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: EditableSavableInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+EditableSavableInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: EditableSavableInputComponent, selector: "editable-savable-input", inputs: { defaultvalue: "defaultvalue", inputType: "inputType", newLabel: "newLabel", headerLabel: "headerLabel", showUnit: "showUnit", unit: "unit", unitType: "unitType", isEditable: "isEditable", showHeader: "showHeader", value: "value" }, outputs: { saveWasClicked: "saveWasClicked" }, providers: [DynamicPipe,
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => EditableSavableInputComponent),
             multi: true
         }
-    ], ngImport: i0, template: "<div *ngIf=\"showHeader\" class=\"header\">\r\n  {{headerLabel}}\r\n</div>\r\n<div class=\"container\" [ngClass]=\"{'closed':!isAddClickedOn, 'open': isAddClickedOn}\">\r\n  <div class=\"content\">\r\n    <div class=\"default-content\" *ngIf=\"!isAddClickedOn && !isUpdated && isEditable\">\r\n      <div class=\"add\" (click)=\"onClickAdd()\">\r\n        {{defaultvalue}} </div>\r\n    </div>\r\n    <div class=\"edit-content\" *ngIf=\"isAddClickedOn\">\r\n      <label class=\"input-label\" for=\"input\">{{newLabel}}</label>\r\n      <div class=\"input \" [ngClass]=\"{'input-with-appended-unit': showUnit}\">\r\n        <span *ngIf=\"showUnit\">{{unit}}</span>\r\n        <input (change)=\"onChange($event)\" (blur)=\"updateBlur()\" [ngModel]=\"value\" [value]=\"value\" id=\"input\" #input\r\n          class=\"form-control\" [ngClass]=\"{'input-box': showUnit}\" [type]=\"inputType\">\r\n      </div>\r\n      <div class=\"edit-actions\">\r\n        <button type=\"button\" class=\"btn cancel\" (click)=\"onClickCancel()\" mat-raised-button>Cancel</button>\r\n        <button type=\"button\" class=\"save\" (click)=\"onClickSave(input)\" mat-raised-button color=\"primary\">Save</button>\r\n      </div>\r\n    </div>\r\n    <div class=\"updated-content closed\" *ngIf=\"!isAddClickedOn && isUpdated\" (mouseenter)=\"onMouseEnter()\"\r\n      (mouseleave)=\"onMouseLeave()\">\r\n      <div class=\"edit-icon-container\" *ngIf=\"showEdit && isEditable\" (click)=\"onClickEdit()\">\r\n        <i class=\"fas fa-pencil-alt\"></i>\r\n      </div>\r\n      <div class=\"updated\">\r\n        <span class=\"updated-label\">\r\n          <label for=\"input\">{{newLabel}}</label>\r\n        </span>\r\n        <span *ngIf=\"!showUnit\">{{value}}</span>\r\n        <span *ngIf=\"showUnit\" class=\"updated-value\">\r\n          {{value | dynamicPipe: unitType}}\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>", styles: [".container{display:block;width:100%}.open{height:120px}.closed{height:40px}.edit-icon-container{position:absolute;right:0%;transform:translate(0);top:0;cursor:pointer}.edit-icon-container:hover{background-color:gray;color:#fff;padding:2px}label,.updated-label{color:gray;margin-right:5px}#input{display:inline}.cancel{grid-column:1;grid-row:2;height:80%;width:80px}.save{grid-column:2;grid-row:2;height:80%;width:80px}.default-content{position:absolute}.input{width:280px;grid-column:2;grid-row:1}.input-box{width:200px}.input-label{grid-column:1;grid-row:1}.updated{position:absolute}.add{color:#00f}.add:hover{text-decoration:underline;cursor:pointer}.content{position:relative}.btn:focus{outline:none!important}.edit-content{position:absolute;left:50%;transform:translate(-50%);display:grid;grid-template-columns:150px 200px;grid-template-rows:50px 50px}.updated-content{display:block}.header{color:gray;border-bottom:1px solid grey;height:30px;font-size:20px;margin-bottom:10px;margin-top:10px}.input-with-appended-unit input{padding-left:20px;text-align:left}.input-with-appended-unit span{position:relative;left:20px;color:gray}.edit-actions{grid-column:2;grid-row:2;display:grid;grid-template-columns:50% 50%}\n"], components: [{ type: i1$2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "dynamicPipe": DynamicPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: EditableSavableInputComponent, decorators: [{
+    ], ngImport: i0, template: "<div *ngIf=\"showHeader\" class=\"header\">\r\n  {{headerLabel}}\r\n</div>\r\n<div class=\"container\" [ngClass]=\"{'closed':!isAddClickedOn, 'open': isAddClickedOn}\">\r\n  <div class=\"content\">\r\n    <div class=\"default-content\" *ngIf=\"!isAddClickedOn && !isUpdated && isEditable\">\r\n      <div class=\"add\" (click)=\"onClickAdd()\">\r\n        {{defaultvalue}} </div>\r\n    </div>\r\n    <div class=\"edit-content\" *ngIf=\"isAddClickedOn\">\r\n      <label class=\"input-label\" for=\"input\">{{newLabel}}</label>\r\n      <div class=\"input \" [ngClass]=\"{'input-with-appended-unit': showUnit}\">\r\n        <span *ngIf=\"showUnit\">{{unit}}</span>\r\n        <input (change)=\"onChange($event)\" (blur)=\"updateBlur()\" [ngModel]=\"value\" [value]=\"value\" id=\"input\" #input\r\n          class=\"form-control\" [ngClass]=\"{'input-box': showUnit}\" [type]=\"inputType\">\r\n      </div>\r\n      <div class=\"edit-actions\">\r\n        <button type=\"button\" class=\"btn cancel\" (click)=\"onClickCancel()\" mat-raised-button>Cancel</button>\r\n        <button type=\"button\" class=\"save\" (click)=\"onClickSave(input)\" mat-raised-button color=\"primary\">Save</button>\r\n      </div>\r\n    </div>\r\n    <div class=\"updated-content closed\" *ngIf=\"!isAddClickedOn && isUpdated\" (mouseenter)=\"onMouseEnter()\"\r\n      (mouseleave)=\"onMouseLeave()\">\r\n      <div class=\"edit-icon-container\" *ngIf=\"showEdit && isEditable\" (click)=\"onClickEdit()\">\r\n        <i class=\"fas fa-pencil-alt\"></i>\r\n      </div>\r\n      <div class=\"updated\">\r\n        <span class=\"updated-label\">\r\n          <label for=\"input\">{{newLabel}}</label>\r\n        </span>\r\n        <span *ngIf=\"!showUnit\">{{value}}</span>\r\n        <span *ngIf=\"showUnit\" class=\"updated-value\">\r\n          {{value | dynamicPipe: unitType}}\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>", styles: [".container{display:block;width:100%}.open{height:120px}.closed{height:40px}.edit-icon-container{position:absolute;right:0%;transform:translate(0);top:0;cursor:pointer}.edit-icon-container:hover{background-color:gray;color:#fff;padding:2px}label,.updated-label{color:gray;margin-right:5px}#input{display:inline}.cancel{grid-column:1;grid-row:2;height:80%;width:80px}.save{grid-column:2;grid-row:2;height:80%;width:80px}.default-content{position:absolute}.input{width:280px;grid-column:2;grid-row:1}.input-box{width:200px}.input-label{grid-column:1;grid-row:1}.updated{position:absolute}.add{color:#00f}.add:hover{text-decoration:underline;cursor:pointer}.content{position:relative}.btn:focus{outline:none!important}.edit-content{position:absolute;left:50%;transform:translate(-50%);display:grid;grid-template-columns:150px 200px;grid-template-rows:50px 50px}.updated-content{display:block}.header{color:gray;border-bottom:1px solid grey;height:30px;font-size:20px;margin-bottom:10px;margin-top:10px}.input-with-appended-unit input{padding-left:20px;text-align:left}.input-with-appended-unit span{position:relative;left:20px;color:gray}.edit-actions{grid-column:2;grid-row:2;display:grid;grid-template-columns:50% 50%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: DynamicPipe, name: "dynamicPipe" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: EditableSavableInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'editable-savable-input', providers: [DynamicPipe,
                         {
@@ -708,9 +723,9 @@ class GeneralInputRendererComponent {
         return false;
     }
 }
-GeneralInputRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: GeneralInputRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GeneralInputRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.9", type: GeneralInputRendererComponent, selector: "general-input-renderer", ngImport: i0, template: "<div *ngIf=\"params.isTypeText\">\r\n    <input [(ngModel)]=\"value\" matInput [placeholder]=\"params.fieldLabel\"\r\n        (change)=\"onCellDataChanged($event)\" />\r\n    <span *ngIf=\"params.showSymbol\"\r\n        style=\"margin-left:-20px ;\">{{params.symbol}}</span>\r\n</div>\r\n<div *ngIf=\"params.isTypeNumber\">\r\n    <input [(ngModel)]=\"value\" (keyup)=\"separateThousands($event)\" matInput\r\n        [placeholder]=\"params.fieldLabel\"\r\n        (change)=\"onCellDataChanged($event)\" />\r\n    <span *ngIf=\"params.showSymbol\"\r\n        style=\"margin-left:-20px ;\">{{params.symbol}}</span>\r\n</div>\r\n<div *ngIf=\"params.isTypeTextArea\">\r\n        <textarea class=\"text-area\" [ngStyle]=\"setTextAreaWidth()\" [(ngModel)]=\"value\"\r\n            (change)=\"onCellDataChanged($event)\"\r\n            [placeholder]=\"params.fieldLabel\" class=\"main-height\"\r\n            matInput></textarea>\r\n</div>", styles: ["textarea{padding-left:.5rem;border-radius:.3rem;height:3.5rem;font-size:1.2rem;border:solid #BEBEBE .1rem}textarea:focus{outline:none}textarea::placeholder{color:#676767}\n"], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: GeneralInputRendererComponent, decorators: [{
+GeneralInputRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: GeneralInputRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GeneralInputRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: GeneralInputRendererComponent, selector: "general-input-renderer", ngImport: i0, template: "<div *ngIf=\"params.isTypeText\">\r\n    <input [(ngModel)]=\"value\" matInput [placeholder]=\"params.fieldLabel\"\r\n        (change)=\"onCellDataChanged($event)\" />\r\n    <span *ngIf=\"params.showSymbol\"\r\n        style=\"margin-left:-20px ;\">{{params.symbol}}</span>\r\n</div>\r\n<div *ngIf=\"params.isTypeNumber\">\r\n    <input [(ngModel)]=\"value\" (keyup)=\"separateThousands($event)\" matInput\r\n        [placeholder]=\"params.fieldLabel\"\r\n        (change)=\"onCellDataChanged($event)\" />\r\n    <span *ngIf=\"params.showSymbol\"\r\n        style=\"margin-left:-20px ;\">{{params.symbol}}</span>\r\n</div>\r\n<div *ngIf=\"params.isTypeTextArea\">\r\n        <textarea class=\"text-area\" [ngStyle]=\"setTextAreaWidth()\" [(ngModel)]=\"value\"\r\n            (change)=\"onCellDataChanged($event)\"\r\n            [placeholder]=\"params.fieldLabel\" class=\"main-height\"\r\n            matInput></textarea>\r\n</div>", styles: ["textarea{padding-left:.5rem;border-radius:.3rem;height:3.5rem;font-size:1.2rem;border:solid #BEBEBE .1rem}textarea:focus{outline:none}textarea::placeholder{color:#676767}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: GeneralInputRendererComponent, decorators: [{
             type: Component,
             args: [{ selector: 'general-input-renderer', template: "<div *ngIf=\"params.isTypeText\">\r\n    <input [(ngModel)]=\"value\" matInput [placeholder]=\"params.fieldLabel\"\r\n        (change)=\"onCellDataChanged($event)\" />\r\n    <span *ngIf=\"params.showSymbol\"\r\n        style=\"margin-left:-20px ;\">{{params.symbol}}</span>\r\n</div>\r\n<div *ngIf=\"params.isTypeNumber\">\r\n    <input [(ngModel)]=\"value\" (keyup)=\"separateThousands($event)\" matInput\r\n        [placeholder]=\"params.fieldLabel\"\r\n        (change)=\"onCellDataChanged($event)\" />\r\n    <span *ngIf=\"params.showSymbol\"\r\n        style=\"margin-left:-20px ;\">{{params.symbol}}</span>\r\n</div>\r\n<div *ngIf=\"params.isTypeTextArea\">\r\n        <textarea class=\"text-area\" [ngStyle]=\"setTextAreaWidth()\" [(ngModel)]=\"value\"\r\n            (change)=\"onCellDataChanged($event)\"\r\n            [placeholder]=\"params.fieldLabel\" class=\"main-height\"\r\n            matInput></textarea>\r\n</div>", styles: ["textarea{padding-left:.5rem;border-radius:.3rem;height:3.5rem;font-size:1.2rem;border:solid #BEBEBE .1rem}textarea:focus{outline:none}textarea::placeholder{color:#676767}\n"] }]
         }], ctorParameters: function () { return []; } });
@@ -720,8 +735,8 @@ class LabelAndField {
 
 class InputsModule {
 }
-InputsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: InputsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-InputsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: InputsModule, declarations: [ChooseEnumComponent,
+InputsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: InputsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+InputsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: InputsModule, declarations: [ChooseEnumComponent,
         ChooseEnumRendererComponent,
         ChooseGeneralItemComponent,
         GeneralInputRendererComponent,
@@ -743,14 +758,12 @@ InputsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
         ChooseYesOrNoRendererComponent,
         EditableSavableInputComponent,
         DynamicPipe] });
-InputsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: InputsModule, imports: [[
-            CommonModule,
-            NgSelectModule,
-            FormsModule,
-            AppMaterialModule,
-            SharedGeneralComponentsModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: InputsModule, decorators: [{
+InputsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: InputsModule, imports: [CommonModule,
+        NgSelectModule,
+        FormsModule,
+        AppMaterialModule,
+        SharedGeneralComponentsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: InputsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [