iptdevs-design-system 2.2.42 → 2.2.43
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+XG4gICAgICA8bGFiZWwgW25nQ2xhc3NdPVwibGFiZWxDbGFzc1wiPnt7IHBsYWNlSG9sZGVyIH19PC9sYWJlbD5cbiAgICAgIDxpbnB1dFxuICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgIGNsYXNzPVwiaW5wdXRcIlxuICAgICAgICAoY2xpY2spPVwiY2xpY2soJGV2ZW50KVwiXG4gICAgICAgIFthdHRyLmxpc3RdPVwiZGF0YWxpc3RJZFwiXG4gICAgICAgIChjaGFuZ2UpPVwib3B0aW9uQ2hhbmdlZCgkZXZlbnQpXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkU2VsXCJcbiAgICAgICAgdmFsdWU9XCJzZXREYXRhTGlzdFZhbHVlKClcIlxuICAgICAgLz5cblxuICAgICAgPGRhdGFsaXN0IGlkPVwie3sgZGF0YWxpc3RJZCB9fVwiPlxuICAgICAgICA8b3B0aW9uIHNlbGVjdGVkPiB7eyB0aGlzLmZvcm1Db250cm9sLmNvbnRyb2xzWydkYXRhTGlzdENvbnRyb2wnXS52YWx1ZSB9fTwvb3B0aW9uPlxuICAgICAgICA8b3B0aW9uICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGFsaXN0RGF0YTsgaW5kZXggYXMgaVwiIFt2YWx1ZV09XCJpdGVtLm5hbWVcIj5cbiAgICAgICAgICB7e2l0ZW0uaWRfY2FyZH19IHt7aXRlbS5uYW1lfX1cbiAgICAgICAgPC9vcHRpb24+XG4gICAgICA8L2RhdGFsaXN0PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9kYXRhbGlzdC5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRGF0YWxpc3RDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIGRhdGFsaXN0SWQhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRhdGFsaXN0RGF0YSE6IGFueVtdO1xuICBASW5wdXQoKSBwbGFjZUhvbGRlciE6IHN0cmluZztcbiAgQElucHV0KCkgdmFsaWRhdGVUZXh0ITogc3RyaW5nO1xuICBASW5wdXQoKSBpbml0YWxEYXRhITogc3RyaW5nO1xuICBASW5wdXQoKSBkaXNhYmxlZFNlbDpib29sZWFuID0gZmFsc2U7XG5cblxuICBAT3V0cHV0KCkgaXNDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgZm9ybUNvbnRyb2whOiBGb3JtR3JvdXA7XG4gIGNsaWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcihmYjogRm9ybUJ1aWxkZXIpIHtcbiAgICB0aGlzLmZvcm1Db250cm9sID0gZmIuZ3JvdXAoe1xuICAgICAgZGF0YUxpc3RDb250cm9sOiBbJycsIFtWYWxpZGF0b3JzLnJlcXVpcmVkXV0sXG4gICAgfSk7XG4gICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYodGhpcy5pbml0YWxEYXRhICE9IG51bGwpIHtcbiAgICAgIHRoaXMuZm9ybUNvbnRyb2wuY29udHJvbHNbJ2RhdGFMaXN0Q29udHJvbCddLnNldFZhbHVlKHRoaXMuaW5pdGFsRGF0YSk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzWydpbml0aWFsRGF0YSddKSB7XG4gICAgfVxuICB9XG5cbiAgb3B0aW9uQ2hhbmdlZChldmVudDogYW55KSB7XG4gICAgbGV0IHNlbGVjdE9wdGlvbiA9IHRoaXMuZGF0YWxpc3REYXRhLmZpbmQoZWxlbWVudCA9PiAgZWxlbWVudC5uYW1lID09IGV2ZW50LnRhcmdldC52YWx1ZSk7XG5cbiAgICBpZiAodHlwZW9mKHNlbGVjdE9wdGlvbikgIT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgIHRoaXMuaXNDaGFuZ2VkLmVtaXQoc2VsZWN0T3B0aW9uLmNvZGUpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmlzQ2hhbmdlZC5lbWl0KCctMScpO1xuICAgICAgdGhpcy5mb3JtQ29udHJvbC5jb250cm9sc1snZGF0YUxpc3RDb250cm9sJ10udmFsdWUoJycpO1xuICAgIH1cbiAgfVxuXG4gIGNsaWNrKHZhbHVlOiBNb3VzZUV2ZW50KSB7XG4gICAgdGhpcy5jbGlja2VkID0gdmFsdWUuaXNUcnVzdGVkO1xuICB9XG5cbiAgc2V0RGF0YUxpc3RWYWx1ZSgpIHtcbiAgICBsZXQgc2VsZWN0T3B0aW9uID0gdGhpcy5kYXRhbGlzdERhdGEuZmluZChlbGVtZW50ID0+ICBlbGVtZW50LmNvZGUgPT0gdGhpcy5pbml0YWxEYXRhKTtcbiAgICBpZiAodHlwZW9mKHNlbGVjdE9wdGlvbikgIT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgIHJldHVybiBzZWxlY3RPcHRpb24udmFsdWU7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiAnJztcbiAgICB9XG5cbiAgfSAgXG5cbiAgcHVibGljIGdldCBsYWJlbENsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuY2xpY2tlZCA9PT0gZmFsc2UgPyAnbGFiZWwnIDogJ2xhYmVsVXAnO1xuICB9XG59XG4iXX0=
|
|
@@ -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 }}">
|