@jooler/inputs 0.0.1

package/fesm2020/inputs.mjs

@@ -0,0 +1,724 @@
+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 { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+import * as i1 from '@ng-select/ng-select';
+import { NgSelectModule } from '@ng-select/ng-select';
+import * as i2 from '@jooler/shared-general-components';
+import { SharedGeneralComponentsModule } from '@jooler/shared-general-components';
+import * as i2$1 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 i1$3 from '@angular/material/form-field';
+import * as i3$1 from '@angular/material/input';
+import { AppMaterialModule } from '@jooler/app-material';
+
+class ChooseEnumComponent {
+    constructor() {
+        this.change = new EventEmitter();
+        this.width = 200;
+        this.labelTextAlign = 'left';
+        this.indexesToDisable = [];
+        this.disable = false;
+        this.propagateChange = (_) => { };
+        this.propogateTouch = () => { };
+    }
+    ngOnInit() {
+        this.enumHelperItems = this.enumHelperItems.getItems();
+        if (this.indexesToDisable.length > 0) {
+            for (let index of this.indexesToDisable) {
+                this.enumHelperItems[index].disabled = true;
+            }
+        }
+    }
+    writeValue(type) {
+        if (type != undefined || type != null) {
+            this.selectedItem = type;
+        }
+    }
+    registerOnChange(fn) {
+        this.propagateChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.propogateTouch = fn;
+    }
+    updateBlur() {
+        this.propogateTouch();
+    }
+    onSelectedItemChanged() {
+        this.propagateChange(this.selectedItem);
+        this.change.emit(this.selectedItem);
+    }
+    clear() {
+        this.selectedItem = null;
+    }
+    setStyles() {
+        let style = {
+            width: this.width + 'px',
+            paddingTop: this.paddingTop + 'px'
+        };
+        return style;
+    }
+    setLabelStyle() {
+        let style = {
+            textAlign: this.labelTextAlign,
+            fontWeight: this.labelTextFontWeight,
+            fontSize: this.labelTextFontSize + 'px'
+        };
+        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", enumHelperItems: "enumHelperItems", isChip: "isChip", placeholder: "placeholder", width: "width", paddingTop: "paddingTop", labelTextAlign: "labelTextAlign", labelTextFontWeight: "labelTextFontWeight", labelTextFontSize: "labelTextFontSize", selectedItem: "selectedItem", indexesToDisable: "indexesToDisable", disable: "disable" }, outputs: { change: "change" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => ChooseEnumComponent),
+            multi: true,
+        },
+    ], ngImport: i0, template: "<div class=\"select\">\r\n    <ng-select [ngStyle]=\"setStyles()\" appendTo=\"body\" (blur)=\"updateBlur()\" bindLabel=\"label\" bindValue=\"value\"\r\n        [items]=\"enumHelperItems\" [placeholder]=\"placeholder\" (change)=\"onSelectedItemChanged()\"\r\n        [(ngModel)]=\"selectedItem\" [disabled]=\"disable\">\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: i2$1.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: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ChooseEnumComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'choose-enum', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            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]=\"enumHelperItems\" [placeholder]=\"placeholder\" (change)=\"onSelectedItemChanged()\"\r\n        [(ngModel)]=\"selectedItem\" [disabled]=\"disable\">\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: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { change: [{
+                type: Output
+            }], label: [{
+                type: Input
+            }], enumHelperItems: [{
+                type: Input
+            }], isChip: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], paddingTop: [{
+                type: Input
+            }], labelTextAlign: [{
+                type: Input
+            }], labelTextFontWeight: [{
+                type: Input
+            }], labelTextFontSize: [{
+                type: Input
+            }], selectedItem: [{
+                type: Input
+            }], indexesToDisable: [{
+                type: Input
+            }], disable: [{
+                type: Input
+            }] } });
+
+class ChooseEnumRendererComponent {
+    constructor() { }
+    agInit(params) {
+        this.params = params;
+        this.enumValue = params.value; //empty in create mode
+        this.key = params.context.createKey(params.columnApi, params.column);
+        this.rowId = params.node.id; //at which index
+    }
+    onCellDataChanged($event) {
+        let value = $event;
+        this.formControlValue = this.params.context.formGroup.get("entries").at(this.rowId); //get the changed row
+        this.formControlValue.get(this.key).setValue(value);
+    }
+    refresh(params) {
+        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 [enumHelperItems]=\"params.enumChoices\"\r\n[placeholder]=\"params.placeholder\" [width]=\"params.width\" [isChip]=\"params.isChip\" [paddingTop]=\"params.paddingTop\" (change)=\"onCellDataChanged($event)\"></choose-enum>\r\n", styles: [""], components: [{ type: ChooseEnumComponent, selector: "choose-enum", inputs: ["label", "enumHelperItems", "isChip", "placeholder", "width", "paddingTop", "labelTextAlign", "labelTextFontWeight", "labelTextFontSize", "selectedItem", "indexesToDisable", "disable"], outputs: ["change"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ChooseEnumRendererComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'choose-enum-renderer', template: "<choose-enum [enumHelperItems]=\"params.enumChoices\"\r\n[placeholder]=\"params.placeholder\" [width]=\"params.width\" [isChip]=\"params.isChip\" [paddingTop]=\"params.paddingTop\" (change)=\"onCellDataChanged($event)\"></choose-enum>\r\n", styles: [""] }]
+        }], ctorParameters: function () { return []; } });
+
+class ChooseGeneralItemService {
+    constructor(http) {
+        this.http = http;
+        this.baseUrl = 'http://127.0.0.1:8000/';
+    }
+    getHeaders() {
+        const httpHeaders = new HttpHeaders({
+            'Content-Type': "application/json"
+        });
+        return { headers: httpHeaders };
+    }
+    getAuthenticationHeadersWithQueryParams(params) {
+        const httpHeaders = new HttpHeaders({
+            'Content-Type': 'application/json; charset-utf-8',
+        });
+        return { headers: httpHeaders, params: params };
+    }
+    getData(apiPath) {
+        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: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }]; } });
+
+class ChooseGeneralItemComponent {
+    constructor(_ChooseGeneralItemService) {
+        this._ChooseGeneralItemService = _ChooseGeneralItemService;
+        this.change = new EventEmitter();
+        this.width = 200;
+        this.isChip = false;
+        this.chipColor = 'black';
+        this.chipTextColor = 'white';
+        this.chipWidth = 110;
+        this.propagateChange = (_) => { };
+        this.propogateTouch = () => { };
+    }
+    ngOnInit() {
+        this.getData();
+    }
+    writeValue(item) {
+        if (item != undefined || item != null) {
+            this.selectedItemId = item;
+        }
+    }
+    registerOnChange(fn) {
+        this.propagateChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.propogateTouch = fn;
+    }
+    updateBlur() {
+        this.propogateTouch();
+    }
+    onSelectedItemChanged() {
+        this.propagateChange(this.selectedItemId);
+        this.change.emit(this.selectedItemId);
+    }
+    getData() {
+        if (this.apiPath) {
+            this._ChooseGeneralItemService.getData(this.apiPath).subscribe({
+                next: (response) => {
+                    this.items = response;
+                },
+                error: (error) => console.error("error", error)
+            });
+        }
+    }
+    setWidth() {
+        let style = {
+            width: this.width + "px"
+        };
+        return style;
+    }
+    setFontStyles() {
+        let fontStyle = {
+            fontWeight: this.fontWeight,
+            fontSize: this.fontSize + "px",
+        };
+        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", 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" }, outputs: { change: "change" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => ChooseGeneralItemComponent),
+            multi: true,
+        },
+    ], ngImport: i0, template: "<div class=\"select\">\r\n    <ng-select [closeOnSelect]=\"!isMultiple\" [ngStyle]=\"setWidth()\" class=\"component\" [disabled]=\"disabled\"\r\n        appendTo=\"body\" (blur)=\"updateBlur()\" [bindLabel]=\"label\" bindValue=\"id\" [items]=\"items\"\r\n        [placeholder]=\"placeholder\" (change)=\"onSelectedItemChanged()\" [(ngModel)]=\"selectedItemId\"\r\n        [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: [".component{width:150px}.select{height:100px;align-self:flex-end;padding-top:9px}\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"] }, { type: i2.NgChipComponent, selector: "ng-chip", inputs: ["value", "label", "backgroundColor", "textColor", "width", "item", "clear", "withCross"] }], directives: [{ type: i2$1.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: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { type: i1.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "date": i2$1.DatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: ChooseGeneralItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'choose-general-item', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ChooseGeneralItemComponent),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"select\">\r\n    <ng-select [closeOnSelect]=\"!isMultiple\" [ngStyle]=\"setWidth()\" class=\"component\" [disabled]=\"disabled\"\r\n        appendTo=\"body\" (blur)=\"updateBlur()\" [bindLabel]=\"label\" bindValue=\"id\" [items]=\"items\"\r\n        [placeholder]=\"placeholder\" (change)=\"onSelectedItemChanged()\" [(ngModel)]=\"selectedItemId\"\r\n        [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: [".component{width:150px}.select{height:100px;align-self:flex-end;padding-top:9px}\n"] }]
+        }], ctorParameters: function () { return [{ type: ChooseGeneralItemService }]; }, propDecorators: { change: [{
+                type: Output
+            }], items: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], apiPath: [{
+                type: Input
+            }], isMultiple: [{
+                type: Input
+            }], objects: [{
+                type: Input
+            }], showLabel: [{
+                type: Input
+            }], separator: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], fontWeight: [{
+                type: Input
+            }], fontSize: [{
+                type: Input
+            }], isChip: [{
+                type: Input
+            }], isTypeDate: [{
+                type: Input
+            }], chipColor: [{
+                type: Input
+            }], chipTextColor: [{
+                type: Input
+            }], chipWidth: [{
+                type: Input
+            }], selectedItemId: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
+
+var LineType;
+(function (LineType) {
+    LineType[LineType["INCLUDE"] = 0] = "INCLUDE";
+    LineType[LineType["DO_NOT_INCLUDE"] = 1] = "DO_NOT_INCLUDE";
+})(LineType || (LineType = {}));
+
+class LineTypeModelHelper {
+    static getItems() {
+        let items = [];
+        let values = Object.values(LineType);
+        let types = values.filter(value => typeof value === 'number');
+        for (let value of types) {
+            this.setStringValueAndColor(value);
+            items.push({ value: value, label: this.label, color: this.color, description: this.description });
+        }
+        return items;
+    }
+    static setStringValueAndColor(type) {
+        switch (type) {
+            case LineType.INCLUDE:
+                return this.label = "Include", this.color = "gold";
+                break;
+            case LineType.DO_NOT_INCLUDE:
+                return this.label = "Do Not Include", this.color = "platinum";
+                break;
+            default:
+                return this.label = "Undefined", this.color = "Gray";
+        }
+    }
+    getValue(label) {
+        let value;
+        switch (label) {
+            case "Include":
+                return value = 0;
+                break;
+            case "Do Not Include":
+                return value = 1;
+                break;
+            default:
+                return null;
+        }
+    }
+    static getLabelAndColorForValue(value) {
+        for (let item of this.getItems()) {
+            if (item.value == value) {
+                this.value = item;
+                return this.value;
+            }
+        }
+    }
+}
+
+class ChooseLineTypeComponent {
+    constructor() {
+        this.items = LineTypeModelHelper;
+        this.propagateChange = (_) => { };
+        this.propogateTouch = () => { };
+    }
+    ngOnInit() {
+        this.types = this.items.getItems();
+    }
+    writeValue(type) {
+        if (type != undefined || type != null) {
+            this.selectedItem = type;
+        }
+    }
+    registerOnChange(fn) {
+        this.propagateChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.propogateTouch = fn;
+    }
+    updateBlur() {
+        this.propogateTouch();
+    }
+    onSelectedItemChanged() {
+        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: [
+        {
+            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: [{
+            type: Component,
+            args: [{ selector: 'choose-line-type', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ChooseLineTypeComponent),
+                            multi: true,
+                        },
+                    ], 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"] }]
+        }], ctorParameters: function () { return []; } });
+
+class ChooseYesOrNoComponent {
+    constructor() {
+        this.change = new EventEmitter();
+        this.items = [{ value: true, label: "Yes", color: "green" }, { value: false, label: "No", color: "red" }];
+        this.width = 200;
+        this.placeholder = "Choose either Yes or No";
+        this.propagateChange = (_) => { };
+        this.propogateTouch = () => { };
+    }
+    ngOnInit() {
+    }
+    writeValue(item) {
+        if (item != undefined || item != null) {
+            this.selectedItemValue = item;
+        }
+    }
+    registerOnChange(fn) {
+        this.propagateChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.propogateTouch = fn;
+    }
+    updateBlur() {
+        this.propogateTouch();
+    }
+    onSelectedItemChanged() {
+        this.propagateChange(this.selectedItemValue);
+        this.change.emit(this.selectedItemValue);
+    }
+    setWidth() {
+        let style = {
+            width: this.width + "px"
+        };
+        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: i2$1.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: [{
+            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: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { change: [{
+                type: Output
+            }], width: [{
+                type: Input
+            }], selectedItemValue: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }] } });
+
+class ChooseYesOrNoRendererComponent {
+    constructor() { }
+    agInit(params) {
+        this.params = params;
+        this.booleanValue = params.value;
+        this.key = params.context.createKey(params.columnApi, params.column);
+        this.rowId = params.node.id;
+    }
+    onCellDataChanged($event) {
+        let value = $event;
+        this.formControlValue = this.params.context.formGroup.get("entries").at(this.rowId);
+        this.formControlValue.get(this.key).setValue(value);
+    }
+    refresh(params) {
+        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: [{
+            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: [""] }]
+        }], ctorParameters: function () { return []; } });
+
+const PIPEMAPPINGS = [
+    { value: '$', pipe: new CurrencyPipe('en-US') }
+];
+
+class DynamicPipe {
+    transform(value, args) {
+        for (let val of PIPEMAPPINGS) {
+            if (val.value === args) {
+                return val.pipe.transform(value);
+            }
+        }
+        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: [{
+            type: Pipe,
+            args: [{ name: 'dynamicPipe' }]
+        }] });
+
+class EditableSavableInputComponent {
+    constructor() {
+        this.saveWasClicked = new EventEmitter();
+        this.showUnit = false;
+        this.isEditable = true;
+        this.showHeader = true;
+        this.value = "";
+        this.isAddClickedOn = false;
+        this.isUpdated = false;
+        this.showEdit = false;
+        // the method set in registerOnChange to emit changes back to the form
+        this.propagateChange = (_) => { };
+        this.propogateTouch = () => { };
+    }
+    ngOnInit() {
+        this.initialize();
+    }
+    initialize() {
+        if (this.value == "") {
+            this.isUpdated = false;
+        }
+        else {
+            this.isUpdated = true;
+        }
+    }
+    onClickAdd() {
+        this.isAddClickedOn = true;
+    }
+    onClickCancel() {
+        this.isAddClickedOn = false;
+    }
+    onClickSave(input) {
+        this.isAddClickedOn = false;
+        let value = input.value;
+        if (value.trim().length == 0) {
+            this.isUpdated = false;
+        }
+        else {
+            this.isUpdated = true;
+        }
+        this.value = value;
+        this.saveWasClicked.emit(value);
+        this.propagateChange(this.value);
+    }
+    onClickEdit() {
+        this.isAddClickedOn = true;
+    }
+    onMouseEnter() {
+        this.showEdit = true;
+    }
+    onMouseLeave() {
+        this.showEdit = false;
+    }
+    writeValue(value) {
+        if (value) {
+            this.value = value;
+            this.isUpdated = true;
+        }
+    }
+    // registers 'fn' that will be fired wheb changes are made
+    // this is how we emit the changes back to the form
+    registerOnChange(fn) {
+        this.propagateChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.propogateTouch = fn;
+    }
+    onChange($event) {
+        //this.propagateChange(this.value);
+    }
+    updateBlur() {
+        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,
+        {
+            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: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.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: [{
+            type: Component,
+            args: [{ selector: 'editable-savable-input', providers: [DynamicPipe,
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => EditableSavableInputComponent),
+                            multi: true
+                        }
+                    ], 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"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { saveWasClicked: [{
+                type: Output
+            }], defaultvalue: [{
+                type: Input
+            }], inputType: [{
+                type: Input
+            }], newLabel: [{
+                type: Input
+            }], headerLabel: [{
+                type: Input
+            }], showUnit: [{
+                type: Input
+            }], unit: [{
+                type: Input
+            }], unitType: [{
+                type: Input
+            }], isEditable: [{
+                type: Input
+            }], showHeader: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }] } });
+
+class GeneralInputRendererComponent {
+    constructor() { }
+    agInit(params) {
+        this.params = params;
+        this.key = params.context.createKey(params.columnApi, params.column);
+        this.rowId = params.node.id;
+        if (params.isTypeNumber) {
+            if (params.value) {
+                this.value = new DecimalPipe("en-US").transform(+params.value, "1.0-0");
+            }
+        }
+        else
+            this.value = params.value;
+    }
+    onCellDataChanged($event) {
+        let value = $event.target.value;
+        this.formControlValue = this.params.context.formGroup.get("entries").at(this.rowId);
+        this.formControlValue.get(this.key).setValue(value);
+    }
+    separateThousands($event) {
+        let value = $event.target.value;
+        value = value.toString().replace(/\D/g, "")
+            .replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+        this.value = value;
+    }
+    setTextAreaMainDescriptionStyle() {
+        let style = {
+            'padding-bottom': this.params.textAreaPaddingBottom + 'px',
+        };
+        return style;
+    }
+    setTextAreaMainWidth() {
+        let style = {
+            'width': this.params.textAreaWidth + 'px',
+        };
+        return style;
+    }
+    setTextAreaMainHeight() {
+        let style = {
+            'height': this.params.textAreaHeight + 'px',
+        };
+        return style;
+    }
+    refresh(params) {
+        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    <mat-form-field>\r\n        <input [(ngModel)]=\"value\" matInput [placeholder]=\"params.fieldLabel\" (change)=\"onCellDataChanged($event)\" />\r\n        <span *ngIf=\"params.showSymbol\" style=\"margin-left:-20px ;\">{{params.symbol}}</span>\r\n    </mat-form-field>\r\n</div>\r\n<div *ngIf=\"params.isTypeNumber\">\r\n    <mat-form-field>\r\n        <input [(ngModel)]=\"value\" (keyup)=\"separateThousands($event)\" matInput [placeholder]=\"params.fieldLabel\"\r\n            (change)=\"onCellDataChanged($event)\" />\r\n        <span *ngIf=\"params.showSymbol\" style=\"margin-left:-20px ;\">{{params.symbol}}</span>\r\n    </mat-form-field>\r\n</div>\r\n<div [ngStyle]=\"setTextAreaMainDescriptionStyle()\" class=\"main-description\" *ngIf=\"params.isTypeTextArea\">\r\n    <mat-form-field [ngStyle]=\"setTextAreaMainWidth()\"  class=\"main-width\" appearance=\"fill\">\r\n        <textarea  [ngStyle]=\"setTextAreaMainHeight()\" [(ngModel)]=\"value\" (change)=\"onCellDataChanged($event)\" [placeholder]=\"params.fieldLabel\" class=\"main-height\" matInput\r\n           ></textarea>\r\n    </mat-form-field>\r\n</div> ", styles: [".main-description{overflow:auto}\n"], components: [{ type: i1$3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }, { 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: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: GeneralInputRendererComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'general-input-renderer', template: "<div *ngIf=\"params.isTypeText\">\r\n    <mat-form-field>\r\n        <input [(ngModel)]=\"value\" matInput [placeholder]=\"params.fieldLabel\" (change)=\"onCellDataChanged($event)\" />\r\n        <span *ngIf=\"params.showSymbol\" style=\"margin-left:-20px ;\">{{params.symbol}}</span>\r\n    </mat-form-field>\r\n</div>\r\n<div *ngIf=\"params.isTypeNumber\">\r\n    <mat-form-field>\r\n        <input [(ngModel)]=\"value\" (keyup)=\"separateThousands($event)\" matInput [placeholder]=\"params.fieldLabel\"\r\n            (change)=\"onCellDataChanged($event)\" />\r\n        <span *ngIf=\"params.showSymbol\" style=\"margin-left:-20px ;\">{{params.symbol}}</span>\r\n    </mat-form-field>\r\n</div>\r\n<div [ngStyle]=\"setTextAreaMainDescriptionStyle()\" class=\"main-description\" *ngIf=\"params.isTypeTextArea\">\r\n    <mat-form-field [ngStyle]=\"setTextAreaMainWidth()\"  class=\"main-width\" appearance=\"fill\">\r\n        <textarea  [ngStyle]=\"setTextAreaMainHeight()\" [(ngModel)]=\"value\" (change)=\"onCellDataChanged($event)\" [placeholder]=\"params.fieldLabel\" class=\"main-height\" matInput\r\n           ></textarea>\r\n    </mat-form-field>\r\n</div> ", styles: [".main-description{overflow:auto}\n"] }]
+        }], ctorParameters: function () { return []; } });
+
+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,
+        ChooseEnumRendererComponent,
+        ChooseGeneralItemComponent,
+        GeneralInputRendererComponent,
+        ChooseLineTypeComponent,
+        ChooseYesOrNoComponent,
+        ChooseYesOrNoRendererComponent,
+        EditableSavableInputComponent,
+        DynamicPipe], imports: [CommonModule,
+        NgSelectModule,
+        FormsModule,
+        AppMaterialModule,
+        SharedGeneralComponentsModule], exports: [ChooseEnumComponent,
+        ChooseEnumRendererComponent,
+        ChooseGeneralItemComponent,
+        GeneralInputRendererComponent,
+        ChooseLineTypeComponent,
+        ChooseYesOrNoComponent,
+        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: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ChooseEnumComponent,
+                        ChooseEnumRendererComponent,
+                        ChooseGeneralItemComponent,
+                        GeneralInputRendererComponent,
+                        ChooseLineTypeComponent,
+                        ChooseYesOrNoComponent,
+                        ChooseYesOrNoRendererComponent,
+                        EditableSavableInputComponent,
+                        DynamicPipe
+                    ],
+                    imports: [
+                        CommonModule,
+                        NgSelectModule,
+                        FormsModule,
+                        AppMaterialModule,
+                        SharedGeneralComponentsModule,
+                    ],
+                    exports: [
+                        ChooseEnumComponent,
+                        ChooseEnumRendererComponent,
+                        ChooseGeneralItemComponent,
+                        GeneralInputRendererComponent,
+                        ChooseLineTypeComponent,
+                        ChooseYesOrNoComponent,
+                        ChooseYesOrNoRendererComponent,
+                        EditableSavableInputComponent,
+                        DynamicPipe
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of inputs
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ChooseEnumComponent, ChooseEnumRendererComponent, ChooseGeneralItemComponent, ChooseLineTypeComponent, ChooseYesOrNoComponent, ChooseYesOrNoRendererComponent, DynamicPipe, EditableSavableInputComponent, GeneralInputRendererComponent, InputsModule };
+//# sourceMappingURL=inputs.mjs.map