@syncfusion/ej2-dropdowns 19.4.40 → 19.4.48

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 (117) hide show
  1. package/CHANGELOG.md +8 -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 +87 -34
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +88 -34
  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 -12
  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 +15 -2
  17. package/src/drop-down-list/drop-down-list.js +1 -1
  18. package/src/list-box/list-box.d.ts +0 -4
  19. package/src/list-box/list-box.js +0 -3
  20. package/src/multi-select/multi-select-model.d.ts +1 -1
  21. package/src/multi-select/multi-select.d.ts +2 -0
  22. package/src/multi-select/multi-select.js +69 -25
  23. package/styles/auto-complete/_fluent-definition.scss +2 -0
  24. package/styles/auto-complete/bootstrap5-dark.css +0 -1
  25. package/styles/auto-complete/bootstrap5.css +0 -1
  26. package/styles/bootstrap-dark.css +21 -3
  27. package/styles/bootstrap.css +21 -3
  28. package/styles/bootstrap4.css +21 -3
  29. package/styles/bootstrap5-dark.css +33 -9
  30. package/styles/bootstrap5.css +33 -9
  31. package/styles/combo-box/_fluent-definition.scss +2 -0
  32. package/styles/combo-box/bootstrap5-dark.css +0 -1
  33. package/styles/combo-box/bootstrap5.css +0 -1
  34. package/styles/drop-down-base/_fluent-definition.scss +109 -0
  35. package/styles/drop-down-list/_bootstrap5-definition.scss +0 -1
  36. package/styles/drop-down-list/_fluent-definition.scss +193 -0
  37. package/styles/drop-down-list/bootstrap5-dark.css +0 -1
  38. package/styles/drop-down-list/bootstrap5.css +0 -1
  39. package/styles/drop-down-list/icons/_bootstrap5.scss +0 -1
  40. package/styles/drop-down-list/icons/_fluent.scss +14 -0
  41. package/styles/drop-down-tree/_bootstrap5-definition.scss +59 -58
  42. package/styles/drop-down-tree/_fluent-definition.scss +71 -0
  43. package/styles/drop-down-tree/_layout.scss +12 -4
  44. package/styles/drop-down-tree/_tailwind-definition.scss +1 -0
  45. package/styles/drop-down-tree/bootstrap5-dark.css +11 -4
  46. package/styles/drop-down-tree/bootstrap5.css +11 -4
  47. package/styles/drop-down-tree/icons/_bootstrap5.scss +11 -11
  48. package/styles/drop-down-tree/icons/_fluent.scss +11 -0
  49. package/styles/drop-down-tree/icons/_tailwind-dark.scss +11 -11
  50. package/styles/drop-down-tree/tailwind-dark.css +1 -0
  51. package/styles/drop-down-tree/tailwind.css +1 -0
  52. package/styles/fabric-dark.css +21 -3
  53. package/styles/fabric.css +21 -3
  54. package/styles/highcontrast-light.css +21 -3
  55. package/styles/highcontrast.css +21 -3
  56. package/styles/list-box/_bootstrap-dark-definition.scss +3 -0
  57. package/styles/list-box/_bootstrap-definition.scss +3 -0
  58. package/styles/list-box/_bootstrap4-definition.scss +3 -0
  59. package/styles/list-box/_bootstrap5-definition.scss +5 -2
  60. package/styles/list-box/_fabric-dark-definition.scss +3 -0
  61. package/styles/list-box/_fabric-definition.scss +3 -0
  62. package/styles/list-box/_fluent-definition.scss +118 -0
  63. package/styles/list-box/_highcontrast-definition.scss +3 -0
  64. package/styles/list-box/_highcontrast-light-definition.scss +3 -0
  65. package/styles/list-box/_layout.scss +1 -6
  66. package/styles/list-box/_material-dark-definition.scss +3 -0
  67. package/styles/list-box/_material-definition.scss +3 -0
  68. package/styles/list-box/_tailwind-definition.scss +3 -0
  69. package/styles/list-box/_theme.scss +8 -0
  70. package/styles/list-box/bootstrap-dark.css +10 -0
  71. package/styles/list-box/bootstrap.css +10 -0
  72. package/styles/list-box/bootstrap4.css +10 -0
  73. package/styles/list-box/bootstrap5-dark.css +11 -1
  74. package/styles/list-box/bootstrap5.css +11 -1
  75. package/styles/list-box/fabric-dark.css +10 -0
  76. package/styles/list-box/fabric.css +10 -0
  77. package/styles/list-box/highcontrast-light.css +10 -0
  78. package/styles/list-box/highcontrast.css +10 -0
  79. package/styles/list-box/icons/_fluent.scss +25 -0
  80. package/styles/list-box/icons/_tailwind-dark.scss +2 -2
  81. package/styles/list-box/material-dark.css +10 -0
  82. package/styles/list-box/material.css +10 -0
  83. package/styles/list-box/tailwind-dark.css +13 -3
  84. package/styles/list-box/tailwind.css +11 -1
  85. package/styles/material-dark.css +21 -97
  86. package/styles/material.css +21 -97
  87. package/styles/multi-select/_bootstrap-dark-definition.scss +1 -0
  88. package/styles/multi-select/_bootstrap-definition.scss +1 -0
  89. package/styles/multi-select/_bootstrap4-definition.scss +1 -0
  90. package/styles/multi-select/_bootstrap5-definition.scss +1 -0
  91. package/styles/multi-select/_fabric-dark-definition.scss +1 -0
  92. package/styles/multi-select/_fabric-definition.scss +1 -0
  93. package/styles/multi-select/_fluent-definition.scss +215 -0
  94. package/styles/multi-select/_highcontrast-definition.scss +1 -0
  95. package/styles/multi-select/_highcontrast-light-definition.scss +1 -0
  96. package/styles/multi-select/_layout.scss +4 -119
  97. package/styles/multi-select/_material-dark-definition.scss +1 -22
  98. package/styles/multi-select/_material-definition.scss +1 -22
  99. package/styles/multi-select/_tailwind-definition.scss +1 -0
  100. package/styles/multi-select/_theme.scss +5 -0
  101. package/styles/multi-select/bootstrap-dark.css +11 -3
  102. package/styles/multi-select/bootstrap.css +11 -3
  103. package/styles/multi-select/bootstrap4.css +11 -3
  104. package/styles/multi-select/bootstrap5-dark.css +11 -3
  105. package/styles/multi-select/bootstrap5.css +11 -3
  106. package/styles/multi-select/fabric-dark.css +11 -3
  107. package/styles/multi-select/fabric.css +11 -3
  108. package/styles/multi-select/highcontrast-light.css +11 -3
  109. package/styles/multi-select/highcontrast.css +11 -3
  110. package/styles/multi-select/icons/_fluent.scss +27 -0
  111. package/styles/multi-select/material-dark.css +11 -97
  112. package/styles/multi-select/material.css +11 -97
  113. package/styles/multi-select/tailwind-dark.css +11 -3
  114. package/styles/multi-select/tailwind.css +11 -3
  115. package/styles/tailwind-dark.css +25 -6
  116. package/styles/tailwind.css +23 -4
  117. package/styles/_all.scss +0 -3
