@syncfusion/ej2-dropdowns 18.2.44-4568 → 18.2.44-4570

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 (170) hide show
  1. package/.eslintrc.json +244 -0
  2. package/CHANGELOG.md +1524 -1524
  3. package/README.md +118 -118
  4. package/dist/ej2-dropdowns.umd.min.js +1 -1
  5. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es2015.js +99 -60
  7. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  8. package/dist/es6/ej2-dropdowns.es5.js +191 -151
  9. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  10. package/dist/global/ej2-dropdowns.min.js +1 -1
  11. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  12. package/dist/ts/auto-complete/auto-complete.ts +527 -0
  13. package/dist/ts/combo-box/combo-box.ts +957 -0
  14. package/dist/ts/common/highlight-search.ts +47 -0
  15. package/dist/ts/common/incremental-search.ts +81 -0
  16. package/dist/ts/drop-down-base/drop-down-base.ts +1572 -0
  17. package/dist/ts/drop-down-list/drop-down-list.ts +2993 -0
  18. package/dist/ts/drop-down-tree/drop-down-tree.ts +3066 -0
  19. package/dist/ts/list-box/list-box.ts +2317 -0
  20. package/dist/ts/multi-select/checkbox-selection.ts +528 -0
  21. package/dist/ts/multi-select/float-label.ts +155 -0
  22. package/dist/ts/multi-select/interface.ts +66 -0
  23. package/dist/ts/multi-select/multi-select.ts +4216 -0
  24. package/helpers/e2e/index.js +3 -3
  25. package/license +2 -2
  26. package/package.json +63 -77
  27. package/src/auto-complete/auto-complete-model.d.ts +179 -179
  28. package/src/auto-complete/auto-complete.js +19 -19
  29. package/src/combo-box/combo-box-model.d.ts +212 -212
  30. package/src/combo-box/combo-box.js +19 -19
  31. package/src/drop-down-base/drop-down-base-model.d.ts +191 -191
  32. package/src/drop-down-base/drop-down-base.js +19 -19
  33. package/src/drop-down-list/drop-down-list-model.d.ts +222 -222
  34. package/src/drop-down-list/drop-down-list.js +19 -19
  35. package/src/drop-down-tree/drop-down-tree-model.d.ts +344 -344
  36. package/src/drop-down-tree/drop-down-tree.js +19 -19
  37. package/src/list-box/list-box-model.d.ts +156 -156
  38. package/src/list-box/list-box.js +19 -19
  39. package/src/multi-select/checkbox-selection.js +3 -1
  40. package/src/multi-select/multi-select-model.d.ts +452 -452
  41. package/src/multi-select/multi-select.d.ts +2 -0
  42. package/src/multi-select/multi-select.js +58 -19
  43. package/styles/_all.scss +3 -3
  44. package/styles/auto-complete/_bootstrap-dark-definition.scss +3 -3
  45. package/styles/auto-complete/_bootstrap4-definition.scss +11 -11
  46. package/styles/auto-complete/_fabric-dark-definition.scss +2 -2
  47. package/styles/auto-complete/_highcontrast-light-definition.scss +2 -2
  48. package/styles/auto-complete/_material-dark-definition.scss +2 -2
  49. package/styles/bootstrap-dark.css +13 -16
  50. package/styles/bootstrap.css +12 -15
  51. package/styles/bootstrap4.css +6 -10
  52. package/styles/combo-box/_bootstrap-dark-definition.scss +2 -2
  53. package/styles/combo-box/_bootstrap4-definition.scss +11 -11
  54. package/styles/combo-box/_fabric-dark-definition.scss +2 -2
  55. package/styles/combo-box/_highcontrast-light-definition.scss +3 -3
  56. package/styles/combo-box/_material-dark-definition.scss +2 -2
  57. package/styles/drop-down-base/_all.scss +2 -2
  58. package/styles/drop-down-base/_bootstrap-dark-definition.scss +64 -64
  59. package/styles/drop-down-base/_bootstrap-definition.scss +64 -64
  60. package/styles/drop-down-base/_bootstrap4-definition.scss +78 -78
  61. package/styles/drop-down-base/_definition.scss +23 -23
  62. package/styles/drop-down-base/_fabric-dark-definition.scss +68 -68
  63. package/styles/drop-down-base/_fabric-definition.scss +66 -66
  64. package/styles/drop-down-base/_highcontrast-definition.scss +82 -82
  65. package/styles/drop-down-base/_highcontrast-light-definition.scss +81 -81
  66. package/styles/drop-down-base/_layout.scss +108 -108
  67. package/styles/drop-down-base/_material-dark-definition.scss +67 -67
  68. package/styles/drop-down-base/_material-definition.scss +65 -65
  69. package/styles/drop-down-base/_theme.scss +242 -242
  70. package/styles/drop-down-list/_all.scss +2 -2
  71. package/styles/drop-down-list/_bootstrap-dark-definition.scss +157 -157
  72. package/styles/drop-down-list/_bootstrap-definition.scss +156 -156
  73. package/styles/drop-down-list/_bootstrap4-definition.scss +184 -184
  74. package/styles/drop-down-list/_fabric-dark-definition.scss +127 -127
  75. package/styles/drop-down-list/_fabric-definition.scss +122 -122
  76. package/styles/drop-down-list/_highcontrast-definition.scss +131 -131
  77. package/styles/drop-down-list/_highcontrast-light-definition.scss +133 -133
  78. package/styles/drop-down-list/_layout.scss +218 -218
  79. package/styles/drop-down-list/_material-dark-definition.scss +143 -143
  80. package/styles/drop-down-list/_material-definition.scss +166 -166
  81. package/styles/drop-down-list/_theme.scss +10 -10
  82. package/styles/drop-down-list/icons/_bootstrap-dark.scss +14 -14
  83. package/styles/drop-down-list/icons/_bootstrap.scss +14 -14
  84. package/styles/drop-down-list/icons/_bootstrap4.scss +14 -14
  85. package/styles/drop-down-list/icons/_fabric-dark.scss +14 -14
  86. package/styles/drop-down-list/icons/_fabric.scss +14 -14
  87. package/styles/drop-down-list/icons/_highcontrast-light.scss +14 -14
  88. package/styles/drop-down-list/icons/_highcontrast.scss +14 -14
  89. package/styles/drop-down-list/icons/_material-dark.scss +14 -14
  90. package/styles/drop-down-list/icons/_material.scss +14 -14
  91. package/styles/drop-down-list/material.css +9 -0
  92. package/styles/drop-down-tree/_all.scss +2 -2
  93. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +61 -61
  94. package/styles/drop-down-tree/_bootstrap-definition.scss +61 -61
  95. package/styles/drop-down-tree/_bootstrap4-definition.scss +62 -62
  96. package/styles/drop-down-tree/_fabric-dark-definition.scss +62 -62
  97. package/styles/drop-down-tree/_fabric-definition.scss +62 -62
  98. package/styles/drop-down-tree/_highcontrast-definition.scss +62 -62
  99. package/styles/drop-down-tree/_highcontrast-light-definition.scss +62 -62
  100. package/styles/drop-down-tree/_layout.scss +437 -437
  101. package/styles/drop-down-tree/_material-dark-definition.scss +60 -60
  102. package/styles/drop-down-tree/_material-definition.scss +60 -60
  103. package/styles/drop-down-tree/_theme.scss +68 -68
  104. package/styles/drop-down-tree/icons/_bootstrap-dark.scss +11 -11
  105. package/styles/drop-down-tree/icons/_bootstrap.scss +11 -11
  106. package/styles/drop-down-tree/icons/_bootstrap4.scss +11 -11
  107. package/styles/drop-down-tree/icons/_fabric-dark.scss +11 -11
  108. package/styles/drop-down-tree/icons/_fabric.scss +11 -11
  109. package/styles/drop-down-tree/icons/_highcontrast-light.scss +11 -11
  110. package/styles/drop-down-tree/icons/_highcontrast.scss +11 -11
  111. package/styles/drop-down-tree/icons/_material-dark.scss +11 -11
  112. package/styles/drop-down-tree/icons/_material.scss +11 -11
  113. package/styles/drop-down-tree/material.css +9 -0
  114. package/styles/fabric-dark.css +2 -5
  115. package/styles/fabric.css +1 -4
  116. package/styles/highcontrast-light.css +2 -5
  117. package/styles/highcontrast.css +2 -7
  118. package/styles/list-box/_all.scss +2 -2
  119. package/styles/list-box/_bootstrap-dark-definition.scss +118 -118
  120. package/styles/list-box/_bootstrap-definition.scss +112 -112
  121. package/styles/list-box/_bootstrap4-definition.scss +118 -118
  122. package/styles/list-box/_fabric-dark-definition.scss +118 -118
  123. package/styles/list-box/_fabric-definition.scss +112 -112
  124. package/styles/list-box/_highcontrast-definition.scss +112 -112
  125. package/styles/list-box/_highcontrast-light-definition.scss +118 -118
  126. package/styles/list-box/_layout.scss +458 -458
  127. package/styles/list-box/_material-dark-definition.scss +118 -118
  128. package/styles/list-box/_material-definition.scss +112 -112
  129. package/styles/list-box/_theme.scss +273 -273
  130. package/styles/list-box/icons/_bootstrap-dark.scss +25 -25
  131. package/styles/list-box/icons/_bootstrap.scss +25 -25
  132. package/styles/list-box/icons/_bootstrap4.scss +25 -25
  133. package/styles/list-box/icons/_fabric-dark.scss +25 -25
  134. package/styles/list-box/icons/_fabric.scss +25 -25
  135. package/styles/list-box/icons/_highcontrast-light.scss +25 -25
  136. package/styles/list-box/icons/_highcontrast.scss +25 -25
  137. package/styles/list-box/icons/_material-dark.scss +25 -25
  138. package/styles/list-box/icons/_material.scss +25 -25
  139. package/styles/material-dark.css +8 -11
  140. package/styles/material.css +34 -10
  141. package/styles/multi-select/_all.scss +2 -2
  142. package/styles/multi-select/_bootstrap-dark-definition.scss +171 -171
  143. package/styles/multi-select/_bootstrap-definition.scss +166 -166
  144. package/styles/multi-select/_bootstrap4-definition.scss +233 -233
  145. package/styles/multi-select/_fabric-dark-definition.scss +170 -170
  146. package/styles/multi-select/_fabric-definition.scss +167 -167
  147. package/styles/multi-select/_highcontrast-definition.scss +257 -259
  148. package/styles/multi-select/_highcontrast-light-definition.scss +258 -258
  149. package/styles/multi-select/_layout.scss +1153 -1153
  150. package/styles/multi-select/_material-dark-definition.scss +186 -186
  151. package/styles/multi-select/_material-definition.scss +191 -191
  152. package/styles/multi-select/_theme.scss +384 -389
  153. package/styles/multi-select/bootstrap-dark.css +13 -16
  154. package/styles/multi-select/bootstrap.css +12 -15
  155. package/styles/multi-select/bootstrap4.css +6 -10
  156. package/styles/multi-select/fabric-dark.css +2 -5
  157. package/styles/multi-select/fabric.css +1 -4
  158. package/styles/multi-select/highcontrast-light.css +2 -5
  159. package/styles/multi-select/highcontrast.css +2 -7
  160. package/styles/multi-select/icons/_bootstrap-dark.scss +26 -26
  161. package/styles/multi-select/icons/_bootstrap.scss +26 -26
  162. package/styles/multi-select/icons/_bootstrap4.scss +37 -37
  163. package/styles/multi-select/icons/_fabric-dark.scss +26 -26
  164. package/styles/multi-select/icons/_fabric.scss +26 -26
  165. package/styles/multi-select/icons/_highcontrast-light.scss +26 -26
  166. package/styles/multi-select/icons/_highcontrast.scss +26 -26
  167. package/styles/multi-select/icons/_material-dark.scss +26 -26
  168. package/styles/multi-select/icons/_material.scss +324 -324
  169. package/styles/multi-select/material-dark.css +8 -11
  170. package/styles/multi-select/material.css +16 -10
