@syncfusion/ej2-dropdowns 20.1.55 → 20.1.58

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 (138) hide show
  1. package/CHANGELOG.md +34 -0
  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 +30 -13
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +30 -13
  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/auto-complete/auto-complete.d.ts +1 -1
  13. package/src/auto-complete/auto-complete.js +2 -2
  14. package/src/combo-box/combo-box.js +1 -1
  15. package/src/drop-down-base/drop-down-base.js +1 -1
  16. package/src/drop-down-list/drop-down-list.js +10 -2
  17. package/src/drop-down-tree/drop-down-tree.js +9 -7
  18. package/src/list-box/list-box.js +7 -0
  19. package/styles/auto-complete/bootstrap-dark.css +5 -14
  20. package/styles/auto-complete/bootstrap.css +5 -14
  21. package/styles/auto-complete/bootstrap4.css +5 -13
  22. package/styles/auto-complete/bootstrap5-dark.css +5 -13
  23. package/styles/auto-complete/bootstrap5.css +5 -13
  24. package/styles/auto-complete/fabric-dark.css +5 -12
  25. package/styles/auto-complete/fabric.css +5 -12
  26. package/styles/auto-complete/fluent-dark.css +4 -11
  27. package/styles/auto-complete/fluent.css +4 -11
  28. package/styles/auto-complete/highcontrast-light.css +3 -23
  29. package/styles/auto-complete/highcontrast.css +3 -23
  30. package/styles/auto-complete/material-dark.css +1 -1
  31. package/styles/auto-complete/material.css +1 -1
  32. package/styles/auto-complete/tailwind-dark.css +1 -1
  33. package/styles/auto-complete/tailwind.css +1 -1
  34. package/styles/bootstrap-dark.css +62 -337
  35. package/styles/bootstrap.css +62 -337
  36. package/styles/bootstrap4.css +62 -343
  37. package/styles/bootstrap5-dark.css +63 -343
  38. package/styles/bootstrap5.css +63 -343
  39. package/styles/combo-box/bootstrap-dark.css +5 -14
  40. package/styles/combo-box/bootstrap.css +5 -14
  41. package/styles/combo-box/bootstrap4.css +5 -13
  42. package/styles/combo-box/bootstrap5-dark.css +5 -13
  43. package/styles/combo-box/bootstrap5.css +5 -13
  44. package/styles/combo-box/fabric-dark.css +5 -12
  45. package/styles/combo-box/fabric.css +5 -12
  46. package/styles/combo-box/fluent-dark.css +4 -11
  47. package/styles/combo-box/fluent.css +4 -11
  48. package/styles/combo-box/highcontrast-light.css +3 -23
  49. package/styles/combo-box/highcontrast.css +3 -23
  50. package/styles/combo-box/material-dark.css +1 -1
  51. package/styles/combo-box/material.css +1 -1
  52. package/styles/combo-box/tailwind-dark.css +1 -1
  53. package/styles/combo-box/tailwind.css +1 -1
  54. package/styles/drop-down-base/bootstrap-dark.css +8 -22
  55. package/styles/drop-down-base/bootstrap.css +8 -22
  56. package/styles/drop-down-base/bootstrap4.css +8 -22
  57. package/styles/drop-down-base/bootstrap5-dark.css +8 -22
  58. package/styles/drop-down-base/bootstrap5.css +8 -22
  59. package/styles/drop-down-base/fabric-dark.css +8 -22
  60. package/styles/drop-down-base/fabric.css +8 -22
  61. package/styles/drop-down-base/fluent-dark.css +8 -22
  62. package/styles/drop-down-base/fluent.css +8 -22
  63. package/styles/drop-down-base/highcontrast-light.css +8 -27
  64. package/styles/drop-down-base/highcontrast.css +8 -27
  65. package/styles/drop-down-base/material-dark.css +8 -22
  66. package/styles/drop-down-base/material.css +8 -22
  67. package/styles/drop-down-base/tailwind-dark.css +12 -34
  68. package/styles/drop-down-base/tailwind.css +12 -34
  69. package/styles/drop-down-list/bootstrap-dark.css +15 -44
  70. package/styles/drop-down-list/bootstrap.css +15 -44
  71. package/styles/drop-down-list/bootstrap4.css +14 -38
  72. package/styles/drop-down-list/bootstrap5-dark.css +14 -38
  73. package/styles/drop-down-list/bootstrap5.css +14 -38
  74. package/styles/drop-down-list/fabric-dark.css +15 -42
  75. package/styles/drop-down-list/fabric.css +15 -42
  76. package/styles/drop-down-list/fluent-dark.css +13 -36
  77. package/styles/drop-down-list/fluent.css +13 -36
  78. package/styles/drop-down-list/highcontrast-light.css +13 -58
  79. package/styles/drop-down-list/highcontrast.css +13 -58
  80. package/styles/drop-down-list/material-dark.css +11 -32
  81. package/styles/drop-down-list/material.css +11 -33
  82. package/styles/drop-down-list/tailwind-dark.css +10 -24
  83. package/styles/drop-down-list/tailwind.css +10 -24
  84. package/styles/drop-down-tree/bootstrap-dark.css +4 -92
  85. package/styles/drop-down-tree/bootstrap.css +4 -92
  86. package/styles/drop-down-tree/bootstrap4.css +5 -99
  87. package/styles/drop-down-tree/bootstrap5-dark.css +5 -103
  88. package/styles/drop-down-tree/bootstrap5.css +5 -103
  89. package/styles/drop-down-tree/fabric-dark.css +4 -92
  90. package/styles/drop-down-tree/fabric.css +4 -92
  91. package/styles/drop-down-tree/fluent-dark.css +5 -105
  92. package/styles/drop-down-tree/fluent.css +5 -105
  93. package/styles/drop-down-tree/highcontrast-light.css +4 -97
  94. package/styles/drop-down-tree/highcontrast.css +4 -98
  95. package/styles/drop-down-tree/material-dark.css +11 -182
  96. package/styles/drop-down-tree/material.css +11 -184
  97. package/styles/drop-down-tree/tailwind-dark.css +4 -107
  98. package/styles/drop-down-tree/tailwind.css +4 -107
  99. package/styles/fabric-dark.css +62 -335
  100. package/styles/fabric.css +62 -335
  101. package/styles/fluent-dark.css +62 -342
  102. package/styles/fluent.css +62 -342
  103. package/styles/highcontrast-light.css +63 -375
  104. package/styles/highcontrast.css +63 -376
  105. package/styles/list-box/bootstrap-dark.css +11 -115
  106. package/styles/list-box/bootstrap.css +11 -115
  107. package/styles/list-box/bootstrap4.css +11 -120
  108. package/styles/list-box/bootstrap5-dark.css +11 -115
  109. package/styles/list-box/bootstrap5.css +11 -115
  110. package/styles/list-box/fabric-dark.css +11 -115
  111. package/styles/list-box/fabric.css +11 -115
  112. package/styles/list-box/fluent-dark.css +11 -115
  113. package/styles/list-box/fluent.css +11 -115
  114. package/styles/list-box/highcontrast-light.css +11 -120
  115. package/styles/list-box/highcontrast.css +11 -120
  116. package/styles/list-box/material-dark.css +11 -115
  117. package/styles/list-box/material.css +11 -115
  118. package/styles/list-box/tailwind-dark.css +12 -118
  119. package/styles/list-box/tailwind.css +12 -118
  120. package/styles/material-dark.css +103 -462
  121. package/styles/material.css +103 -466
  122. package/styles/multi-select/bootstrap-dark.css +28 -68
  123. package/styles/multi-select/bootstrap.css +28 -68
  124. package/styles/multi-select/bootstrap4.css +28 -68
  125. package/styles/multi-select/bootstrap5-dark.css +29 -69
  126. package/styles/multi-select/bootstrap5.css +29 -69
  127. package/styles/multi-select/fabric-dark.css +28 -68
  128. package/styles/multi-select/fabric.css +28 -68
  129. package/styles/multi-select/fluent-dark.css +29 -68
  130. package/styles/multi-select/fluent.css +29 -68
  131. package/styles/multi-select/highcontrast-light.css +31 -97
  132. package/styles/multi-select/highcontrast.css +31 -97
  133. package/styles/multi-select/material-dark.css +66 -115
  134. package/styles/multi-select/material.css +66 -116
  135. package/styles/multi-select/tailwind-dark.css +29 -69
  136. package/styles/multi-select/tailwind.css +29 -69
  137. package/styles/tailwind-dark.css +63 -348
  138. package/styles/tailwind.css +63 -348
@@ -3,11 +3,9 @@
3
3
  box-shadow: none;
4
4
  margin-top: 1px;
5
5
  }
6
-
7
6
  .e-popup.e-ddl .e-input-group {
8
7
  width: auto;
9
8
  }
10
-
11
9
  .e-popup.e-ddl .e-input-group input {
12
10
  line-height: 15px;
13
11
  }
@@ -21,7 +19,6 @@
21
19
  display: flex;
22
20
  width: auto;
23
21
  }
24
-
25
22
  .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
26
23
  border: 0;
27
24
  }
@@ -37,8 +34,7 @@
37
34
  text-indent: 16px;
38
35
  }
39
36
 
40
- .e-bigger .e-popup.e-ddl .e-list-group-item,
41
- .e-bigger .e-popup.e-ddl .e-fixed-head {
37
+ .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
42
38
  font-size: 14px;
43
39
  line-height: 32px;
44
40
  padding-left: 0;
@@ -113,20 +109,17 @@
113
109
  font-size: 16px;
114
110
  }
115
111
 
116
- .e-bigger.e-small .e-ddl.e-popup .e-list-item,
117
- .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
118
- .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
112
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
119
113
  font-size: 14px;
120
114
  line-height: 34px;
121
115
  padding-left: 0;
122
116
  text-indent: 16px;
