@syncfusion/ej2-angular-dropdowns 19.4.54 → 20.1.47

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 (124) hide show
  1. package/@syncfusion/ej2-angular-dropdowns.es5.js +5 -0
  2. package/@syncfusion/ej2-angular-dropdowns.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-dropdowns.js +5 -0
  4. package/@syncfusion/ej2-angular-dropdowns.js.map +1 -1
  5. package/CHANGELOG.md +0 -52
  6. package/dist/ej2-angular-dropdowns.umd.js +6 -1
  7. package/dist/ej2-angular-dropdowns.umd.js.map +1 -1
  8. package/dist/ej2-angular-dropdowns.umd.min.js +2 -2
  9. package/dist/ej2-angular-dropdowns.umd.min.js.map +1 -1
  10. package/ej2-angular-dropdowns.metadata.json +1 -1
  11. package/package.json +8 -8
  12. package/schematics/utils/lib-details.d.ts +2 -2
  13. package/schematics/utils/lib-details.js +2 -2
  14. package/schematics/utils/lib-details.ts +2 -2
  15. package/src/multi-select/multiselect.component.d.ts +5 -0
  16. package/styles/auto-complete/bootstrap5-dark.css +7 -0
  17. package/styles/auto-complete/bootstrap5.css +7 -0
  18. package/styles/auto-complete/fluent-dark.css +132 -0
  19. package/styles/auto-complete/fluent-dark.scss +1 -0
  20. package/styles/auto-complete/fluent.css +132 -0
  21. package/styles/auto-complete/fluent.scss +1 -0
  22. package/styles/auto-complete/tailwind-dark.css +1 -57
  23. package/styles/auto-complete/tailwind.css +1 -57
  24. package/styles/bootstrap-dark.css +64 -34
  25. package/styles/bootstrap.css +64 -34
  26. package/styles/bootstrap4.css +64 -34
  27. package/styles/bootstrap5-dark.css +124 -44
  28. package/styles/bootstrap5.css +124 -44
  29. package/styles/combo-box/bootstrap5-dark.css +7 -0
  30. package/styles/combo-box/bootstrap5.css +7 -0
  31. package/styles/combo-box/fluent-dark.css +132 -0
  32. package/styles/combo-box/fluent-dark.scss +1 -0
  33. package/styles/combo-box/fluent.css +132 -0
  34. package/styles/combo-box/fluent.scss +1 -0
  35. package/styles/combo-box/tailwind-dark.css +1 -57
  36. package/styles/combo-box/tailwind.css +1 -57
  37. package/styles/drop-down-base/bootstrap-dark.css +7 -2
  38. package/styles/drop-down-base/bootstrap.css +7 -2
  39. package/styles/drop-down-base/bootstrap4.css +7 -2
  40. package/styles/drop-down-base/bootstrap5-dark.css +12 -3
  41. package/styles/drop-down-base/bootstrap5.css +12 -3
  42. package/styles/drop-down-base/fabric-dark.css +7 -2
  43. package/styles/drop-down-base/fabric.css +7 -2
  44. package/styles/drop-down-base/fluent-dark.css +397 -0
  45. package/styles/drop-down-base/fluent-dark.scss +1 -0
  46. package/styles/drop-down-base/fluent.css +397 -0
  47. package/styles/drop-down-base/fluent.scss +1 -0
  48. package/styles/drop-down-base/highcontrast-light.css +7 -2
  49. package/styles/drop-down-base/highcontrast.css +7 -2
  50. package/styles/drop-down-base/material-dark.css +7 -2
  51. package/styles/drop-down-base/material.css +7 -2
  52. package/styles/drop-down-base/tailwind-dark.css +103 -14
  53. package/styles/drop-down-base/tailwind.css +103 -14
  54. package/styles/drop-down-list/bootstrap-dark.css +28 -6
  55. package/styles/drop-down-list/bootstrap.css +28 -6
  56. package/styles/drop-down-list/bootstrap4.css +28 -6
  57. package/styles/drop-down-list/bootstrap5-dark.css +35 -6
  58. package/styles/drop-down-list/bootstrap5.css +35 -6
  59. package/styles/drop-down-list/fabric-dark.css +28 -6
  60. package/styles/drop-down-list/fabric.css +28 -6
  61. package/styles/drop-down-list/fluent-dark.css +447 -0
  62. package/styles/drop-down-list/fluent-dark.scss +1 -0
  63. package/styles/drop-down-list/fluent.css +447 -0
  64. package/styles/drop-down-list/fluent.scss +1 -0
  65. package/styles/drop-down-list/highcontrast-light.css +28 -6
  66. package/styles/drop-down-list/highcontrast.css +28 -6
  67. package/styles/drop-down-list/material-dark.css +28 -6
  68. package/styles/drop-down-list/material.css +28 -6
  69. package/styles/drop-down-list/tailwind-dark.css +20 -95
  70. package/styles/drop-down-list/tailwind.css +20 -95
  71. package/styles/drop-down-tree/bootstrap5-dark.css +6 -2
  72. package/styles/drop-down-tree/bootstrap5.css +6 -2
  73. package/styles/drop-down-tree/fluent-dark.css +599 -0
  74. package/styles/drop-down-tree/fluent-dark.scss +1 -0
  75. package/styles/drop-down-tree/fluent.css +599 -0
  76. package/styles/drop-down-tree/fluent.scss +1 -0
  77. package/styles/drop-down-tree/tailwind-dark.css +15 -6
  78. package/styles/drop-down-tree/tailwind.css +15 -6
  79. package/styles/fabric-dark.css +64 -34
  80. package/styles/fabric.css +64 -34
  81. package/styles/fluent-dark.css +3602 -0
  82. package/styles/fluent-dark.scss +7 -0
  83. package/styles/fluent.css +3602 -0
  84. package/styles/fluent.scss +7 -0
  85. package/styles/highcontrast-light.css +66 -35
  86. package/styles/highcontrast.css +66 -35
  87. package/styles/list-box/bootstrap-dark.css +10 -16
  88. package/styles/list-box/bootstrap.css +10 -16
  89. package/styles/list-box/bootstrap4.css +10 -16
  90. package/styles/list-box/bootstrap5-dark.css +13 -19
  91. package/styles/list-box/bootstrap5.css +13 -19
  92. package/styles/list-box/fabric-dark.css +10 -16
  93. package/styles/list-box/fabric.css +10 -16
  94. package/styles/list-box/fluent-dark.css +895 -0
  95. package/styles/list-box/fluent-dark.scss +1 -0
  96. package/styles/list-box/fluent.css +895 -0
  97. package/styles/list-box/fluent.scss +1 -0
  98. package/styles/list-box/highcontrast-light.css +10 -16
  99. package/styles/list-box/highcontrast.css +10 -16
  100. package/styles/list-box/material-dark.css +12 -18
  101. package/styles/list-box/material.css +12 -18
  102. package/styles/list-box/tailwind-dark.css +25 -28
  103. package/styles/list-box/tailwind.css +25 -28
  104. package/styles/material-dark.css +66 -36
  105. package/styles/material.css +66 -36
  106. package/styles/multi-select/bootstrap-dark.css +19 -10
  107. package/styles/multi-select/bootstrap.css +19 -10
  108. package/styles/multi-select/bootstrap4.css +19 -10
  109. package/styles/multi-select/bootstrap5-dark.css +58 -14
  110. package/styles/multi-select/bootstrap5.css +58 -14
  111. package/styles/multi-select/fabric-dark.css +19 -10
  112. package/styles/multi-select/fabric.css +19 -10
  113. package/styles/multi-select/fluent-dark.css +1416 -0
  114. package/styles/multi-select/fluent-dark.scss +1 -0
  115. package/styles/multi-select/fluent.css +1416 -0
  116. package/styles/multi-select/fluent.scss +1 -0
  117. package/styles/multi-select/highcontrast-light.css +21 -11
  118. package/styles/multi-select/highcontrast.css +21 -11
  119. package/styles/multi-select/material-dark.css +19 -10
  120. package/styles/multi-select/material.css +19 -10
  121. package/styles/multi-select/tailwind-dark.css +166 -126
  122. package/styles/multi-select/tailwind.css +166 -126
  123. package/styles/tailwind-dark.css +305 -257
  124. package/styles/tailwind.css +305 -257
