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

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 (169) 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 +77 -78
  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/multi-select-model.d.ts +452 -452
  40. package/src/multi-select/multi-select.d.ts +2 -0
  41. package/src/multi-select/multi-select.js +73 -36
  42. package/styles/_all.scss +3 -3
  43. package/styles/auto-complete/_bootstrap-dark-definition.scss +3 -3
  44. package/styles/auto-complete/_bootstrap4-definition.scss +11 -11
  45. package/styles/auto-complete/_fabric-dark-definition.scss +2 -2
  46. package/styles/auto-complete/_highcontrast-light-definition.scss +2 -2
  47. package/styles/auto-complete/_material-dark-definition.scss +2 -2
  48. package/styles/bootstrap-dark.css +13 -16
  49. package/styles/bootstrap.css +12 -15
  50. package/styles/bootstrap4.css +6 -10
  51. package/styles/combo-box/_bootstrap-dark-definition.scss +2 -2
  52. package/styles/combo-box/_bootstrap4-definition.scss +11 -11
  53. package/styles/combo-box/_fabric-dark-definition.scss +2 -2
  54. package/styles/combo-box/_highcontrast-light-definition.scss +3 -3
  55. package/styles/combo-box/_material-dark-definition.scss +2 -2
  56. package/styles/drop-down-base/_all.scss +2 -2
  57. package/styles/drop-down-base/_bootstrap-dark-definition.scss +64 -64
  58. package/styles/drop-down-base/_bootstrap-definition.scss +64 -64
  59. package/styles/drop-down-base/_bootstrap4-definition.scss +78 -78
  60. package/styles/drop-down-base/_definition.scss +23 -23
  61. package/styles/drop-down-base/_fabric-dark-definition.scss +68 -68
  62. package/styles/drop-down-base/_fabric-definition.scss +66 -66
  63. package/styles/drop-down-base/_highcontrast-definition.scss +82 -82
  64. package/styles/drop-down-base/_highcontrast-light-definition.scss +81 -81
  65. package/styles/drop-down-base/_layout.scss +108 -108
  66. package/styles/drop-down-base/_material-dark-definition.scss +67 -67
  67. package/styles/drop-down-base/_material-definition.scss +65 -65
  68. package/styles/drop-down-base/_theme.scss +242 -242
  69. package/styles/drop-down-list/_all.scss +2 -2
  70. package/styles/drop-down-list/_bootstrap-dark-definition.scss +157 -157
  71. package/styles/drop-down-list/_bootstrap-definition.scss +156 -156
  72. package/styles/drop-down-list/_bootstrap4-definition.scss +184 -184
  73. package/styles/drop-down-list/_fabric-dark-definition.scss +127 -127
  74. package/styles/drop-down-list/_fabric-definition.scss +122 -122
  75. package/styles/drop-down-list/_highcontrast-definition.scss +131 -131
  76. package/styles/drop-down-list/_highcontrast-light-definition.scss +133 -133
  77. package/styles/drop-down-list/_layout.scss +218 -218
  78. package/styles/drop-down-list/_material-dark-definition.scss +143 -143
  79. package/styles/drop-down-list/_material-definition.scss +166 -166
  80. package/styles/drop-down-list/_theme.scss +10 -10
  81. package/styles/drop-down-list/icons/_bootstrap-dark.scss +14 -14
  82. package/styles/drop-down-list/icons/_bootstrap.scss +14 -14
  83. package/styles/drop-down-list/icons/_bootstrap4.scss +14 -14
  84. package/styles/drop-down-list/icons/_fabric-dark.scss +14 -14
  85. package/styles/drop-down-list/icons/_fabric.scss +14 -14
  86. package/styles/drop-down-list/icons/_highcontrast-light.scss +14 -14
  87. package/styles/drop-down-list/icons/_highcontrast.scss +14 -14
  88. package/styles/drop-down-list/icons/_material-dark.scss +14 -14
  89. package/styles/drop-down-list/icons/_material.scss +14 -14
  90. package/styles/drop-down-list/material.css +9 -0
  91. package/styles/drop-down-tree/_all.scss +2 -2
  92. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +61 -61
  93. package/styles/drop-down-tree/_bootstrap-definition.scss +61 -61
  94. package/styles/drop-down-tree/_bootstrap4-definition.scss +62 -62
  95. package/styles/drop-down-tree/_fabric-dark-definition.scss +62 -62
  96. package/styles/drop-down-tree/_fabric-definition.scss +62 -62
  97. package/styles/drop-down-tree/_highcontrast-definition.scss +62 -62
  98. package/styles/drop-down-tree/_highcontrast-light-definition.scss +62 -62
  99. package/styles/drop-down-tree/_layout.scss +437 -437
  100. package/styles/drop-down-tree/_material-dark-definition.scss +60 -60
  101. package/styles/drop-down-tree/_material-definition.scss +60 -60
  102. package/styles/drop-down-tree/_theme.scss +68 -68
  103. package/styles/drop-down-tree/icons/_bootstrap-dark.scss +11 -11
  104. package/styles/drop-down-tree/icons/_bootstrap.scss +11 -11
  105. package/styles/drop-down-tree/icons/_bootstrap4.scss +11 -11
  106. package/styles/drop-down-tree/icons/_fabric-dark.scss +11 -11
  107. package/styles/drop-down-tree/icons/_fabric.scss +11 -11
  108. package/styles/drop-down-tree/icons/_highcontrast-light.scss +11 -11
  109. package/styles/drop-down-tree/icons/_highcontrast.scss +11 -11
  110. package/styles/drop-down-tree/icons/_material-dark.scss +11 -11
  111. package/styles/drop-down-tree/icons/_material.scss +11 -11
  112. package/styles/drop-down-tree/material.css +9 -0
  113. package/styles/fabric-dark.css +2 -5
  114. package/styles/fabric.css +1 -4
  115. package/styles/highcontrast-light.css +2 -5
  116. package/styles/highcontrast.css +2 -7
  117. package/styles/list-box/_all.scss +2 -2
  118. package/styles/list-box/_bootstrap-dark-definition.scss +118 -118
  119. package/styles/list-box/_bootstrap-definition.scss +112 -112
  120. package/styles/list-box/_bootstrap4-definition.scss +118 -118
  121. package/styles/list-box/_fabric-dark-definition.scss +118 -118
  122. package/styles/list-box/_fabric-definition.scss +112 -112
  123. package/styles/list-box/_highcontrast-definition.scss +112 -112
  124. package/styles/list-box/_highcontrast-light-definition.scss +118 -118
  125. package/styles/list-box/_layout.scss +458 -458
  126. package/styles/list-box/_material-dark-definition.scss +118 -118
  127. package/styles/list-box/_material-definition.scss +112 -112
  128. package/styles/list-box/_theme.scss +273 -273
  129. package/styles/list-box/icons/_bootstrap-dark.scss +25 -25
  130. package/styles/list-box/icons/_bootstrap.scss +25 -25
  131. package/styles/list-box/icons/_bootstrap4.scss +25 -25
  132. package/styles/list-box/icons/_fabric-dark.scss +25 -25
  133. package/styles/list-box/icons/_fabric.scss +25 -25
  134. package/styles/list-box/icons/_highcontrast-light.scss +25 -25
  135. package/styles/list-box/icons/_highcontrast.scss +25 -25
  136. package/styles/list-box/icons/_material-dark.scss +25 -25
  137. package/styles/list-box/icons/_material.scss +25 -25
  138. package/styles/material-dark.css +8 -11
  139. package/styles/material.css +34 -10
  140. package/styles/multi-select/_all.scss +2 -2
  141. package/styles/multi-select/_bootstrap-dark-definition.scss +171 -171
  142. package/styles/multi-select/_bootstrap-definition.scss +166 -166
  143. package/styles/multi-select/_bootstrap4-definition.scss +233 -233
  144. package/styles/multi-select/_fabric-dark-definition.scss +170 -170
  145. package/styles/multi-select/_fabric-definition.scss +167 -167
  146. package/styles/multi-select/_highcontrast-definition.scss +257 -259
  147. package/styles/multi-select/_highcontrast-light-definition.scss +258 -258
  148. package/styles/multi-select/_layout.scss +1153 -1153
  149. package/styles/multi-select/_material-dark-definition.scss +186 -186
  150. package/styles/multi-select/_material-definition.scss +191 -191
  151. package/styles/multi-select/_theme.scss +384 -389
  152. package/styles/multi-select/bootstrap-dark.css +13 -16
  153. package/styles/multi-select/bootstrap.css +12 -15
  154. package/styles/multi-select/bootstrap4.css +6 -10
  155. package/styles/multi-select/fabric-dark.css +2 -5
  156. package/styles/multi-select/fabric.css +1 -4
  157. package/styles/multi-select/highcontrast-light.css +2 -5
  158. package/styles/multi-select/highcontrast.css +2 -7
  159. package/styles/multi-select/icons/_bootstrap-dark.scss +26 -26
  160. package/styles/multi-select/icons/_bootstrap.scss +26 -26
  161. package/styles/multi-select/icons/_bootstrap4.scss +37 -37
  162. package/styles/multi-select/icons/_fabric-dark.scss +26 -26
  163. package/styles/multi-select/icons/_fabric.scss +26 -26
  164. package/styles/multi-select/icons/_highcontrast-light.scss +26 -26
  165. package/styles/multi-select/icons/_highcontrast.scss +26 -26
  166. package/styles/multi-select/icons/_material-dark.scss +26 -26
  167. package/styles/multi-select/icons/_material.scss +324 -324
  168. package/styles/multi-select/material-dark.css +8 -11
  169. 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 {