@syncfusion/ej2-dropdowns 19.3.56 → 19.4.38

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 (68) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-dropdowns.umd.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +77 -31
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +78 -31
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +2 -2
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +11 -11
  13. package/src/combo-box/combo-box.js +2 -2
  14. package/src/common/incremental-search.d.ts +1 -1
  15. package/src/common/incremental-search.js +1 -1
  16. package/src/drop-down-base/drop-down-base.js +17 -0
  17. package/src/list-box/list-box.d.ts +0 -4
  18. package/src/list-box/list-box.js +0 -3
  19. package/src/multi-select/multi-select-model.d.ts +1 -1
  20. package/src/multi-select/multi-select.d.ts +2 -0
  21. package/src/multi-select/multi-select.js +58 -25
  22. package/styles/auto-complete/_fluent-definition.scss +2 -0
  23. package/styles/auto-complete/bootstrap5-dark.css +0 -1
  24. package/styles/auto-complete/bootstrap5.css +0 -1
  25. package/styles/bootstrap5-dark.css +12 -6
  26. package/styles/bootstrap5.css +12 -6
  27. package/styles/combo-box/_fluent-definition.scss +2 -0
  28. package/styles/combo-box/bootstrap5-dark.css +0 -1
  29. package/styles/combo-box/bootstrap5.css +0 -1
  30. package/styles/drop-down-base/_fluent-definition.scss +109 -0
  31. package/styles/drop-down-list/_bootstrap5-definition.scss +0 -1
  32. package/styles/drop-down-list/_fluent-definition.scss +193 -0
  33. package/styles/drop-down-list/bootstrap5-dark.css +0 -1
  34. package/styles/drop-down-list/bootstrap5.css +0 -1
  35. package/styles/drop-down-list/icons/_bootstrap5.scss +0 -1
  36. package/styles/drop-down-list/icons/_fluent.scss +14 -0
  37. package/styles/drop-down-tree/_bootstrap5-definition.scss +59 -58
  38. package/styles/drop-down-tree/_fluent-definition.scss +71 -0
  39. package/styles/drop-down-tree/_layout.scss +12 -4
  40. package/styles/drop-down-tree/_tailwind-definition.scss +1 -0
  41. package/styles/drop-down-tree/bootstrap5-dark.css +11 -4
  42. package/styles/drop-down-tree/bootstrap5.css +11 -4
  43. package/styles/drop-down-tree/icons/_bootstrap5.scss +11 -11
  44. package/styles/drop-down-tree/icons/_fluent.scss +11 -0
  45. package/styles/drop-down-tree/icons/_tailwind-dark.scss +11 -11
  46. package/styles/drop-down-tree/tailwind-dark.css +1 -0
  47. package/styles/drop-down-tree/tailwind.css +1 -0
  48. package/styles/list-box/_bootstrap5-definition.scss +2 -2
  49. package/styles/list-box/_fluent-definition.scss +115 -0
  50. package/styles/list-box/_layout.scss +1 -6
  51. package/styles/list-box/bootstrap5-dark.css +1 -1
  52. package/styles/list-box/bootstrap5.css +1 -1
  53. package/styles/list-box/icons/_fluent.scss +25 -0
  54. package/styles/list-box/icons/_tailwind-dark.scss +2 -2
  55. package/styles/list-box/tailwind-dark.css +3 -3
  56. package/styles/list-box/tailwind.css +1 -1
  57. package/styles/material-dark.css +0 -94
  58. package/styles/material.css +0 -94
  59. package/styles/multi-select/_fluent-definition.scss +214 -0
  60. package/styles/multi-select/_layout.scss +0 -116
  61. package/styles/multi-select/_material-dark-definition.scss +0 -22
  62. package/styles/multi-select/_material-definition.scss +0 -22
  63. package/styles/multi-select/icons/_fluent.scss +27 -0
  64. package/styles/multi-select/material-dark.css +0 -94
  65. package/styles/multi-select/material.css +0 -94
  66. package/styles/tailwind-dark.css +4 -3
  67. package/styles/tailwind.css +2 -1
  68. package/styles/_all.scss +0 -3
