@syncfusion/ej2-dropdowns 20.3.60 → 20.4.40

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 (54) hide show
  1. package/.eslintrc.json +16 -1
  2. package/CHANGELOG.md +12 -31
  3. package/dist/ej2-dropdowns.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js +2 -2
  5. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es2015.js +500 -314
  7. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  8. package/dist/es6/ej2-dropdowns.es5.js +485 -299
  9. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  10. package/dist/global/ej2-dropdowns.min.js +2 -2
  11. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +13 -12
  14. package/src/auto-complete/auto-complete-model.d.ts +1 -1
  15. package/src/combo-box/combo-box.js +7 -5
  16. package/src/drop-down-base/drop-down-base-model.d.ts +0 -18
  17. package/src/drop-down-base/drop-down-base.d.ts +0 -22
  18. package/src/drop-down-base/drop-down-base.js +42 -37
  19. package/src/drop-down-list/drop-down-list-model.d.ts +18 -0
  20. package/src/drop-down-list/drop-down-list.d.ts +22 -0
  21. package/src/drop-down-list/drop-down-list.js +95 -41
  22. package/src/drop-down-tree/drop-down-tree-model.d.ts +15 -1
  23. package/src/drop-down-tree/drop-down-tree.d.ts +13 -1
  24. package/src/drop-down-tree/drop-down-tree.js +25 -5
  25. package/src/list-box/list-box-model.d.ts +18 -0
  26. package/src/list-box/list-box.d.ts +22 -0
  27. package/src/list-box/list-box.js +38 -17
  28. package/src/mention/mention-model.d.ts +2 -2
  29. package/src/mention/mention.d.ts +4 -1
  30. package/src/mention/mention.js +66 -27
  31. package/src/multi-select/checkbox-selection.js +10 -8
  32. package/src/multi-select/multi-select.js +203 -156
  33. package/styles/bootstrap5-dark.css +2 -2
  34. package/styles/bootstrap5.css +2 -2
  35. package/styles/drop-down-base/_bootstrap-dark-definition.scss +1 -0
  36. package/styles/drop-down-base/_bootstrap-definition.scss +1 -0
  37. package/styles/drop-down-base/_bootstrap4-definition.scss +1 -0
  38. package/styles/drop-down-base/_bootstrap5-definition.scss +1 -0
  39. package/styles/drop-down-base/_fabric-dark-definition.scss +1 -0
  40. package/styles/drop-down-base/_fabric-definition.scss +1 -0
  41. package/styles/drop-down-base/_fluent-definition.scss +1 -0
  42. package/styles/drop-down-base/_fusionnew-definition.scss +1 -0
  43. package/styles/drop-down-base/_highcontrast-definition.scss +1 -0
  44. package/styles/drop-down-base/_highcontrast-light-definition.scss +1 -0
  45. package/styles/drop-down-base/_layout.scss +1 -1
  46. package/styles/drop-down-base/_material-dark-definition.scss +1 -0
  47. package/styles/drop-down-base/_material-definition.scss +1 -0
  48. package/styles/drop-down-base/_material3-definition.scss +1 -0
  49. package/styles/drop-down-base/_tailwind-definition.scss +1 -0
  50. package/styles/drop-down-base/material-dark.css +1 -1
  51. package/styles/drop-down-tree/_layout.scss +3 -3
  52. package/styles/drop-down-tree/bootstrap5-dark.css +2 -2
  53. package/styles/drop-down-tree/bootstrap5.css +2 -2
  54. package/styles/material-dark.css +1 -1
@@ -21,6 +21,7 @@ $ddl-list-tap-color: transparent !default;
21
21
  $ddl-list-header-border-color: 1px $border-default !default;
22
22
  $ddl-list-default-font-color: $content-font !default;
23
23
  $ddl-list-active-border-color: $selection-border !default;
24
+ $mention-popup-bg-color: $selection-border !default;
24
25
  $ddl-list-active-font-color: $selection-font !default;
25
26
  $mention-active-font-color: $selection-bg !default;
26
27
  $ddl-list-active-bg-color: $selection-bg !default;
@@ -80,7 +80,7 @@
80
80
  }
81
81
 
