@syncfusion/ej2-dropdowns 26.1.35 → 26.1.39

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.
Files changed (59) hide show
  1. package/dist/ej2-dropdowns.min.js +2 -2
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +35 -5
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +35 -5
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +9 -9
  12. package/src/drop-down-tree/drop-down-tree.js +19 -3
  13. package/src/list-box/list-box.d.ts +5 -0
  14. package/src/list-box/list-box.js +15 -1
  15. package/src/mention/mention.js +1 -1
  16. package/styles/auto-complete/fluent2.css +5 -5
  17. package/styles/bootstrap-dark.css +1 -0
  18. package/styles/bootstrap.css +1 -0
  19. package/styles/bootstrap4.css +1 -0
  20. package/styles/bootstrap5-dark.css +1 -0
  21. package/styles/bootstrap5.css +1 -0
  22. package/styles/combo-box/fluent2.css +5 -5
  23. package/styles/drop-down-base/fluent2.css +5 -5
  24. package/styles/drop-down-list/fluent2.css +5 -5
  25. package/styles/drop-down-tree/_layout.scss +1 -0
  26. package/styles/drop-down-tree/bootstrap-dark.css +1 -0
  27. package/styles/drop-down-tree/bootstrap.css +1 -0
  28. package/styles/drop-down-tree/bootstrap4.css +1 -0
  29. package/styles/drop-down-tree/bootstrap5-dark.css +1 -0
  30. package/styles/drop-down-tree/bootstrap5.css +1 -0
  31. package/styles/drop-down-tree/fabric-dark.css +1 -0
  32. package/styles/drop-down-tree/fabric.css +1 -0
  33. package/styles/drop-down-tree/fluent-dark.css +1 -0
  34. package/styles/drop-down-tree/fluent.css +1 -0
  35. package/styles/drop-down-tree/fluent2.css +6 -5
  36. package/styles/drop-down-tree/highcontrast-light.css +1 -0
  37. package/styles/drop-down-tree/highcontrast.css +1 -0
  38. package/styles/drop-down-tree/material-dark.css +1 -0
  39. package/styles/drop-down-tree/material.css +1 -0
  40. package/styles/drop-down-tree/material3-dark.css +1 -0
  41. package/styles/drop-down-tree/material3.css +1 -0
  42. package/styles/drop-down-tree/tailwind-dark.css +1 -0
  43. package/styles/drop-down-tree/tailwind.css +1 -0
  44. package/styles/fabric-dark.css +1 -0
  45. package/styles/fabric.css +1 -0
  46. package/styles/fluent-dark.css +1 -0
  47. package/styles/fluent.css +1 -0
  48. package/styles/fluent2.css +6 -5
  49. package/styles/highcontrast-light.css +1 -0
  50. package/styles/highcontrast.css +1 -0
  51. package/styles/list-box/fluent2.css +5 -5
  52. package/styles/material-dark.css +1 -0
  53. package/styles/material.css +1 -0
  54. package/styles/material3-dark.css +1 -0
  55. package/styles/material3.css +1 -0
  56. package/styles/mention/fluent2.css +5 -5
  57. package/styles/multi-select/fluent2.css +5 -5
  58. package/styles/tailwind-dark.css +1 -0
  59. package/styles/tailwind.css +1 -0
package/styles/drop-down-tree/tailwind.css CHANGED
@@ -259,6 +259,7 @@
259
259
  .e-ddt .e-dropdowntree.e-chip-input,
260
260
  .e-ddt input[readonly].e-input.e-chip-input {
261
261
  width: 0;
262
+ display: none;
262
263
  }