package/styles/multi-select/_layout.scss CHANGED
@@ -1003,122 +1003,6 @@ ejs-multiselect {
1003
1003
  }
1004
1004
  }
1005
1005
 
1006
- .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1007
- .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1008
- .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1009
- .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1010
- @if $ddl-multiselect-skin-name == 'material' {
1011
- margin-top: $outline-filled-multiselect-drop-icon-margin-top;
1012
- }
1013
- }
1014
-
1015
- .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1016
- .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1017
- .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1018
- .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1019
- @if $ddl-multiselect-skin-name == 'material' {
1020
- margin-top: $outline-filled-multiselect-close-icon-margin-top;
1021
- right: $outline-filled-multiselect-close-icon-right;
1022
- }
1023
- }
1024
-
1025
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1026
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1027
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1028
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1029
- @if $ddl-multiselect-skin-name == 'material' {
1030
- margin-top: $outline-multiselect-bigger-drop-icon-margin-top;
1031
- }
1032
- }
1033
-
1034
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1035
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1036
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1037
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1038
- @if $ddl-multiselect-skin-name == 'material' {
1039
- margin-right: $filled-multiselect-bigger-drop-icon-margin-right;
1040
- margin-top: $filled-multiselect-bigger-drop-icon-margin-top;
1041
- }
1042
- }
1043
-
1044
- .e-bigger .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1045
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1046
- .e-bigger.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1047
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1048
- .e-bigger .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1049
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1050
- .e-bigger.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1051
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1052
- @if $ddl-multiselect-skin-name == 'material' {
1053
- margin-top: $outline-filled-multiselect-bigger-close-icon-margin-top;
1054
- right: $outline-filled-multiselect-bigger-close-icon-right;
1055
- }
1056
- }
1057
-
1058
- .e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1059
- .e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1060
- .e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1061
- .e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1062
- @if $ddl-multiselect-skin-name == 'material' {
1063
- margin-top: $outline-multiselect-small-drop-icon-margin-top;
1064
- }
1065
- }
1066
-
1067
- .e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1068
- .e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1069
- .e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1070
- .e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1071
- @if $ddl-multiselect-skin-name == 'material' {
1072
- margin-top: $filled-multiselect-small-drop-icon-margin-top;
1073
- }
1074
- }
1075
-
1076
- .e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1077
- .e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1078
- .e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1079
- .e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1080
- .e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1081
- .e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1082
- .e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1083
- .e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1084
- @if $ddl-multiselect-skin-name == 'material' {
1085
- margin-top: $outline-filled-multiselect-small-close-icon-margin-top;
1086
- right: $outline-filled-multiselect-small-close-icon-right;
1087
- }
1088
- }
1089
-
1090
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1091
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1092
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1093
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1094
- @if $ddl-multiselect-skin-name == 'material' {
1095
- margin-right: $filled-multiselect-bigger-small-drop-icon-margin-right;
1096
- margin-top: $filled-multiselect-bigger-small-drop-icon-margin-top;
1097
- }
1098
- }
1099
-
1100
- .e-bigger.e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1101
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1102
- .e-bigger.e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1103
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1104
- .e-bigger.e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1105
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1106
- .e-bigger.e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1107
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1108
- @if $ddl-multiselect-skin-name == 'material' {
1109
- margin-top: $outline-filled-multiselect-bigger-small-close-icon-margin-top;
1110
- right: $outline-filled-multiselect-bigger-small-close-icon-margin-right;
1111
- }
1112
- }
1113
-
1114
- .e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
1115
- .e-bigger.e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
1116
- .e-bigger .e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon {
1117
- @if $ddl-multiselect-skin-name == 'material' {
1118
- padding: $filled-multiselect-overall-padding;
1119
- }
1120
- }
1121
-
1122
1006
  .e-multiselect.e-outline .e-multi-select-wrapper {
1123
1007
  @if $ddl-multiselect-skin-name == 'material' {
1124
1008
  min-height: $ddl-outline-multiselect-height;
package/styles/multi-select/_material-dark-definition.scss CHANGED
@@ -155,28 +155,6 @@ $ddl-delimviewheight-bigger-small: 34px !default;
155
155
  $ddl-closer-margin-top-bigger-small: -2.5em !default;
156
156
  //enddefault
157
157
 
158
- $outline-filled-multiselect-drop-icon-margin-top: -1.6em !default;
159
- $outline-filled-multiselect-close-icon-margin-top: -2.8em !default;
160
- $outline-filled-multiselect-close-icon-right: 36px !default;
161
-
162
- $outline-multiselect-bigger-drop-icon-margin-top: -1.4em !default;
163
- $filled-multiselect-bigger-drop-icon-margin-top: -1.6em !default;
164
- $filled-multiselect-bigger-drop-icon-margin-right: 6px !default;
165
- $outline-filled-multiselect-bigger-close-icon-margin-top: -3em !default;
166
- $outline-filled-multiselect-bigger-close-icon-right: 43px !default;
167
-
168
- $outline-multiselect-small-drop-icon-margin-top: -1.4em !default;
169
- $filled-multiselect-small-drop-icon-margin-top: -1.6em !default;
170
- $outline-filled-multiselect-small-close-icon-margin-top: -2.6em !default;
171
- $outline-filled-multiselect-small-close-icon-right: 31px !default;
172
-
173
- $filled-multiselect-bigger-small-drop-icon-margin-top: -1.7em !default;
174
- $filled-multiselect-bigger-small-drop-icon-margin-right: 6px !default;
175
- $outline-filled-multiselect-bigger-small-close-icon-margin-top: -1.7em !default;
176
- $outline-filled-multiselect-bigger-small-close-icon-margin-right: 36px !default;
177
-
178
- $filled-multiselect-overall-padding: 11px 12px 0 !default;
179
-
180
158
  $ddl-outline-multiselect-height: 34px !default;
181
159
  $outline-multiselect-bigger-height: 40px !default;
182
160
  $outline-multiselect-small-height: 30px !default;
package/styles/multi-select/_material-definition.scss CHANGED
@@ -165,28 +165,6 @@ $ddl-delim-bigger-small-font-size: 13px !default;
165
165
  $ddl-delimviewheight-bigger-small: 28px !default;
166
166
  $ddl-closer-margin-top-bigger-small: -2.5em !default;
167
167
 
168
- $outline-filled-multiselect-drop-icon-margin-top: -1.6em !default;
169
- $outline-filled-multiselect-close-icon-margin-top: -2.8em !default;
170
- $outline-filled-multiselect-close-icon-right: 36px !default;
171
-
172
- $outline-multiselect-bigger-drop-icon-margin-top: -1.4em !default;
173
- $filled-multiselect-bigger-drop-icon-margin-top: -1.6em !default;
174
- $filled-multiselect-bigger-drop-icon-margin-right: 6px !default;
175
- $outline-filled-multiselect-bigger-close-icon-margin-top: -3em !default;
176
- $outline-filled-multiselect-bigger-close-icon-right: 43px !default;
177
-
178
- $outline-multiselect-small-drop-icon-margin-top: -1.4em !default;
179
- $filled-multiselect-small-drop-icon-margin-top: -1.6em !default;
180
- $outline-filled-multiselect-small-close-icon-margin-top: -2.6em !default;
181
- $outline-filled-multiselect-small-close-icon-right: 31px !default;
182
-
183
- $filled-multiselect-bigger-small-drop-icon-margin-top: -1.7em !default;
184
- $filled-multiselect-bigger-small-drop-icon-margin-right: 6px !default;
185
- $outline-filled-multiselect-bigger-small-close-icon-margin-top: -1.7em !default;
186
- $outline-filled-multiselect-bigger-small-close-icon-margin-right: 36px !default;
187
-
188
- $filled-multiselect-overall-padding: 11px 12px 0 !default;
189
-
190
168
  $ddl-outline-multiselect-height: 34px !default;
191
169
  $outline-multiselect-bigger-height: 40px !default;
192
170
  $outline-multiselect-small-height: 30px !default;
package/styles/multi-select/icons/_fluent.scss ADDED
@@ -0,0 +1,27 @@
1
+ @include export-module('multiselect-fluent-icons') {
2
+ .e-multiselect.e-input-group .e-ddl-icon::before {
3
+ content: '\e7c3';
4
+ font-family: 'e-icons';
5
+ }
6
+
7
+ .e-multi-select-wrapper .e-chips .e-chips-close::before {
8
+ content: '\e74f';
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: '\e74f';
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
+ }
27
+
package/styles/multi-select/material-dark.css CHANGED
@@ -1477,100 +1477,6 @@ ejs-multiselect {
1477
1477
  padding: 3px 38px 1px 0;
1478
1478
  }
1479
1479
 
1480
- .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1481
- .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1482
- .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1483
- .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1484
- margin-top: -1.6em;
1485
- }
1486
-
1487
- .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1488
- .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1489
- .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1490
- .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1491
- margin-top: -2.8em;
1492
- right: 36px;
1493
- }
1494
-
1495
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1496
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1497
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1498
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1499
- margin-top: -1.4em;
1500
- }
1501
-
1502
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1503
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1504
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1505
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1506
- margin-right: 6px;
1507
- margin-top: -1.6em;
1508
- }
1509
-
1510
- .e-bigger .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1511
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1512
- .e-bigger.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1513
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1514
- .e-bigger .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1515
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1516
- .e-bigger.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1517
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1518
- margin-top: -3em;
1519
- right: 43px;
1520
- }
1521
-
1522
- .e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1523
- .e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1524
- .e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1525
- .e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1526
- margin-top: -1.4em;
1527
- }
1528
-
1529
- .e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1530
- .e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1531
- .e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1532
- .e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1533
- margin-top: -1.6em;
1534
- }
1535
-
1536
- .e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1537
- .e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1538
- .e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1539
- .e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1540
- .e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1541
- .e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1542
- .e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1543
- .e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1544
- margin-top: -2.6em;
1545
- right: 31px;
1546
- }
1547
-
1548
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1549
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1550
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1551
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1552
- margin-right: 6px;
1553
- margin-top: -1.7em;
1554
- }
1555
-
1556
- .e-bigger.e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1557
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1558
- .e-bigger.e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1559
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1560
- .e-bigger.e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1561
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1562
- .e-bigger.e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1563
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1564
- margin-top: -1.7em;
1565
- right: 36px;
1566
- }
1567
-
1568
- .e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
1569
- .e-bigger.e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
1570
- .e-bigger .e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon {
1571
- padding: 11px 12px 0;
1572
- }
1573
-
1574
1480
  .e-multiselect.e-outline .e-multi-select-wrapper {
1575
1481
  min-height: 34px;
1576
1482
  padding: 3px 38px 1px 0;
package/styles/multi-select/material.css CHANGED
@@ -1486,100 +1486,6 @@ ejs-multiselect {
1486
1486
  padding: 3px 38px 1px 0;
1487
1487
  }
1488
1488
 
1489
- .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1490
- .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1491
- .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1492
- .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1493
- margin-top: -1.6em;
1494
- }
1495
-
1496
- .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1497
- .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1498
- .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1499
- .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1500
- margin-top: -2.8em;
1501
- right: 36px;
1502
- }
1503
-
1504
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1505
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1506
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1507
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1508
- margin-top: -1.4em;
1509
- }
1510
-
1511
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1512
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1513
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1514
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1515
- margin-right: 6px;
1516
- margin-top: -1.6em;
1517
- }
1518
-
1519
- .e-bigger .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1520
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1521
- .e-bigger.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1522
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1523
- .e-bigger .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1524
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1525
- .e-bigger.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1526
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1527
- margin-top: -3em;
1528
- right: 43px;
1529
- }
1530
-
1531
- .e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1532
- .e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1533
- .e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1534
- .e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1535
- margin-top: -1.4em;
1536
- }
1537
-
1538
- .e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1539
- .e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1540
- .e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1541
- .e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1542
- margin-top: -1.6em;
1543
- }
1544
-
1545
- .e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1546
- .e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1547
- .e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1548
- .e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1549
- .e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1550
- .e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1551
- .e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1552
- .e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1553
- margin-top: -2.6em;
1554
- right: 31px;
1555
- }
1556
-
1557
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1558
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1559
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
1560
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
1561
- margin-right: 6px;
1562
- margin-top: -1.7em;
1563
- }
1564
-
1565
- .e-bigger.e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1566
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1567
- .e-bigger.e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1568
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1569
- .e-bigger.e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1570
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1571
- .e-bigger.e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
1572
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
1573
- margin-top: -1.7em;
1574
- right: 36px;
1575
- }
1576
-
1577
- .e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
1578
- .e-bigger.e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
1579
- .e-bigger .e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon {
1580
- padding: 11px 12px 0;
1581
- }
1582
-
1583
1489
  .e-multiselect.e-outline .e-multi-select-wrapper {
1584
1490
  min-height: 34px;
1585
1491
  padding: 3px 38px 1px 0;
package/styles/tailwind-dark.css CHANGED
@@ -892,6 +892,7 @@ ejs-dropdownlist {
892
892
  }
893
893
 
894
894
  .e-ddt.e-show-chip .e-chips-close {
895
+ line-height: 10px;
895
896
  min-height: 16px;
896
897
  min-width: 16px;
897
898
  text-align: center;
@@ -2618,11 +2619,11 @@ ejs-multiselect {
2618
2619
  }
2619
2620
 
2620
2621
  .e-listbox-tool .e-movedown::before {
2621
- content: '\e652';
2622
+ content: '\e706';
2622
2623
  }
2623
2624
 
2624
2625
  .e-listbox-tool .e-moveto::before {
2625
- content: '\e706';
2626
+ content: '\e7b7';
2626
2627
  }
2627
2628
 
2628
2629
  .e-listbox-tool .e-movefrom::before {
@@ -3134,7 +3135,7 @@ ejs-listbox {
3134
3135
  .e-bigger .e-listbox-container .e-list-group-item,
3135
3136
  .e-listbox-container.e-bigger .e-list-group-item {
3136
3137
  height: 38px;
3137
- line-height: 14px;
3138
+ line-height: 35px;
3138
3139
  }
3139
3140
 
3140
3141
  .e-bigger .e-listbox-wrapper .e-list-header,
package/styles/tailwind.css CHANGED
@@ -892,6 +892,7 @@ ejs-dropdownlist {
892
892
  }
893
893
 
894
894
  .e-ddt.e-show-chip .e-chips-close {
895
+ line-height: 10px;
895
896
  min-height: 16px;
896
897
  min-width: 16px;
897
898
  text-align: center;
@@ -3134,7 +3135,7 @@ ejs-listbox {
3134
3135
  .e-bigger .e-listbox-container .e-list-group-item,
3135
3136
  .e-listbox-container.e-bigger .e-list-group-item {
3136
3137
  height: 38px;
3137
- line-height: 14px;
3138
+ line-height: 35px;
3138
3139
  }
3139
3140
 
3140
3141
  .e-bigger .e-listbox-wrapper .e-list-header,
package/styles/_all.scss DELETED
@@ -1,3 +0,0 @@
1
- @import 'drop-down-base/all.scss';
2
- @import 'drop-down-list/all.scss';
3
- @import 'drop-down-tree/all.scss';