iptdevs-design-system 2.2.42 → 2.3.1
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/components/atoms/datalist/datalist.component.mjs +12 -6
- package/fesm2015/iptdevs-design-system.mjs +11 -5
- package/fesm2015/iptdevs-design-system.mjs.map +1 -1
- package/fesm2020/iptdevs-design-system.mjs +11 -5
- package/fesm2020/iptdevs-design-system.mjs.map +1 -1
- package/lib/components/atoms/datalist/datalist.component.d.ts +1 -0
- package/package.json +1 -1
|
@@ -19,9 +19,6 @@ export class DatalistComponent {
|
|
|
19
19
|
}
|
|
20
20
|
ngOnChanges(changes) {
|
|
21
21
|
if (changes['initialData']) {
|
|
22
|
-
this.formControl.controls['dataListControl'].setValue(this.initalData);
|
|
23
|
-
let option = document.getElementById(this.datalistId);
|
|
24
|
-
option?.append('<option selected>' + this.formControl.controls['dataListControl'].value + '}}</option>');
|
|
25
22
|
}
|
|
26
23
|
}
|
|
27
24
|
optionChanged(event) {
|
|
@@ -37,6 +34,15 @@ export class DatalistComponent {
|
|
|
37
34
|
click(value) {
|
|
38
35
|
this.clicked = value.isTrusted;
|
|
39
36
|
}
|
|
37
|
+
setDataListValue() {
|
|
38
|
+
let selectOption = this.datalistData.find(element => element.code == this.initalData);
|
|
39
|
+
if (typeof (selectOption) != 'undefined') {
|
|
40
|
+
return selectOption.value;
|
|
41
|
+
}
|
|
42
|
+
else {
|
|
43
|
+
return '';
|
|
44
|
+
}
|
|
45
|
+
}
|
|
40
46
|
get labelClass() {
|
|
41
47
|
return this.clicked === false ? 'label' : 'labelUp';
|
|
42
48
|
}
|
|
@@ -52,7 +58,7 @@ DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
52
58
|
[attr.list]="datalistId"
|
|
53
59
|
(change)="optionChanged($event)"
|
|
54
60
|
[disabled]="disabledSel"
|
|
55
|
-
value="
|
|
61
|
+
[value]="setDataListValue()"
|
|
56
62
|
/>
|
|
57
63
|
|
|
58
64
|
<datalist id="{{ datalistId }}">
|
|
@@ -75,7 +81,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
75
81
|
[attr.list]="datalistId"
|
|
76
82
|
(change)="optionChanged($event)"
|
|
77
83
|
[disabled]="disabledSel"
|
|
78
|
-
value="
|
|
84
|
+
[value]="setDataListValue()"
|
|
79
85
|
/>
|
|
80
86
|
|
|
81
87
|
<datalist id="{{ datalistId }}">
|
|
@@ -101,4 +107,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
101
107
|
}], isChanged: [{
|
|
102
108
|
type: Output
|
|
103
109
|
}] } });
|
|
104
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
110
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvZGF0YWxpc3QvZGF0YWxpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQTRCLE1BQU0sZUFBZSxDQUFDO0FBQ2pHLE9BQU8sRUFBZ0UsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUEyQjFHLE1BQU0sT0FBTyxpQkFBaUI7SUFlNUIsWUFBWSxFQUFlO1FBUmxCLGdCQUFXLEdBQVcsS0FBSyxDQUFDO1FBRzNCLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBR2pELFlBQU8sR0FBWSxLQUFLLENBQUM7UUFHdkIsSUFBSSxDQUFDLFdBQVcsR0FBRyxFQUFFLENBQUMsS0FBSyxDQUFDO1lBQzFCLGVBQWUsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUM3QyxDQUFDLENBQUM7SUFDSixDQUFDO0lBRUYsUUFBUTtRQUNOLElBQUcsSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLEVBQUU7WUFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1NBQ3hFO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxhQUFhLENBQUMsRUFBRTtTQUMzQjtJQUNILENBQUM7SUFFRCxhQUFhLENBQUMsS0FBVTtRQUN0QixJQUFJLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFFLE9BQU8sQ0FBQyxJQUFJLElBQUksS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUUxRixJQUFJLE9BQU0sQ0FBQyxZQUFZLENBQUMsSUFBSSxXQUFXLEVBQUU7WUFDdkMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQ3hDO2FBQU07WUFDTCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUMxQixJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztTQUN4RDtJQUNILENBQUM7SUFFRCxLQUFLLENBQUMsS0FBaUI7UUFDckIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFFLE9BQU8sQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3ZGLElBQUksT0FBTSxDQUFDLFlBQVksQ0FBQyxJQUFJLFdBQVcsRUFBRTtZQUN2QyxPQUFPLFlBQVksQ0FBQyxLQUFLLENBQUM7U0FDM0I7YUFBTTtZQUNMLE9BQU8sRUFBRSxDQUFDO1NBQ1g7SUFFSCxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sSUFBSSxDQUFDLE9BQU8sS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ3RELENBQUM7OzhHQTNEVSxpQkFBaUI7a0dBQWpCLGlCQUFpQixrU0F2QmxCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CVDsyRkFHVSxpQkFBaUI7a0JBekI3QixTQUFTOytCQUNFLGNBQWMsWUFDZDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQlQ7a0dBS1EsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBR0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBWaWV3Q2hpbGQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgRm9ybUJ1aWxkZXIsIEZvcm1Db250cm9sLCBGb3JtR3JvdXAsIE5nRm9ybSwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXB0LWRhdGFsaXN0JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiaW5wdXQtY29udGFpbmVyXCI+XG4gICAgICA8bGFiZWwgW25nQ2xhc3NdPVwibGFiZWxDbGFzc1wiPnt7IHBsYWNlSG9sZGVyIH19PC9sYWJlbD5cbiAgICAgIDxpbnB1dFxuICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgIGNsYXNzPVwiaW5wdXRcIlxuICAgICAgICAoY2xpY2spPVwiY2xpY2soJGV2ZW50KVwiXG4gICAgICAgIFthdHRyLmxpc3RdPVwiZGF0YWxpc3RJZFwiXG4gICAgICAgIChjaGFuZ2UpPVwib3B0aW9uQ2hhbmdlZCgkZXZlbnQpXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkU2VsXCJcbiAgICAgICAgW3ZhbHVlXT1cInNldERhdGFMaXN0VmFsdWUoKVwiXG4gICAgICAvPlxuXG4gICAgICA8ZGF0YWxpc3QgaWQ9XCJ7eyBkYXRhbGlzdElkIH19XCI+XG4gICAgICAgIDxvcHRpb24gc2VsZWN0ZWQ+IHt7IHRoaXMuZm9ybUNvbnRyb2wuY29udHJvbHNbJ2RhdGFMaXN0Q29udHJvbCddLnZhbHVlIH19PC9vcHRpb24+XG4gICAgICAgIDxvcHRpb24gKm5nRm9yPVwibGV0IGl0ZW0gb2YgZGF0YWxpc3REYXRhOyBpbmRleCBhcyBpXCIgW3ZhbHVlXT1cIml0ZW0ubmFtZVwiPlxuICAgICAgICAgIHt7aXRlbS5pZF9jYXJkfX0ge3tpdGVtLm5hbWV9fVxuICAgICAgICA8L29wdGlvbj5cbiAgICAgIDwvZGF0YWxpc3Q+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2RhdGFsaXN0LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBEYXRhbGlzdENvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgZGF0YWxpc3RJZCE6IHN0cmluZztcbiAgQElucHV0KCkgZGF0YWxpc3REYXRhITogYW55W107XG4gIEBJbnB1dCgpIHBsYWNlSG9sZGVyITogc3RyaW5nO1xuICBASW5wdXQoKSB2YWxpZGF0ZVRleHQhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGluaXRhbERhdGEhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRpc2FibGVkU2VsOmJvb2xlYW4gPSBmYWxzZTtcblxuXG4gIEBPdXRwdXQoKSBpc0NoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBmb3JtQ29udHJvbCE6IEZvcm1Hcm91cDtcbiAgY2xpY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKGZiOiBGb3JtQnVpbGRlcikge1xuICAgIHRoaXMuZm9ybUNvbnRyb2wgPSBmYi5ncm91cCh7XG4gICAgICBkYXRhTGlzdENvbnRyb2w6IFsnJywgW1ZhbGlkYXRvcnMucmVxdWlyZWRdXSxcbiAgICB9KTtcbiAgIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZih0aGlzLmluaXRhbERhdGEgIT0gbnVsbCkge1xuICAgICAgdGhpcy5mb3JtQ29udHJvbC5jb250cm9sc1snZGF0YUxpc3RDb250cm9sJ10uc2V0VmFsdWUodGhpcy5pbml0YWxEYXRhKTtcbiAgICB9XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXNbJ2luaXRpYWxEYXRhJ10pIHtcbiAgICB9XG4gIH1cblxuICBvcHRpb25DaGFuZ2VkKGV2ZW50OiBhbnkpIHtcbiAgICBsZXQgc2VsZWN0T3B0aW9uID0gdGhpcy5kYXRhbGlzdERhdGEuZmluZChlbGVtZW50ID0+ICBlbGVtZW50Lm5hbWUgPT0gZXZlbnQudGFyZ2V0LnZhbHVlKTtcblxuICAgIGlmICh0eXBlb2Yoc2VsZWN0T3B0aW9uKSAhPSAndW5kZWZpbmVkJykge1xuICAgICAgdGhpcy5pc0NoYW5nZWQuZW1pdChzZWxlY3RPcHRpb24uY29kZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaXNDaGFuZ2VkLmVtaXQoJy0xJyk7XG4gICAgICB0aGlzLmZvcm1Db250cm9sLmNvbnRyb2xzWydkYXRhTGlzdENvbnRyb2wnXS52YWx1ZSgnJyk7XG4gICAgfVxuICB9XG5cbiAgY2xpY2sodmFsdWU6IE1vdXNlRXZlbnQpIHtcbiAgICB0aGlzLmNsaWNrZWQgPSB2YWx1ZS5pc1RydXN0ZWQ7XG4gIH1cblxuICBzZXREYXRhTGlzdFZhbHVlKCkge1xuICAgIGxldCBzZWxlY3RPcHRpb24gPSB0aGlzLmRhdGFsaXN0RGF0YS5maW5kKGVsZW1lbnQgPT4gIGVsZW1lbnQuY29kZSA9PSB0aGlzLmluaXRhbERhdGEpO1xuICAgIGlmICh0eXBlb2Yoc2VsZWN0T3B0aW9uKSAhPSAndW5kZWZpbmVkJykge1xuICAgICAgcmV0dXJuIHNlbGVjdE9wdGlvbi52YWx1ZTtcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuICcnO1xuICAgIH1cblxuICB9ICBcblxuICBwdWJsaWMgZ2V0IGxhYmVsQ2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5jbGlja2VkID09PSBmYWxzZSA/ICdsYWJlbCcgOiAnbGFiZWxVcCc7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -186,9 +186,6 @@ class DatalistComponent {
|
|
|
186
186
|
}
|
|
187
187
|
ngOnChanges(changes) {
|
|
188
188
|
if (changes['initialData']) {
|
|
189
|
-
this.formControl.controls['dataListControl'].setValue(this.initalData);
|
|
190
|
-
let option = document.getElementById(this.datalistId);
|
|
191
|
-
option === null || option === void 0 ? void 0 : option.append('<option selected>' + this.formControl.controls['dataListControl'].value + '}}</option>');
|
|
192
189
|
}
|
|
193
190
|
}
|
|
194
191
|
optionChanged(event) {
|
|
@@ -204,6 +201,15 @@ class DatalistComponent {
|
|
|
204
201
|
click(value) {
|
|
205
202
|
this.clicked = value.isTrusted;
|
|
206
203
|
}
|
|
204
|
+
setDataListValue() {
|
|
205
|
+
let selectOption = this.datalistData.find(element => element.code == this.initalData);
|
|
206
|
+
if (typeof (selectOption) != 'undefined') {
|
|
207
|
+
return selectOption.value;
|
|
208
|
+
}
|
|
209
|
+
else {
|
|
210
|
+
return '';
|
|
211
|
+
}
|
|
212
|
+
}
|
|
207
213
|
get labelClass() {
|
|
208
214
|
return this.clicked === false ? 'label' : 'labelUp';
|
|
209
215
|
}
|
|
@@ -219,7 +225,7 @@ DatalistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
219
225
|
[attr.list]="datalistId"
|
|
220
226
|
(change)="optionChanged($event)"
|
|
221
227
|
[disabled]="disabledSel"
|
|
222
|
-
value="
|
|
228
|
+
[value]="setDataListValue()"
|
|
223
229
|
/>
|
|
224
230
|
|
|
225
231
|
<datalist id="{{ datalistId }}">
|
|
@@ -242,7 +248,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImpor
|
|
|
242
248
|
[attr.list]="datalistId"
|
|
243
249
|
(change)="optionChanged($event)"
|
|
244
250
|
[disabled]="disabledSel"
|
|
245
|
-
value="
|
|
251
|
+
[value]="setDataListValue()"
|
|
246
252
|
/>
|
|
247
253
|
|
|
248
254
|
<datalist id="{{ datalistId }}">
|