263
264
  .e-ddt.e-popup {
264
265
  border: 1px solid #e5e7eb;
package/styles/fabric-dark.css CHANGED
@@ -935,6 +935,7 @@ ejs-dropdownlist {
935
935
  .e-ddt .e-dropdowntree.e-chip-input,
936
936
  .e-ddt input[readonly].e-input.e-chip-input {
937
937
  width: 0;
938
+ display: none;
938
939
  }
939
940
  .e-ddt.e-popup {
940
941
  border: 1px solid #414040;
package/styles/fabric.css CHANGED
@@ -929,6 +929,7 @@ ejs-dropdownlist {
929
929
  .e-ddt .e-dropdowntree.e-chip-input,
930
930
  .e-ddt input[readonly].e-input.e-chip-input {
931
931
  width: 0;
932
+ display: none;
932
933
  }
933
934
  .e-ddt.e-popup {
934
935
  border: 1px solid #eaeaea;
package/styles/fluent-dark.css CHANGED
@@ -1027,6 +1027,7 @@ ejs-dropdownlist {
1027
1027
  .e-ddt .e-dropdowntree.e-chip-input,
1028
1028
  .e-ddt input[readonly].e-input.e-chip-input {
1029
1029
  width: 0;
1030
+ display: none;
1030
1031
  }
1031
1032
  .e-ddt.e-popup {
1032
1033
  border-radius: 2px;
package/styles/fluent.css CHANGED
@@ -1027,6 +1027,7 @@ ejs-dropdownlist {
1027
1027
  .e-ddt .e-dropdowntree.e-chip-input,
1028
1028
  .e-ddt input[readonly].e-input.e-chip-input {
1029
1029
  width: 0;
1030
+ display: none;
1030
1031
  }
1031
1032
  .e-ddt.e-popup {
1032
1033
  border-radius: 2px;
package/styles/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
@@ -2230,6 +2230,7 @@ ejs-dropdownlist {
2230
2230
  .e-ddt .e-dropdowntree.e-chip-input,
2231
2231
  .e-ddt input[readonly].e-input.e-chip-input {
2232
2232
  width: 0;
2233
+ display: none;
2233
2234
  }
2234
2235
  .e-ddt.e-popup {
2235
2236
  border: 1px solid var(--color-sf-border-light);
package/styles/highcontrast-light.css CHANGED
@@ -946,6 +946,7 @@ ejs-dropdownlist {
946
946
  .e-ddt .e-dropdowntree.e-chip-input,
947
947
  .e-ddt input[readonly].e-input.e-chip-input {
948
948
  width: 0;
949
+ display: none;
949
950
  }
950
951
  .e-ddt.e-popup {
951
952
  border: 1px solid #757575;
package/styles/highcontrast.css CHANGED
@@ -947,6 +947,7 @@ ejs-dropdownlist {
947
947
  .e-ddt .e-dropdowntree.e-chip-input,
948
948
  .e-ddt input[readonly].e-input.e-chip-input {
949
949
  width: 0;
950
+ display: none;
950
951
  }
951
952
  .e-ddt.e-popup {
952
953
  border: 1px solid #969696;
package/styles/list-box/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
package/styles/material-dark.css CHANGED
@@ -1077,6 +1077,7 @@ ejs-dropdownlist {
1077
1077
  .e-ddt .e-dropdowntree.e-chip-input,
1078
1078
  .e-ddt input[readonly].e-input.e-chip-input {
1079
1079
  width: 0;
1080
+ display: none;
1080
1081
  }
1081
1082
  .e-ddt.e-popup {
1082
1083
  border: 1px solid transparent;
package/styles/material.css CHANGED
@@ -1122,6 +1122,7 @@ ejs-dropdownlist {
1122
1122
  .e-ddt .e-dropdowntree.e-chip-input,
1123
1123
  .e-ddt input[readonly].e-input.e-chip-input {
1124
1124
  width: 0;
1125
+ display: none;
1125
1126
  }
1126
1127
  .e-ddt.e-popup {
1127
1128
  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);
package/styles/material3-dark.css CHANGED
@@ -1109,6 +1109,7 @@ ejs-dropdownlist {
1109
1109
  .e-ddt .e-dropdowntree.e-chip-input,
1110
1110
  .e-ddt input[readonly].e-input.e-chip-input {
1111
1111
  width: 0;
1112
+ display: none;
1112
1113
  }
1113
1114
  .e-ddt.e-popup {
1114
1115
  margin-top: 2px;
package/styles/material3.css CHANGED
@@ -1165,6 +1165,7 @@ ejs-dropdownlist {
1165
1165
  .e-ddt .e-dropdowntree.e-chip-input,
1166
1166
  .e-ddt input[readonly].e-input.e-chip-input {
1167
1167
  width: 0;
1168
+ display: none;
1168
1169
  }
1169
1170
  .e-ddt.e-popup {
1170
1171
  margin-top: 2px;
package/styles/mention/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
package/styles/multi-select/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
package/styles/tailwind-dark.css CHANGED
@@ -1031,6 +1031,7 @@ ejs-dropdownlist {
1031
1031
  .e-ddt .e-dropdowntree.e-chip-input,
1032
1032
  .e-ddt input[readonly].e-input.e-chip-input {
1033
1033
  width: 0;
1034
+ display: none;
1034
1035
  }
1035
1036
  .e-ddt.e-popup {
1036
1037
  border: 1px solid #4b5563;
package/styles/tailwind.css CHANGED
@@ -1031,6 +1031,7 @@ ejs-dropdownlist {
1031
1031
  .e-ddt .e-dropdowntree.e-chip-input,
1032
1032
  .e-ddt input[readonly].e-input.e-chip-input {
1033
1033
  width: 0;
1034
+ display: none;
1034
1035
  }
1035
1036
  .e-ddt.e-popup {
1036
1037
  border: 1px solid #e5e7eb;