@@ -162,11 +162,13 @@
162
162
  padding: 12px 4px 11px 0;
163
163
  }
164
164
 
165
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
165
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
166
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
166
167
  width: 0;
167
168
  }
168
169
 
169
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
170
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
171
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
170
172
  height: 1px;
171
173
  min-height: 1px;
172
174
  }
@@ -296,7 +298,8 @@
296
298
  word-wrap: initial;
297
299
  }
298
300
 
299
- .e-multiselect.e-input-group .e-searcher .e-label-top {
301
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
302
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
300
303
  top: 15px;
301
304
  }
302
305
 
@@ -1287,3 +1290,8 @@ ejs-multiselect {
1287
1290
  .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1288
1291
  font-size: 14px;
1289
1292
  }
1293
+
1294
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1295
+ -webkit-text-fill-color: #343a40;
1296
+ color: #343a40;
1297
+ }
@@ -120,11 +120,13 @@
120
120
  padding: 9px 0;
121
121
  }
122
122
 
123
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
123
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
124
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
124
125
  width: 0;
125
126
  }
126
127
 
127
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
128
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
129
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
128
130
  height: 1px;
129
131
  min-height: 1px;
130
132
  }
@@ -254,7 +256,8 @@
254
256
  word-wrap: initial;
255
257
  }
256
258
 
257
- .e-multiselect.e-input-group .e-searcher .e-label-top {
259
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
260
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
258
261
  top: 15px;
259
262
  }
260
263
 
@@ -1244,3 +1247,8 @@ ejs-multiselect {
1244
1247
  .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1245
1248
  font-size: 10px;
1246
1249
  }
1250
+
1251
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1252
+ -webkit-text-fill-color: #6f6c6c;
1253
+ color: #6f6c6c;
1254
+ }
@@ -120,11 +120,13 @@
120
120
  padding: 9px 0;
121
121
  }
122
122
 
123
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
123
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
124
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
124
125
  width: 0;
125
126
  }
126
127
 
127
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
128
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
129
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
128
130
  height: 1px;
129
131
  min-height: 1px;
130
132
  }
@@ -254,7 +256,8 @@
254
256
  word-wrap: initial;
255
257
  }
256
258
 
