@syncfusion/ej2-dropdowns 20.2.36 → 20.2.40
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/CHANGELOG.md +16 -0
- package/dist/ej2-dropdowns.umd.min.js +2 -2
- package/dist/ej2-dropdowns.umd.min.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es2015.js +40 -6
- package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es5.js +40 -6
- package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
- package/dist/global/ej2-dropdowns.min.js +2 -2
- package/dist/global/ej2-dropdowns.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +11 -11
- package/src/drop-down-list/drop-down-list.js +22 -1
- package/src/drop-down-tree/drop-down-tree.js +2 -1
- package/src/list-box/list-box.js +13 -1
- package/src/multi-select/multi-select.js +3 -3
- package/styles/bootstrap-dark.css +33 -11
- package/styles/bootstrap.css +33 -11
- package/styles/bootstrap4.css +33 -11
- package/styles/bootstrap5-dark.css +34 -12
- package/styles/bootstrap5.css +34 -12
- package/styles/fabric-dark.css +33 -11
- package/styles/fabric.css +33 -11
- package/styles/fluent-dark.css +37 -15
- package/styles/fluent.css +34 -12
- package/styles/highcontrast-light.css +33 -11
- package/styles/highcontrast.css +33 -11
- package/styles/list-box/_bootstrap5-definition.scss +0 -2
- package/styles/list-box/_fluent-definition.scss +0 -2
- package/styles/list-box/_layout.scss +9 -0
- package/styles/list-box/_tailwind-definition.scss +0 -2
- package/styles/list-box/_theme.scss +23 -10
- package/styles/list-box/bootstrap-dark.css +33 -11
- package/styles/list-box/bootstrap.css +33 -11
- package/styles/list-box/bootstrap4.css +33 -11
- package/styles/list-box/bootstrap5-dark.css +34 -12
- package/styles/list-box/bootstrap5.css +34 -12
- package/styles/list-box/fabric-dark.css +33 -11
- package/styles/list-box/fabric.css +33 -11
- package/styles/list-box/fluent-dark.css +37 -15
- package/styles/list-box/fluent.css +34 -12
- package/styles/list-box/highcontrast-light.css +33 -11
- package/styles/list-box/highcontrast.css +33 -11
- package/styles/list-box/material-dark.css +33 -11
- package/styles/list-box/material.css +33 -11
- package/styles/list-box/tailwind-dark.css +34 -12
- package/styles/list-box/tailwind.css +34 -12
- package/styles/material-dark.css +33 -11
- package/styles/material.css +33 -11
- package/styles/tailwind-dark.css +34 -12
- package/styles/tailwind.css +34 -12
|
@@ -2959,7 +2959,6 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
|
|
|
2959
2959
|
this.initial = true;
|
|
2960
2960
|
this.activeIndex = this.index;
|
|
2961
2961
|
this.initRemoteRender = false;
|
|
2962
|
-
this.initial = false;
|
|
2963
2962
|
if (this.value && this.dataSource instanceof DataManager) {
|
|
2964
2963
|
var checkField_1 = isNullOrUndefined(this.fields.value) ? this.fields.text : this.fields.value;
|
|
2965
2964
|
var checkVal = list.some(function (x) { return x[checkField_1] === _this.value; });
|
|
@@ -2982,6 +2981,28 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
|
|
|
2982
2981
|
else {
|
|
2983
2982
|
this.updateValues();
|
|
2984
2983
|
}
|
|
2984
|
+
this.initial = false;
|
|
2985
|
+
}
|
|
2986
|
+
else if (this.getModuleName() === 'autocomplete' && this.value && this.typedString === '' && !(this.dataSource instanceof DataManager)) {
|
|
2987
|
+
var checkFields_1 = this.typeOfData(this.dataSource).typeof === 'string' ? '' : this.fields.value;
|
|
2988
|
+
var checkValue = list.some(function (x) { return x[checkFields_1] === _this.value; });
|
|
2989
|
+
var query = new Query();
|
|
2990
|
+
if (!checkValue) {
|
|
2991
|
+
new DataManager(this.dataSource).executeQuery(query.where(new Predicate(checkFields_1, 'equal', this.value)))
|
|
2992
|
+
.then(function (e) {
|
|
2993
|
+
if (e.result.length > 0) {
|
|
2994
|
+
_this.value = checkFields_1 !== '' ? e.result[0][_this.fields.value].toString() : e.result[0].toString();
|
|
2995
|
+
_this.addItem(e.result, list.length);
|
|
2996
|
+
_this.updateValues();
|
|
2997
|
+
}
|
|
2998
|
+
else {
|
|
2999
|
+
_this.updateValues();
|
|
3000
|
+
}
|
|
3001
|
+
});
|
|
3002
|
+
}
|
|
3003
|
+
else {
|
|
3004
|
+
this.updateValues();
|
|
3005
|
+
}
|
|
2985
3006
|
}
|
|
2986
3007
|
if (this.getModuleName() !== 'autocomplete' && this.isFiltering() && !this.isTyped) {
|
|
2987
3008
|
if (!this.actionCompleteData.isUpdated || ((!this.isCustomFilter
|
|
@@ -6042,7 +6063,8 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
|
|
|
6042
6063
|
}
|
|
6043
6064
|
return 2;
|
|
6044
6065
|
}
|
|
6045
|
-
|
|
6066
|
+
if (isNullOrUndefined(this.fields.dataSource))
|
|
6067
|
+
this.fields.dataSource = [];
|
|
6046
6068
|
for (var i = 0, len = this.fields.dataSource.length; i < len; i++) {
|
|
6047
6069
|
if ((typeof field.child === 'string') && !isNullOrUndefined(getValue(field.child, this.fields.dataSource[i]))) {
|
|
6048
6070
|
return 2;
|
|
@@ -10427,7 +10449,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
|
|
|
10427
10449
|
});
|
|
10428
10450
|
_this.invokeCheckboxSelection(element_1, eve, isClearAll);
|
|
10429
10451
|
}
|
|
10430
|
-
if (_this.hideSelectedItem && _this.fields.groupBy) {
|
|
10452
|
+
if (_this.hideSelectedItem && _this.fields.groupBy && element_1) {
|
|
10431
10453
|
_this.hideGroupItem(value);
|
|
10432
10454
|
}
|
|
10433
10455
|
if (_this.hideSelectedItem && _this.fixedHeaderElement && _this.fields.groupBy && _this.mode !== 'CheckBox' &&
|
|
@@ -11271,7 +11293,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
|
|
|
11271
11293
|
}
|
|
11272
11294
|
};
|
|
11273
11295
|
MultiSelect.prototype.updateDataList = function () {
|
|
11274
|
-
if (this.mainList && this.ulElement) {
|
|
11296
|
+
if (this.mainList && this.ulElement && !(this.isFiltered || this.filterAction || this.targetElement().trim())) {
|
|
11275
11297
|
var isDynamicGroupItemUpdate = this.mainList.childElementCount < this.ulElement.childElementCount;
|
|
11276
11298
|
var isReactTemplateUpdate = ((this.ulElement.childElementCount > 0 && this.ulElement.children[0].childElementCount > 0) && (this.mainList.children[0].childElementCount < this.ulElement.children[0].childElementCount));
|
|
11277
11299
|
var isAngularTemplateUpdate = this.itemTemplate && this.ulElement.childElementCount > 0 && !(this.ulElement.childElementCount < this.mainList.childElementCount) && (this.ulElement.children[0].childElementCount > 0 || (this.fields.groupBy && this.ulElement.children[1] && this.ulElement.children[1].childElementCount > 0));
|
|
@@ -12478,7 +12500,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
|
|
|
12478
12500
|
var mainLiLength = _this.ulElement.querySelectorAll('li.' + 'e-list-item').length;
|
|
12479
12501
|
var liLength = _this.ulElement.querySelectorAll('li.'
|
|
12480
12502
|
+ dropDownBaseClasses.li + '.' + HIDE_LIST).length;
|
|
12481
|
-
if (mainLiLength > 0 && (mainLiLength === liLength) && (liLength === _this.mainData.length)) {
|
|
12503
|
+
if (mainLiLength > 0 && (mainLiLength === liLength) && (liLength === _this.mainData.length) && !(_this.targetElement() !== '' && _this.allowCustomValue)) {
|
|
12482
12504
|
_this.beforePopupOpen = false;
|
|
12483
12505
|
return;
|
|
12484
12506
|
}
|
|
@@ -15020,7 +15042,19 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
15020
15042
|
.filter(function (data) { return data.isHeader !== true; });
|
|
15021
15043
|
tListBox.listData = listData;
|
|
15022
15044
|
tListBox.jsonData = jsonData;
|
|
15023
|
-
|
|
15045
|
+
if (this.listData.length == this.jsonData.length) {
|
|
15046
|
+
fListBox.listData = fListBox.sortedData = fListBox.jsonData = [];
|
|
15047
|
+
}
|
|
15048
|
+
else if (this.allowFiltering) {
|
|
15049
|
+
for (var i = 0; i < fListBox.listData.length; i++) {
|
|
15050
|
+
for (var j = 0; j < fListBox.jsonData.length; j++) {
|
|
15051
|
+
if (fListBox.listData[i] === fListBox.jsonData[j]) {
|
|
15052
|
+
fListBox.jsonData.splice(j, 1);
|
|
15053
|
+
}
|
|
15054
|
+
}
|
|
15055
|
+
}
|
|
15056
|
+
fListBox.listData = fListBox.sortedData = [];
|
|
15057
|
+
}
|
|
15024
15058
|
if (isRefresh) {
|
|
15025
15059
|
var sourceElem = tListBox.renderItems(listData, tListBox.fields);
|
|
15026
15060
|
tListBox.updateListItems(sourceElem, tListBox.ulElement);
|