@jooler/inputs 0.0.23 → 0.0.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +24 -24
- package/esm2020/lib/inputs/choose-enum/choose-enum.component.mjs +9 -9
- package/esm2020/lib/inputs/choose-enum-renderer/choose-enum-renderer.component.mjs +4 -4
- package/esm2020/lib/inputs/choose-general-item/choose-general-item.component.mjs +9 -9
- package/esm2020/lib/inputs/choose-general-item/choose-general-item.service.mjs +4 -4
- package/esm2020/lib/inputs/choose-general-item-renderer/choose-general-item-renderer.component.mjs +5 -5
- package/esm2020/lib/inputs/choose-line-type/choose-line-type.component.mjs +4 -4
- package/esm2020/lib/inputs/choose-yes-or-no/choose-yes-or-no.component.mjs +21 -8
- package/esm2020/lib/inputs/choose-yes-or-no-renderer/choose-yes-or-no-renderer.component.mjs +5 -5
- package/esm2020/lib/inputs/editable-savable-input/dynamicPipe.mjs +3 -3
- package/esm2020/lib/inputs/editable-savable-input/editable-savable-input.component.mjs +7 -7
- package/esm2020/lib/inputs/general-input-renderer/custom-decimal-point-two-digits.directive.mjs +61 -0
- package/esm2020/lib/inputs/general-input-renderer/general-input-renderer.component.mjs +18 -23
- package/esm2020/lib/inputs.module.mjs +18 -14
- package/esm2020/public-api.mjs +1 -1
- package/fesm2015/inputs.mjs +146 -81
- package/fesm2015/inputs.mjs.map +1 -1
- package/fesm2020/inputs.mjs +146 -81
- package/fesm2020/inputs.mjs.map +1 -1
- package/lib/inputs/choose-enum/choose-enum.component.d.ts +1 -1
- package/lib/inputs/choose-enum-renderer/choose-enum-renderer.component.d.ts +1 -1
- package/lib/inputs/choose-general-item/choose-general-item.component.d.ts +1 -1
- package/lib/inputs/choose-general-item-renderer/choose-general-item-renderer.component.d.ts +1 -1
- package/lib/inputs/choose-line-type/choose-line-type.component.d.ts +1 -1
- package/lib/inputs/choose-yes-or-no/choose-yes-or-no.component.d.ts +1 -1
- package/lib/inputs/choose-yes-or-no-renderer/choose-yes-or-no-renderer.component.d.ts +1 -1
- package/lib/inputs/editable-savable-input/dynamicPipe.d.ts +1 -1
- package/lib/inputs/editable-savable-input/editable-savable-input.component.d.ts +1 -1
- package/lib/inputs/general-input-renderer/custom-decimal-point-two-digits.directive.d.ts +13 -0
- package/lib/inputs/general-input-renderer/general-input-renderer.component.d.ts +3 -7
- package/lib/inputs.module.d.ts +7 -6
- package/package.json +4 -4
- /package/{inputs.d.ts → index.d.ts} +0 -0
package/fesm2020/inputs.mjs
CHANGED
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, forwardRef, Component, Output, Input, Injectable, Pipe, NgModule } from '@angular/core';
|
|
3
|
-
import * as
|
|
4
|
-
import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
|
|
5
|
-
import * as i1 from '@
|
|
2
|
+
import { EventEmitter, forwardRef, Component, Output, Input, Injectable, Pipe, Directive, HostListener, NgModule } from '@angular/core';
|
|
3
|
+
import * as i2$1 from '@angular/forms';
|
|
4
|
+
import { NG_VALUE_ACCESSOR, NgModel, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
5
|
+
import * as i1 from '@angular/common';
|
|
6
|
+
import { CurrencyPipe, DecimalPipe, CommonModule } from '@angular/common';
|
|
7
|
+
import * as i2 from '@ng-select/ng-select';
|
|
6
8
|
import { NgSelectModule } from '@ng-select/ng-select';
|
|
7
|
-
import * as
|
|
9
|
+
import * as i4 from '@jooler/shared-general-components';
|
|
8
10
|
import { SharedGeneralComponentsModule } from '@jooler/shared-general-components';
|
|
9
|
-
import * as i4 from '@angular/common';
|
|
10
|
-
import { CurrencyPipe, DecimalPipe, CommonModule } from '@angular/common';
|
|
11
11
|
import * as i1$1 from '@angular/common/http';
|
|
12
12
|
import { HttpHeaders } from '@angular/common/http';
|
|
13
|
-
import * as
|
|
14
|
-
import * as i2$1 from '@angular/material/input';
|
|
13
|
+
import * as i3 from '@angular/material/button';
|
|
15
14
|
import { AppMaterialModule } from '@jooler/app-material';
|
|
16
15
|
|
|
17
16
|
class ChooseEnumComponent {
|
|
@@ -105,15 +104,15 @@ class ChooseEnumComponent {
|
|
|
105
104
|
return style;
|
|
106
105
|
}
|
|
107
106
|
}
|
|
108
|
-
ChooseEnumComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
109
|
-
ChooseEnumComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
107
|
+
ChooseEnumComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseEnumComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
108
|
+
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: [
|
|
110
109
|
{
|
|
111
110
|
provide: NG_VALUE_ACCESSOR,
|
|
112
111
|
useExisting: forwardRef(() => ChooseEnumComponent),
|
|
113
112
|
multi: true,
|
|
114
113
|
},
|
|
115
|
-
], 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: [""],
|
|
116
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
114
|
+
], 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"] }] });
|
|
115
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseEnumComponent, decorators: [{
|
|
117
116
|
type: Component,
|
|
118
117
|
args: [{ selector: 'choose-enum', providers: [
|
|
119
118
|
{
|
|
@@ -121,7 +120,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImpor
|
|
|
121
120
|
useExisting: forwardRef(() => ChooseEnumComponent),
|
|
122
121
|
multi: true,
|
|
123
122
|
},
|
|
124
|
-
], 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>"
|
|
123
|
+
], 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>" }]
|
|
125
124
|
}], ctorParameters: function () { return []; }, propDecorators: { change: [{
|
|
126
125
|
type: Output
|
|
127
126
|
}], label: [{
|
|
@@ -172,11 +171,11 @@ class ChooseEnumRendererComponent {
|
|
|
172
171
|
return false;
|
|
173
172
|
}
|
|
174
173
|
}
|
|
175
|
-
ChooseEnumRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
176
|
-
ChooseEnumRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
177
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
174
|
+
ChooseEnumRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseEnumRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
175
|
+
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"] }] });
|
|
176
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseEnumRendererComponent, decorators: [{
|
|
178
177
|
type: Component,
|
|
179
|
-
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"
|
|
178
|
+
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" }]
|
|
180
179
|
}], ctorParameters: function () { return []; } });
|
|
181
180
|
|
|
182
181
|
class ChooseGeneralItemService {
|
|
@@ -202,9 +201,9 @@ class ChooseGeneralItemService {
|
|
|
202
201
|
return this.http.get(this.baseUrl + apiPath, this.getHeaders());
|
|
203
202
|
}
|
|
204
203
|
}
|
|
205
|
-
ChooseGeneralItemService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
206
|
-
ChooseGeneralItemService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
207
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
204
|
+
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 });
|
|
205
|
+
ChooseGeneralItemService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseGeneralItemService, providedIn: 'root' });
|
|
206
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseGeneralItemService, decorators: [{
|
|
208
207
|
type: Injectable,
|
|
209
208
|
args: [{
|
|
210
209
|
providedIn: 'root'
|
|
@@ -273,15 +272,15 @@ class ChooseGeneralItemComponent {
|
|
|
273
272
|
return fontStyle;
|
|
274
273
|
}
|
|
275
274
|
}
|
|
276
|
-
ChooseGeneralItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
277
|
-
ChooseGeneralItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
275
|
+
ChooseGeneralItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseGeneralItemComponent, deps: [{ token: ChooseGeneralItemService }], target: i0.ɵɵFactoryTarget.Component });
|
|
276
|
+
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: [
|
|
278
277
|
{
|
|
279
278
|
provide: NG_VALUE_ACCESSOR,
|
|
280
279
|
useExisting: forwardRef(() => ChooseGeneralItemComponent),
|
|
281
280
|
multi: true,
|
|
282
281
|
},
|
|
283
|
-
], 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: [""],
|
|
284
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
282
|
+
], 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" }] });
|
|
283
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseGeneralItemComponent, decorators: [{
|
|
285
284
|
type: Component,
|
|
286
285
|
args: [{ selector: 'choose-general-item', providers: [
|
|
287
286
|
{
|
|
@@ -289,7 +288,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImpor
|
|
|
289
288
|
useExisting: forwardRef(() => ChooseGeneralItemComponent),
|
|
290
289
|
multi: true,
|
|
291
290
|
},
|
|
292
|
-
], 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>"
|
|
291
|
+
], 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>" }]
|
|
293
292
|
}], ctorParameters: function () { return [{ type: ChooseGeneralItemService }]; }, propDecorators: { change: [{
|
|
294
293
|
type: Output
|
|
295
294
|
}], items: [{
|
|
@@ -358,11 +357,11 @@ class ChooseGeneralItemRendererComponent {
|
|
|
358
357
|
return true;
|
|
359
358
|
}
|
|
360
359
|
}
|
|
361
|
-
ChooseGeneralItemRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
362
|
-
ChooseGeneralItemRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
363
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
360
|
+
ChooseGeneralItemRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseGeneralItemRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
361
|
+
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\" \n[placeholder]=\"params.placeholder\" \n[apiPath]=\"params.apiPath\" \n[isMultiple]=\"params.isMultiple\" \n[objects]=\"params.objects\" \n[showLabel]=\"params.showLabel\" \n[separator]=\"params.separator\" \n[width]=\"params.width\" \n[fontWeight]=\"params.fontWeight\" \n[fontSize]=\"params.fontSize\" \n[isChip]=\"params.isChip\" \n[isTypeDate]=\"params.isTypeDate\" \n[chipColor]=\"params.chipColor\" \n[chipTextColor]=\"params.chipTextColor\" \n[chipWidth]=\"params.chipWidth\" \n[selectedItemId]=\"itemId\" \n[disabled]=\"params.disabled\" \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"] }] });
|
|
362
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseGeneralItemRendererComponent, decorators: [{
|
|
364
363
|
type: Component,
|
|
365
|
-
args: [{ selector: 'choose-general-item-renderer', template: "<choose-general-item [label]=\"params.label\" \
|
|
364
|
+
args: [{ selector: 'choose-general-item-renderer', template: "<choose-general-item [label]=\"params.label\" \n[placeholder]=\"params.placeholder\" \n[apiPath]=\"params.apiPath\" \n[isMultiple]=\"params.isMultiple\" \n[objects]=\"params.objects\" \n[showLabel]=\"params.showLabel\" \n[separator]=\"params.separator\" \n[width]=\"params.width\" \n[fontWeight]=\"params.fontWeight\" \n[fontSize]=\"params.fontSize\" \n[isChip]=\"params.isChip\" \n[isTypeDate]=\"params.isTypeDate\" \n[chipColor]=\"params.chipColor\" \n[chipTextColor]=\"params.chipTextColor\" \n[chipWidth]=\"params.chipWidth\" \n[selectedItemId]=\"itemId\" \n[disabled]=\"params.disabled\" \n(change)=\"onCellDataChanged($event)\"></choose-general-item>" }]
|
|
366
365
|
}], ctorParameters: function () { return []; } });
|
|
367
366
|
|
|
368
367
|
var LineType;
|
|
@@ -444,15 +443,15 @@ class ChooseLineTypeComponent {
|
|
|
444
443
|
this.propagateChange(this.selectedItem);
|
|
445
444
|
}
|
|
446
445
|
}
|
|
447
|
-
ChooseLineTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
448
|
-
ChooseLineTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
446
|
+
ChooseLineTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseLineTypeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
447
|
+
ChooseLineTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ChooseLineTypeComponent, selector: "choose-line-type", providers: [
|
|
449
448
|
{
|
|
450
449
|
provide: NG_VALUE_ACCESSOR,
|
|
451
450
|
useExisting: forwardRef(() => ChooseLineTypeComponent),
|
|
452
451
|
multi: true,
|
|
453
452
|
},
|
|
454
|
-
], 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"],
|
|
455
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
453
|
+
], 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"] }] });
|
|
454
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseLineTypeComponent, decorators: [{
|
|
456
455
|
type: Component,
|
|
457
456
|
args: [{ selector: 'choose-line-type', providers: [
|
|
458
457
|
{
|
|
@@ -499,11 +498,23 @@ class ChooseYesOrNoComponent {
|
|
|
499
498
|
return style;
|
|
500
499
|
}
|
|
501
500
|
}
|
|
502
|
-
ChooseYesOrNoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
503
|
-
ChooseYesOrNoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
504
|
-
|
|
501
|
+
ChooseYesOrNoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseYesOrNoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
502
|
+
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: [
|
|
503
|
+
{
|
|
504
|
+
provide: NG_VALUE_ACCESSOR,
|
|
505
|
+
useExisting: forwardRef(() => ChooseYesOrNoComponent),
|
|
506
|
+
multi: true
|
|
507
|
+
}
|
|
508
|
+
], 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"] }] });
|
|
509
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseYesOrNoComponent, decorators: [{
|
|
505
510
|
type: Component,
|
|
506
|
-
args: [{ selector: 'choose-yes-or-no',
|
|
511
|
+
args: [{ selector: 'choose-yes-or-no', providers: [
|
|
512
|
+
{
|
|
513
|
+
provide: NG_VALUE_ACCESSOR,
|
|
514
|
+
useExisting: forwardRef(() => ChooseYesOrNoComponent),
|
|
515
|
+
multi: true
|
|
516
|
+
}
|
|
517
|
+
], 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" }]
|
|
507
518
|
}], ctorParameters: function () { return []; }, propDecorators: { change: [{
|
|
508
519
|
type: Output
|
|
509
520
|
}], width: [{
|
|
@@ -531,11 +542,11 @@ class ChooseYesOrNoRendererComponent {
|
|
|
531
542
|
return false;
|
|
532
543
|
}
|
|
533
544
|
}
|
|
534
|
-
ChooseYesOrNoRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
535
|
-
ChooseYesOrNoRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
536
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
545
|
+
ChooseYesOrNoRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseYesOrNoRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
546
|
+
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"] }] });
|
|
547
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChooseYesOrNoRendererComponent, decorators: [{
|
|
537
548
|
type: Component,
|
|
538
|
-
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>"
|
|
549
|
+
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>" }]
|
|
539
550
|
}], ctorParameters: function () { return []; } });
|
|
540
551
|
|
|
541
552
|
const PIPEMAPPINGS = [
|
|
@@ -552,9 +563,9 @@ class DynamicPipe {
|
|
|
552
563
|
return '';
|
|
553
564
|
}
|
|
554
565
|
}
|
|
555
|
-
DynamicPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
556
|
-
DynamicPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "
|
|
557
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
566
|
+
DynamicPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DynamicPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
567
|
+
DynamicPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: DynamicPipe, name: "dynamicPipe" });
|
|
568
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DynamicPipe, decorators: [{
|
|
558
569
|
type: Pipe,
|
|
559
570
|
args: [{ name: 'dynamicPipe' }]
|
|
560
571
|
}] });
|
|
@@ -633,15 +644,15 @@ class EditableSavableInputComponent {
|
|
|
633
644
|
this.propogateTouch();
|
|
634
645
|
}
|
|
635
646
|
}
|
|
636
|
-
EditableSavableInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
637
|
-
EditableSavableInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
647
|
+
EditableSavableInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: EditableSavableInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
648
|
+
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,
|
|
638
649
|
{
|
|
639
650
|
provide: NG_VALUE_ACCESSOR,
|
|
640
651
|
useExisting: forwardRef(() => EditableSavableInputComponent),
|
|
641
652
|
multi: true
|
|
642
653
|
}
|
|
643
|
-
], 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"],
|
|
644
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
654
|
+
], 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" }] });
|
|
655
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: EditableSavableInputComponent, decorators: [{
|
|
645
656
|
type: Component,
|
|
646
657
|
args: [{ selector: 'editable-savable-input', providers: [DynamicPipe,
|
|
647
658
|
{
|
|
@@ -674,46 +685,97 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImpor
|
|
|
674
685
|
type: Input
|
|
675
686
|
}] } });
|
|
676
687
|
|
|
688
|
+
class CustomDecimalPointTwoDigitsDirective {
|
|
689
|
+
constructor(control) {
|
|
690
|
+
this.control = control;
|
|
691
|
+
}
|
|
692
|
+
ngOnInit() {
|
|
693
|
+
if (this.control.value) {
|
|
694
|
+
this.control.valueAccessor.writeValue(this.transformToCommasAndPoint(this.control.value));
|
|
695
|
+
}
|
|
696
|
+
this.valueSubscription = this.control.control.valueChanges.subscribe(value => {
|
|
697
|
+
if (value.length > 0) {
|
|
698
|
+
let removeCommas = this.control.value.replace(/,/g, '');
|
|
699
|
+
this.control.control.setValue(removeCommas, { emitEvent: false, emitModelToViewChange: false });
|
|
700
|
+
}
|
|
701
|
+
else {
|
|
702
|
+
this.control.control.setValue(null, { emitEvent: false, emitModelToViewChange: false });
|
|
703
|
+
}
|
|
704
|
+
});
|
|
705
|
+
}
|
|
706
|
+
onEvent($event) {
|
|
707
|
+
if (this.control.value) {
|
|
708
|
+
const item = $event.target;
|
|
709
|
+
item.value = this.transformToCommasAndPoint(this.control.value);
|
|
710
|
+
let removeCommas = this.control.value.replace(/,/g, '');
|
|
711
|
+
this.control.control.setValue(removeCommas, { emitEvent: false, emitModelToViewChange: false });
|
|
712
|
+
}
|
|
713
|
+
}
|
|
714
|
+
transformToCommasAndPoint(value) {
|
|
715
|
+
if (value.indexOf(".") == -1) {
|
|
716
|
+
value = value.toString().replace(/\D/g, "")
|
|
717
|
+
.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
|
|
718
|
+
return value;
|
|
719
|
+
}
|
|
720
|
+
else {
|
|
721
|
+
let val = value.split(".");
|
|
722
|
+
let valueBeforeDecimal = val[0];
|
|
723
|
+
let valueAfterDecimal = val[1];
|
|
724
|
+
valueBeforeDecimal = valueBeforeDecimal.toString().replace(/\D/g, "")
|
|
725
|
+
.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
|
|
726
|
+
let newValue = `${valueBeforeDecimal}.${valueAfterDecimal}`;
|
|
727
|
+
return newValue;
|
|
728
|
+
}
|
|
729
|
+
}
|
|
730
|
+
}
|
|
731
|
+
CustomDecimalPointTwoDigitsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CustomDecimalPointTwoDigitsDirective, deps: [{ token: i2$1.NgControl }], target: i0.ɵɵFactoryTarget.Directive });
|
|
732
|
+
CustomDecimalPointTwoDigitsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.0", type: CustomDecimalPointTwoDigitsDirective, selector: "[customDecimalPointTwoDigits]", host: { listeners: { "input": "onEvent($event)" } }, providers: [NgModel, DecimalPipe], ngImport: i0 });
|
|
733
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CustomDecimalPointTwoDigitsDirective, decorators: [{
|
|
734
|
+
type: Directive,
|
|
735
|
+
args: [{
|
|
736
|
+
selector: '[customDecimalPointTwoDigits]',
|
|
737
|
+
providers: [NgModel, DecimalPipe],
|
|
738
|
+
}]
|
|
739
|
+
}], ctorParameters: function () { return [{ type: i2$1.NgControl }]; }, propDecorators: { onEvent: [{
|
|
740
|
+
type: HostListener,
|
|
741
|
+
args: ["input", ["$event"]]
|
|
742
|
+
}] } });
|
|
743
|
+
|
|
677
744
|
class GeneralInputRendererComponent {
|
|
678
745
|
constructor() { }
|
|
679
746
|
agInit(params) {
|
|
680
747
|
this.params = params;
|
|
748
|
+
this.formGroup = this.params.context.formGroup.get('entries').at(params.node.rowIndex);
|
|
681
749
|
this.key = params.context.createKey(params.columnApi, params.column);
|
|
682
|
-
this.rowId = params.node.rowIndex;
|
|
683
750
|
if (params.isTypeNumber) {
|
|
684
751
|
if (params.value) {
|
|
685
752
|
this.value = new DecimalPipe("en-US").transform(+params.value, "1.0-0");
|
|
686
753
|
}
|
|
687
754
|
}
|
|
688
|
-
else
|
|
755
|
+
else {
|
|
689
756
|
this.value = params.value;
|
|
757
|
+
}
|
|
690
758
|
}
|
|
691
759
|
onCellDataChanged($event) {
|
|
692
760
|
let value = $event.target.value;
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
separateThousands($event) {
|
|
697
|
-
let value = $event.target.value;
|
|
698
|
-
value = value.toString().replace(/\D/g, "")
|
|
699
|
-
.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
|
|
700
|
-
this.value = value;
|
|
701
|
-
}
|
|
702
|
-
setTextAreaWidth() {
|
|
703
|
-
let style = {
|
|
704
|
-
'width': this.params.textAreaWidth + 'rem',
|
|
761
|
+
let newAndOldValue = {
|
|
762
|
+
newValue: value,
|
|
763
|
+
oldValue: this.params?.value
|
|
705
764
|
};
|
|
706
|
-
|
|
765
|
+
if (this.params.allowUpdateRowData) {
|
|
766
|
+
this.params.onChange(newAndOldValue);
|
|
767
|
+
}
|
|
707
768
|
}
|
|
708
769
|
refresh(params) {
|
|
709
|
-
|
|
770
|
+
this.formGroup = this.params.context.formGroup.get('entries').at(params.node.rowIndex);
|
|
771
|
+
return true;
|
|
710
772
|
}
|
|
711
773
|
}
|
|
712
|
-
GeneralInputRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
713
|
-
GeneralInputRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
714
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
774
|
+
GeneralInputRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: GeneralInputRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
775
|
+
GeneralInputRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: GeneralInputRendererComponent, selector: "general-input-renderer", ngImport: i0, template: "<div *ngIf=\"formGroup\" [formGroup]=\"formGroup\">\r\n <div *ngIf=\"params.isTypeText\">\r\n <input [placeholder]=\"params.fieldLabel\" (change)=\"onCellDataChanged($event)\" [formControlName]=\"key\" />\r\n <span *ngIf=\"params.showSymbol\" style=\"margin-left:-20px ;\">{{params.symbol}}</span>\r\n </div>\r\n <div *ngIf=\"params.isTypeNumber\">\r\n <input customDecimalPointTwoDigits [placeholder]=\"params.fieldLabel\" (change)=\"onCellDataChanged($event)\"\r\n [formControlName]=\"key\" />\r\n <span *ngIf=\"params.showSymbol\" style=\"margin-left:-20px ;\">{{params.symbol}}</span>\r\n </div>\r\n <div *ngIf=\"params.isTypeTextArea\">\r\n <textarea class=\"text-area\" (change)=\"onCellDataChanged($event)\" [placeholder]=\"params.fieldLabel\"\r\n class=\"main-height\" [formControlName]=\"key\"></textarea>\r\n </div>\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: 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: CustomDecimalPointTwoDigitsDirective, selector: "[customDecimalPointTwoDigits]" }] });
|
|
776
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: GeneralInputRendererComponent, decorators: [{
|
|
715
777
|
type: Component,
|
|
716
|
-
args: [{ selector: 'general-input-renderer', template: "<div *ngIf=\"
|
|
778
|
+
args: [{ selector: 'general-input-renderer', template: "<div *ngIf=\"formGroup\" [formGroup]=\"formGroup\">\r\n <div *ngIf=\"params.isTypeText\">\r\n <input [placeholder]=\"params.fieldLabel\" (change)=\"onCellDataChanged($event)\" [formControlName]=\"key\" />\r\n <span *ngIf=\"params.showSymbol\" style=\"margin-left:-20px ;\">{{params.symbol}}</span>\r\n </div>\r\n <div *ngIf=\"params.isTypeNumber\">\r\n <input customDecimalPointTwoDigits [placeholder]=\"params.fieldLabel\" (change)=\"onCellDataChanged($event)\"\r\n [formControlName]=\"key\" />\r\n <span *ngIf=\"params.showSymbol\" style=\"margin-left:-20px ;\">{{params.symbol}}</span>\r\n </div>\r\n <div *ngIf=\"params.isTypeTextArea\">\r\n <textarea class=\"text-area\" (change)=\"onCellDataChanged($event)\" [placeholder]=\"params.fieldLabel\"\r\n class=\"main-height\" [formControlName]=\"key\"></textarea>\r\n </div>\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"] }]
|
|
717
779
|
}], ctorParameters: function () { return []; } });
|
|
718
780
|
|
|
719
781
|
class LabelAndField {
|
|
@@ -721,8 +783,8 @@ class LabelAndField {
|
|
|
721
783
|
|
|
722
784
|
class InputsModule {
|
|
723
785
|
}
|
|
724
|
-
InputsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
725
|
-
InputsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
786
|
+
InputsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: InputsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
787
|
+
InputsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.0", ngImport: i0, type: InputsModule, declarations: [ChooseEnumComponent,
|
|
726
788
|
ChooseEnumRendererComponent,
|
|
727
789
|
ChooseGeneralItemComponent,
|
|
728
790
|
GeneralInputRendererComponent,
|
|
@@ -731,9 +793,11 @@ InputsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
|
731
793
|
ChooseYesOrNoRendererComponent,
|
|
732
794
|
EditableSavableInputComponent,
|
|
733
795
|
DynamicPipe,
|
|
734
|
-
ChooseGeneralItemRendererComponent
|
|
796
|
+
ChooseGeneralItemRendererComponent,
|
|
797
|
+
CustomDecimalPointTwoDigitsDirective], imports: [CommonModule,
|
|
735
798
|
NgSelectModule,
|
|
736
799
|
FormsModule,
|
|
800
|
+
ReactiveFormsModule,
|
|
737
801
|
AppMaterialModule,
|
|
738
802
|
SharedGeneralComponentsModule], exports: [ChooseEnumComponent,
|
|
739
803
|
ChooseEnumRendererComponent,
|
|
@@ -744,14 +808,13 @@ InputsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
|
744
808
|
ChooseYesOrNoRendererComponent,
|
|
745
809
|
EditableSavableInputComponent,
|
|
746
810
|
DynamicPipe] });
|
|
747
|
-
InputsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImport: i0, type: InputsModule, decorators: [{
|
|
811
|
+
InputsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: InputsModule, imports: [CommonModule,
|
|
812
|
+
NgSelectModule,
|
|
813
|
+
FormsModule,
|
|
814
|
+
ReactiveFormsModule,
|
|
815
|
+
AppMaterialModule,
|
|
816
|
+
SharedGeneralComponentsModule] });
|
|
817
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: InputsModule, decorators: [{
|
|
755
818
|
type: NgModule,
|
|
756
819
|
args: [{
|
|
757
820
|
declarations: [
|
|
@@ -764,12 +827,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.9", ngImpor
|
|
|
764
827
|
ChooseYesOrNoRendererComponent,
|
|
765
828
|
EditableSavableInputComponent,
|
|
766
829
|
DynamicPipe,
|
|
767
|
-
ChooseGeneralItemRendererComponent
|
|
830
|
+
ChooseGeneralItemRendererComponent,
|
|
831
|
+
CustomDecimalPointTwoDigitsDirective
|
|
768
832
|
],
|
|
769
833
|
imports: [
|
|
770
834
|
CommonModule,
|
|
771
835
|
NgSelectModule,
|
|
772
836
|
FormsModule,
|
|
837
|
+
ReactiveFormsModule,
|
|
773
838
|
AppMaterialModule,
|
|
774
839
|
SharedGeneralComponentsModule,
|
|
775
840
|
],
|