@sd-angular/core 0.0.980 → 0.0.984
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/bundles/sd-angular-core-select.umd.js +201 -130
- package/bundles/sd-angular-core-select.umd.js.map +1 -1
- package/bundles/sd-angular-core-select.umd.min.js +2 -2
- package/bundles/sd-angular-core-select.umd.min.js.map +1 -1
- package/esm2015/select/src/lib/select.component.js +184 -107
- package/fesm2015/sd-angular-core-select.js +184 -108
- package/fesm2015/sd-angular-core-select.js.map +1 -1
- package/package.json +1 -1
- package/{sd-angular-core-0.0.980.tgz → sd-angular-core-0.0.984.tgz} +0 -0
- package/select/sd-angular-core-select.metadata.json +1 -1
- package/select/src/lib/select.component.d.ts +3 -2
|
@@ -320,12 +320,13 @@
|
|
|
320
320
|
{ type: core.TemplateRef }
|
|
321
321
|
]; };
|
|
322
322
|
|
|
323
|
-
var _name, _form, _model, _items, _currentItems, _allItem, _delay, _validator, _updateValidator, _loadItems, _onChange, _customValidator;
|
|
323
|
+
var _input, _name, _form, _model, _selectedItem, _selectedItems, _items, _currentItems, _allItem, _delay, _validator, _updateValidator, _search, _loadItems, _onChange, _customValidator;
|
|
324
324
|
var SdSelect = /** @class */ (function () {
|
|
325
325
|
function SdSelect(ref, utilityService) {
|
|
326
326
|
var _this = this;
|
|
327
327
|
this.ref = ref;
|
|
328
328
|
this.utilityService = utilityService;
|
|
329
|
+
_input.set(this, void 0);
|
|
329
330
|
_name.set(this, uuid.v4());
|
|
330
331
|
this.disableErrorMessage = false;
|
|
331
332
|
this.formControl = new forms.FormControl();
|
|
@@ -333,6 +334,8 @@
|
|
|
333
334
|
_form.set(this, void 0);
|
|
334
335
|
_model.set(this, void 0);
|
|
335
336
|
// Items
|
|
337
|
+
_selectedItem.set(this, void 0);
|
|
338
|
+
_selectedItems.set(this, []);
|
|
336
339
|
_items.set(this, []);
|
|
337
340
|
_currentItems.set(this, []);
|
|
338
341
|
_allItem.set(this, {});
|
|
@@ -365,8 +368,23 @@
|
|
|
365
368
|
_this.formControl.setAsyncValidators(asyncValidators);
|
|
366
369
|
_this.formControl.updateValueAndValidity();
|
|
367
370
|
});
|
|
371
|
+
_search.set(this, function (value, items) { return __awaiter(_this, void 0, void 0, function () {
|
|
372
|
+
var results;
|
|
373
|
+
var _this = this;
|
|
374
|
+
return __generator(this, function (_c) {
|
|
375
|
+
switch (_c.label) {
|
|
376
|
+
case 0: return [4 /*yield*/, items(value).catch(function () { return []; })];
|
|
377
|
+
case 1:
|
|
378
|
+
results = _c.sent();
|
|
379
|
+
if (Array.isArray(value)) {
|
|
380
|
+
return [2 /*return*/, results.filter(function (e) { return !!e && (value.includes(e) || value.includes(e[_this.valueField])); })];
|
|
381
|
+
}
|
|
382
|
+
return [2 /*return*/, results.filter(function (e) { return !!e && (e === value || e[_this.valueField] === value); })];
|
|
383
|
+
}
|
|
384
|
+
});
|
|
385
|
+
}); });
|
|
368
386
|
_loadItems.set(this, function (searchText, items) { return __awaiter(_this, void 0, void 0, function () {
|
|
369
|
-
var results,
|
|
387
|
+
var _a, results, objItem, values;
|
|
370
388
|
var _this = this;
|
|
371
389
|
return __generator(this, function (_c) {
|
|
372
390
|
switch (_c.label) {
|
|
@@ -375,32 +393,31 @@
|
|
|
375
393
|
return [4 /*yield*/, items(searchText).finally(function () { return _this.loading = false; })];
|
|
376
394
|
case 1:
|
|
377
395
|
results = _c.sent();
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
if (
|
|
392
|
-
results.push(__classPrivateFieldGet(_this, _allItem)[val]);
|
|
393
|
-
}
|
|
394
|
-
else {
|
|
396
|
+
objItem = this.valueField ? this.utilityService.arrayToObject(results, this.valueField) : results.forEach(function (item) { return objItem[item === null || item === void 0 ? void 0 : item.toString()] = item; });
|
|
397
|
+
Object.assign(__classPrivateFieldGet(this, _allItem), objItem);
|
|
398
|
+
if (!((_a = this.formControl.value) === null || _a === void 0 ? void 0 : _a.toString())) {
|
|
399
|
+
return [2 /*return*/, results];
|
|
400
|
+
}
|
|
401
|
+
values = Array.isArray(this.formControl.value) ? this.formControl.value : [this.formControl.value];
|
|
402
|
+
values.forEach(function (val) {
|
|
403
|
+
var _c;
|
|
404
|
+
if (!objItem[val]) {
|
|
405
|
+
if (__classPrivateFieldGet(_this, _allItem)[val]) {
|
|
406
|
+
results.push(__classPrivateFieldGet(_this, _allItem)[val]);
|
|
407
|
+
}
|
|
408
|
+
else {
|
|
409
|
+
if (_this.valueField && _this.displayField) {
|
|
395
410
|
results.push((_c = {},
|
|
396
411
|
_c[_this.valueField] = val,
|
|
397
412
|
_c[_this.displayField] = val,
|
|
398
413
|
_c));
|
|
399
414
|
}
|
|
415
|
+
else {
|
|
416
|
+
results.push(val);
|
|
417
|
+
}
|
|
400
418
|
}
|
|
401
|
-
}
|
|
402
|
-
}
|
|
403
|
-
this.ref.detectChanges();
|
|
419
|
+
}
|
|
420
|
+
});
|
|
404
421
|
return [2 /*return*/, results];
|
|
405
422
|
}
|
|
406
423
|
});
|
|
@@ -427,11 +444,12 @@
|
|
|
427
444
|
if (_this.dataType === 'number' && value.every(function (val) { return Number.isNumber(val); })) {
|
|
428
445
|
vals_1 = value.map(function (e) { return +e; });
|
|
429
446
|
}
|
|
447
|
+
__classPrivateFieldSet(_this, _selectedItems, (_a = __classPrivateFieldGet(_this, _currentItems)) === null || _a === void 0 ? void 0 : _a.filter(function (e) { return vals_1.some(function (e1) { var _a; return (e1 === null || e1 === void 0 ? void 0 : e1.toString()) === ((_a = e === null || e === void 0 ? void 0 : e[_this.valueField]) === null || _a === void 0 ? void 0 : _a.toString()); }); }));
|
|
430
448
|
_this.modelChange.emit(vals_1);
|
|
431
449
|
_this.sdChange.emit(vals_1);
|
|
432
450
|
_this.sdSelection.emit({
|
|
433
451
|
value: vals_1,
|
|
434
|
-
items:
|
|
452
|
+
items: __classPrivateFieldGet(_this, _selectedItems)
|
|
435
453
|
});
|
|
436
454
|
}
|
|
437
455
|
else {
|
|
@@ -450,11 +468,12 @@
|
|
|
450
468
|
val_1 = !!value;
|
|
451
469
|
}
|
|
452
470
|
}
|
|
471
|
+
__classPrivateFieldSet(_this, _selectedItem, (_b = __classPrivateFieldGet(_this, _currentItems)) === null || _b === void 0 ? void 0 : _b.find(function (e) { var _a; return (val_1 === null || val_1 === void 0 ? void 0 : val_1.toString()) === ((_a = e === null || e === void 0 ? void 0 : e[_this.valueField]) === null || _a === void 0 ? void 0 : _a.toString()); }));
|
|
453
472
|
_this.modelChange.emit(val_1);
|
|
454
473
|
_this.sdChange.emit(val_1);
|
|
455
474
|
_this.sdSelection.emit({
|
|
456
475
|
value: val_1,
|
|
457
|
-
item:
|
|
476
|
+
item: __classPrivateFieldGet(_this, _selectedItem)
|
|
458
477
|
});
|
|
459
478
|
}
|
|
460
479
|
});
|
|
@@ -512,13 +531,23 @@
|
|
|
512
531
|
});
|
|
513
532
|
this.onOpenChange = function (isOpened) {
|
|
514
533
|
if (isOpened) {
|
|
515
|
-
if (_this
|
|
516
|
-
_this.
|
|
534
|
+
if (__classPrivateFieldGet(_this, _input)) {
|
|
535
|
+
__classPrivateFieldGet(_this, _input).value = null;
|
|
517
536
|
}
|
|
518
537
|
_this.searchTerm$.next('');
|
|
519
538
|
}
|
|
520
539
|
};
|
|
521
540
|
}
|
|
541
|
+
Object.defineProperty(SdSelect.prototype, "input", {
|
|
542
|
+
set: function (input) {
|
|
543
|
+
if (__classPrivateFieldGet(this, _input) !== input) {
|
|
544
|
+
__classPrivateFieldSet(this, _input, input);
|
|
545
|
+
__classPrivateFieldGet(this, _input).value = null;
|
|
546
|
+
}
|
|
547
|
+
},
|
|
548
|
+
enumerable: false,
|
|
549
|
+
configurable: true
|
|
550
|
+
});
|
|
522
551
|
Object.defineProperty(SdSelect.prototype, "name", {
|
|
523
552
|
set: function (val) {
|
|
524
553
|
if (val) {
|
|
@@ -676,121 +705,163 @@
|
|
|
676
705
|
});
|
|
677
706
|
SdSelect.prototype.ngOnInit = function () {
|
|
678
707
|
var _this = this;
|
|
679
|
-
this.
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
708
|
+
this.display = rxjs.combineLatest([this.allItems, this.formControl.valueChanges]).pipe(operators.startWith([[], this.formControl.value]), operators.map(function (_c) {
|
|
709
|
+
var _d = __read(_c, 2), items = _d[0], formValue = _d[1];
|
|
710
|
+
var isArray = Array.isArray(formValue);
|
|
711
|
+
if (!_this.valueField || !_this.displayField) {
|
|
712
|
+
return isArray ? formValue === null || formValue === void 0 ? void 0 : formValue.join(', ') : formValue;
|
|
713
|
+
}
|
|
714
|
+
return items.filter(function (e) { return isArray ? formValue.includes(e[_this.valueField]) : formValue === e[_this.valueField]; })
|
|
715
|
+
.map(function (e) { var _a; return (_a = e[_this.displayField]) === null || _a === void 0 ? void 0 : _a.toString(); })
|
|
716
|
+
.join(', ');
|
|
717
|
+
}));
|
|
718
|
+
this.filteredItems = this.allItems.pipe(operators.map(function (allItems) {
|
|
719
|
+
return allItems.filter(function (item, index) { return index < _this.limit; });
|
|
720
|
+
}));
|
|
721
|
+
this.allItems = this.searchTerm$.asObservable().pipe(operators.startWith(''), operators.debounceTime(typeof (__classPrivateFieldGet(this, _items)) === 'function' ? __classPrivateFieldGet(this, _delay) : 0), operators.switchMap(function (val) { return __awaiter(_this, void 0, void 0, function () {
|
|
722
|
+
var changeAliasLowerCase, searchText, formValue, isArray, hasFields;
|
|
683
723
|
var _this = this;
|
|
684
724
|
return __generator(this, function (_c) {
|
|
685
725
|
switch (_c.label) {
|
|
686
726
|
case 0:
|
|
687
727
|
if (!(typeof (__classPrivateFieldGet(this, _items)) === 'function')) return [3 /*break*/, 2];
|
|
688
728
|
return [4 /*yield*/, __classPrivateFieldGet(this, _loadItems).call(this, val, __classPrivateFieldGet(this, _items))];
|
|
689
|
-
case 1:
|
|
690
|
-
items = _c.sent();
|
|
691
|
-
__classPrivateFieldSet(this, _currentItems, items.filter(function (item, index) {
|
|
692
|
-
var _a;
|
|
693
|
-
var formValue = _this.formControl.value;
|
|
694
|
-
var value = (item === null || item === void 0 ? void 0 : item.toString()) || '';
|
|
695
|
-
if (_this.valueField && _this.displayField) {
|
|
696
|
-
value = ((_a = item[_this.valueField]) === null || _a === void 0 ? void 0 : _a.toString()) || '';
|
|
697
|
-
}
|
|
698
|
-
return (Array.isArray(formValue) ? formValue.some(function (e) { return (e === null || e === void 0 ? void 0 : e.toString()) === value; }) : (formValue === null || formValue === void 0 ? void 0 : formValue.toString()) === value)
|
|
699
|
-
|| index < _this.limit;
|
|
700
|
-
}));
|
|
701
|
-
return [2 /*return*/, __classPrivateFieldGet(this, _currentItems).map(function (e) {
|
|
702
|
-
var _c;
|
|
703
|
-
var _a;
|
|
704
|
-
if (_this.valueField && _this.displayField) {
|
|
705
|
-
return Object.assign(Object.assign({}, e), (_c = {}, _c["" + _this.valueField] = (_a = e[_this.valueField]) === null || _a === void 0 ? void 0 : _a.toString(), _c));
|
|
706
|
-
}
|
|
707
|
-
return e === null || e === void 0 ? void 0 : e.toString();
|
|
708
|
-
})];
|
|
729
|
+
case 1: return [2 /*return*/, _c.sent()];
|
|
709
730
|
case 2:
|
|
710
731
|
changeAliasLowerCase = this.utilityService.changeAliasLowerCase;
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
var
|
|
717
|
-
var
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
return (Array.isArray(formValue) ? formValue.some(function (e) { return (e === null || e === void 0 ? void 0 : e.toString()) === value_2; }) : (formValue === null || formValue === void 0 ? void 0 : formValue.toString()) === value_2)
|
|
725
|
-
|| changeAliasLowerCase(value_2).indexOf(searchText) !== -1;
|
|
726
|
-
}
|
|
727
|
-
}).filter(function (item, index) {
|
|
728
|
-
var _a;
|
|
729
|
-
var formValue = _this.formControl.value;
|
|
730
|
-
var value = (item === null || item === void 0 ? void 0 : item.toString()) || '';
|
|
731
|
-
if (_this.valueField && _this.displayField) {
|
|
732
|
-
value = ((_a = item[_this.valueField]) === null || _a === void 0 ? void 0 : _a.toString()) || '';
|
|
733
|
-
}
|
|
734
|
-
return (Array.isArray(formValue) ? formValue.some(function (e) { return (e === null || e === void 0 ? void 0 : e.toString()) === value; }) : (formValue === null || formValue === void 0 ? void 0 : formValue.toString()) === value)
|
|
735
|
-
|| index < _this.limit;
|
|
736
|
-
}));
|
|
737
|
-
return [2 /*return*/, __classPrivateFieldGet(this, _currentItems).map(function (e) {
|
|
738
|
-
var _c;
|
|
739
|
-
var _a;
|
|
740
|
-
if (_this.valueField && _this.displayField) {
|
|
741
|
-
return Object.assign(Object.assign({}, e), (_c = {}, _c["" + _this.valueField] = (_a = e[_this.valueField]) === null || _a === void 0 ? void 0 : _a.toString(), _c));
|
|
732
|
+
searchText = changeAliasLowerCase(val);
|
|
733
|
+
formValue = this.formControl.value;
|
|
734
|
+
isArray = Array.isArray(formValue);
|
|
735
|
+
hasFields = !!this.valueField && !!this.displayField;
|
|
736
|
+
return [2 /*return*/, __classPrivateFieldGet(this, _items).filter(function (item) {
|
|
737
|
+
var _a, _b;
|
|
738
|
+
var value = hasFields ? (_a = item[_this.valueField]) === null || _a === void 0 ? void 0 : _a.toString() : (item === null || item === void 0 ? void 0 : item.toString()) || '';
|
|
739
|
+
var display = hasFields ? (_b = item[_this.displayField]) === null || _b === void 0 ? void 0 : _b.toString() : (item === null || item === void 0 ? void 0 : item.toString()) || '';
|
|
740
|
+
if (changeAliasLowerCase(value).includes(searchText) || changeAliasLowerCase(display).includes(searchText)) {
|
|
741
|
+
return true;
|
|
742
|
+
}
|
|
743
|
+
if (isArray) {
|
|
744
|
+
return formValue.some(function (e) { return (e === null || e === void 0 ? void 0 : e.toString()) === value; });
|
|
742
745
|
}
|
|
743
|
-
return
|
|
746
|
+
return (formValue === null || formValue === void 0 ? void 0 : formValue.toString()) === value;
|
|
747
|
+
}).sort(function (a, b) {
|
|
748
|
+
var _a, _b;
|
|
749
|
+
var value1 = hasFields ? (_a = a[_this.valueField]) === null || _a === void 0 ? void 0 : _a.toString() : (a === null || a === void 0 ? void 0 : a.toString()) || '';
|
|
750
|
+
var value2 = hasFields ? (_b = b[_this.valueField]) === null || _b === void 0 ? void 0 : _b.toString() : (b === null || b === void 0 ? void 0 : b.toString()) || '';
|
|
751
|
+
if (isArray) {
|
|
752
|
+
var t1_1 = formValue.some(function (e) { return (e === null || e === void 0 ? void 0 : e.toString()) === value1; });
|
|
753
|
+
var t2_1 = formValue.some(function (e) { return (e === null || e === void 0 ? void 0 : e.toString()) === value2; });
|
|
754
|
+
if (t1_1 && !t2_1) {
|
|
755
|
+
return -1;
|
|
756
|
+
}
|
|
757
|
+
if (!t1_1 && t2_1) {
|
|
758
|
+
return 1;
|
|
759
|
+
}
|
|
760
|
+
return 0;
|
|
761
|
+
}
|
|
762
|
+
var t1 = (formValue === null || formValue === void 0 ? void 0 : formValue.toString()) === value1;
|
|
763
|
+
var t2 = (formValue === null || formValue === void 0 ? void 0 : formValue.toString()) === value2;
|
|
764
|
+
if (t1 && !t2) {
|
|
765
|
+
return -1;
|
|
766
|
+
}
|
|
767
|
+
if (!t1 && t2) {
|
|
768
|
+
return 1;
|
|
769
|
+
}
|
|
770
|
+
return 0;
|
|
744
771
|
})];
|
|
745
772
|
}
|
|
746
773
|
});
|
|
747
774
|
}); }));
|
|
748
|
-
this.
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
766
|
-
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
775
|
+
// this.filteredItems = this.searchTerm$.asObservable().pipe(
|
|
776
|
+
// startWith(''),
|
|
777
|
+
// debounceTime(typeof (this.#items) === 'function' ? this.#delay : 0),
|
|
778
|
+
// // distinctUntilChanged(), Dùng sẽ gây ra bug khi items changes
|
|
779
|
+
// switchMap(async (val: string) => {
|
|
780
|
+
// if (typeof (this.#items) === 'function') {
|
|
781
|
+
// const items = await this.#loadItems(val, this.#items);
|
|
782
|
+
// this.#currentItems = items.filter((item, index) => {
|
|
783
|
+
// const formValue: any | any[] = this.formControl.value;
|
|
784
|
+
// let value = item?.toString() || '';
|
|
785
|
+
// if (this.valueField && this.displayField) {
|
|
786
|
+
// value = item[this.valueField]?.toString() || '';
|
|
787
|
+
// }
|
|
788
|
+
// return (Array.isArray(formValue) ? formValue.some(e => e?.toString() === value) : formValue?.toString() === value)
|
|
789
|
+
// || index < this.limit;
|
|
790
|
+
// });
|
|
791
|
+
// return this.#currentItems.map(e => {
|
|
792
|
+
// if (this.valueField && this.displayField) {
|
|
793
|
+
// return {
|
|
794
|
+
// ...e,
|
|
795
|
+
// [`${this.valueField}`]: e[this.valueField]?.toString()
|
|
796
|
+
// };
|
|
797
|
+
// }
|
|
798
|
+
// return e?.toString();
|
|
799
|
+
// });
|
|
800
|
+
// }
|
|
801
|
+
// const { changeAliasLowerCase } = this.utilityService;
|
|
802
|
+
// this.#currentItems = this.#items.filter(item => {
|
|
803
|
+
// const searchText = changeAliasLowerCase(val);
|
|
804
|
+
// const formValue: any | any[] = this.formControl.value;
|
|
805
|
+
// if (this.valueField && this.displayField) {
|
|
806
|
+
// const value = item[this.valueField]?.toString() || '';
|
|
807
|
+
// const display = item[this.displayField]?.toString() || '';
|
|
808
|
+
// return (Array.isArray(formValue) ? formValue.some(e => e?.toString() === value) : formValue?.toString() === value)
|
|
809
|
+
// || changeAliasLowerCase(value).indexOf(searchText) !== -1
|
|
810
|
+
// || changeAliasLowerCase(display).indexOf(searchText) !== -1;
|
|
811
|
+
// } else {
|
|
812
|
+
// const value = item?.toString() || '';
|
|
813
|
+
// return (Array.isArray(formValue) ? formValue.some(e => e?.toString() === value) : formValue?.toString() === value)
|
|
814
|
+
// || changeAliasLowerCase(value).indexOf(searchText) !== -1;
|
|
815
|
+
// }
|
|
816
|
+
// }).filter((item, index) => {
|
|
817
|
+
// const formValue: any | any[] = this.formControl.value;
|
|
818
|
+
// let value = item?.toString() || '';
|
|
819
|
+
// if (this.valueField && this.displayField) {
|
|
820
|
+
// value = item[this.valueField]?.toString() || '';
|
|
821
|
+
// }
|
|
822
|
+
// return (Array.isArray(formValue) ? formValue.some(e => e?.toString() === value) : formValue?.toString() === value)
|
|
823
|
+
// || index < this.limit;
|
|
824
|
+
// });
|
|
825
|
+
// return this.#currentItems.map(e => {
|
|
826
|
+
// if (this.valueField && this.displayField) {
|
|
827
|
+
// return {
|
|
828
|
+
// ...e,
|
|
829
|
+
// [`${this.valueField}`]: e[this.valueField]?.toString()
|
|
830
|
+
// };
|
|
831
|
+
// }
|
|
832
|
+
// return e?.toString();
|
|
833
|
+
// });
|
|
834
|
+
// })
|
|
835
|
+
// );
|
|
836
|
+
// this.display = this.formControl.valueChanges.pipe(map(formValue => {
|
|
837
|
+
// if (!this.displayField) {
|
|
838
|
+
// return Array.isArray(formValue) ? formValue?.join(', ') : formValue;
|
|
839
|
+
// }
|
|
840
|
+
// if (Array.isArray(formValue)) {
|
|
841
|
+
// if (!formValue.length) {
|
|
842
|
+
// return '';
|
|
843
|
+
// }
|
|
844
|
+
// return this.#selectedItems.map(e => e[this.displayField]?.toString()).join(', ');
|
|
845
|
+
// } else {
|
|
846
|
+
// const value = formValue?.toString() || '';
|
|
847
|
+
// if (!value) {
|
|
848
|
+
// return '';
|
|
849
|
+
// }
|
|
850
|
+
// return this.#selectedItem[this.displayField]?.toString();
|
|
851
|
+
// }
|
|
852
|
+
// }));
|
|
853
|
+
// this.display = combineLatest([this.allItems, this.formControl.valueChanges]).pipe(
|
|
854
|
+
// startWith([[], this.formControl.value]),
|
|
855
|
+
// map(([items, formValue]) => {
|
|
856
|
+
// const isArray = Array.isArray(formValue);
|
|
857
|
+
// if (!this.valueField || !this.displayField) {
|
|
858
|
+
// return isArray ? formValue?.join(', ') : formValue;
|
|
859
|
+
// }
|
|
860
|
+
// return items.filter(e => isArray ? formValue.includes(e[this.valueField]) : formValue === e[this.valueField])
|
|
861
|
+
// .map(e => e[this.displayField]?.toString())
|
|
862
|
+
// .join(', ');
|
|
863
|
+
// }),
|
|
864
|
+
// )
|
|
794
865
|
};
|
|
795
866
|
SdSelect.prototype.ngAfterViewInit = function () {
|
|
796
867
|
var _a;
|
|
@@ -811,7 +882,7 @@
|
|
|
811
882
|
};
|
|
812
883
|
return SdSelect;
|
|
813
884
|
}());
|
|
814
|
-
_name = new WeakMap(), _form = new WeakMap(), _model = new WeakMap(), _items = new WeakMap(), _currentItems = new WeakMap(), _allItem = new WeakMap(), _delay = new WeakMap(), _validator = new WeakMap(), _updateValidator = new WeakMap(), _loadItems = new WeakMap(), _onChange = new WeakMap(), _customValidator = new WeakMap();
|
|
885
|
+
_input = new WeakMap(), _name = new WeakMap(), _form = new WeakMap(), _model = new WeakMap(), _selectedItem = new WeakMap(), _selectedItems = new WeakMap(), _items = new WeakMap(), _currentItems = new WeakMap(), _allItem = new WeakMap(), _delay = new WeakMap(), _validator = new WeakMap(), _updateValidator = new WeakMap(), _search = new WeakMap(), _loadItems = new WeakMap(), _onChange = new WeakMap(), _customValidator = new WeakMap();
|
|
815
886
|
SdSelect.decorators = [
|
|
816
887
|
{ type: core.Component, args: [{
|
|
817
888
|
selector: 'sd-select',
|
|
@@ -825,7 +896,7 @@
|
|
|
825
896
|
{ type: utility.SdUtilityService }
|
|
826
897
|
]; };
|
|
827
898
|
SdSelect.propDecorators = {
|
|
828
|
-
input: [{ type: core.ViewChild, args: [
|
|
899
|
+
input: [{ type: core.ViewChild, args: [input.MatInput,] }],
|
|
829
900
|
select: [{ type: core.ViewChild, args: ['select',] }],
|
|
830
901
|
name: [{ type: core.Input }],
|
|
831
902
|
_disableErrorMessage: [{ type: core.Input, args: ['disableErrorMessage',] }],
|