82
82
  .e-mention.e-popup {
83
- background: $ddl-list-active-border-color;
83
+ background: $mention-popup-bg-color;
84
84
  border: 0;
85
85
  box-shadow: 0 2px 3px 1px $mention-list-box-shadow-color;
86
86
  margin-top: 2px;
@@ -20,6 +20,7 @@ $ddl-list-header-border-color: $grey-700 !default;
20
20
  $ddl-nodata-font-color: rgba($grey-dark-font, .7) !default;
21
21
  $ddl-list-default-font-color: $grey-dark-font !default;
22
22
  $ddl-list-active-border-color: rgba($grey-white, .18) !default;
23
+ $mention-popup-bg-color: rgba($grey-light-font, .9) !default;
23
24
  $ddl-list-active-font-color: $accent !default;
24
25
  $mention-active-font-color: $accent !default;
25
26
  $ddl-list-active-bg-color: rgba($grey-white, .05) !default;
@@ -20,6 +20,7 @@ $ddl-list-header-border-color: $grey-black !default;
20
20
  $ddl-nodata-font-color: $grey-black !default;
21
21
  $ddl-list-default-font-color: rgba($grey-light-font, .87) !default;
22
22
  $ddl-list-active-border-color: $grey-white !default;
23
+ $mention-popup-bg-color: $grey-white !default;
23
24
  $ddl-list-active-font-color: $accent !default;
24
25
  $mention-active-font-color: $accent !default;
25
26
  $ddl-list-active-bg-color: $grey-200 !default;
@@ -56,6 +56,7 @@ $ddl-list-header-border-color: $border-light !default;
56
56
  $ddl-nodata-font-color: $content-text-color !default;
57
57
  $ddl-list-default-font-color: $content-text-color !default;
58
58
  $ddl-list-active-border-color: $content-bg-color !default;
59
+ $mention-popup-bg-color: $content-bg-color !default;
59
60
  $ddl-list-active-font-color: $content-text-color-selected !default;
60
61
  $mention-active-font-color: $primary !default;
61
62
  $ddl-list-active-bg-color: $content-bg-color-selected !default;
@@ -58,6 +58,7 @@ $ddl-list-header-border-color: $border-light !default;
58
58
  $ddl-nodata-font-color: $content-text-color !default;
59
59
  $ddl-list-default-font-color: $content-text-color !default;
60
60
  $ddl-list-active-border-color: $content-bg-color !default;
61
+ $mention-popup-bg-color: $content-bg-color !default;
61
62
  $ddl-list-active-font-color: $content-text-color-selected !default;
62
63
  $mention-active-font-color: $primary !default;
63
64
  $ddl-list-active-bg-color: $content-bg-color-selected !default;
@@ -88,7 +88,7 @@
88
88
  }
89
89
 
90
90
  .e-mention.e-popup {
91
- background: rgba(255, 255, 255, 0.18);
91
+ background: rgba(0, 0, 0, 0.9);
92
92
  border: 0;
93
93
  box-shadow: 0 2px 3px 1px 0 2px 3px 1px rgba(0, 0, 0, 0.21);
94
94
  margin-top: 2px;
@@ -435,9 +435,9 @@
435
435
  }
436
436
  box-shadow: $ddt-box-shadow;
437
437
  position: absolute;
438
-
438
+
439
439
  .e-active .e-checkbox-wrapper {
440
- .e-frame:not(.e-check) {
440
+ .e-frame:not(.e-check):not(.e-stop) {
441
441
  @if$ddt-skin-name == 'bootstrap5' {
442
442
  background-color: $ddt-readonly-input-bg-color;
443
443
  }
@@ -445,7 +445,7 @@
445
445
  }
446
446
 
447
447
  .e-checkbox-wrapper {
448
- .e-frame:not(.e-check) {
448
+ .e-frame:not(.e-check):not(.e-stop) {
449
449
  @if$ddt-skin-name == 'bootstrap5' {
450
450
  background-color: transparent;
451
451
  }
@@ -207,10 +207,10 @@
207
207
  box-shadow: none;
208
208
  position: absolute;
209
209
  }
210
- .e-ddt.e-popup .e-active .e-checkbox-wrapper .e-frame:not(.e-check) {
210
+ .e-ddt.e-popup .e-active .e-checkbox-wrapper .e-frame:not(.e-check):not(.e-stop) {
211
211
  background-color: #212529;
212
212
  }
213
- .e-ddt.e-popup .e-checkbox-wrapper .e-frame:not(.e-check) {
213
+ .e-ddt.e-popup .e-checkbox-wrapper .e-frame:not(.e-check):not(.e-stop) {
214
214
  background-color: transparent;
215
215
  }
216
216
  .e-ddt.e-popup .e-selectall-parent {
@@ -207,10 +207,10 @@
207
207
  box-shadow: none;
208
208
  position: absolute;
209
209
  }
210
- .e-ddt.e-popup .e-active .e-checkbox-wrapper .e-frame:not(.e-check) {
210
+ .e-ddt.e-popup .e-active .e-checkbox-wrapper .e-frame:not(.e-check):not(.e-stop) {
211
211
  background-color: #fff;
212
212
  }
213
- .e-ddt.e-popup .e-checkbox-wrapper .e-frame:not(.e-check) {
213
+ .e-ddt.e-popup .e-checkbox-wrapper .e-frame:not(.e-check):not(.e-stop) {
214
214
  background-color: transparent;
215
215
  }
216
216
  .e-ddt.e-popup .e-selectall-parent {
@@ -88,7 +88,7 @@
88
88
  }
89
89
 
90
90
  .e-mention.e-popup {
91
- background: rgba(255, 255, 255, 0.18);
91
+ background: rgba(0, 0, 0, 0.9);
92
92
  border: 0;
93
93
  box-shadow: 0 2px 3px 1px 0 2px 3px 1px rgba(0, 0, 0, 0.21);
94
94
  margin-top: 2px;