@jooler/inputs 0.0.48 → 0.0.49
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/esm2020/lib/choose-enum/choose-enum.component.mjs +26 -19
- package/esm2020/lib/choose-enum-renderer/choose-enum-renderer.component.mjs +1 -1
- package/esm2020/lib/custom-theme.mjs +82 -0
- package/esm2020/lib/models/enum-helper-functions.mjs +53 -0
- package/esm2020/public-api.mjs +1 -1
- package/fesm2015/inputs.mjs +158 -18
- package/fesm2015/inputs.mjs.map +1 -1
- package/fesm2020/inputs.mjs +158 -18
- package/fesm2020/inputs.mjs.map +1 -1
- package/lib/choose-enum/choose-enum.component.d.ts +9 -3
- package/lib/custom-theme.d.ts +7 -0
- package/lib/models/enum-helper-functions.d.ts +4 -0
- package/package.json +6 -6
package/fesm2015/inputs.mjs
CHANGED
|
@@ -17,15 +17,154 @@ import { AppMaterialModule } from '@jooler/app-material';
|
|
|
17
17
|
import * as i1$2 from '@angular/router';
|
|
18
18
|
import * as i3$1 from '@angular/material/menu';
|
|
19
19
|
|
|
20
|
+
class CustomTheme {
|
|
21
|
+
}
|
|
22
|
+
CustomTheme.$joolerBlue = [
|
|
23
|
+
'#e3ecfa',
|
|
24
|
+
'#b9cff2',
|
|
25
|
+
'#8aafea',
|
|
26
|
+
'#5b8ee1',
|
|
27
|
+
'#3876da',
|
|
28
|
+
'#155ed4',
|
|
29
|
+
'#1256cf',
|
|
30
|
+
'#0f4cc9',
|
|
31
|
+
'#0c42c3',
|
|
32
|
+
'#0631b9',
|
|
33
|
+
'#e3e8ff',
|
|
34
|
+
'#b0bfff',
|
|
35
|
+
'#7d95ff',
|
|
36
|
+
'#6481ff',
|
|
37
|
+
];
|
|
38
|
+
CustomTheme.$joolerTeal = [
|
|
39
|
+
'#b8dfd8',
|
|
40
|
+
'#89cabf',
|
|
41
|
+
'#59b5a5',
|
|
42
|
+
'#36a591',
|
|
43
|
+
'#12957e',
|
|
44
|
+
'#108d76',
|
|
45
|
+
'#0d826b',
|
|
46
|
+
'#0a7861',
|
|
47
|
+
'#05674e',
|
|
48
|
+
'#97ffe1',
|
|
49
|
+
'#64ffd2',
|
|
50
|
+
'#31ffc3',
|
|
51
|
+
'#18ffbc',
|
|
52
|
+
];
|
|
53
|
+
CustomTheme.$joolerRed = [
|
|
54
|
+
'#f5e0e1',
|
|
55
|
+
'#e5b3b3',
|
|
56
|
+
'#d48081',
|
|
57
|
+
'#c24d4e',
|
|
58
|
+
'#b52628',
|
|
59
|
+
'#a80002',
|
|
60
|
+
'#a00002',
|
|
61
|
+
'#970001',
|
|
62
|
+
'#8d0001',
|
|
63
|
+
'#7d0001',
|
|
64
|
+
'#ffaaaa',
|
|
65
|
+
'#ff7777',
|
|
66
|
+
'#ff4444',
|
|
67
|
+
'#ff2a2a',
|
|
68
|
+
];
|
|
69
|
+
CustomTheme.$joolerPink = [
|
|
70
|
+
'#fdeaf3',
|
|
71
|
+
'#fbcbe1',
|
|
72
|
+
'#f8a8ce',
|
|
73
|
+
'#f585ba',
|
|
74
|
+
'#f26aab',
|
|
75
|
+
'#f0509c',
|
|
76
|
+
'#ee4994',
|
|
77
|
+
'#ec408a',
|
|
78
|
+
'#e93780',
|
|
79
|
+
'#e5276e',
|
|
80
|
+
'#ffffff',
|
|
81
|
+
'#ffeef4',
|
|
82
|
+
'#ffbbd3',
|
|
83
|
+
'#ffa1c2',
|
|
84
|
+
];
|
|
85
|
+
CustomTheme.$joolerPurple = [
|
|
86
|
+
'#fcf6fd',
|
|
87
|
+
'#f7e8f9',
|
|
88
|
+
'#f1d8f5',
|
|
89
|
+
'#ebc8f1',
|
|
90
|
+
'#e7bdee',
|
|
91
|
+
'#e3b1eb',
|
|
92
|
+
'#e0aae9',
|
|
93
|
+
'#dca1e5',
|
|
94
|
+
'#d898e2',
|
|
95
|
+
'#d088dd',
|
|
96
|
+
'#ffffff',
|
|
97
|
+
'#ffffff',
|
|
98
|
+
'#ffffff',
|
|
99
|
+
'#fcecff',
|
|
100
|
+
];
|
|
101
|
+
|
|
102
|
+
class EnumHelperBaseClass {
|
|
103
|
+
static getValuesArrayFromEnum(enumOptions, isAllCaps) {
|
|
104
|
+
let colors = CustomTheme.$joolerBlue;
|
|
105
|
+
let stringValues = [];
|
|
106
|
+
let enumObject;
|
|
107
|
+
let enumObjects = [];
|
|
108
|
+
for (let item in enumOptions) {
|
|
109
|
+
if (isNaN(Number(item))) {
|
|
110
|
+
let joinedString;
|
|
111
|
+
stringValues.push(item);
|
|
112
|
+
let splitStr = item.toLowerCase().split('_');
|
|
113
|
+
if (!isAllCaps) {
|
|
114
|
+
for (let i = 0; i < splitStr.length; i++) {
|
|
115
|
+
splitStr[i] = splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
else {
|
|
119
|
+
for (let i = 0; i < splitStr.length; i++) {
|
|
120
|
+
splitStr[i] = splitStr[i].toUpperCase();
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
joinedString = splitStr.join(' ');
|
|
124
|
+
stringValues.splice(stringValues.indexOf(item), 1, joinedString);
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
let repeatedColors = [];
|
|
128
|
+
let i = 0;
|
|
129
|
+
for (let value of stringValues) {
|
|
130
|
+
// in case the array of colors is smaller than the stringValues array, we repeat the the colors so that they are enough
|
|
131
|
+
repeatedColors.push(colors[stringValues.indexOf(value) % colors.length]);
|
|
132
|
+
enumObject = {
|
|
133
|
+
value: Object.keys(enumOptions).map(Number)[i],
|
|
134
|
+
label: value,
|
|
135
|
+
color: repeatedColors[i],
|
|
136
|
+
};
|
|
137
|
+
enumObjects.push(enumObject);
|
|
138
|
+
i++;
|
|
139
|
+
}
|
|
140
|
+
return enumObjects;
|
|
141
|
+
}
|
|
142
|
+
static getLabelAndColorFromEnumValue(enumOptions, enumValue) {
|
|
143
|
+
let enumObjects = EnumHelperBaseClass.getValuesArrayFromEnum(enumOptions);
|
|
144
|
+
let enumObject;
|
|
145
|
+
for (let item of enumObjects) {
|
|
146
|
+
if (enumValue == item.value) {
|
|
147
|
+
enumObject = enumObjects[enumObjects.indexOf(item)];
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
return enumObject;
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
|
|
20
154
|
class ChooseEnumComponent {
|
|
21
155
|
constructor() {
|
|
22
156
|
this.change = new EventEmitter();
|
|
157
|
+
this.close = new EventEmitter();
|
|
158
|
+
this.label = 'label';
|
|
159
|
+
this.appendTo = 'body';
|
|
23
160
|
this.allowAllCapsValues = false;
|
|
24
|
-
this.
|
|
161
|
+
this.getValuesArrayFromEnum = EnumHelperBaseClass.getValuesArrayFromEnum;
|
|
162
|
+
this.isChip = true;
|
|
25
163
|
this.labelTextAlign = 'left';
|
|
26
164
|
this.indexesToDisable = [];
|
|
27
165
|
this.isDropdownDisabled = false;
|
|
28
166
|
this.percentWidth = false;
|
|
167
|
+
this.clearable = true;
|
|
29
168
|
this.colors = [];
|
|
30
169
|
this.propagateChange = (_) => { };
|
|
31
170
|
this.propogateTouch = () => { };
|
|
@@ -86,27 +225,24 @@ class ChooseEnumComponent {
|
|
|
86
225
|
}
|
|
87
226
|
updateBlur() {
|
|
88
227
|
this.propogateTouch();
|
|
228
|
+
this.close.emit();
|
|
89
229
|
}
|
|
90
230
|
onSelectedItemChanged() {
|
|
91
231
|
this.propagateChange(this.selectedItem);
|
|
92
232
|
this.change.emit(this.selectedItem);
|
|
93
233
|
}
|
|
234
|
+
setDisabledState(isDisabled) {
|
|
235
|
+
this.isDropdownDisabled = isDisabled;
|
|
236
|
+
}
|
|
94
237
|
clear() {
|
|
95
238
|
this.selectedItem = null;
|
|
96
239
|
}
|
|
97
240
|
setStyles() {
|
|
98
|
-
let style
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
};
|
|
104
|
-
}
|
|
105
|
-
else {
|
|
106
|
-
style = {
|
|
107
|
-
width: this.width + 'rem',
|
|
108
|
-
paddingTop: this.paddingTop + 'rem'
|
|
109
|
-
};
|
|
241
|
+
let style = {
|
|
242
|
+
paddingTop: this.paddingTop + 'rem',
|
|
243
|
+
};
|
|
244
|
+
if (this.width) {
|
|
245
|
+
style['width'] = this.width + 'rem';
|
|
110
246
|
}
|
|
111
247
|
return style;
|
|
112
248
|
}
|
|
@@ -114,19 +250,19 @@ class ChooseEnumComponent {
|
|
|
114
250
|
let style = {
|
|
115
251
|
textAlign: this.labelTextAlign,
|
|
116
252
|
fontWeight: this.labelTextFontWeight,
|
|
117
|
-
fontSize: this.labelTextFontSize + 'rem'
|
|
253
|
+
fontSize: this.labelTextFontSize + 'rem',
|
|
118
254
|
};
|
|
119
255
|
return style;
|
|
120
256
|
}
|
|
121
257
|
}
|
|
122
258
|
ChooseEnumComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ChooseEnumComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
123
|
-
ChooseEnumComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ChooseEnumComponent, selector: "choose-enum", inputs: { label: "label", appendTo: "appendTo", allowAllCapsValues: "allowAllCapsValues", isItemHidden: "isItemHidden", isItemDisabled: "isItemDisabled", enumChoices: "enumChoices", getValuesArrayFromEnum: "getValuesArrayFromEnum", isChip: "isChip", isMultiple: "isMultiple", placeholder: "placeholder", width: "width", paddingTop: "paddingTop", labelTextAlign: "labelTextAlign", labelTextFontWeight: "labelTextFontWeight", labelTextFontSize: "labelTextFontSize", selectedItem: "selectedItem", indexesToDisable: "indexesToDisable", isDropdownDisabled: "isDropdownDisabled", percentWidth: "percentWidth" }, outputs: { change: "change" }, providers: [
|
|
259
|
+
ChooseEnumComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ChooseEnumComponent, selector: "choose-enum", inputs: { label: "label", appendTo: "appendTo", allowAllCapsValues: "allowAllCapsValues", isItemHidden: "isItemHidden", isItemDisabled: "isItemDisabled", enumChoices: "enumChoices", getValuesArrayFromEnum: "getValuesArrayFromEnum", isChip: "isChip", isMultiple: "isMultiple", placeholder: "placeholder", width: "width", paddingTop: "paddingTop", labelTextAlign: "labelTextAlign", labelTextFontWeight: "labelTextFontWeight", labelTextFontSize: "labelTextFontSize", selectedItem: "selectedItem", indexesToDisable: "indexesToDisable", isDropdownDisabled: "isDropdownDisabled", percentWidth: "percentWidth", clearable: "clearable" }, outputs: { change: "change", close: "close" }, providers: [
|
|
124
260
|
{
|
|
125
261
|
provide: NG_VALUE_ACCESSOR,
|
|
126
262
|
useExisting: forwardRef(() => ChooseEnumComponent),
|
|
127
263
|
multi: true,
|
|
128
264
|
},
|
|
129
|
-
], usesOnChanges: true, ngImport: i0, template: "<div class=\"select\">\r\n <ng-select [ngStyle]=\"setStyles()\" (blur)=\"updateBlur()\" bindLabel=\"label\" bindValue=\"value\" [items]=\"items\"\r\n [placeholder]=\"placeholder\" (change)=\"onSelectedItemChanged()\" [(ngModel)]=\"selectedItem\"\r\n [multiple]=\"isMultiple\" [disabled]=\"isDropdownDisabled\" [appendTo]=\"appendTo\" dropdownPosition=\"bottom\">\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
|
|
265
|
+
], usesOnChanges: true, ngImport: i0, template: "<div class=\"select\">\r\n <ng-select [ngStyle]=\"setStyles()\" (blur)=\"updateBlur()\" bindLabel=\"label\" bindValue=\"value\" [items]=\"items\"\r\n [placeholder]=\"placeholder\" (change)=\"onSelectedItemChanged()\" [(ngModel)]=\"selectedItem\"\r\n [multiple]=\"isMultiple\" [disabled]=\"isDropdownDisabled\" [clearable]=\"clearable\"\r\n [clearAllText]=\"'clear everything'\" (clear)=\"clear()\" [appendTo]=\"appendTo\" dropdownPosition=\"bottom\">\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 [enumClass]=\"enumChoices\" [enumValue]=\"item.value\"> </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: [".select{width:100%}\n"], 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: ["backgroundColor", "size", "clear", "enumClass", "enumValue", "inputType", "item", "isClickable", "label", "width", "withCross"] }] });
|
|
130
266
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ChooseEnumComponent, decorators: [{
|
|
131
267
|
type: Component,
|
|
132
268
|
args: [{ selector: 'choose-enum', providers: [
|
|
@@ -135,9 +271,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
135
271
|
useExisting: forwardRef(() => ChooseEnumComponent),
|
|
136
272
|
multi: true,
|
|
137
273
|
},
|
|
138
|
-
], template: "<div class=\"select\">\r\n <ng-select [ngStyle]=\"setStyles()\" (blur)=\"updateBlur()\" bindLabel=\"label\" bindValue=\"value\" [items]=\"items\"\r\n [placeholder]=\"placeholder\" (change)=\"onSelectedItemChanged()\" [(ngModel)]=\"selectedItem\"\r\n [multiple]=\"isMultiple\" [disabled]=\"isDropdownDisabled\" [appendTo]=\"appendTo\" dropdownPosition=\"bottom\">\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
|
|
274
|
+
], template: "<div class=\"select\">\r\n <ng-select [ngStyle]=\"setStyles()\" (blur)=\"updateBlur()\" bindLabel=\"label\" bindValue=\"value\" [items]=\"items\"\r\n [placeholder]=\"placeholder\" (change)=\"onSelectedItemChanged()\" [(ngModel)]=\"selectedItem\"\r\n [multiple]=\"isMultiple\" [disabled]=\"isDropdownDisabled\" [clearable]=\"clearable\"\r\n [clearAllText]=\"'clear everything'\" (clear)=\"clear()\" [appendTo]=\"appendTo\" dropdownPosition=\"bottom\">\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 [enumClass]=\"enumChoices\" [enumValue]=\"item.value\"> </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: [".select{width:100%}\n"] }]
|
|
139
275
|
}], ctorParameters: function () { return []; }, propDecorators: { change: [{
|
|
140
276
|
type: Output
|
|
277
|
+
}], close: [{
|
|
278
|
+
type: Output
|
|
141
279
|
}], label: [{
|
|
142
280
|
type: Input
|
|
143
281
|
}], appendTo: [{
|
|
@@ -176,6 +314,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
176
314
|
type: Input
|
|
177
315
|
}], percentWidth: [{
|
|
178
316
|
type: Input
|
|
317
|
+
}], clearable: [{
|
|
318
|
+
type: Input
|
|
179
319
|
}] } });
|
|
180
320
|
|
|
181
321
|
class ShowTableErrorsComponent {
|
|
@@ -215,7 +355,7 @@ class ChooseEnumRendererComponent {
|
|
|
215
355
|
}
|
|
216
356
|
}
|
|
217
357
|
ChooseEnumRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ChooseEnumRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
218
|
-
ChooseEnumRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ChooseEnumRendererComponent, selector: "choose-enum-renderer", ngImport: i0, template: "<choose-enum [label]=\"params.label\" [appendTo]=\"'body'\" [isItemHidden]=\"params.isItemHidden\"\r\n [isItemDisabled]=\"params.isItemDisabled\" [labelTextAlign]=\"params.labelTextAlign\"\r\n [labelTextFontWeight]=\"params.labelTextFontWeight\" [labelTextFontSize]=\"params.labelTextFontSize\"\r\n [selectedItem]=\"params.value\" [indexesToDisable]=\"params.indexesToDisable\"\r\n [isDropdownDisabled]=\"params.isDropdownDisabled\" [getValuesArrayFromEnum]=\"params.getLabelAndColorFromEnumValue\"\r\n [enumChoices]=\"params.enumChoices\" [placeholder]=\"params.placeholder\" [width]=\"params.width\"\r\n [isChip]=\"params.isChip\" [paddingTop]=\"params.paddingTop\" [allowAllCapsValues]=\"params.allowAllCapsValues\"\r\n (change)=\"onCellDataChanged($event)\">\r\n</choose-enum>", styles: [""], dependencies: [{ kind: "component", type: ChooseEnumComponent, selector: "choose-enum", inputs: ["label", "appendTo", "allowAllCapsValues", "isItemHidden", "isItemDisabled", "enumChoices", "getValuesArrayFromEnum", "isChip", "isMultiple", "placeholder", "width", "paddingTop", "labelTextAlign", "labelTextFontWeight", "labelTextFontSize", "selectedItem", "indexesToDisable", "isDropdownDisabled", "percentWidth"], outputs: ["change"] }] });
|
|
358
|
+
ChooseEnumRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ChooseEnumRendererComponent, selector: "choose-enum-renderer", ngImport: i0, template: "<choose-enum [label]=\"params.label\" [appendTo]=\"'body'\" [isItemHidden]=\"params.isItemHidden\"\r\n [isItemDisabled]=\"params.isItemDisabled\" [labelTextAlign]=\"params.labelTextAlign\"\r\n [labelTextFontWeight]=\"params.labelTextFontWeight\" [labelTextFontSize]=\"params.labelTextFontSize\"\r\n [selectedItem]=\"params.value\" [indexesToDisable]=\"params.indexesToDisable\"\r\n [isDropdownDisabled]=\"params.isDropdownDisabled\" [getValuesArrayFromEnum]=\"params.getLabelAndColorFromEnumValue\"\r\n [enumChoices]=\"params.enumChoices\" [placeholder]=\"params.placeholder\" [width]=\"params.width\"\r\n [isChip]=\"params.isChip\" [paddingTop]=\"params.paddingTop\" [allowAllCapsValues]=\"params.allowAllCapsValues\"\r\n (change)=\"onCellDataChanged($event)\">\r\n</choose-enum>", styles: [""], dependencies: [{ kind: "component", type: ChooseEnumComponent, selector: "choose-enum", inputs: ["label", "appendTo", "allowAllCapsValues", "isItemHidden", "isItemDisabled", "enumChoices", "getValuesArrayFromEnum", "isChip", "isMultiple", "placeholder", "width", "paddingTop", "labelTextAlign", "labelTextFontWeight", "labelTextFontSize", "selectedItem", "indexesToDisable", "isDropdownDisabled", "percentWidth", "clearable"], outputs: ["change", "close"] }] });
|
|
219
359
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ChooseEnumRendererComponent, decorators: [{
|
|
220
360
|
type: Component,
|
|
221
361
|
args: [{ selector: 'choose-enum-renderer', template: "<choose-enum [label]=\"params.label\" [appendTo]=\"'body'\" [isItemHidden]=\"params.isItemHidden\"\r\n [isItemDisabled]=\"params.isItemDisabled\" [labelTextAlign]=\"params.labelTextAlign\"\r\n [labelTextFontWeight]=\"params.labelTextFontWeight\" [labelTextFontSize]=\"params.labelTextFontSize\"\r\n [selectedItem]=\"params.value\" [indexesToDisable]=\"params.indexesToDisable\"\r\n [isDropdownDisabled]=\"params.isDropdownDisabled\" [getValuesArrayFromEnum]=\"params.getLabelAndColorFromEnumValue\"\r\n [enumChoices]=\"params.enumChoices\" [placeholder]=\"params.placeholder\" [width]=\"params.width\"\r\n [isChip]=\"params.isChip\" [paddingTop]=\"params.paddingTop\" [allowAllCapsValues]=\"params.allowAllCapsValues\"\r\n (change)=\"onCellDataChanged($event)\">\r\n</choose-enum>" }]
|