257
- .e-multiselect.e-input-group .e-searcher .e-label-top {
259
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
260
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
258
261
  top: 15px;
259
262
  }
260
263
 
@@ -1244,3 +1247,8 @@ ejs-multiselect {
1244
1247
  .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1245
1248
  font-size: 10px;
1246
1249
  }
1250
+
1251
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1252
+ -webkit-text-fill-color: #a6a6a6;
1253
+ color: #a6a6a6;
1254
+ }
@@ -237,11 +237,13 @@
237
237
  padding: 9px 0;
238
238
  }
239
239
 
240
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
240
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
241
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
241
242
  width: 0;
242
243
  }
243
244
 
244
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
245
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
246
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
245
247
  height: 1px;
246
248
  min-height: 1px;
247
249
  }
@@ -371,7 +373,8 @@
371
373
  word-wrap: initial;
372
374
  }
373
375
 
374
- .e-multiselect.e-input-group .e-searcher .e-label-top {
376
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
377
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
375
378
  top: 15px;
376
379
  }
377
380
 
@@ -1375,3 +1378,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
1375
1378
  .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1376
1379
  font-size: 10px;
1377
1380
  }
1381
+
1382
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1383
+ -webkit-text-fill-color: #757575;
1384
+ color: #757575;
1385
+ }
@@ -239,11 +239,13 @@
239
239
  padding: 9px 0;
240
240
  }
241
241
 
242
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
242
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
243
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
243
244
  width: 0;
244
245
  }
245
246
 
246
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
247
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
248
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
247
249
  height: 1px;
248
250
  min-height: 1px;
249
251
  }
@@ -373,7 +375,8 @@
373
375
  word-wrap: initial;
374
376
  }
375
377
 
376
- .e-multiselect.e-input-group .e-searcher .e-label-top {
378
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
379
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
377
380
  top: 15px;
378
381
  }
379
382
 
@@ -1377,3 +1380,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
1377
1380
  .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1378
1381
  font-size: 10px;
1379
1382
  }
1383
+
1384
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1385
+ -webkit-text-fill-color: #757575;
1386
+ color: #757575;
1387
+ }
@@ -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
+
@@ -667,11 +667,13 @@
667
667
  padding: 12px 4px 11px 0;
668
668
  }
669
669
 
670
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
670
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
671
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
671
672
  width: 0;
672
673
  }
673
674
 
674
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
675
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
676
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
675
677
  height: 1px;
676
678
  min-height: 1px;
677
679
  }
@@ -801,7 +803,8 @@
801
803
  word-wrap: initial;
802
804
  }
803
805
 
804
- .e-multiselect.e-input-group .e-searcher .e-label-top {
806
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
807
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
805
808
  top: 15px;
806
809
  }
807
810
 
@@ -1477,100 +1480,6 @@ ejs-multiselect {
1477
1480
  padding: 3px 38px 1px 0;
1478
1481
  }
1479
1482
 
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
1483
  .e-multiselect.e-outline .e-multi-select-wrapper {
1575
1484
  min-height: 34px;
1576
1485
  padding: 3px 38px 1px 0;
@@ -2457,6 +2366,11 @@ ejs-multiselect {
2457
2366
  color: rgba(0, 0, 0, 0.38);
2458
2367
  }
2459
2368
 
2369
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2370
+ -webkit-text-fill-color: rgba(255, 255, 255, 0.3);
2371
+ color: rgba(255, 255, 255, 0.3);
2372
+ }
2373
+
2460
2374
  .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips {
2461
2375
  background-color: #f5f5f5;
2462
2376
  }
@@ -676,11 +676,13 @@
676
676
  padding: 12px 4px 11px 0;
677
677
  }
678
678
 
679
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
679
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
680
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
680
681
  width: 0;
681
682
  }
682
683
 
683
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
684
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
685
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
684
686
  height: 1px;
685
687
  min-height: 1px;
686
688
  }
@@ -810,7 +812,8 @@
810
812
  word-wrap: initial;
811
813
  }
812
814
 
813
- .e-multiselect.e-input-group .e-searcher .e-label-top {
815
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
816
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
814
817
  top: 15px;
815
818
  }
816
819
 
@@ -1486,100 +1489,6 @@ ejs-multiselect {
1486
1489
  padding: 3px 38px 1px 0;
1487
1490
  }
1488
1491
 
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
1492
  .e-multiselect.e-outline .e-multi-select-wrapper {
1584
1493
  min-height: 34px;
1585
1494
  padding: 3px 38px 1px 0;
@@ -2466,6 +2375,11 @@ ejs-multiselect {
2466
2375
  color: rgba(0, 0, 0, 0.38);
2467
2376
  }
2468
2377
 
2378
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2379
+ -webkit-text-fill-color: rgba(0, 0, 0, 0.42);
2380
+ color: rgba(0, 0, 0, 0.42);
2381
+ }
2382
+
2469
2383
  .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips {
2470
2384
  background-color: #f5f5f5;
2471
2385
  }
