@syncfusion/ej2-dropdowns 27.2.5 → 28.1.35

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 (224) hide show
  1. package/README.md +2 -2
  2. package/dist/ej2-dropdowns.min.js +3 -3
  3. package/dist/ej2-dropdowns.umd.min.js +3 -3
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +511 -40
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +510 -38
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +3 -3
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +2 -2
  12. package/package.json +13 -13
  13. package/src/auto-complete/auto-complete.js +5 -2
  14. package/src/combo-box/combo-box.js +2 -1
  15. package/src/common/incremental-search.d.ts +1 -1
  16. package/src/common/incremental-search.js +5 -1
  17. package/src/common/virtual-scroll.js +2 -1
  18. package/src/drop-down-base/drop-down-base.js +14 -2
  19. package/src/drop-down-list/drop-down-list-model.d.ts +31 -0
  20. package/src/drop-down-list/drop-down-list.d.ts +45 -1
  21. package/src/drop-down-list/drop-down-list.js +213 -13
  22. package/src/drop-down-tree/drop-down-tree.d.ts +1 -0
  23. package/src/drop-down-tree/drop-down-tree.js +4 -3
  24. package/src/list-box/list-box.d.ts +4 -0
  25. package/src/list-box/list-box.js +9 -4
  26. package/src/mention/mention.js +6 -1
  27. package/src/multi-select/multi-select-model.d.ts +31 -0
  28. package/src/multi-select/multi-select.d.ts +45 -0
  29. package/src/multi-select/multi-select.js +250 -10
  30. package/styles/auto-complete/_tailwind3-definition.scss +2 -0
  31. package/styles/auto-complete/bds.css +75 -0
  32. package/styles/auto-complete/bds.scss +4 -0
  33. package/styles/auto-complete/highcontrast.css +1 -1
  34. package/styles/auto-complete/tailwind3.css +101 -0
  35. package/styles/auto-complete/tailwind3.scss +4 -0
  36. package/styles/bds-lite.css +3013 -0
  37. package/styles/bds-lite.scss +28 -0
  38. package/styles/bds.css +3855 -0
  39. package/styles/bds.scss +33 -0
  40. package/styles/bootstrap-dark-lite.css +41 -2
  41. package/styles/bootstrap-dark.css +41 -2
  42. package/styles/bootstrap-lite.css +30 -1
  43. package/styles/bootstrap.css +30 -1
  44. package/styles/bootstrap4-lite.css +30 -0
  45. package/styles/bootstrap4.css +30 -0
  46. package/styles/bootstrap5-dark-lite.css +31 -0
  47. package/styles/bootstrap5-dark.css +31 -0
  48. package/styles/bootstrap5-lite.css +31 -0
  49. package/styles/bootstrap5.3-lite.css +31 -3
  50. package/styles/bootstrap5.3.css +31 -3
  51. package/styles/bootstrap5.css +31 -0
  52. package/styles/combo-box/_tailwind3-definition.scss +2 -0
  53. package/styles/combo-box/bds.css +75 -0
  54. package/styles/combo-box/bds.scss +4 -0
  55. package/styles/combo-box/highcontrast.css +1 -1
  56. package/styles/combo-box/tailwind3.css +101 -0
  57. package/styles/combo-box/tailwind3.scss +4 -0
  58. package/styles/drop-down-base/_bigger.scss +3 -0
  59. package/styles/drop-down-base/_layout.scss +7 -0
  60. package/styles/drop-down-base/_tailwind3-definition.scss +98 -0
  61. package/styles/drop-down-base/bds.css +496 -0
  62. package/styles/drop-down-base/bds.scss +4 -0
  63. package/styles/drop-down-base/bootstrap-dark.css +4 -0
  64. package/styles/drop-down-base/bootstrap.css +4 -0
  65. package/styles/drop-down-base/bootstrap4.css +4 -0
  66. package/styles/drop-down-base/bootstrap5-dark.css +4 -0
  67. package/styles/drop-down-base/bootstrap5.3.css +4 -0
  68. package/styles/drop-down-base/bootstrap5.css +4 -0
  69. package/styles/drop-down-base/fabric-dark.css +4 -0
  70. package/styles/drop-down-base/fabric.css +4 -0
  71. package/styles/drop-down-base/fluent-dark.css +4 -0
  72. package/styles/drop-down-base/fluent.css +4 -0
  73. package/styles/drop-down-base/fluent2.css +9 -5
  74. package/styles/drop-down-base/highcontrast-light.css +4 -0
  75. package/styles/drop-down-base/highcontrast.css +4 -0
  76. package/styles/drop-down-base/material-dark.css +4 -0
  77. package/styles/drop-down-base/material.css +4 -0
  78. package/styles/drop-down-base/material3-dark.css +4 -0
  79. package/styles/drop-down-base/material3.css +4 -0
  80. package/styles/drop-down-base/tailwind-dark.css +4 -0
  81. package/styles/drop-down-base/tailwind.css +4 -0
  82. package/styles/drop-down-base/tailwind3.css +392 -0
  83. package/styles/drop-down-base/tailwind3.scss +4 -0
  84. package/styles/drop-down-list/_highcontrast-definition.scss +1 -1
  85. package/styles/drop-down-list/_layout.scss +18 -2
  86. package/styles/drop-down-list/_tailwind3-definition.scss +135 -0
  87. package/styles/drop-down-list/_theme.scss +3 -1
  88. package/styles/drop-down-list/bds.css +609 -0
  89. package/styles/drop-down-list/bds.scss +10 -0
  90. package/styles/drop-down-list/bootstrap-dark.css +18 -1
  91. package/styles/drop-down-list/bootstrap.css +13 -1
  92. package/styles/drop-down-list/bootstrap4.css +13 -0
  93. package/styles/drop-down-list/bootstrap5-dark.css +13 -0
  94. package/styles/drop-down-list/bootstrap5.3.css +13 -0
  95. package/styles/drop-down-list/bootstrap5.css +13 -0
  96. package/styles/drop-down-list/fabric-dark.css +18 -1
  97. package/styles/drop-down-list/fabric.css +13 -1
  98. package/styles/drop-down-list/fluent-dark.css +13 -1
  99. package/styles/drop-down-list/fluent.css +13 -1
  100. package/styles/drop-down-list/fluent2.css +13 -1
  101. package/styles/drop-down-list/highcontrast-light.css +9 -1
  102. package/styles/drop-down-list/highcontrast.css +19 -1
  103. package/styles/drop-down-list/icons/_bootstrap-dark.scss +4 -0
  104. package/styles/drop-down-list/icons/_bootstrap.scss +4 -0
  105. package/styles/drop-down-list/icons/_bootstrap4.scss +4 -0
  106. package/styles/drop-down-list/icons/_bootstrap5.3.scss +4 -0
  107. package/styles/drop-down-list/icons/_bootstrap5.scss +4 -0
  108. package/styles/drop-down-list/icons/_fabric-dark.scss +4 -0
  109. package/styles/drop-down-list/icons/_fabric.scss +4 -0
  110. package/styles/drop-down-list/icons/_fluent.scss +4 -0
  111. package/styles/drop-down-list/icons/_fluent2.scss +4 -0
  112. package/styles/drop-down-list/icons/_highcontrast.scss +4 -0
  113. package/styles/drop-down-list/icons/_material-dark.scss +4 -0
  114. package/styles/drop-down-list/icons/_material.scss +4 -0
  115. package/styles/drop-down-list/icons/_material3.scss +4 -0
  116. package/styles/drop-down-list/icons/_tailwind.scss +4 -0
  117. package/styles/drop-down-list/icons/_tailwind3.scss +14 -0
  118. package/styles/drop-down-list/material-dark.css +18 -1
  119. package/styles/drop-down-list/material.css +13 -1
  120. package/styles/drop-down-list/material3-dark.css +13 -1
  121. package/styles/drop-down-list/material3.css +13 -1
  122. package/styles/drop-down-list/tailwind-dark.css +13 -1
  123. package/styles/drop-down-list/tailwind.css +13 -1
  124. package/styles/drop-down-list/tailwind3.css +456 -0
  125. package/styles/drop-down-list/tailwind3.scss +10 -0
  126. package/styles/drop-down-tree/_bigger.scss +41 -7
  127. package/styles/drop-down-tree/_layout.scss +34 -10
  128. package/styles/drop-down-tree/_tailwind3-definition.scss +67 -0
  129. package/styles/drop-down-tree/_theme.scss +3 -3
  130. package/styles/drop-down-tree/bds.css +712 -0
  131. package/styles/drop-down-tree/bds.scss +10 -0
  132. package/styles/drop-down-tree/bootstrap5.3.css +0 -3
  133. package/styles/drop-down-tree/icons/_tailwind3.scss +11 -0
  134. package/styles/drop-down-tree/tailwind3.css +512 -0
  135. package/styles/drop-down-tree/tailwind3.scss +10 -0
  136. package/styles/fabric-dark-lite.css +40 -1
  137. package/styles/fabric-dark.css +40 -1
  138. package/styles/fabric-lite.css +30 -1
  139. package/styles/fabric.css +30 -1
  140. package/styles/fluent-dark-lite.css +31 -1
  141. package/styles/fluent-dark.css +31 -1
  142. package/styles/fluent-lite.css +31 -1
  143. package/styles/fluent.css +31 -1
  144. package/styles/fluent2-lite.css +45 -12
  145. package/styles/fluent2.css +45 -12
  146. package/styles/highcontrast-light-lite.css +22 -1
  147. package/styles/highcontrast-light.css +22 -1
  148. package/styles/highcontrast-lite.css +41 -1
  149. package/styles/highcontrast.css +41 -1
  150. package/styles/list-box/_bigger.scss +18 -1
  151. package/styles/list-box/_layout.scss +29 -3
  152. package/styles/list-box/_tailwind3-definition.scss +123 -0
  153. package/styles/list-box/_theme.scss +11 -0
  154. package/styles/list-box/bds.css +971 -0
  155. package/styles/list-box/bds.scss +6 -0
  156. package/styles/list-box/fluent2.css +1 -1
  157. package/styles/list-box/icons/_tailwind3.scss +25 -0
  158. package/styles/list-box/tailwind3.css +991 -0
  159. package/styles/list-box/tailwind3.scss +6 -0
  160. package/styles/material-dark-lite.css +40 -1
  161. package/styles/material-dark.css +40 -1
  162. package/styles/material-lite.css +30 -1
  163. package/styles/material.css +30 -1
  164. package/styles/material3-dark-lite.css +32 -5
  165. package/styles/material3-dark.css +32 -5
  166. package/styles/material3-lite.css +32 -5
  167. package/styles/material3.css +32 -5
  168. package/styles/mention/_tailwind3-definition.scss +1 -0
  169. package/styles/mention/bds.css +78 -0
  170. package/styles/mention/bds.scss +6 -0
  171. package/styles/mention/tailwind3.css +67 -0
  172. package/styles/mention/tailwind3.scss +6 -0
  173. package/styles/multi-select/_bigger.scss +2 -2
  174. package/styles/multi-select/_bootstrap-dark-definition.scss +1 -1
  175. package/styles/multi-select/_layout.scss +28 -5
  176. package/styles/multi-select/_material3-definition.scss +1 -1
  177. package/styles/multi-select/_tailwind3-definition.scss +227 -0
  178. package/styles/multi-select/_theme.scss +1 -1
  179. package/styles/multi-select/bds.css +1575 -0
  180. package/styles/multi-select/bds.scss +10 -0
  181. package/styles/multi-select/bootstrap-dark.css +19 -1
  182. package/styles/multi-select/bootstrap.css +13 -0
  183. package/styles/multi-select/bootstrap4.css +13 -0
  184. package/styles/multi-select/bootstrap5-dark.css +14 -0
  185. package/styles/multi-select/bootstrap5.3.css +14 -0
  186. package/styles/multi-select/bootstrap5.css +14 -0
  187. package/styles/multi-select/fabric-dark.css +18 -0
  188. package/styles/multi-select/fabric.css +13 -0
  189. package/styles/multi-select/fluent-dark.css +14 -0
  190. package/styles/multi-select/fluent.css +14 -0
  191. package/styles/multi-select/fluent2.css +22 -5
  192. package/styles/multi-select/highcontrast-light.css +9 -0
  193. package/styles/multi-select/highcontrast.css +18 -0
  194. package/styles/multi-select/icons/_bootstrap-dark.scss +4 -0
  195. package/styles/multi-select/icons/_bootstrap.scss +4 -0
  196. package/styles/multi-select/icons/_bootstrap4.scss +4 -0
  197. package/styles/multi-select/icons/_bootstrap5.3.scss +4 -0
  198. package/styles/multi-select/icons/_bootstrap5.scss +4 -0
  199. package/styles/multi-select/icons/_fabric-dark.scss +4 -0
  200. package/styles/multi-select/icons/_fabric.scss +4 -0
  201. package/styles/multi-select/icons/_fluent.scss +4 -0
  202. package/styles/multi-select/icons/_fluent2.scss +4 -0
  203. package/styles/multi-select/icons/_highcontrast.scss +4 -0
  204. package/styles/multi-select/icons/_material-dark.scss +4 -0
  205. package/styles/multi-select/icons/_material.scss +4 -0
  206. package/styles/multi-select/icons/_material3.scss +4 -0
  207. package/styles/multi-select/icons/_tailwind.scss +4 -0
  208. package/styles/multi-select/icons/_tailwind3.scss +26 -0
  209. package/styles/multi-select/material-dark.css +18 -0
  210. package/styles/multi-select/material.css +13 -0
  211. package/styles/multi-select/material3-dark.css +15 -4
  212. package/styles/multi-select/material3.css +15 -4
  213. package/styles/multi-select/tailwind-dark.css +13 -0
  214. package/styles/multi-select/tailwind.css +13 -0
  215. package/styles/multi-select/tailwind3.css +1398 -0
  216. package/styles/multi-select/tailwind3.scss +10 -0
  217. package/styles/tailwind-dark-lite.css +30 -1
  218. package/styles/tailwind-dark.css +30 -1
  219. package/styles/tailwind-lite.css +30 -1
  220. package/styles/tailwind.css +30 -1
  221. package/styles/tailwind3-lite.css +2890 -0
  222. package/styles/tailwind3-lite.scss +28 -0
  223. package/styles/tailwind3.css +3551 -0
  224. package/styles/tailwind3.scss +33 -0