package/styles/list-box/bootstrap.css CHANGED
@@ -38,6 +38,7 @@
38
38
  .e-listbox-wrapper,
39
39
  .e-listbox-container {
40
40
  -webkit-overflow-scrolling: touch;
41
+ box-sizing: border-box;
41
42
  cursor: pointer;
42
43
  display: block;
43
44
  position: relative;
@@ -85,11 +86,6 @@
85
86
  overflow: inherit;
86
87
  }
87
88
 
88
- .e-listbox-wrapper.e-filter-list .e-list-parent,
89
- .e-listbox-container.e-filter-list .e-list-parent {
90
- overflow: auto;
91
- }
92
-
93
89
  .e-listbox-wrapper .e-list-parent,
94
90
  .e-listbox-container .e-list-parent {
95
91
  height: 100%;
@@ -169,7 +165,7 @@
169
165
  font-weight: 600;
170
166
  height: 40px;
171
167
  line-height: 36px;
172
- padding: 0 15px;
168
+ padding: 13px 16px;
173
169
  }
174
170
 
175
171
  .e-listbox-wrapper .e-icon-collapsible,
@@ -372,6 +368,14 @@ ejs-listbox {
372
368
  overflow: auto;
373
369
  }
374
370
 
371
+ .e-listbox-wrapper.e-filter-list {
372
+ overflow: inherit;
373
+ }
374
+
375
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
376
+ overflow: auto;
377
+ }
378
+
375
379
  .e-listbox-wrapper.e-sortableclone,
