@syncfusion/ej2-dropdowns 23.2.7-52849 → 24.1.41-566987

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 (127) hide show
  1. package/CHANGELOG.md +20 -132
  2. package/dist/ej2-dropdowns.umd.min.js +1 -1
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +654 -116
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +658 -119
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/package.json +13 -13
  9. package/src/auto-complete/auto-complete.js +9 -4
  10. package/src/combo-box/combo-box.js +74 -2
  11. package/src/common/incremental-search.d.ts +1 -1
  12. package/src/common/incremental-search.js +50 -7
  13. package/src/common/interface.d.ts +2 -0
  14. package/src/common/virtual-scroll.js +22 -1
  15. package/src/drop-down-base/drop-down-base.d.ts +23 -3
  16. package/src/drop-down-base/drop-down-base.js +154 -40
  17. package/src/drop-down-list/drop-down-list.d.ts +10 -3
  18. package/src/drop-down-list/drop-down-list.js +305 -41
  19. package/src/drop-down-tree/drop-down-tree.js +24 -20
  20. package/src/list-box/list-box.js +8 -1
  21. package/src/mention/mention.js +5 -1
  22. package/src/multi-select/checkbox-selection.js +4 -1
  23. package/src/multi-select/multi-select.js +4 -2
  24. package/styles/auto-complete/_bds-definition.scss +2 -0
  25. package/styles/bootstrap-dark.css +16 -9
  26. package/styles/bootstrap.css +16 -9
  27. package/styles/bootstrap4.css +11 -9
  28. package/styles/bootstrap5-dark.css +11 -9
  29. package/styles/bootstrap5.css +11 -9
  30. package/styles/combo-box/_bds-definition.scss +2 -0
  31. package/styles/drop-down-base/_bds-definition.scss +134 -0
  32. package/styles/drop-down-base/_layout.scss +0 -8
  33. package/styles/drop-down-base/bootstrap-dark.css +0 -8
  34. package/styles/drop-down-base/bootstrap.css +0 -8
  35. package/styles/drop-down-base/bootstrap4.css +0 -8
  36. package/styles/drop-down-base/bootstrap5-dark.css +0 -8
  37. package/styles/drop-down-base/bootstrap5.css +0 -8
  38. package/styles/drop-down-base/fabric-dark.css +0 -8
  39. package/styles/drop-down-base/fabric.css +0 -8
  40. package/styles/drop-down-base/fluent-dark.css +0 -8
  41. package/styles/drop-down-base/fluent.css +0 -8
  42. package/styles/drop-down-base/highcontrast-light.css +0 -8
  43. package/styles/drop-down-base/highcontrast.css +0 -8
  44. package/styles/drop-down-base/material-dark.css +0 -8
  45. package/styles/drop-down-base/material.css +0 -8
  46. package/styles/drop-down-base/material3-dark.css +0 -8
  47. package/styles/drop-down-base/material3.css +0 -8
  48. package/styles/drop-down-base/tailwind-dark.css +0 -8
  49. package/styles/drop-down-base/tailwind.css +0 -8
  50. package/styles/drop-down-list/_bds-definition.scss +134 -0
  51. package/styles/drop-down-list/_layout.scss +5 -0
  52. package/styles/drop-down-list/bootstrap-dark.css +5 -0
  53. package/styles/drop-down-list/bootstrap.css +5 -0
  54. package/styles/drop-down-list/bootstrap4.css +5 -0
  55. package/styles/drop-down-list/bootstrap5-dark.css +5 -0
  56. package/styles/drop-down-list/bootstrap5.css +5 -0
  57. package/styles/drop-down-list/fabric-dark.css +5 -0
  58. package/styles/drop-down-list/fabric.css +5 -0
  59. package/styles/drop-down-list/fluent-dark.css +5 -0
  60. package/styles/drop-down-list/fluent.css +5 -0
  61. package/styles/drop-down-list/highcontrast-light.css +5 -0
  62. package/styles/drop-down-list/highcontrast.css +5 -0
  63. package/styles/drop-down-list/icons/_bds.scss +14 -0
  64. package/styles/drop-down-list/material-dark.css +5 -0
  65. package/styles/drop-down-list/material.css +5 -0
  66. package/styles/drop-down-list/material3-dark.css +5 -0
  67. package/styles/drop-down-list/material3.css +5 -0
  68. package/styles/drop-down-list/tailwind-dark.css +5 -0
  69. package/styles/drop-down-list/tailwind.css +5 -0
  70. package/styles/drop-down-tree/_bds-definition.scss +61 -0
  71. package/styles/drop-down-tree/_layout.scss +5 -0
  72. package/styles/drop-down-tree/bootstrap-dark.css +4 -0
  73. package/styles/drop-down-tree/bootstrap.css +4 -0
  74. package/styles/drop-down-tree/bootstrap4.css +4 -0
  75. package/styles/drop-down-tree/bootstrap5-dark.css +4 -0
  76. package/styles/drop-down-tree/bootstrap5.css +4 -0
  77. package/styles/drop-down-tree/fabric-dark.css +4 -0
  78. package/styles/drop-down-tree/fabric.css +4 -0
  79. package/styles/drop-down-tree/fluent-dark.css +4 -0
  80. package/styles/drop-down-tree/fluent.css +4 -0
  81. package/styles/drop-down-tree/highcontrast-light.css +4 -0
  82. package/styles/drop-down-tree/highcontrast.css +4 -0
  83. package/styles/drop-down-tree/icons/_bds.scss +11 -0
  84. package/styles/drop-down-tree/material-dark.css +4 -0
  85. package/styles/drop-down-tree/material.css +4 -0
  86. package/styles/drop-down-tree/material3-dark.css +4 -0
  87. package/styles/drop-down-tree/material3.css +4 -0
  88. package/styles/drop-down-tree/tailwind-dark.css +4 -0
  89. package/styles/drop-down-tree/tailwind.css +4 -0
  90. package/styles/fabric-dark.css +12 -9
  91. package/styles/fabric.css +12 -9
  92. package/styles/fluent-dark.css +16 -9
  93. package/styles/fluent.css +16 -9
  94. package/styles/highcontrast-light.css +12 -9
  95. package/styles/highcontrast.css +12 -9
  96. package/styles/list-box/_bds-definition.scss +136 -0
  97. package/styles/list-box/icons/_bds.scss +25 -0
  98. package/styles/material-dark.css +11 -9
  99. package/styles/material.css +11 -9
  100. package/styles/material3-dark.css +11 -9
  101. package/styles/material3.css +11 -9
  102. package/styles/mention/_bds-definition.scss +1 -0
  103. package/styles/multi-select/_bds-definition.scss +235 -0
  104. package/styles/multi-select/_bootstrap-dark-definition.scss +4 -0
  105. package/styles/multi-select/_bootstrap-definition.scss +4 -0
  106. package/styles/multi-select/_fluent-definition.scss +5 -0
  107. package/styles/multi-select/_layout.scss +8 -1
  108. package/styles/multi-select/bootstrap-dark.css +7 -1
  109. package/styles/multi-select/bootstrap.css +7 -1
  110. package/styles/multi-select/bootstrap4.css +2 -1
  111. package/styles/multi-select/bootstrap5-dark.css +2 -1
  112. package/styles/multi-select/bootstrap5.css +2 -1
  113. package/styles/multi-select/fabric-dark.css +3 -1
  114. package/styles/multi-select/fabric.css +3 -1
  115. package/styles/multi-select/fluent-dark.css +7 -1
  116. package/styles/multi-select/fluent.css +7 -1
  117. package/styles/multi-select/highcontrast-light.css +3 -1
  118. package/styles/multi-select/highcontrast.css +3 -1
  119. package/styles/multi-select/icons/_bds.scss +26 -0
  120. package/styles/multi-select/material-dark.css +2 -1
  121. package/styles/multi-select/material.css +2 -1
  122. package/styles/multi-select/material3-dark.css +2 -1
  123. package/styles/multi-select/material3.css +2 -1
  124. package/styles/multi-select/tailwind-dark.css +2 -1
  125. package/styles/multi-select/tailwind.css +2 -1
  126. package/styles/tailwind-dark.css +11 -9
  127. package/styles/tailwind.css +11 -9
