@eui/ecl 15.0.0-rc.20 → 15.0.0-rc.21
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/docs/dependencies.html +2 -2
- package/docs/js/search/search_index.js +2 -2
- package/esm2020/lib/components/ecl-multiselect/ecl-multiselect.component.mjs +17 -14
- package/fesm2015/eui-ecl.mjs +16 -13
- package/fesm2015/eui-ecl.mjs.map +1 -1
- package/fesm2020/eui-ecl.mjs +16 -13
- package/fesm2020/eui-ecl.mjs.map +1 -1
- package/lib/components/ecl-multiselect/ecl-multiselect.component.d.ts +1 -1
- package/lib/components/ecl-multiselect/ecl-multiselect.component.d.ts.map +1 -1
- package/package.json +1 -1
package/fesm2020/eui-ecl.mjs
CHANGED
|
@@ -8605,7 +8605,7 @@ class EclMultiselectComponent extends ECLBaseDirective {
|
|
|
8605
8605
|
this.multiSelectOptions = [];
|
|
8606
8606
|
this.selectedValues = [];
|
|
8607
8607
|
this.destroy$ = new Subject();
|
|
8608
|
-
this.
|
|
8608
|
+
this.noResultsFoundText = 'No results found';
|
|
8609
8609
|
this.CLASS_NO_RESULTS_FOUND = 'ecl-select__multiple-no-results';
|
|
8610
8610
|
this.propagateChange = (_) => {
|
|
8611
8611
|
};
|
|
@@ -8721,9 +8721,9 @@ class EclMultiselectComponent extends ECLBaseDirective {
|
|
|
8721
8721
|
}
|
|
8722
8722
|
createNoResultsFound() {
|
|
8723
8723
|
const noResultsDiv = document.createElement('div');
|
|
8724
|
-
noResultsDiv.classList.add(
|
|
8724
|
+
noResultsDiv.classList.add(this.CLASS_NO_RESULTS_FOUND);
|
|
8725
8725
|
const textSpan = document.createElement('span');
|
|
8726
|
-
textSpan.innerHTML = this.
|
|
8726
|
+
textSpan.innerHTML = this.noResultsFoundText;
|
|
8727
8727
|
noResultsDiv.appendChild(textSpan);
|
|
8728
8728
|
return noResultsDiv;
|
|
8729
8729
|
}
|
|
@@ -8911,6 +8911,7 @@ class EclMultiselectComponent extends ECLBaseDirective {
|
|
|
8911
8911
|
});
|
|
8912
8912
|
this.selectedValues = selectedElementsValuesArray;
|
|
8913
8913
|
this.multiSelectInput.value = selectedElementsArray.join(',');
|
|
8914
|
+
this.eclChange.emit(this.selectedValues);
|
|
8914
8915
|
this.propagateChange(this.selectedValues);
|
|
8915
8916
|
}
|
|
8916
8917
|
createIconComponent() {
|
|
@@ -8935,15 +8936,17 @@ class EclMultiselectComponent extends ECLBaseDirective {
|
|
|
8935
8936
|
item.style.display = 'flex';
|
|
8936
8937
|
});
|
|
8937
8938
|
}
|
|
8938
|
-
|
|
8939
|
-
|
|
8940
|
-
item.
|
|
8941
|
-
|
|
8942
|
-
|
|
8943
|
-
|
|
8944
|
-
|
|
8945
|
-
|
|
8946
|
-
|
|
8939
|
+
else {
|
|
8940
|
+
this.multiSelectOptions.forEach(item => {
|
|
8941
|
+
if (item.textContent.toLowerCase().indexOf(keyword.toLowerCase()) < 0) {
|
|
8942
|
+
item.style.display = 'none';
|
|
8943
|
+
}
|
|
8944
|
+
else {
|
|
8945
|
+
isMatchFound = true;
|
|
8946
|
+
item.style.display = 'flex';
|
|
8947
|
+
}
|
|
8948
|
+
});
|
|
8949
|
+
}
|
|
8947
8950
|
const noResultsFoundExists = this.multiDropdown.lastChild.classList.contains(this.CLASS_NO_RESULTS_FOUND);
|
|
8948
8951
|
if (!isMatchFound && !noResultsFoundExists) {
|
|
8949
8952
|
this.multiDropdown.appendChild(this.noResultsFound);
|
|
@@ -8974,7 +8977,7 @@ class EclMultiselectComponent extends ECLBaseDirective {
|
|
|
8974
8977
|
this.translate
|
|
8975
8978
|
.stream([SELECT_ALL_KEY, NO_RESULTS_FOUND_KEY])
|
|
8976
8979
|
.pipe(takeUntil(this.destroy$)).subscribe((translation) => {
|
|
8977
|
-
this.
|
|
8980
|
+
this.noResultsFoundText = translation[NO_RESULTS_FOUND_KEY];
|
|
8978
8981
|
if (this.checkboxLabel) {
|
|
8979
8982
|
this.checkboxLabel.lastElementChild.textContent = translation[SELECT_ALL_KEY];
|
|
8980
8983
|
}
|