376
380
  .e-listbox-container.e-sortableclone {
377
381
  border-width: 0;
@@ -608,16 +612,6 @@ ejs-listbox {
608
612
  height: calc(100% - 52px);
609
613
  }
610
614
 
611
- .e-listbox-wrapper.e-select-all .e-list-parent,
612
- .e-listbox-container.e-select-all .e-list-parent {
613
- height: calc(100% - 40px);
614
- }
615
-
616
- .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
617
- .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
618
- height: calc(100% - 92px);
619
- }
620
-
621
615
  .e-listbox-wrapper .e-icons,
622
616
  .e-listbox-container .e-icons {
623
617
  color: rgba(0, 0, 0, 0.75);
package/styles/list-box/bootstrap4.css CHANGED
@@ -56,6 +56,7 @@
56
56
  .e-listbox-wrapper,
57
57
  .e-listbox-container {
58
58
  -webkit-overflow-scrolling: touch;
59
+ box-sizing: border-box;
59
60
  cursor: pointer;
60
61
  display: block;
61
62
  position: relative;
@@ -103,11 +104,6 @@
103
104
  overflow: inherit;
104
105
  }
105
106
 
106
- .e-listbox-wrapper.e-filter-list .e-list-parent,
107
- .e-listbox-container.e-filter-list .e-list-parent {
108
- overflow: auto;
109
- }
110
-
111
107
  .e-listbox-wrapper .e-list-parent,
112
108
  .e-listbox-container .e-list-parent {
113
109
  height: 100%;
@@ -187,7 +183,7 @@
187
183
  font-weight: 600;
188
184
  height: 40px;
189
185
  line-height: 1.5;
190
- padding: 8px 16px 8px 16px;
186
+ padding: 10px 16px 10px 16px;
191
187
  }
192
188
 
193
189
  .e-listbox-wrapper .e-icon-collapsible,
@@ -390,6 +386,14 @@ ejs-listbox {
390
386
  overflow: auto;
391
387
  }
392
388
 
389
+ .e-listbox-wrapper.e-filter-list {
390
+ overflow: inherit;
391
+ }
392
+
393
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
394
+ overflow: auto;
395
+ }
396
+
393
397
  .e-listbox-wrapper.e-sortableclone,
394
398
  .e-listbox-container.e-sortableclone {
395
399
  border-width: 0;
@@ -675,16 +679,6 @@ ejs-listbox {
675
679
  height: calc(100% - 39px);
676
680
  }
677
681
 
678
- .e-listbox-wrapper.e-select-all .e-list-parent,
679
- .e-listbox-container.e-select-all .e-list-parent {
680
- height: calc(100% - 40px);
681
- }
682
-
683
- .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
684
- .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
685
- height: calc(100% - 79px);
686
- }
687
-
688
682
  .e-listbox-wrapper .e-icons,
689
683
  .e-listbox-container .e-icons {
690
684
  color: #212529;
package/styles/list-box/bootstrap5-dark.css CHANGED
@@ -64,6 +64,7 @@
64
64
  .e-listbox-wrapper,
65
65
  .e-listbox-container {
66
66
  -webkit-overflow-scrolling: touch;
67
+ box-sizing: border-box;
67
68
  cursor: pointer;
68
69
  display: block;
69
70
  position: relative;
@@ -102,7 +103,7 @@
102
103
  .e-listbox-container .e-selectall-parent {
103
104
  height: 36px;
104
105
  line-height: 1;
105
- padding: 10px 16px;
106
+ padding: 10px 12px;
106
107
  position: relative;
107
108
  }
108
109
 
@@ -111,15 +112,10 @@
111
112
  overflow: inherit;
112
113
  }
113
114
 
114
- .e-listbox-wrapper.e-filter-list .e-list-parent,
115
- .e-listbox-container.e-filter-list .e-list-parent {
116
- overflow: auto;
117
- }
118
-
119
115
  .e-listbox-wrapper .e-list-parent,
120
116
  .e-listbox-container .e-list-parent {
121
117
  height: 100%;
122
- min-height: 0;
118
+ min-height: 36px;
123
119
  }
124
120
 
125
121
  .e-listbox-wrapper .e-list-item,
@@ -194,8 +190,8 @@
194
190
  border-top: 1px solid;
195
191
  font-weight: 600;
196
192
  height: 30px;
197
- line-height: 30px;
198
- padding: 0 12px;
193
+ line-height: 10px;
194
+ padding: 10px 12px;
199
195
  }
200
196
 
201
197
  .e-listbox-wrapper .e-icon-collapsible,
@@ -398,6 +394,14 @@ ejs-listbox {
398
394
  overflow: auto;
399
395
  }
400
396
 
397
+ .e-listbox-wrapper.e-filter-list {
398
+ overflow: inherit;
399
+ }
400
+
401
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
402
+ overflow: auto;
403
+ }
404
+
401
405
  .e-listbox-wrapper.e-sortableclone,
402
406
  .e-listbox-container.e-sortableclone {
403
407
  border-width: 0;
@@ -634,16 +638,6 @@ ejs-listbox {
634
638
  height: calc(100% - 47px);
635
639
  }
636
640
 
637
- .e-listbox-wrapper.e-select-all .e-list-parent,
638
- .e-listbox-container.e-select-all .e-list-parent {
639
- height: calc(100% - 36px);
640
- }
641
-
642
- .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
643
- .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
644
- height: calc(100% - 86px);
645
- }
646
-
647
641
  .e-listbox-wrapper .e-list-item,
648
642
  .e-listbox-container .e-list-item {
649
643
  background-color: transparent;
package/styles/list-box/bootstrap5.css CHANGED
@@ -64,6 +64,7 @@
64
64
  .e-listbox-wrapper,
65
65
  .e-listbox-container {
66
66
  -webkit-overflow-scrolling: touch;
67
+ box-sizing: border-box;
67
68
  cursor: pointer;
68
69
  display: block;
69
70
  position: relative;
@@ -102,7 +103,7 @@
102
103
  .e-listbox-container .e-selectall-parent {
103
104
  height: 36px;
104
105
  line-height: 1;
105
- padding: 10px 16px;
106
+ padding: 10px 12px;
106
107
  position: relative;
107
108
  }
108
109
 
@@ -111,15 +112,10 @@
111
112
  overflow: inherit;
112
113
  }
113
114
 
114
- .e-listbox-wrapper.e-filter-list .e-list-parent,
115
- .e-listbox-container.e-filter-list .e-list-parent {
116
- overflow: auto;
117
- }
118
-
119
115
  .e-listbox-wrapper .e-list-parent,
120
116
  .e-listbox-container .e-list-parent {
121
117
  height: 100%;
122
- min-height: 0;
118
+ min-height: 36px;
123
119
  }
124
120
 
125
121
  .e-listbox-wrapper .e-list-item,
@@ -194,8 +190,8 @@
194
190
  border-top: 1px solid;
195
191
  font-weight: 600;
196
192
  height: 30px;
197
- line-height: 30px;
198
- padding: 0 12px;
193
+ line-height: 10px;
194
+ padding: 10px 12px;
199
195
  }
200
196
 
201
197
  .e-listbox-wrapper .e-icon-collapsible,
@@ -398,6 +394,14 @@ ejs-listbox {
398
394
  overflow: auto;
399
395
  }
400
396
 
397
+ .e-listbox-wrapper.e-filter-list {
398
+ overflow: inherit;
399
+ }
400
+
401
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
402
+ overflow: auto;
403
+ }
404
+
401
405
  .e-listbox-wrapper.e-sortableclone,
402
406
  .e-listbox-container.e-sortableclone {
403
407
  border-width: 0;
@@ -634,16 +638,6 @@ ejs-listbox {
634
638
  height: calc(100% - 47px);
635
639
  }
636
640
 
637
- .e-listbox-wrapper.e-select-all .e-list-parent,
638
- .e-listbox-container.e-select-all .e-list-parent {
639
- height: calc(100% - 36px);
640
- }
641
-
642
- .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
643
- .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
644
- height: calc(100% - 86px);
645
- }
646
-
647
641
  .e-listbox-wrapper .e-list-item,
648
642
  .e-listbox-container .e-list-item {
649
643
  background-color: transparent;
package/styles/list-box/fabric-dark.css CHANGED
@@ -38,6 +38,7 @@
38
38
  .e-listbox-wrapper,
39
39
  .e-listbox-container {
40
40
  -webkit-overflow-scrolling: touch;
41
+ box-sizing: border-box;
41
42
  cursor: pointer;
42
43
  display: block;
43
44
  position: relative;
@@ -85,11 +86,6 @@
85
86
  overflow: inherit;
86
87
  }
87
88
 
88
- .e-listbox-wrapper.e-filter-list .e-list-parent,
89
- .e-listbox-container.e-filter-list .e-list-parent {
90
- overflow: auto;
91
- }
92
-
93
89
  .e-listbox-wrapper .e-list-parent,
94
90
  .e-listbox-container .e-list-parent {
95
91
  height: 100%;
@@ -169,7 +165,7 @@
169
165
  font-weight: 600;
170
166
  height: 36px;
171
167
  line-height: 30px;
172
- padding: 0 12px;
168
+ padding: 10px 16px;
173
169
  }
174
170
 
175
171
  .e-listbox-wrapper .e-icon-collapsible,
@@ -372,6 +368,14 @@ ejs-listbox {
372
368
  overflow: auto;
373
369
  }
374
370
 
371
+ .e-listbox-wrapper.e-filter-list {
372
+ overflow: inherit;
373
+ }
374
+
375
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
376
+ overflow: auto;
377
+ }
378
+
375
379
  .e-listbox-wrapper.e-sortableclone,
376
380
  .e-listbox-container.e-sortableclone {
377
381
  border-width: 0;
@@ -608,16 +612,6 @@ ejs-listbox {
608
612
  height: calc(100% - 51px);
609
613
  }
610
614
 
611
- .e-listbox-wrapper.e-select-all .e-list-parent,
612
- .e-listbox-container.e-select-all .e-list-parent {
613
- height: calc(100% - 36px);
614
- }
615
-
616
- .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
617
- .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
618
- height: calc(100% - 87px);
619
- }
620
-
621
615
  .e-listbox-wrapper .e-icons,
622
616
  .e-listbox-container .e-icons {
623
617
  color: #dadada;
package/styles/list-box/fabric.css CHANGED
@@ -38,6 +38,7 @@
38
38
  .e-listbox-wrapper,
39
39
  .e-listbox-container {
40
40
  -webkit-overflow-scrolling: touch;
41
+ box-sizing: border-box;
41
42
  cursor: pointer;
42
43
  display: block;
43
44
  position: relative;
@@ -85,11 +86,6 @@
85
86
  overflow: inherit;
86
87
  }
87
88
 
88
- .e-listbox-wrapper.e-filter-list .e-list-parent,
89
- .e-listbox-container.e-filter-list .e-list-parent {
90
- overflow: auto;
91
- }
92
-
93
89
  .e-listbox-wrapper .e-list-parent,
94
90
  .e-listbox-container .e-list-parent {
95
91
  height: 100%;
@@ -169,7 +165,7 @@
169
165
  font-weight: 600;
170
166
  height: 36px;
171
167
  line-height: 30px;
172
- padding: 0 12px;
168
+ padding: 10px 16px;
173
169
  }
174
170
 
175
171
  .e-listbox-wrapper .e-icon-collapsible,
@@ -372,6 +368,14 @@ ejs-listbox {
372
368
  overflow: auto;
373
369
  }
374
370
 
371
+ .e-listbox-wrapper.e-filter-list {
372
+ overflow: inherit;
373
+ }
374
+
375
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
376
+ overflow: auto;
377
+ }
378
+
375
379
  .e-listbox-wrapper.e-sortableclone,
376
380
  .e-listbox-container.e-sortableclone {
377
381
  border-width: 0;
@@ -608,16 +612,6 @@ ejs-listbox {
608
612
  height: calc(100% - 51px);
609
613
  }
610
614
 
611
- .e-listbox-wrapper.e-select-all .e-list-parent,
612
- .e-listbox-container.e-select-all .e-list-parent {
613
- height: calc(100% - 36px);
614
- }
615
-
616
- .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
617
- .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
618
- height: calc(100% - 87px);
619
- }
620
-
621
615
  .e-listbox-wrapper .e-icons,
622
616
  .e-listbox-container .e-icons {
623
617
  color: #333;