@@ -0,0 +1,10 @@
1
+ @import 'ej2-base/styles/definition/bds.scss';
2
+ @import 'ej2-inputs/styles/input/bds-definition.scss';
3
+ @import 'ej2-popups/styles/popup/bds-definition.scss';
4
+ @import 'ej2-popups/styles/spinner/bds-definition.scss';
5
+ @import 'ej2-buttons/styles/check-box/bds-definition.scss';
6
+ @import '../drop-down-base/bds-definition.scss';
7
+ @import 'bds-definition.scss';
8
+ @import 'icons/bds.scss';
9
+ @import 'all.scss';
10
+ @import 'bigger.scss';
@@ -56,7 +56,7 @@
56
56
  .e-multiselect .e-input-group-icon.e-ddl-icon {
57
57
  border-radius: 0 4px 4px 0;
58
58
  border-right-width: 0;
59
- height: 34px;
59
+ height: 32px;
60
60
  width: 36px;
61
61
  }
62
62
 
@@ -101,6 +101,10 @@
101
101
  content: "";
102
102
  }
103
103
 
104
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
105
+ content: "\eb08";
106
+ }
107
+
104
108
  .e-multi-select-wrapper {
105
109
  -webkit-box-sizing: border-box;
106
110
  box-sizing: border-box;
@@ -851,6 +855,20 @@ ejs-multiselect {
851
855
  cursor: pointer;
852
856
  }
853
857
 
858
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
859
+ bottom: 0;
860
+ right: 0;
861
+ cursor: nwse-resize;
862
+ height: 15px;
863
+ position: absolute;
864
+ width: 15px;
865
+ }
866
+
867
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
868
+ background: transparent;
869
+ color: rgb(221, 218, 218);
870
+ }
871
+
854
872
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
855
873
  color: #f0f0f0;
