@syncfusion/ej2-dropdowns 20.1.52 → 20.1.57
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 +28 -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 +27 -10
- package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es5.js +27 -10
- 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-base/drop-down-base.js +1 -1
- package/src/drop-down-list/drop-down-list.js +10 -2
- package/src/drop-down-tree/drop-down-tree.js +9 -7
- package/src/list-box/list-box.js +7 -0
- package/styles/auto-complete/bootstrap-dark.css +5 -14
- package/styles/auto-complete/bootstrap.css +5 -14
- package/styles/auto-complete/bootstrap4.css +5 -13
- package/styles/auto-complete/bootstrap5-dark.css +5 -13
- package/styles/auto-complete/bootstrap5.css +5 -13
- package/styles/auto-complete/fabric-dark.css +5 -12
- package/styles/auto-complete/fabric.css +5 -12
- package/styles/auto-complete/fluent-dark.css +4 -11
- package/styles/auto-complete/fluent.css +4 -11
- package/styles/auto-complete/highcontrast-light.css +3 -23
- package/styles/auto-complete/highcontrast.css +3 -23
- package/styles/auto-complete/material-dark.css +1 -1
- package/styles/auto-complete/material.css +1 -1
- package/styles/auto-complete/tailwind-dark.css +1 -1
- package/styles/auto-complete/tailwind.css +1 -1
- package/styles/bootstrap-dark.css +62 -337
- package/styles/bootstrap.css +62 -337
- package/styles/bootstrap4.css +62 -343
- package/styles/bootstrap5-dark.css +63 -343
- package/styles/bootstrap5.css +63 -343
- package/styles/combo-box/bootstrap-dark.css +5 -14
- package/styles/combo-box/bootstrap.css +5 -14
- package/styles/combo-box/bootstrap4.css +5 -13
- package/styles/combo-box/bootstrap5-dark.css +5 -13
- package/styles/combo-box/bootstrap5.css +5 -13
- package/styles/combo-box/fabric-dark.css +5 -12
- package/styles/combo-box/fabric.css +5 -12
- package/styles/combo-box/fluent-dark.css +4 -11
- package/styles/combo-box/fluent.css +4 -11
- package/styles/combo-box/highcontrast-light.css +3 -23
- package/styles/combo-box/highcontrast.css +3 -23
- package/styles/combo-box/material-dark.css +1 -1
- package/styles/combo-box/material.css +1 -1
- package/styles/combo-box/tailwind-dark.css +1 -1
- package/styles/combo-box/tailwind.css +1 -1
- package/styles/drop-down-base/bootstrap-dark.css +8 -22
- package/styles/drop-down-base/bootstrap.css +8 -22
- package/styles/drop-down-base/bootstrap4.css +8 -22
- package/styles/drop-down-base/bootstrap5-dark.css +8 -22
- package/styles/drop-down-base/bootstrap5.css +8 -22
- package/styles/drop-down-base/fabric-dark.css +8 -22
- package/styles/drop-down-base/fabric.css +8 -22
- package/styles/drop-down-base/fluent-dark.css +8 -22
- package/styles/drop-down-base/fluent.css +8 -22
- package/styles/drop-down-base/highcontrast-light.css +8 -27
- package/styles/drop-down-base/highcontrast.css +8 -27
- package/styles/drop-down-base/material-dark.css +8 -22
- package/styles/drop-down-base/material.css +8 -22
- package/styles/drop-down-base/tailwind-dark.css +12 -34
- package/styles/drop-down-base/tailwind.css +12 -34
- package/styles/drop-down-list/bootstrap-dark.css +15 -44
- package/styles/drop-down-list/bootstrap.css +15 -44
- package/styles/drop-down-list/bootstrap4.css +14 -38
- package/styles/drop-down-list/bootstrap5-dark.css +14 -38
- package/styles/drop-down-list/bootstrap5.css +14 -38
- package/styles/drop-down-list/fabric-dark.css +15 -42
- package/styles/drop-down-list/fabric.css +15 -42
- package/styles/drop-down-list/fluent-dark.css +13 -36
- package/styles/drop-down-list/fluent.css +13 -36
- package/styles/drop-down-list/highcontrast-light.css +13 -58
- package/styles/drop-down-list/highcontrast.css +13 -58
- package/styles/drop-down-list/material-dark.css +11 -32
- package/styles/drop-down-list/material.css +11 -33
- package/styles/drop-down-list/tailwind-dark.css +10 -24
- package/styles/drop-down-list/tailwind.css +10 -24
- package/styles/drop-down-tree/bootstrap-dark.css +4 -92
- package/styles/drop-down-tree/bootstrap.css +4 -92
- package/styles/drop-down-tree/bootstrap4.css +5 -99
- package/styles/drop-down-tree/bootstrap5-dark.css +5 -103
- package/styles/drop-down-tree/bootstrap5.css +5 -103
- package/styles/drop-down-tree/fabric-dark.css +4 -92
- package/styles/drop-down-tree/fabric.css +4 -92
- package/styles/drop-down-tree/fluent-dark.css +5 -105
- package/styles/drop-down-tree/fluent.css +5 -105
- package/styles/drop-down-tree/highcontrast-light.css +4 -97
- package/styles/drop-down-tree/highcontrast.css +4 -98
- package/styles/drop-down-tree/material-dark.css +11 -182
- package/styles/drop-down-tree/material.css +11 -184
- package/styles/drop-down-tree/tailwind-dark.css +4 -107
- package/styles/drop-down-tree/tailwind.css +4 -107
- package/styles/fabric-dark.css +62 -335
- package/styles/fabric.css +62 -335
- package/styles/fluent-dark.css +62 -342
- package/styles/fluent.css +62 -342
- package/styles/highcontrast-light.css +63 -375
- package/styles/highcontrast.css +63 -376
- package/styles/list-box/bootstrap-dark.css +11 -115
- package/styles/list-box/bootstrap.css +11 -115
- package/styles/list-box/bootstrap4.css +11 -120
- package/styles/list-box/bootstrap5-dark.css +11 -115
- package/styles/list-box/bootstrap5.css +11 -115
- package/styles/list-box/fabric-dark.css +11 -115
- package/styles/list-box/fabric.css +11 -115
- package/styles/list-box/fluent-dark.css +11 -115
- package/styles/list-box/fluent.css +11 -115
- package/styles/list-box/highcontrast-light.css +11 -120
- package/styles/list-box/highcontrast.css +11 -120
- package/styles/list-box/material-dark.css +11 -115
- package/styles/list-box/material.css +11 -115
- package/styles/list-box/tailwind-dark.css +12 -118
- package/styles/list-box/tailwind.css +12 -118
- package/styles/material-dark.css +103 -462
- package/styles/material.css +103 -466
- package/styles/multi-select/bootstrap-dark.css +28 -68
- package/styles/multi-select/bootstrap.css +28 -68
- package/styles/multi-select/bootstrap4.css +28 -68
- package/styles/multi-select/bootstrap5-dark.css +29 -69
- package/styles/multi-select/bootstrap5.css +29 -69
- package/styles/multi-select/fabric-dark.css +28 -68
- package/styles/multi-select/fabric.css +28 -68
- package/styles/multi-select/fluent-dark.css +29 -68
- package/styles/multi-select/fluent.css +29 -68
- package/styles/multi-select/highcontrast-light.css +31 -97
- package/styles/multi-select/highcontrast.css +31 -97
- package/styles/multi-select/material-dark.css +66 -115
- package/styles/multi-select/material.css +66 -116
- package/styles/multi-select/tailwind-dark.css +29 -69
- package/styles/multi-select/tailwind.css +29 -69
- package/styles/tailwind-dark.css +63 -348
- package/styles/tailwind.css +63 -348
|
@@ -638,10 +638,10 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
638
638
|
_this.isDataFetched = true;
|
|
639
639
|
}
|
|
640
640
|
ulElement = _this.renderItems(listItems, fields);
|
|
641
|
-
_this.onActionComplete(ulElement, listItems, e);
|
|
642
641
|
if (_this.groupTemplate) {
|
|
643
642
|
_this.renderGroupTemplate(ulElement);
|
|
644
643
|
}
|
|
644
|
+
_this.onActionComplete(ulElement, listItems, e);
|
|
645
645
|
_this.isRequested = false;
|
|
646
646
|
_this.bindChildItems(listItems, ulElement, fields, e);
|
|
647
647
|
}
|
|
@@ -2954,7 +2954,6 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
|
|
|
2954
2954
|
if (this.initRemoteRender) {
|
|
2955
2955
|
this.initial = true;
|
|
2956
2956
|
this.activeIndex = this.index;
|
|
2957
|
-
this.updateValues();
|
|
2958
2957
|
this.initRemoteRender = false;
|
|
2959
2958
|
this.initial = false;
|
|
2960
2959
|
if (this.value && this.dataSource instanceof DataManager) {
|
|
@@ -2967,8 +2966,17 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
|
|
|
2967
2966
|
_this.addItem(e.result, list.length);
|
|
2968
2967
|
_this.updateValues();
|
|
2969
2968
|
}
|
|
2969
|
+
else {
|
|
2970
|
+
_this.updateValues();
|
|
2971
|
+
}
|
|
2970
2972
|
});
|
|
2971
2973
|
}
|
|
2974
|
+
else {
|
|
2975
|
+
this.updateValues();
|
|
2976
|
+
}
|
|
2977
|
+
}
|
|
2978
|
+
else {
|
|
2979
|
+
this.updateValues();
|
|
2972
2980
|
}
|
|
2973
2981
|
}
|
|
2974
2982
|
if (this.getModuleName() !== 'autocomplete' && this.isFiltering() && !this.isTyped) {
|
|
@@ -2998,7 +3006,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
|
|
|
2998
3006
|
};
|
|
2999
3007
|
DropDownList.prototype.updateActionCompleteDataValues = function (ulElement, list) {
|
|
3000
3008
|
this.actionCompleteData = { ulElement: ulElement.cloneNode(true), list: list, isUpdated: true };
|
|
3001
|
-
if (
|
|
3009
|
+
if (this.actionData.list !== this.actionCompleteData.list && this.actionCompleteData.ulElement && this.actionCompleteData.list) {
|
|
3002
3010
|
this.actionData = this.actionCompleteData;
|
|
3003
3011
|
}
|
|
3004
3012
|
};
|
|
@@ -4681,13 +4689,14 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
|
|
|
4681
4689
|
matchedChildren.push(filteredChild);
|
|
4682
4690
|
}
|
|
4683
4691
|
}
|
|
4692
|
+
var filteredItems = Object.assign({}, node);
|
|
4684
4693
|
if (matchedChildren.length !== 0) {
|
|
4685
|
-
|
|
4686
|
-
return
|
|
4694
|
+
filteredItems[this.fields.child] = matchedChildren;
|
|
4695
|
+
return filteredItems;
|
|
4687
4696
|
}
|
|
4688
4697
|
else {
|
|
4689
|
-
|
|
4690
|
-
return (this.isMatchedNode(value,
|
|
4698
|
+
filteredItems[this.fields.child] = null;
|
|
4699
|
+
return (this.isMatchedNode(value, filteredItems)) ? filteredItems : null;
|
|
4691
4700
|
}
|
|
4692
4701
|
}
|
|
4693
4702
|
};
|
|
@@ -6029,11 +6038,12 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
|
|
|
6029
6038
|
}
|
|
6030
6039
|
return 2;
|
|
6031
6040
|
}
|
|
6032
|
-
|
|
6033
|
-
|
|
6041
|
+
this.fields.dataSource = isNullOrUndefined(this.fields.dataSource) ? [] : this.fields.dataSource;
|
|
6042
|
+
for (var i = 0, len = this.fields.dataSource.length; i < len; i++) {
|
|
6043
|
+
if ((typeof field.child === 'string') && !isNullOrUndefined(getValue(field.child, this.fields.dataSource[i]))) {
|
|
6034
6044
|
return 2;
|
|
6035
6045
|
}
|
|
6036
|
-
if (!isNullOrUndefined(getValue(field.parentValue,
|
|
6046
|
+
if (!isNullOrUndefined(getValue(field.parentValue, this.fields.dataSource[i])) || !isNullOrUndefined(getValue(field.hasChildren, this.fields.dataSource[i]))) {
|
|
6037
6047
|
return 1;
|
|
6038
6048
|
}
|
|
6039
6049
|
}
|
|
@@ -15509,6 +15519,13 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
15509
15519
|
this.list.parentElement.insertBefore(this.element, this.list);
|
|
15510
15520
|
}
|
|
15511
15521
|
_super.prototype.destroy.call(this);
|
|
15522
|
+
this.enableRtlElements = [];
|
|
15523
|
+
this.liCollections = null;
|
|
15524
|
+
this.list = null;
|
|
15525
|
+
this.ulElement = null;
|
|
15526
|
+
this.mainList = null;
|
|
15527
|
+
this.spinner = null;
|
|
15528
|
+
this.rippleFun = null;
|
|
15512
15529
|
if (this.itemTemplate) {
|
|
15513
15530
|
this.clearTemplate();
|
|
15514
15531
|
}
|