@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.
Files changed (135) hide show
  1. package/CHANGELOG.md +28 -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 +27 -10
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +27 -10
  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 +11 -11
  12. package/src/drop-down-base/drop-down-base.js +1 -1
  13. package/src/drop-down-list/drop-down-list.js +10 -2
  14. package/src/drop-down-tree/drop-down-tree.js +9 -7
  15. package/src/list-box/list-box.js +7 -0
  16. package/styles/auto-complete/bootstrap-dark.css +5 -14
  17. package/styles/auto-complete/bootstrap.css +5 -14
  18. package/styles/auto-complete/bootstrap4.css +5 -13
  19. package/styles/auto-complete/bootstrap5-dark.css +5 -13
  20. package/styles/auto-complete/bootstrap5.css +5 -13
  21. package/styles/auto-complete/fabric-dark.css +5 -12
  22. package/styles/auto-complete/fabric.css +5 -12
  23. package/styles/auto-complete/fluent-dark.css +4 -11
  24. package/styles/auto-complete/fluent.css +4 -11
  25. package/styles/auto-complete/highcontrast-light.css +3 -23
  26. package/styles/auto-complete/highcontrast.css +3 -23
  27. package/styles/auto-complete/material-dark.css +1 -1
  28. package/styles/auto-complete/material.css +1 -1
  29. package/styles/auto-complete/tailwind-dark.css +1 -1
  30. package/styles/auto-complete/tailwind.css +1 -1
  31. package/styles/bootstrap-dark.css +62 -337
  32. package/styles/bootstrap.css +62 -337
  33. package/styles/bootstrap4.css +62 -343
  34. package/styles/bootstrap5-dark.css +63 -343
  35. package/styles/bootstrap5.css +63 -343
  36. package/styles/combo-box/bootstrap-dark.css +5 -14
  37. package/styles/combo-box/bootstrap.css +5 -14
  38. package/styles/combo-box/bootstrap4.css +5 -13
  39. package/styles/combo-box/bootstrap5-dark.css +5 -13
  40. package/styles/combo-box/bootstrap5.css +5 -13
  41. package/styles/combo-box/fabric-dark.css +5 -12
  42. package/styles/combo-box/fabric.css +5 -12
  43. package/styles/combo-box/fluent-dark.css +4 -11
  44. package/styles/combo-box/fluent.css +4 -11
  45. package/styles/combo-box/highcontrast-light.css +3 -23
  46. package/styles/combo-box/highcontrast.css +3 -23
  47. package/styles/combo-box/material-dark.css +1 -1
  48. package/styles/combo-box/material.css +1 -1
  49. package/styles/combo-box/tailwind-dark.css +1 -1
  50. package/styles/combo-box/tailwind.css +1 -1
  51. package/styles/drop-down-base/bootstrap-dark.css +8 -22
  52. package/styles/drop-down-base/bootstrap.css +8 -22
  53. package/styles/drop-down-base/bootstrap4.css +8 -22
  54. package/styles/drop-down-base/bootstrap5-dark.css +8 -22
  55. package/styles/drop-down-base/bootstrap5.css +8 -22
  56. package/styles/drop-down-base/fabric-dark.css +8 -22
  57. package/styles/drop-down-base/fabric.css +8 -22
  58. package/styles/drop-down-base/fluent-dark.css +8 -22
  59. package/styles/drop-down-base/fluent.css +8 -22
  60. package/styles/drop-down-base/highcontrast-light.css +8 -27
  61. package/styles/drop-down-base/highcontrast.css +8 -27
  62. package/styles/drop-down-base/material-dark.css +8 -22
  63. package/styles/drop-down-base/material.css +8 -22
  64. package/styles/drop-down-base/tailwind-dark.css +12 -34
  65. package/styles/drop-down-base/tailwind.css +12 -34
  66. package/styles/drop-down-list/bootstrap-dark.css +15 -44
  67. package/styles/drop-down-list/bootstrap.css +15 -44
  68. package/styles/drop-down-list/bootstrap4.css +14 -38
  69. package/styles/drop-down-list/bootstrap5-dark.css +14 -38
  70. package/styles/drop-down-list/bootstrap5.css +14 -38
  71. package/styles/drop-down-list/fabric-dark.css +15 -42
  72. package/styles/drop-down-list/fabric.css +15 -42
  73. package/styles/drop-down-list/fluent-dark.css +13 -36
  74. package/styles/drop-down-list/fluent.css +13 -36
  75. package/styles/drop-down-list/highcontrast-light.css +13 -58
  76. package/styles/drop-down-list/highcontrast.css +13 -58
  77. package/styles/drop-down-list/material-dark.css +11 -32
  78. package/styles/drop-down-list/material.css +11 -33
  79. package/styles/drop-down-list/tailwind-dark.css +10 -24
  80. package/styles/drop-down-list/tailwind.css +10 -24
  81. package/styles/drop-down-tree/bootstrap-dark.css +4 -92
  82. package/styles/drop-down-tree/bootstrap.css +4 -92
  83. package/styles/drop-down-tree/bootstrap4.css +5 -99
  84. package/styles/drop-down-tree/bootstrap5-dark.css +5 -103
  85. package/styles/drop-down-tree/bootstrap5.css +5 -103
  86. package/styles/drop-down-tree/fabric-dark.css +4 -92
  87. package/styles/drop-down-tree/fabric.css +4 -92
  88. package/styles/drop-down-tree/fluent-dark.css +5 -105
  89. package/styles/drop-down-tree/fluent.css +5 -105
  90. package/styles/drop-down-tree/highcontrast-light.css +4 -97
  91. package/styles/drop-down-tree/highcontrast.css +4 -98
  92. package/styles/drop-down-tree/material-dark.css +11 -182
  93. package/styles/drop-down-tree/material.css +11 -184
  94. package/styles/drop-down-tree/tailwind-dark.css +4 -107
  95. package/styles/drop-down-tree/tailwind.css +4 -107
  96. package/styles/fabric-dark.css +62 -335
  97. package/styles/fabric.css +62 -335
  98. package/styles/fluent-dark.css +62 -342
  99. package/styles/fluent.css +62 -342
  100. package/styles/highcontrast-light.css +63 -375
  101. package/styles/highcontrast.css +63 -376
  102. package/styles/list-box/bootstrap-dark.css +11 -115
  103. package/styles/list-box/bootstrap.css +11 -115
  104. package/styles/list-box/bootstrap4.css +11 -120
  105. package/styles/list-box/bootstrap5-dark.css +11 -115
  106. package/styles/list-box/bootstrap5.css +11 -115
  107. package/styles/list-box/fabric-dark.css +11 -115
  108. package/styles/list-box/fabric.css +11 -115
  109. package/styles/list-box/fluent-dark.css +11 -115
  110. package/styles/list-box/fluent.css +11 -115
  111. package/styles/list-box/highcontrast-light.css +11 -120
  112. package/styles/list-box/highcontrast.css +11 -120
  113. package/styles/list-box/material-dark.css +11 -115
  114. package/styles/list-box/material.css +11 -115
  115. package/styles/list-box/tailwind-dark.css +12 -118
  116. package/styles/list-box/tailwind.css +12 -118
  117. package/styles/material-dark.css +103 -462
  118. package/styles/material.css +103 -466
  119. package/styles/multi-select/bootstrap-dark.css +28 -68
  120. package/styles/multi-select/bootstrap.css +28 -68
  121. package/styles/multi-select/bootstrap4.css +28 -68
  122. package/styles/multi-select/bootstrap5-dark.css +29 -69
  123. package/styles/multi-select/bootstrap5.css +29 -69
  124. package/styles/multi-select/fabric-dark.css +28 -68
  125. package/styles/multi-select/fabric.css +28 -68
  126. package/styles/multi-select/fluent-dark.css +29 -68
  127. package/styles/multi-select/fluent.css +29 -68
  128. package/styles/multi-select/highcontrast-light.css +31 -97
  129. package/styles/multi-select/highcontrast.css +31 -97
  130. package/styles/multi-select/material-dark.css +66 -115
  131. package/styles/multi-select/material.css +66 -116
  132. package/styles/multi-select/tailwind-dark.css +29 -69
  133. package/styles/multi-select/tailwind.css +29 -69
  134. package/styles/tailwind-dark.css +63 -348
  135. package/styles/tailwind.css +63 -348
@@ -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
+ }