@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
|
@@ -614,10 +614,10 @@ let DropDownBase = class DropDownBase extends Component {
|
|
|
614
614
|
this.isDataFetched = true;
|
|
615
615
|
}
|
|
616
616
|
ulElement = this.renderItems(listItems, fields);
|
|
617
|
-
this.onActionComplete(ulElement, listItems, e);
|
|
618
617
|
if (this.groupTemplate) {
|
|
619
618
|
this.renderGroupTemplate(ulElement);
|
|
620
619
|
}
|
|
620
|
+
this.onActionComplete(ulElement, listItems, e);
|
|
621
621
|
this.isRequested = false;
|
|
622
622
|
this.bindChildItems(listItems, ulElement, fields, e);
|
|
623
623
|
}
|
|
@@ -2904,7 +2904,6 @@ let DropDownList = class DropDownList extends DropDownBase {
|
|
|
2904
2904
|
if (this.initRemoteRender) {
|
|
2905
2905
|
this.initial = true;
|
|
2906
2906
|
this.activeIndex = this.index;
|
|
2907
|
-
this.updateValues();
|
|
2908
2907
|
this.initRemoteRender = false;
|
|
2909
2908
|
this.initial = false;
|
|
2910
2909
|
if (this.value && this.dataSource instanceof DataManager) {
|
|
@@ -2917,8 +2916,17 @@ let DropDownList = class DropDownList extends DropDownBase {
|
|
|
2917
2916
|
this.addItem(e.result, list.length);
|
|
2918
2917
|
this.updateValues();
|
|
2919
2918
|
}
|
|
2919
|
+
else {
|
|
2920
|
+
this.updateValues();
|
|
2921
|
+
}
|
|
2920
2922
|
});
|
|
2921
2923
|
}
|
|
2924
|
+
else {
|
|
2925
|
+
this.updateValues();
|
|
2926
|
+
}
|
|
2927
|
+
}
|
|
2928
|
+
else {
|
|
2929
|
+
this.updateValues();
|
|
2922
2930
|
}
|
|
2923
2931
|
}
|
|
2924
2932
|
if (this.getModuleName() !== 'autocomplete' && this.isFiltering() && !this.isTyped) {
|
|
@@ -2948,7 +2956,7 @@ let DropDownList = class DropDownList extends DropDownBase {
|
|
|
2948
2956
|
}
|
|
2949
2957
|
updateActionCompleteDataValues(ulElement, list) {
|
|
2950
2958
|
this.actionCompleteData = { ulElement: ulElement.cloneNode(true), list: list, isUpdated: true };
|
|
2951
|
-
if (
|
|
2959
|
+
if (this.actionData.list !== this.actionCompleteData.list && this.actionCompleteData.ulElement && this.actionCompleteData.list) {
|
|
2952
2960
|
this.actionData = this.actionCompleteData;
|
|
2953
2961
|
}
|
|
2954
2962
|
}
|
|
@@ -4589,13 +4597,14 @@ let DropDownTree = class DropDownTree extends Component {
|
|
|
4589
4597
|
matchedChildren.push(filteredChild);
|
|
4590
4598
|
}
|
|
4591
4599
|
}
|
|
4600
|
+
let filteredItems = Object.assign({}, node);
|
|
4592
4601
|
if (matchedChildren.length !== 0) {
|
|
4593
|
-
|
|
4594
|
-
return
|
|
4602
|
+
filteredItems[this.fields.child] = matchedChildren;
|
|
4603
|
+
return filteredItems;
|
|
4595
4604
|
}
|
|
4596
4605
|
else {
|
|
4597
|
-
|
|
4598
|
-
return (this.isMatchedNode(value,
|
|
4606
|
+
filteredItems[this.fields.child] = null;
|
|
4607
|
+
return (this.isMatchedNode(value, filteredItems)) ? filteredItems : null;
|
|
4599
4608
|
}
|
|
4600
4609
|
}
|
|
4601
4610
|
}
|
|
@@ -5929,11 +5938,12 @@ let DropDownTree = class DropDownTree extends Component {
|
|
|
5929
5938
|
}
|
|
5930
5939
|
return 2;
|
|
5931
5940
|
}
|
|
5932
|
-
|
|
5933
|
-
|
|
5941
|
+
this.fields.dataSource = isNullOrUndefined(this.fields.dataSource) ? [] : this.fields.dataSource;
|
|
5942
|
+
for (let i = 0, len = this.fields.dataSource.length; i < len; i++) {
|
|
5943
|
+
if ((typeof field.child === 'string') && !isNullOrUndefined(getValue(field.child, this.fields.dataSource[i]))) {
|
|
5934
5944
|
return 2;
|
|
5935
5945
|
}
|
|
5936
|
-
if (!isNullOrUndefined(getValue(field.parentValue,
|
|
5946
|
+
if (!isNullOrUndefined(getValue(field.parentValue, this.fields.dataSource[i])) || !isNullOrUndefined(getValue(field.hasChildren, this.fields.dataSource[i]))) {
|
|
5937
5947
|
return 1;
|
|
5938
5948
|
}
|
|
5939
5949
|
}
|
|
@@ -15274,6 +15284,13 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
|
|
|
15274
15284
|
this.list.parentElement.insertBefore(this.element, this.list);
|
|
15275
15285
|
}
|
|
15276
15286
|
super.destroy();
|
|
15287
|
+
this.enableRtlElements = [];
|
|
15288
|
+
this.liCollections = null;
|
|
15289
|
+
this.list = null;
|
|
15290
|
+
this.ulElement = null;
|
|
15291
|
+
this.mainList = null;
|
|
15292
|
+
this.spinner = null;
|
|
15293
|
+
this.rippleFun = null;
|
|
15277
15294
|
if (this.itemTemplate) {
|
|
15278
15295
|
this.clearTemplate();
|
|
15279
15296
|
}
|