@@ -165,11 +165,13 @@
165
165
  padding: 12px 4px 11px 0;
166
166
  }
167
167
 
168
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
168
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
169
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
169
170
  width: 0;
170
171
  }
171
172
 
172
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
173
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
174
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
173
175
  height: 1px;
174
176
  min-height: 1px;
175
177
  }
@@ -299,7 +301,8 @@
299
301
  word-wrap: initial;
300
302
  }
301
303
 
302
- .e-multiselect.e-input-group .e-searcher .e-label-top {
304
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
305
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
303
306
  top: 15px;
304
307
  }
305
308
 
@@ -1283,3 +1286,8 @@ ejs-multiselect {
1283
1286
  .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1284
1287
  font-size: 16px;
1285
1288
  }
1289
+
1290
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1291
+ -webkit-text-fill-color: #6b7280;
1292
+ color: #6b7280;
1293
+ }
@@ -165,11 +165,13 @@
165
165
  padding: 12px 4px 11px 0;
166
166
  }
167
167
 
168
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
168
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
169
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
169
170
  width: 0;
170
171
  }
171
172
 
172
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
173
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
174
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
173
175
  height: 1px;
174
176
  min-height: 1px;
175
177
  }
@@ -299,7 +301,8 @@
299
301
  word-wrap: initial;
300
302
  }
301
303
 
302
- .e-multiselect.e-input-group .e-searcher .e-label-top {
304
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
305
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
303
306
  top: 15px;
304
307
  }
305
308
 
@@ -1283,3 +1286,8 @@ ejs-multiselect {
1283
1286
  .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
1284
1287
  font-size: 16px;
1285
1288
  }
1289
+
1290
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
1291
+ -webkit-text-fill-color: #9ca3af;
1292
+ color: #9ca3af;
1293
+ }
@@ -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;
@@ -1494,11 +1495,13 @@ ejs-dropdownlist {
1494
1495
  padding: 12px 4px 11px 0;
1495
1496
  }
1496
1497
 
1497
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
1498
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
1499
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
1498
1500
  width: 0;
1499
1501
  }
1500
1502
 
1501
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
1503
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
1504
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
1502
1505
  height: 1px;
1503
1506
  min-height: 1px;
1504
1507
  }
@@ -1628,7 +1631,8 @@ ejs-dropdownlist {
1628
1631
  word-wrap: initial;
1629
1632
  }
1630
1633
 
1631
- .e-multiselect.e-input-group .e-searcher .e-label-top {
1634
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
1635
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
1632
1636
  top: 15px;
1633
1637
  }
1634
1638
 
@@ -2613,16 +2617,21 @@ ejs-multiselect {
2613
2617
  font-size: 16px;
2614
2618
  }
2615
2619
 
2620
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
2621
+ -webkit-text-fill-color: #6b7280;
2622
+ color: #6b7280;
2623
+ }
2624
+
2616
2625
  .e-listbox-tool .e-moveup::before {
2617
2626
  content: '\e752';
2618
2627
  }
2619
2628
 
2620
2629
  .e-listbox-tool .e-movedown::before {
2621
- content: '\e652';
2630
+ content: '\e706';
2622
2631
  }
2623
2632
 
2624
2633
  .e-listbox-tool .e-moveto::before {
2625
- content: '\e706';
2634
+ content: '\e7b7';
2626
2635
  }
2627
2636
 
2628
2637
  .e-listbox-tool .e-movefrom::before {
@@ -3134,7 +3143,7 @@ ejs-listbox {
3134
3143
  .e-bigger .e-listbox-container .e-list-group-item,
3135
3144
  .e-listbox-container.e-bigger .e-list-group-item {
3136
3145
  height: 38px;
3137
- line-height: 14px;
3146
+ line-height: 35px;
3138
3147
  }
3139
3148
 
3140
3149
  .e-bigger .e-listbox-wrapper .e-list-header,
@@ -3222,6 +3231,16 @@ ejs-listbox {
3222
3231
  height: calc(100% - 47px);
3223
3232
  }
3224
3233
 
3234
+ .e-listbox-wrapper.e-select-all .e-list-parent,
3235
+ .e-listbox-container.e-select-all .e-list-parent {
3236
+ height: calc(100% - 38px);
3237
+ }
3238
+
3239
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
3240
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
3241
+ height: calc(100% - 76px);
3242
+ }
3243
+
3225
3244
  .e-listbox-wrapper .e-icons,
3226
3245
  .e-listbox-container .e-icons {
3227
3246
  color: #d1d5db;