package/styles/multi-select/_fluent-definition.scss CHANGED
@@ -238,4 +238,9 @@ $ddl-small-clear-icon-width: 12px !default;
238
238
  .e-multiselect .e-input-group-icon.e-ddl-icon {
239
239
  border-left-width: 0;
240
240
  }
241
+
242
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
243
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
244
+ margin-top: -1.5em;
245
+ }
241
246
  }
package/styles/multi-select/_layout.scss CHANGED
@@ -466,14 +466,21 @@
466
466
  }
467
467
  }
468
468
 
469
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
469
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
470
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
470
471
  margin-top: $ddl-closer-margin-top-bigger;
471
472
  @if $ddl-multiselect-skin-name == 'FluentUI' {
472
473
  margin-top: $ddl-bigger-clear-margin-top;
473
474
  }
475
+ @if $ddl-multiselect-skin-name == 'bootstrap' {
476
+ margin-top: -3.7em;
477
+ }
474
478
  @if $ddl-multiselect-skin-name == 'bootstrap5' {
475
479
  margin-top: -2.15em;
476
480
  }
481
+ @if $ddl-multiselect-skin-name == 'highcontrast' or $ddl-multiselect-skin-name == 'fabric' {
482
+ margin-top: -3.2em;
483
+ }
477
484
  @if $ddl-multiselect-skin-name == 'tailwind' {
478
485
  height: $ddl-bigger-clear-icon-height;
479
486
  margin-top: $ddl-clear-margin-top;
package/styles/multi-select/bootstrap-dark.css CHANGED
@@ -62,6 +62,10 @@
62
62
  color: #fff;
63
63
  }
64
64
 
65
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
66
+ margin-top: -3.2em;
67
+ }
68
+
65
69
  .e-multiselect.e-input-group .e-ddl-icon::before {
66
70
  content: "\e969";
67
71
  font-family: "e-icons";
@@ -362,8 +366,10 @@
362
366
  margin-top: -4em;
363
367
  }
364
368
 
365
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
369
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
370
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
366
371
  margin-top: -4em;
372
+ margin-top: -3.7em;
367
373
  }
368
374
 
369
375
  .e-multi-select-wrapper input[type=text] {
package/styles/multi-select/bootstrap.css CHANGED
@@ -55,6 +55,10 @@
55
55
  width: 40px;
56
56
  }
57
57
 
58
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
59
+ margin-top: -3.2em;
60
+ }
61
+
58
62
  .e-multiselect.e-input-group .e-ddl-icon::before {
59
63
  content: "\e969";
60
64
  font-family: "e-icons";
@@ -355,8 +359,10 @@
355
359
  margin-top: -4em;
356
360
  }
357
361
 
358
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
362
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
363
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
359
364
  margin-top: -4em;
365
+ margin-top: -3.7em;
360
366
  }
361
367
 
362
368
  .e-multi-select-wrapper input[type=text] {
package/styles/multi-select/bootstrap4.css CHANGED
@@ -447,7 +447,8 @@
447
447
  margin-top: -3.5em;
448
448
  }
449
449
 
450
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
450
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
451
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
451
452
  margin-top: -3.5em;
452
453
  }
453
454
 
package/styles/multi-select/bootstrap5-dark.css CHANGED
@@ -417,7 +417,8 @@
417
417
  margin-top: -2.25em;
418
418
  }
419
419
 
420
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
420
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
421
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
421
422
  margin-top: -2.25em;
422
423
  margin-top: -2.15em;
423
424
  }
package/styles/multi-select/bootstrap5.css CHANGED
@@ -417,7 +417,8 @@
417
417
  margin-top: -2.25em;
418
418
  }
419
419
 
420
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
420
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
421
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
421
422
  margin-top: -2.25em;
422
423
  margin-top: -2.15em;
423
424
  }
package/styles/multi-select/fabric-dark.css CHANGED
@@ -355,8 +355,10 @@
355
355
  margin-top: -3.5em;
356
356
  }
357
357
 
358
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
358
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
359
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
359
360
  margin-top: -3.5em;
361
+ margin-top: -3.2em;
360
362
  }
361
363
 
362
364
  .e-multi-select-wrapper input[type=text] {
package/styles/multi-select/fabric.css CHANGED
@@ -350,8 +350,10 @@
350
350
  margin-top: -3.5em;
351
351
  }
352
352
 
353
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
353
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
354
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
354
355
  margin-top: -3.5em;
356
+ margin-top: -3.2em;
355
357
  }
356
358
 
357
359
  .e-multi-select-wrapper input[type=text] {
package/styles/multi-select/fluent-dark.css CHANGED
@@ -92,6 +92,11 @@
92
92
  border-left-width: 0;
93
93
  }
94
94
 
95
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
96
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
97
+ margin-top: -1.5em;
98
+ }
99
+
95
100
  .e-multiselect.e-input-group .e-ddl-icon::before {
96
101
  content: "\e729";
97
102
  font-family: "e-icons";
@@ -457,7 +462,8 @@
457
462
  font-size: 14px;
458
463
  }
459
464
 
460
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
465
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
466
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
461
467
  margin-top: -2.7em;
462
468
  margin-top: -2.25em;
463
469
  }
package/styles/multi-select/fluent.css CHANGED
@@ -92,6 +92,11 @@
92
92
  border-left-width: 0;
93
93
  }
94
94
 
95
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
96
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
97
+ margin-top: -1.5em;
98
+ }
99
+
95
100
  .e-multiselect.e-input-group .e-ddl-icon::before {
96
101
  content: "\e729";
97
102
  font-family: "e-icons";
@@ -457,7 +462,8 @@
457
462
  font-size: 14px;
458
463
  }
459
464
 
460
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
465
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
466
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
461
467
  margin-top: -2.7em;
462
468
  margin-top: -2.25em;
463
469
  }
package/styles/multi-select/highcontrast-light.css CHANGED
@@ -462,8 +462,10 @@
462
462
  margin-top: -3.5em;
463
463
  }
464
464
 
465
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
465
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
466
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
466
467
  margin-top: -3.5em;
468
+ margin-top: -3.2em;
467
469
  }
468
470
 
469
471
  .e-multi-select-wrapper input[type=text] {
package/styles/multi-select/highcontrast.css CHANGED
@@ -469,8 +469,10 @@
469
469
  margin-top: -3.5em;
470
470
  }
471
471
 
472
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
472
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
473
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
473
474
  margin-top: -3.5em;
475
+ margin-top: -3.2em;
474
476
  }
475
477
 
476
478
  .e-multi-select-wrapper input[type=text] {
package/styles/multi-select/icons/_bds.scss ADDED
@@ -0,0 +1,26 @@
1
+ @include export-module('multiselect-bds-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
+ }
package/styles/multi-select/material-dark.css CHANGED
@@ -895,7 +895,8 @@
895
895
  margin-top: -3em;
896
896
  }
897
897
 
898
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
898
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
899
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
899
900
  margin-top: -3em;
900
901
  }
901
902
 
package/styles/multi-select/material.css CHANGED
@@ -903,7 +903,8 @@
903
903
  margin-top: -3em;
904
904
  }
905
905
 
906
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
906
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
907
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
907
908
  margin-top: -3em;
908
909
  }
909
910
 
package/styles/multi-select/material3-dark.css CHANGED
@@ -995,7 +995,8 @@
995
995
  height: 38px;
996
996
  }
997
997
 
998
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
998
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
999
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
999
1000
  margin-top: -2.5em;
1000
1001
  }
1001
1002
 
package/styles/multi-select/material3.css CHANGED
@@ -1051,7 +1051,8 @@
1051
1051
  height: 38px;
1052
1052
  }
1053
1053
 
1054
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1054
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1055
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1055
1056
  margin-top: -2.5em;
1056
1057
  }
1057
1058
 
package/styles/multi-select/tailwind-dark.css CHANGED
@@ -408,7 +408,8 @@
408
408
  width: 40px;
409
409
  }
410
410
 
411
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
411
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
412
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
412
413
  margin-top: -1.62em;
413
414
  height: 36px;
414
415
  margin-top: -2em;
package/styles/multi-select/tailwind.css CHANGED
@@ -408,7 +408,8 @@
408
408
  width: 40px;
409
409
  }
410
410
 
411
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
411
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
412
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
412
413
  margin-top: -1.62em;
413
414
  height: 36px;
414
415
  margin-top: -2em;
package/styles/tailwind-dark.css CHANGED
@@ -102,9 +102,6 @@
102
102
  position: absolute;
103
103
  top: 0;
104
104
  }
105
- .e-rtl .e-dropdownbase .e-fixed-head {
106
- left: 33px;
107
- }
108
105
 
109
106
  .e-dropdownbase.e-content {
110
107
  overflow: auto;
@@ -144,11 +141,6 @@
144
141
  cursor: default;
145
142
  }
146
143
 
147
- .e-mention .e-mention-chip::selection {
148
- color: #fff;
149
- background: #22d3ee;
150
- }
151
-
152
144
  .e-mention.e-editable-element {
153
145
  border: 2px solid #4b5563;
154
146
  height: auto;
@@ -623,6 +615,11 @@
623
615
  .e-bigger.e-ddl.e-popup .e-list-item {
624
616
  font-size: 16px;
625
617
  }
618
+ .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
619
+ display: block;
620
+ visibility: hidden;
621
+ }
622
+
626
623
  .e-popup-full-page {
627
624
  bottom: 0;
628
625
  left: 0;
@@ -897,6 +894,10 @@ ejs-dropdownlist {
897
894
  padding-left: 0;
898
895
  padding-right: 0;
899
896
  }
897
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
898
+ display: -ms-flexbox;
899
+ display: flex;
900
+ }
900
901
  .e-ddt .e-chips-wrapper {
901
902
  width: 100%;
902
903
  }
@@ -1664,7 +1665,8 @@ ejs-dropdownlist {
1664
1665
  width: 40px;
1665
1666
  }
1666
1667
 
1667
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1668
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1669
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1668
1670
  margin-top: -1.62em;
1669
1671
  height: 36px;
1670
1672
  margin-top: -2em;
package/styles/tailwind.css CHANGED
@@ -102,9 +102,6 @@
102
102
  position: absolute;
103
103
  top: 0;
104
104
  }
105
- .e-rtl .e-dropdownbase .e-fixed-head {
106
- left: 33px;
107
- }
108
105
 
109
106
  .e-dropdownbase.e-content {
110
107
  overflow: auto;
@@ -144,11 +141,6 @@
144
141
  cursor: default;
145
142
  }
146
143
 
147
- .e-mention .e-mention-chip::selection {
148
- color: #fff;
149
- background: #4f46e5;
150
- }
151
-
152
144
  .e-mention.e-editable-element {
153
145
  border: 2px solid #e5e7eb;
154
146
  height: auto;
@@ -623,6 +615,11 @@
623
615
  .e-bigger.e-ddl.e-popup .e-list-item {
624
616
  font-size: 16px;
625
617
  }
618
+ .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
619
+ display: block;
620
+ visibility: hidden;
621
+ }
622
+
626
623
  .e-popup-full-page {
627
624
  bottom: 0;
628
625
  left: 0;
@@ -897,6 +894,10 @@ ejs-dropdownlist {
897
894
  padding-left: 0;
898
895
  padding-right: 0;
899
896
  }
897
+ .e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
898
+ display: -ms-flexbox;
899
+ display: flex;
900
+ }
900
901
  .e-ddt .e-chips-wrapper {
901
902
  width: 100%;
902
903
  }
@@ -1664,7 +1665,8 @@ ejs-dropdownlist {
1664
1665
  width: 40px;
1665
1666
  }
1666
1667
 
1667
- .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1668
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon,
1669
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
1668
1670
  margin-top: -1.62em;
1669
1671
  height: 36px;
1670
1672
  margin-top: -2em;