856
874
  }
@@ -94,6 +94,10 @@
94
94
  content: "";
95
95
  }
96
96
 
97
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
98
+ content: "\eb08";
99
+ }
100
+
97
101
  .e-multi-select-wrapper {
98
102
  -webkit-box-sizing: border-box;
99
103
  box-sizing: border-box;
@@ -844,6 +848,15 @@ ejs-multiselect {
844
848
  cursor: pointer;
845
849
  }
846
850
 
851
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
852
+ bottom: 0;
853
+ right: 0;
854
+ cursor: nwse-resize;
855
+ height: 15px;
856
+ position: absolute;
857
+ width: 15px;
858
+ }
859
+
847
860
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
848
861
  color: #333;
849
862
  }
@@ -128,6 +128,10 @@
128
128
  content: "";
129
129
  }
130
130
 
131
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
132
+ content: "\e7cf";
133
+ }
134
+
131
135
  .e-multi-select-wrapper {
132
136
  -webkit-box-sizing: border-box;
133
137
  box-sizing: border-box;
@@ -884,6 +888,15 @@ ejs-multiselect {
884
888
  cursor: pointer;
885
889
  }
886
890
 
891
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
892
+ bottom: 0;
893
+ right: 0;
894
+ cursor: nwse-resize;
895
+ height: 15px;
896
+ position: absolute;
897
+ width: 15px;
898
+ }
899
+
887
900
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
888
901
  color: #fff;