123
117
  }
124
118
 
125
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input,
126
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
119
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
127
120
  height: 30px;
128
121
  }
129
122
 
130
123
  .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
131
124
  min-height: 34px;
132
- }
125
+ }
@@ -11,21 +11,17 @@
11
11
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
12
12
  margin-top: 1px;
13
13
  }
14
-
15
14
  .e-ddl.e-popup .e-content.e-nodata {
16
15
  background-color: #fff;
17
16
  }
18
-
19
17
  .e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
20
18
  color: #23726c;
21
19
  }
22
-
23
20
  .e-ddl.e-popup .e-input-group {
24
21
  display: -ms-flexbox;
25
22
  display: flex;
26
23
  width: auto;
27
24
  }
28
-
29
25
  .e-ddl.e-popup .e-input-group input {
30
26
  line-height: 15px;
31
27
  }
@@ -36,62 +32,46 @@
36
32
  margin: 5px;
37
33
  min-width: 20px;
38
34
  }
39
-
40
35
  .e-ddl.e-popup .e-input-group .e-clear-icon::before {
41
36
  font-size: 10px;
42
37
  }
43
-
44
38
  .e-ddl.e-popup .e-filter-parent {
45
39
  border-left-width: 0;
46
40
  border-right-width: 0;
47
41
  }
48
-
49
42
  .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
50
43
  border-color: #000;
51
44
  }
52
-
53
45
  .e-bigger .e-ddl.e-popup.e-ddl-device.e-ddl-device-filter {
54
46
  margin-top: 0;
55
47
  }
56
-
57
- .e-bigger .e-ddl.e-popup .e-list-item,
58
- .e-bigger .e-ddl.e-popup .e-list-group-item,
59
- .e-bigger .e-ddl.e-popup .e-fixed-head {
48
+ .e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
60
49
  font-size: 15px;
61
50
  line-height: 45px;
62
51
  padding-left: 0;
63
52
  text-indent: 16px;
64
53
  }
65
-
66
54
  .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
67
55
  padding-left: 4px;
68
56
  }
69
-
70
57
  .e-bigger .e-ddl.e-popup .e-input-group {
71
58
  padding: 4px 0;
72
59
  }
73
-
74
60
  .e-bigger .e-ddl.e-popup .e-input-group input {
75
61
  height: 30px;
76
62
  }
77
-
78
- .e-bigger.e-small .e-ddl.e-popup .e-list-item,
79
- .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
80
- .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
63
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
81
64
  font-size: 14px;
82
65
  line-height: 40px;
83
66
  padding-left: 0;
84
67
  text-indent: 16px;
85
68
  }
86
-
87
69
  .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
88
70
  padding-left: 4px;
89
71
  }
90
-
91
72
  .e-bigger.e-small .e-ddl.e-popup .e-input-group {
92
73
  padding: 0;
93
74
  }
94
-
95
75
  .e-bigger.e-small .e-ddl.e-popup .e-input-group input {
96
76
  height: 34px;
97
- }
77
+ }
@@ -11,21 +11,17 @@
11
11
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
12
12
  margin-top: 1px;
13
13
  }
14
-
15
14
  .e-ddl.e-popup .e-content.e-nodata {
16
15
  background-color: #000;
17
16
  }
18
-
19
17
  .e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
20
18
  color: #ffd939;
21
19
  }
22
-
23
20
  .e-ddl.e-popup .e-input-group {
24
21
  display: -ms-flexbox;
25
22
  display: flex;
26
23
  width: auto;
27
24
  }
28
-
29
25
  .e-ddl.e-popup .e-input-group input {
30
26
  line-height: 15px;
31
27
  }
@@ -36,62 +32,46 @@
36
32
  margin: 5px;
37
33
  min-width: 20px;
38
34
  }
39
-
40
35
  .e-ddl.e-popup .e-input-group .e-clear-icon::before {
41
36
  font-size: 10px;
42
37
  }
43
-
44
38
  .e-ddl.e-popup .e-filter-parent {
45
39
  border-left-width: 0;
46
40
  border-right-width: 0;
47
41
  }
48
-
49
42
  .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
50
43
  border-color: #fff;
51
44
  }
52
-
53
45
  .e-bigger .e-ddl.e-popup.e-ddl-device.e-ddl-device-filter {
54
46
  margin-top: 0;
55
47
  }
56
-
57
- .e-bigger .e-ddl.e-popup .e-list-item,
58
- .e-bigger .e-ddl.e-popup .e-list-group-item,
59
- .e-bigger .e-ddl.e-popup .e-fixed-head {
48
+ .e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
60
49
  font-size: 15px;
61
50
  line-height: 45px;
62
51
  padding-left: 0;
63
52
  text-indent: 16px;
64
53
  }
65
-
66
54
  .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
67
55
  padding-left: 4px;
68
56
  }
69
-
70
57
  .e-bigger .e-ddl.e-popup .e-input-group {
71
58
  padding: 4px 0;
72
59
  }
73
-
74
60
  .e-bigger .e-ddl.e-popup .e-input-group input {
75
61
  height: 46px;
76
62
  }
77
-
78
- .e-bigger.e-small .e-ddl.e-popup .e-list-item,
79
- .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
80
- .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
63
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
81
64
  font-size: 14px;
82
65
  line-height: 40px;
83
66
  padding-left: 0;
84
67
  text-indent: 16px;
85
68
  }
86
-
87
69
  .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
88
70
  padding-left: 4px;
89
71
  }
90
-
91
72
  .e-bigger.e-small .e-ddl.e-popup .e-input-group {
92
73
  padding: 0;
93
74
  }
94
-
95
75
  .e-bigger.e-small .e-ddl.e-popup .e-input-group input {
96
76
  height: 34px;
97
- }
77
+ }
@@ -103,4 +103,4 @@
103
103
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
104
104
  .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
105
105
  padding: 5px 5px 5px 12px;
106
- }
106
+ }
@@ -128,4 +128,4 @@
128
128
 
129
129
  .e-ddl.e-popup.e-outline .e-filter-parent {
130
130
  padding: 4px 8px;
131
- }
131
+ }
@@ -91,4 +91,4 @@
91
91
 
92
92
  .e-ddl.e-popup.e-outline .e-filter-parent {
93
93
  padding: 4px 8px;
94
- }
94
+ }
@@ -91,4 +91,4 @@
91
91
 
92
92
  .e-ddl.e-popup.e-outline .e-filter-parent {
93
93
  padding: 4px 8px;
94
- }
94
+ }