@@ -131,7 +131,7 @@
131
131
  }
132
132
 
133
133
  .e-bigger .e-multi-select-wrapper {
134
- min-height: 43px;
134
+ min-height: 36px;
135
135
  }
136
136
 
137
137
  .e-multi-select-wrapper.e-close-icon-hide {
@@ -315,7 +315,7 @@
315
315
  }
316
316
 
317
317
  .e-bigger .e-multi-select-wrapper .e-delim-values {
318
- line-height: 43px;
318
+ line-height: 34px;
319
319
  }
320
320
 
321
321
  .e-multi-select-list-wrapper .e-hide-listitem {
@@ -590,7 +590,7 @@
590
590
  }
591
591
 
592
592
  .e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
593
- line-height: 43px;
593
+ line-height: 34px;
594
594
  }
595
595
 
596
596
  .e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
@@ -640,7 +640,7 @@ ejs-multiselect {
640
640
 
641
641
  .e-small .e-multi-select-wrapper .e-delim-values {
642
642
  font-size: 12px;
643
- line-height: 26px;
643
+ line-height: 28px;
644
644
  }
645
645
 
646
646
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
@@ -661,13 +661,13 @@ ejs-multiselect {
661
661
  }
662
662
 
663
663
  .e-bigger.e-small .e-multi-select-wrapper input[type='text'] {
664
- height: 34px;
665
- min-height: 34px;
664
+ height: 30px;
665
+ min-height: 30px;
666
666
  }
667
667
 
668
668
  .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
669
669
  font-size: 13px;
670
- line-height: 34px;
670
+ line-height: 30px;
671
671
  }