889
902
  }
@@ -121,6 +121,10 @@
121
121
  content: "";
122
122
  }
123
123
 
124
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
125
+ content: "\e832";
126
+ }
127
+
124
128
  .e-multi-select-wrapper {
125
129
  -webkit-box-sizing: border-box;
126
130
  box-sizing: border-box;
@@ -461,6 +465,7 @@
461
465
  max-width: 100%;
462
466
  padding-left: 8px;
463
467
  padding-right: 6px;
468
+ vertical-align: middle;
464
469
  }
465
470
 
466
471
  .e-multi-select-list-wrapper .e-hide-listitem,
@@ -882,6 +887,15 @@ ejs-multiselect {
882
887
  cursor: pointer;
883
888
  }
884
889
 
890
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
891
+ bottom: 0;
892
+ right: 0;
893
+ cursor: nwse-resize;
894
+ height: 15px;
895
+ position: absolute;
896
+ width: 15px;
897
+ }
898
+
885
899
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
886
900
  color: #fff;
887
901
  }
@@ -125,6 +125,10 @@
125
125
  content: "";
126
126
  }
127
127
 
128
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
129
+ content: "\e832";
130
+ }
131
+
128
132
  .e-multi-select-wrapper {
129
133
  -webkit-box-sizing: border-box;
130
134
  box-sizing: border-box;
@@ -465,6 +469,7 @@
465
469
  max-width: 100%;
466
470
  padding-left: 8px;
467
471
  padding-right: 6px;
472
+ vertical-align: middle;
468
473
  }
469
474
 
470
475
  .e-multi-select-list-wrapper .e-hide-listitem,
@@ -886,6 +891,15 @@ ejs-multiselect {
886
891
  cursor: pointer;
887
892
  }
888
893
 
894
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
895
+ bottom: 0;
896
+ right: 0;
897
+ cursor: nwse-resize;
898
+ height: 15px;
899
+ position: absolute;
900
+ width: 15px;
901
+ }
902
+
889
903
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
890
904
  color: var(--color-sf-content-text-color);
891
905
  }
@@ -121,6 +121,10 @@
121
121
  content: "";
122
122
  }
123
123
 
124
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
125
+ content: "\e832";
126
+ }
127
+
124
128
  .e-multi-select-wrapper {
125
129
  -webkit-box-sizing: border-box;
126
130
  box-sizing: border-box;
@@ -461,6 +465,7 @@
461
465
  max-width: 100%;
462
466
  padding-left: 8px;
463
467
  padding-right: 6px;
468
+ vertical-align: middle;
464
469
  }
465
470
 
466
471
  .e-multi-select-list-wrapper .e-hide-listitem,
@@ -882,6 +887,15 @@ ejs-multiselect {
882
887
  cursor: pointer;
883
888
  }
884
889
 
890
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
891
+ bottom: 0;
892
+ right: 0;
893
+ cursor: nwse-resize;
894
+ height: 15px;
895
+ position: absolute;
896
+ width: 15px;
897
+ }
898
+
885
899
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
886
900
  color: #212529;
887
901
  }
@@ -95,6 +95,10 @@
95
95
  content: "";
96
96
  }
97
97
 
98
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
99
+ content: "\eb06";
100
+ }
101
+
98
102
  .e-multi-select-wrapper {
99
103
  -webkit-box-sizing: border-box;
100
104
  box-sizing: border-box;
@@ -851,6 +855,20 @@ ejs-multiselect {
851
855
  cursor: pointer;
852
856
  }
853
857
 
858
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
859
+ bottom: 0;
860
+ right: 0;
861
+ cursor: nwse-resize;
862
+ height: 15px;
863
+ position: absolute;
864
+ width: 15px;
865
+ }
866
+
867
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
868
+ background: transparent;
869
+ color: rgb(221, 218, 218);
870
+ }
871
+
854
872
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
855
873
  color: #fff;
856
874
  }
@@ -90,6 +90,10 @@
90
90
  content: "";
91
91
  }
92
92
 
93
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
94
+ content: "\eb06";
95
+ }
96
+
93
97
  .e-multi-select-wrapper {
94
98
  -webkit-box-sizing: border-box;
95
99
  box-sizing: border-box;
@@ -846,6 +850,15 @@ ejs-multiselect {
846
850
  cursor: pointer;
847
851
  }
848
852
 
853
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
854
+ bottom: 0;
855
+ right: 0;
856
+ cursor: nwse-resize;
857
+ height: 15px;
858
+ position: absolute;
859
+ width: 15px;
860
+ }
861
+
849
862
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
850
863
  color: #666;
851
864
  }
@@ -125,6 +125,10 @@
125
125
  content: "";
126
126
  }
127
127
 
128
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
129
+ content: "\e761";
130
+ }
131
+
128
132
  .e-multi-select-wrapper {
129
133
  -webkit-box-sizing: border-box;
130
134
  box-sizing: border-box;
@@ -467,6 +471,7 @@
467
471
  max-width: 100%;
468
472
  padding-left: 8px;
469
473
  padding-right: 6px;
474
+ vertical-align: middle;
470
475
  }
471
476
 
472
477
  .e-multi-select-list-wrapper .e-hide-listitem,
@@ -889,6 +894,15 @@ ejs-multiselect {
889
894
  cursor: pointer;
890
895
  }
891
896
 
897
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
898
+ bottom: 0;
899
+ right: 0;
900
+ cursor: nwse-resize;
901
+ height: 15px;
902
+ position: absolute;
903
+ width: 15px;
904
+ }
905
+
892
906
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
893
907
  color: #f3f2f1;
894
908
  }
@@ -125,6 +125,10 @@
125
125
  content: "";
126
126
  }
127
127
 
128
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
129
+ content: "\e761";
130
+ }
131
+
128
132
  .e-multi-select-wrapper {
129
133
  -webkit-box-sizing: border-box;
130
134
  box-sizing: border-box;
@@ -467,6 +471,7 @@
467
471
  max-width: 100%;
468
472
  padding-left: 8px;
469
473
  padding-right: 6px;
474
+ vertical-align: middle;
470
475
  }
471
476
 
472
477
  .e-multi-select-list-wrapper .e-hide-listitem,
@@ -889,6 +894,15 @@ ejs-multiselect {
889
894
  cursor: pointer;
890
895
  }
891
896
 
897
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
898
+ bottom: 0;
899
+ right: 0;
900
+ cursor: nwse-resize;
901
+ height: 15px;
902
+ position: absolute;
903
+ width: 15px;
904
+ }
905
+
892
906
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
893
907
  color: #201f1e;
894
908
  }
@@ -350,6 +350,10 @@
350
350
  width: 14px;
351
351
  }
352
352
 
353
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
354
+ content: "\e832";
355
+ }
356
+
353
357
  .e-multi-select-wrapper {
354
358
  -webkit-box-sizing: border-box;
355
359
  box-sizing: border-box;
@@ -625,7 +629,7 @@
625
629
  .e-multi-select-wrapper input[type=text] {
626
630
  background: none;
627
631
  border: 0;
628
- font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
632
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
629
633
  font-size: 14px;
630
634
  font-weight: normal;
631
635
  height: 28px;
@@ -639,7 +643,7 @@
639
643
  background: none;
640
644
  border: 0;
641
645
  color: inherit;
642
- font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
646
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
643
647
  font-size: 14px;
644
648
  font-weight: normal;
645
649
  height: 28px;
@@ -674,7 +678,7 @@
674
678
  }
675
679
 
676
680
  .e-multi-select-wrapper .e-delim-values {
677
- font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
681
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
678
682
  font-size: 14px;
679
683
  line-height: 28px;
680
684
  max-width: 100%;
@@ -856,7 +860,7 @@
856
860
 
857
861
  .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
858
862
  color: var(--color-sf-content-text-color);
859
- font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
863
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
860
864
  font-size: 14px;
861
865
  }
862
866
 
@@ -882,6 +886,10 @@
882
886
  float: left;
883
887
  }
884
888
 
889
+ .e-multiselect.e-control-wrapper.e-checkbox .e-multi-select-wrapper.e-down-icon {
890
+ padding-right: 0 48px 0 0;
891
+ }
892
+
885
893
  .e-multiselect .e-multi-select-wrapper.e-down-icon {
886
894
  padding: 1px 0;
887
895
  }
@@ -1088,6 +1096,15 @@ ejs-multiselect {
1088
1096
  cursor: pointer;
1089
1097
  }
1090
1098
 
1099
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
1100
+ bottom: 0;
1101
+ right: 0;
1102
+ cursor: nwse-resize;
1103
+ height: 15px;
1104
+ position: absolute;
1105
+ width: 15px;
1106
+ }
1107
+
1091
1108
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1092
1109
  color: var(--color-sf-content-text-color);
1093
1110
  }
@@ -1109,7 +1126,7 @@ ejs-multiselect {
1109
1126
  .e-multi-select-wrapper .e-chips > .e-chipcontent {
1110
1127
  -webkit-text-fill-color: var(--color-sf-content-text-color);
1111
1128
  color: var(--color-sf-content-text-color);
1112
- font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
1129
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
1113
1130
  font-size: 14px;
1114
1131
  }
1115
1132
 
@@ -950,6 +950,15 @@ ejs-multiselect {
950
950
  cursor: pointer;
951
951
  }
952
952
 
953
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
954
+ bottom: 0;
955
+ right: 0;
956
+ cursor: nwse-resize;
957
+ height: 15px;
958
+ position: absolute;
959
+ width: 15px;
960
+ }
961
+
953
962
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
954
963
  color: #fff;
955
964
  }
@@ -194,6 +194,10 @@
194
194
  content: "";
195
195
  }
196
196
 
197
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
198
+ content: "\eb06";
199
+ }
200
+
197
201
  .e-multi-select-wrapper {
198
202
  -webkit-box-sizing: border-box;
199
203
  box-sizing: border-box;
@@ -957,6 +961,20 @@ ejs-multiselect {
957
961
  cursor: pointer;
958
962
  }
959
963
 
964
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
965
+ bottom: 0;
966
+ right: 0;
967
+ cursor: nwse-resize;
968
+ height: 15px;
969
+ position: absolute;
970
+ width: 15px;
971
+ }
972
+
973
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
974
+ background: transparent;
975
+ color: rgb(221, 218, 218);
976
+ }
977
+
960
978
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
961
979
  color: #000;
962
980
  }
@@ -23,4 +23,8 @@
23
23
  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
24
24
  content: '';
25
25
  }
26
+
27
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
28
+ content: '\eb08';
29
+ }
26
30
  }
@@ -23,4 +23,8 @@
23
23
  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
24
24
  content: '';
25
25
  }
26
+
27
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
28
+ content: '\eb08';
29
+ }
26
30
  }
@@ -25,4 +25,8 @@
25
25
  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
26
26
  content: '';
27
27
  }
28
+
29
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
30
+ content: '\e7cf';
31
+ }
28
32
  }
@@ -23,4 +23,8 @@
23
23
  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
24
24
  content: '';
25
25
  }
26
+
27
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
28
+ content: '\e832';
29
+ }
26
30
  }
@@ -23,4 +23,8 @@
23
23
  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
24
24
  content: '';
25
25
  }
26
+
27
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
28
+ content: '\e832';
29
+ }
26
30
  }
@@ -23,4 +23,8 @@
23
23
  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
24
24
  content: '';
25
25
  }
26
+
27
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
28
+ content: '\eb06';
29
+ }
26
30
  }
@@ -23,4 +23,8 @@
23
23
  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
24
24
  content: '';
25
25
  }
26
+
27
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
28
+ content: '\eb06';
29
+ }
26
30
  }
@@ -31,4 +31,8 @@
31
31
  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
32
32
  content: '';
33
33
  }
34
+
35
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
36
+ content: '\e761';
37
+ }
34
38
  }
@@ -340,4 +340,8 @@
340
340
  content: '';
341
341
  }
342
342
  }
343
+
344
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
345
+ content: '\e832';
346
+ }
343
347
  }
@@ -23,4 +23,8 @@
23
23
  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
24
24
  content: '';
25
25
  }
26
+
27
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
28
+ content: '\eb06';
29
+ }
26
30
  }
@@ -341,4 +341,8 @@
341
341
  content: '';
342
342
  }
343
343
  }
344
+
345
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
346
+ content: '\eb05';
347
+ }
344
348
  }
@@ -341,4 +341,8 @@
341
341
  content: '';
342
342
  }
343
343
  }
344
+
345
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
346
+ content: '\eb05';
347
+ }
344
348
  }
@@ -343,4 +343,8 @@
343
343
  content: '';
344
344
  }
345
345
  }
346
+
347
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
348
+ content: '\e832';
349
+ }
346
350
  }
@@ -23,4 +23,8 @@
23
23
  .e-multiselect.e-input-group .e-ddl-disable-icon::before {
24
24
  content: '';
25
25
  }
26
+
27
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
28
+ content: '\e832';
29
+ }
26
30
  }
@@ -0,0 +1,26 @@
1
+ @include export-module('multiselect-tailwind3-icons') {
2
+ .e-multiselect.e-input-group .e-ddl-icon::before {
3
+ content: '\e729';
4
+ font-family: 'e-icons';
5
+ }
6
+
7
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
8
+ content: '\e7e7';
9
+ cursor: pointer;
10
+ left: $ddl-chip-close-left;
11
+ position: relative;
12
+ top: $ddl-chip-close-top;
13
+ }
14
+
15
+ .e-multi-select-wrapper .e-close-hooker::before {
16
+ content: '\e7e7';
17
+ cursor: pointer;
18
+ left: $ddl-overall-close-left;
19
+ position: relative;
20
+ top: $ddl-overall-close-top;
21
+ }
22
+
23
+ .e-multiselect.e-input-group .e-ddl-disable-icon::before {
24
+ content: '';
25
+ }
26
+ }
@@ -352,6 +352,10 @@
352
352
  content: "";
353
353
  }
354
354
 
355
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
356
+ content: "\eb05";
357
+ }
358
+
355
359
  .e-multi-select-wrapper {
356
360
  -webkit-box-sizing: border-box;
357
361
  box-sizing: border-box;
@@ -1346,6 +1350,20 @@ ejs-multiselect {
1346
1350
  cursor: pointer;
1347
1351
  }
1348
1352
 
1353
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
1354
+ bottom: 0;
1355
+ right: 0;
1356
+ cursor: nwse-resize;
1357
+ height: 15px;
1358
+ position: absolute;
1359
+ width: 15px;
1360
+ }
1361
+
1362
+ .e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
1363
+ background: transparent;
1364
+ color: rgb(221, 218, 218);
1365
+ }
1366
+
1349
1367
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1350
1368
  color: #fff;
1351
1369
  }