672
672
 
673
673
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
@@ -1050,7 +1050,6 @@ ejs-multiselect {
1050
1050
  }
1051
1051
 
1052
1052
  .e-multi-select-wrapper .e-chips > .e-chipcontent {
1053
- -webkit-text-fill-color: #fff;
1054
1053
  color: #fff;
1055
1054
  font-family: inherit;
1056
1055
  font-size: 13px;
@@ -1079,7 +1078,6 @@ ejs-multiselect {
1079
1078
  }
1080
1079
 
1081
1080
  .e-multi-select-wrapper .e-chips .e-chips-close::before {
1082
- -webkit-text-fill-color: rgba(255, 255, 255, 0.7);
1083
1081
  color: rgba(255, 255, 255, 0.7);
1084
1082
  font-size: 16px;
1085
1083
  }
@@ -1202,7 +1200,6 @@ ejs-multiselect {
1202
1200
  }
1203
1201
 
1204
1202
  .e-multi-select-wrapper .e-delim-values {
1205
- -webkit-text-fill-color: #fff;
1206
1203
  color: #fff;
1207
1204
  }
1208
1205
 
@@ -1211,7 +1208,7 @@ ejs-multiselect {
1211
1208
  }
1212
1209
 
1213
1210
  .e-small .e-multi-select-wrapper .e-chips {
1214
- height: 20px;
1211
+ height: 22px;
1215
1212
  }
1216
1213
 
1217
1214
  .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
@@ -6,6 +6,15 @@
6
6
  }
7
7
  }
8
8
 
9
+ @keyframes slideTopUp {
10
+ from {
11
+ transform: translate3d(0, 0, 0) scale(1);
12
+ }
13
+ to {
14
+ transform: translate3d(0, 0, 0) scale(1);
15
+ }
16
+ }
17
+
9
18
  @keyframes material-spinner-rotate {
10
19
  0% {
11
20
  transform: rotate(0deg);
@@ -369,7 +378,7 @@
369
378
  }
370
379
 
371
380
  .e-bigger .e-multi-select-wrapper {
372
- min-height: 37px;
381
+ min-height: 36px;
373
382
  }
374
383
 
375
384
  .e-multi-select-wrapper.e-close-icon-hide {
@@ -878,7 +887,7 @@ ejs-multiselect {
878
887
 
879
888
  .e-small .e-multi-select-wrapper .e-delim-values {
880
889
  font-size: 12px;
881
- line-height: 26px;
890
+ line-height: 28px;
882
891
  }
883
892
 
884
893
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
@@ -899,13 +908,13 @@ ejs-multiselect {
899
908
  }
900
909
 
901
910
  .e-bigger.e-small .e-multi-select-wrapper input[type='text'] {
902
- height: 28px;
903
- min-height: 28px;
911
+ height: 30px;
912
+ min-height: 30px;
904
913
  }
905
914
 
906
915
  .e-small.e-bigger .e-multi-select-wrapper .e-delim-values {
907
916
  font-size: 13px;
908
- line-height: 28px;
917
+ line-height: 30px;
909
918
  }
910
919
 
911
920
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
@@ -1288,7 +1297,6 @@ ejs-multiselect {
1288
1297
  }
1289
1298
 
1290
1299
  .e-multi-select-wrapper .e-chips > .e-chipcontent {
1291
- -webkit-text-fill-color: rgba(0, 0, 0, 0.87);
1292
1300
  color: rgba(0, 0, 0, 0.87);
1293
1301
  font-family: inherit;
1294
1302
  font-size: 13px;
@@ -1317,7 +1325,6 @@ ejs-multiselect {
1317
1325
  }
1318
1326
 
1319
1327
  .e-multi-select-wrapper .e-chips .e-chips-close::before {
1320
- -webkit-text-fill-color: rgba(0, 0, 0, 0.54);
1321
1328
  color: rgba(0, 0, 0, 0.54);
1322
1329
  font-size: 16px;
1323
1330
  }
@@ -1440,7 +1447,6 @@ ejs-multiselect {
1440
1447
  }
1441
1448
 
1442
1449
  .e-multi-select-wrapper .e-delim-values {
1443
- -webkit-text-fill-color: rgba(0, 0, 0, 0.87);
1444
1450
  color: rgba(0, 0, 0, 0.87);
1445
1451
  }
1446
1452
 
@@ -1449,7 +1455,7 @@ ejs-multiselect {
1449
1455
  }
1450
1456
 
1451
1457
  .e-small .e-multi-select-wrapper .e-chips {
1452
- height: 20px;
1458
+ height: 22px;
1453
1459
  }
1454
1460
 
1455
1461
  .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
@@ -1465,7 +1471,7 @@ ejs-multiselect {
1465
1471
  }
1466
1472
 
1467
1473
  .e-bigger.e-small .e-multi-select-wrapper .e-chips {
1468
- height: 22px;
1474
+ height: 24px;
1469
1475
  }
1470
1476
 
1471
1477
  .e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {