@syncfusion/ej2-dropdowns 26.1.41 → 26.2.4

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 (66) hide show
  1. package/.eslintrc.json +261 -0
  2. package/dist/ej2-dropdowns.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +159 -68
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +160 -71
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +2 -2
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/hotfix/26.1.35_Vol2.txt +1 -0
  13. package/package.json +12 -12
  14. package/src/drop-down-list/drop-down-list.js +13 -4
  15. package/src/drop-down-tree/drop-down-tree.js +8 -4
  16. package/src/list-box/list-box.js +67 -31
  17. package/src/mention/mention.js +2 -2
  18. package/src/multi-select/multi-select.d.ts +1 -0
  19. package/src/multi-select/multi-select.js +70 -30
  20. package/styles/auto-complete/fluent2.css +10 -10
  21. package/styles/bootstrap-dark.css +15 -14
  22. package/styles/bootstrap.css +15 -14
  23. package/styles/bootstrap4.css +15 -14
  24. package/styles/bootstrap5-dark.css +15 -14
  25. package/styles/bootstrap5.css +15 -14
  26. package/styles/combo-box/fluent2.css +10 -10
  27. package/styles/drop-down-base/fluent2.css +10 -10
  28. package/styles/drop-down-list/fluent2.css +10 -10
  29. package/styles/drop-down-tree/fluent2.css +10 -10
  30. package/styles/fabric-dark.css +15 -14
  31. package/styles/fabric.css +15 -14
  32. package/styles/fluent-dark.css +15 -14
  33. package/styles/fluent.css +15 -14
  34. package/styles/fluent2.css +27 -26
  35. package/styles/highcontrast-light.css +15 -14
  36. package/styles/highcontrast.css +15 -14
  37. package/styles/list-box/_layout.scss +17 -13
  38. package/styles/list-box/bootstrap-dark.css +15 -14
  39. package/styles/list-box/bootstrap.css +15 -14
  40. package/styles/list-box/bootstrap4.css +15 -14
  41. package/styles/list-box/bootstrap5-dark.css +15 -14
  42. package/styles/list-box/bootstrap5.css +15 -14
  43. package/styles/list-box/fabric-dark.css +15 -14
  44. package/styles/list-box/fabric.css +15 -14
  45. package/styles/list-box/fluent-dark.css +15 -14
  46. package/styles/list-box/fluent.css +15 -14
  47. package/styles/list-box/fluent2.css +27 -26
  48. package/styles/list-box/highcontrast-light.css +15 -14
  49. package/styles/list-box/highcontrast.css +15 -14
  50. package/styles/list-box/material-dark.css +15 -14
  51. package/styles/list-box/material.css +15 -14
  52. package/styles/list-box/material3-dark.css +15 -14
  53. package/styles/list-box/material3.css +15 -14
  54. package/styles/list-box/tailwind-dark.css +15 -14
  55. package/styles/list-box/tailwind.css +15 -14
  56. package/styles/material-dark.css +15 -14
  57. package/styles/material.css +16 -15
  58. package/styles/material3-dark.css +15 -14
  59. package/styles/material3.css +15 -14
  60. package/styles/mention/fluent2.css +10 -10
  61. package/styles/multi-select/_material-definition.scss +1 -1
  62. package/styles/multi-select/fluent2.css +10 -10
  63. package/styles/multi-select/material.css +1 -1
  64. package/styles/tailwind-dark.css +15 -14
  65. package/styles/tailwind.css +15 -14
  66. package/tslint.json +111 -0
package/styles/list-box/material-dark.css CHANGED
@@ -72,20 +72,6 @@
72
72
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
73
73
  text-align: center;
74
74
  }
75
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
76
- .e-listbox-wrapper .e-list-nrt,
77
- .e-listbox-wrapper .e-selectall-parent,
78
- .e-listbox-container:not(.e-list-template) .e-list-item,
79
- .e-listbox-container .e-list-nrt,
80
- .e-listbox-container .e-selectall-parent,
81
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
82
- .e-listboxtool-wrapper .e-list-nrt,
83
- .e-listboxtool-wrapper .e-selectall-parent {
84
- height: 36px;
85
- line-height: 1;
86
- padding: 11px 16px;
87
- position: relative;
88
- }
89
75
  .e-listbox-wrapper .e-list-parent,
90
76
  .e-listbox-container .e-list-parent,
91
77
  .e-listboxtool-wrapper .e-list-parent {
@@ -562,6 +548,21 @@ ejs-listbox {
562
548
  .e-listbox-container.e-bigger .e-list-header .e-text {
563
549
  font-size: 20px;
564
550
  }
551
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
552
+ .e-listbox-wrapper .e-list-nrt,
553
+ .e-listbox-wrapper .e-selectall-parent,
554
+ .e-listbox-container:not(.e-list-template) .e-list-item,
555
+ .e-listbox-container .e-list-nrt,
556
+ .e-listbox-container .e-selectall-parent,
557
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
558
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
559
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
560
+ height: 36px;
561
+ line-height: 1;
562
+ padding: 11px 16px;
563
+ position: relative;
564
+ }
565
+
565
566
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
566
567
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
567
568
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
package/styles/list-box/material.css CHANGED
@@ -77,20 +77,6 @@
77
77
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
78
78
  text-align: center;
79
79
  }
80
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
81
- .e-listbox-wrapper .e-list-nrt,
82
- .e-listbox-wrapper .e-selectall-parent,
83
- .e-listbox-container:not(.e-list-template) .e-list-item,
84
- .e-listbox-container .e-list-nrt,
85
- .e-listbox-container .e-selectall-parent,
86
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
87
- .e-listboxtool-wrapper .e-list-nrt,
88
- .e-listboxtool-wrapper .e-selectall-parent {
89
- height: 36px;
90
- line-height: 1;
91
- padding: 11px 16px;
92
- position: relative;
93
- }
94
80
  .e-listbox-wrapper .e-list-parent,
95
81
  .e-listbox-container .e-list-parent,
96
82
  .e-listboxtool-wrapper .e-list-parent {
@@ -573,6 +559,21 @@ ejs-listbox {
573
559
  .e-listbox-container.e-bigger .e-list-header .e-text {
574
560
  font-size: 20px;
575
561
  }
562
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
563
+ .e-listbox-wrapper .e-list-nrt,
564
+ .e-listbox-wrapper .e-selectall-parent,
565
+ .e-listbox-container:not(.e-list-template) .e-list-item,
566
+ .e-listbox-container .e-list-nrt,
567
+ .e-listbox-container .e-selectall-parent,
568
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
569
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
570
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
571
+ height: 36px;
572
+ line-height: 1;
573
+ padding: 11px 16px;
574
+ position: relative;
575
+ }
576
+
576
577
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
577
578
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
578
579
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
package/styles/list-box/material3-dark.css CHANGED
@@ -127,20 +127,6 @@
127
127
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
128
128
  text-align: center;
129
129
  }
130
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
131
- .e-listbox-wrapper .e-list-nrt,
132
- .e-listbox-wrapper .e-selectall-parent,
133
- .e-listbox-container:not(.e-list-template) .e-list-item,
134
- .e-listbox-container .e-list-nrt,
135
- .e-listbox-container .e-selectall-parent,
136
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
137
- .e-listboxtool-wrapper .e-list-nrt,
138
- .e-listboxtool-wrapper .e-selectall-parent {
139
- height: 40px;
140
- line-height: 1.35;
141
- padding: 10px 16px;
142
- position: relative;
143
- }
144
130
  .e-listbox-wrapper .e-list-parent,
145
131
  .e-listbox-container .e-list-parent,
146
132
  .e-listboxtool-wrapper .e-list-parent {
@@ -618,6 +604,21 @@ ejs-listbox {
618
604
  .e-listbox-container.e-bigger .e-list-header .e-text {
619
605
  font-size: 14px;
620
606
  }
607
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
608
+ .e-listbox-wrapper .e-list-nrt,
609
+ .e-listbox-wrapper .e-selectall-parent,
610
+ .e-listbox-container:not(.e-list-template) .e-list-item,
611
+ .e-listbox-container .e-list-nrt,
612
+ .e-listbox-container .e-selectall-parent,
613
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
614
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
615
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
616
+ height: 40px;
617
+ line-height: 1.35;
618
+ padding: 10px 16px;
619
+ position: relative;
620
+ }
621
+
621
622
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
622
623
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
623
624
  height: calc(100% - 35px) !important; /* stylelint-disable-line declaration-no-important */
package/styles/list-box/material3.css CHANGED
@@ -183,20 +183,6 @@
183
183
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
184
184
  text-align: center;
185
185
  }
186
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
187
- .e-listbox-wrapper .e-list-nrt,
188
- .e-listbox-wrapper .e-selectall-parent,
189
- .e-listbox-container:not(.e-list-template) .e-list-item,
190
- .e-listbox-container .e-list-nrt,
191
- .e-listbox-container .e-selectall-parent,
192
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
193
- .e-listboxtool-wrapper .e-list-nrt,
194
- .e-listboxtool-wrapper .e-selectall-parent {
195
- height: 40px;
196
- line-height: 1.35;
197
- padding: 10px 16px;
198
- position: relative;
199
- }
200
186
  .e-listbox-wrapper .e-list-parent,
201
187
  .e-listbox-container .e-list-parent,
202
188
  .e-listboxtool-wrapper .e-list-parent {
@@ -674,6 +660,21 @@ ejs-listbox {
674
660
  .e-listbox-container.e-bigger .e-list-header .e-text {
675
661
  font-size: 14px;
676
662
  }
663
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
664
+ .e-listbox-wrapper .e-list-nrt,
665
+ .e-listbox-wrapper .e-selectall-parent,
666
+ .e-listbox-container:not(.e-list-template) .e-list-item,
667
+ .e-listbox-container .e-list-nrt,
668
+ .e-listbox-container .e-selectall-parent,
669
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
670
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
671
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
672
+ height: 40px;
673
+ line-height: 1.35;
674
+ padding: 10px 16px;
675
+ position: relative;
676
+ }
677
+
677
678
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
678
679
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
679
680
  height: calc(100% - 35px) !important; /* stylelint-disable-line declaration-no-important */
package/styles/list-box/tailwind-dark.css CHANGED
@@ -113,20 +113,6 @@
113
113
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
114
114
  text-align: center;
115
115
  }
116
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
117
- .e-listbox-wrapper .e-list-nrt,
118
- .e-listbox-wrapper .e-selectall-parent,
119
- .e-listbox-container:not(.e-list-template) .e-list-item,
120
- .e-listbox-container .e-list-nrt,
121
- .e-listbox-container .e-selectall-parent,
122
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
123
- .e-listboxtool-wrapper .e-list-nrt,
124
- .e-listboxtool-wrapper .e-selectall-parent {
125
- height: 38px;
126
- line-height: 1;
127
- padding: 12px 12px;
128
- position: relative;
129
- }
130
116
  .e-listbox-wrapper .e-list-parent,
131
117
  .e-listbox-container .e-list-parent,
132
118
  .e-listboxtool-wrapper .e-list-parent {
@@ -599,6 +585,21 @@ ejs-listbox {
599
585
  .e-listbox-container.e-bigger .e-list-header .e-text {
600
586
  font-size: 14px;
601
587
  }
588
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
589
+ .e-listbox-wrapper .e-list-nrt,
590
+ .e-listbox-wrapper .e-selectall-parent,
591
+ .e-listbox-container:not(.e-list-template) .e-list-item,
592
+ .e-listbox-container .e-list-nrt,
593
+ .e-listbox-container .e-selectall-parent,
594
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
595
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
596
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
597
+ height: 38px;
598
+ line-height: 1;
599
+ padding: 12px 12px;
600
+ position: relative;
601
+ }
602
+
602
603
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
603
604
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
604
605
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
package/styles/list-box/tailwind.css CHANGED
@@ -113,20 +113,6 @@
113
113
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
114
114
  text-align: center;
115
115
  }
116
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
117
- .e-listbox-wrapper .e-list-nrt,
118
- .e-listbox-wrapper .e-selectall-parent,
119
- .e-listbox-container:not(.e-list-template) .e-list-item,
120
- .e-listbox-container .e-list-nrt,
121
- .e-listbox-container .e-selectall-parent,
122
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
123
- .e-listboxtool-wrapper .e-list-nrt,
124
- .e-listboxtool-wrapper .e-selectall-parent {
125
- height: 38px;
126
- line-height: 1;
127
- padding: 12px 12px;
128
- position: relative;
129
- }
130
116
  .e-listbox-wrapper .e-list-parent,
131
117
  .e-listbox-container .e-list-parent,
132
118
  .e-listboxtool-wrapper .e-list-parent {
@@ -599,6 +585,21 @@ ejs-listbox {
599
585
  .e-listbox-container.e-bigger .e-list-header .e-text {
600
586
  font-size: 14px;
601
587
  }
588
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
589
+ .e-listbox-wrapper .e-list-nrt,
590
+ .e-listbox-wrapper .e-selectall-parent,
591
+ .e-listbox-container:not(.e-list-template) .e-list-item,
592
+ .e-listbox-container .e-list-nrt,
593
+ .e-listbox-container .e-selectall-parent,
594
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
595
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
596
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
597
+ height: 38px;
598
+ line-height: 1;
599
+ padding: 12px 12px;
600
+ position: relative;
601
+ }
602
+
602
603
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
603
604
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
604
605
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
package/styles/material-dark.css CHANGED
@@ -4006,20 +4006,6 @@ ejs-multiselect {
4006
4006
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
4007
4007
  text-align: center;
4008
4008
  }
4009
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4010
- .e-listbox-wrapper .e-list-nrt,
4011
- .e-listbox-wrapper .e-selectall-parent,
4012
- .e-listbox-container:not(.e-list-template) .e-list-item,
4013
- .e-listbox-container .e-list-nrt,
4014
- .e-listbox-container .e-selectall-parent,
4015
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
4016
- .e-listboxtool-wrapper .e-list-nrt,
4017
- .e-listboxtool-wrapper .e-selectall-parent {
4018
- height: 36px;
4019
- line-height: 1;
4020
- padding: 11px 16px;
4021
- position: relative;
4022
- }
4023
4009
  .e-listbox-wrapper .e-list-parent,
4024
4010
  .e-listbox-container .e-list-parent,
4025
4011
  .e-listboxtool-wrapper .e-list-parent {
@@ -4496,6 +4482,21 @@ ejs-listbox {
4496
4482
  .e-listbox-container.e-bigger .e-list-header .e-text {
4497
4483
  font-size: 20px;
4498
4484
  }
4485
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4486
+ .e-listbox-wrapper .e-list-nrt,
4487
+ .e-listbox-wrapper .e-selectall-parent,
4488
+ .e-listbox-container:not(.e-list-template) .e-list-item,
4489
+ .e-listbox-container .e-list-nrt,
4490
+ .e-listbox-container .e-selectall-parent,
4491
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4492
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
4493
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
4494
+ height: 36px;
4495
+ line-height: 1;
4496
+ padding: 11px 16px;
4497
+ position: relative;
4498
+ }
4499
+
4499
4500
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4500
4501
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4501
4502
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
package/styles/material.css CHANGED
@@ -2486,7 +2486,7 @@ ejs-dropdownlist {
2486
2486
  height: 28px;
2487
2487
  min-height: 28px;
2488
2488
  outline: none;
2489
- padding: 4px 0 4px 0;
2489
+ padding: 0;
2490
2490
  text-indent: 0;
2491
2491
  }
2492
2492
 
@@ -4059,20 +4059,6 @@ ejs-multiselect {
4059
4059
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
4060
4060
  text-align: center;
4061
4061
  }
4062
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4063
- .e-listbox-wrapper .e-list-nrt,
4064
- .e-listbox-wrapper .e-selectall-parent,
4065
- .e-listbox-container:not(.e-list-template) .e-list-item,
4066
- .e-listbox-container .e-list-nrt,
4067
- .e-listbox-container .e-selectall-parent,
4068
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
4069
- .e-listboxtool-wrapper .e-list-nrt,
4070
- .e-listboxtool-wrapper .e-selectall-parent {
4071
- height: 36px;
4072
- line-height: 1;
4073
- padding: 11px 16px;
4074
- position: relative;
4075
- }
4076
4062
  .e-listbox-wrapper .e-list-parent,
4077
4063
  .e-listbox-container .e-list-parent,
4078
4064
  .e-listboxtool-wrapper .e-list-parent {
@@ -4555,6 +4541,21 @@ ejs-listbox {
4555
4541
  .e-listbox-container.e-bigger .e-list-header .e-text {
4556
4542
  font-size: 20px;
4557
4543
  }
4544
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4545
+ .e-listbox-wrapper .e-list-nrt,
4546
+ .e-listbox-wrapper .e-selectall-parent,
4547
+ .e-listbox-container:not(.e-list-template) .e-list-item,
4548
+ .e-listbox-container .e-list-nrt,
4549
+ .e-listbox-container .e-selectall-parent,
4550
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4551
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
4552
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
4553
+ height: 36px;
4554
+ line-height: 1;
4555
+ padding: 11px 16px;
4556
+ position: relative;
4557
+ }
4558
+
4558
4559
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4559
4560
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4560
4561
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
package/styles/material3-dark.css CHANGED
@@ -3873,20 +3873,6 @@ ejs-multiselect {
3873
3873
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
3874
3874
  text-align: center;
3875
3875
  }
3876
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3877
- .e-listbox-wrapper .e-list-nrt,
3878
- .e-listbox-wrapper .e-selectall-parent,
3879
- .e-listbox-container:not(.e-list-template) .e-list-item,
3880
- .e-listbox-container .e-list-nrt,
3881
- .e-listbox-container .e-selectall-parent,
3882
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
3883
- .e-listboxtool-wrapper .e-list-nrt,
3884
- .e-listboxtool-wrapper .e-selectall-parent {
3885
- height: 40px;
3886
- line-height: 1.35;
3887
- padding: 10px 16px;
3888
- position: relative;
3889
- }
3890
3876
  .e-listbox-wrapper .e-list-parent,
3891
3877
  .e-listbox-container .e-list-parent,
3892
3878
  .e-listboxtool-wrapper .e-list-parent {
@@ -4364,6 +4350,21 @@ ejs-listbox {
4364
4350
  .e-listbox-container.e-bigger .e-list-header .e-text {
4365
4351
  font-size: 14px;
4366
4352
  }
4353
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4354
+ .e-listbox-wrapper .e-list-nrt,
4355
+ .e-listbox-wrapper .e-selectall-parent,
4356
+ .e-listbox-container:not(.e-list-template) .e-list-item,
4357
+ .e-listbox-container .e-list-nrt,
4358
+ .e-listbox-container .e-selectall-parent,
4359
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4360
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
4361
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
4362
+ height: 40px;
4363
+ line-height: 1.35;
4364
+ padding: 10px 16px;
4365
+ position: relative;
4366
+ }
4367
+
4367
4368
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4368
4369
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4369
4370
  height: calc(100% - 35px) !important; /* stylelint-disable-line declaration-no-important */
package/styles/material3.css CHANGED
@@ -3929,20 +3929,6 @@ ejs-multiselect {
3929
3929
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
3930
3930
  text-align: center;
3931
3931
  }
3932
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3933
- .e-listbox-wrapper .e-list-nrt,
3934
- .e-listbox-wrapper .e-selectall-parent,
3935
- .e-listbox-container:not(.e-list-template) .e-list-item,
3936
- .e-listbox-container .e-list-nrt,
3937
- .e-listbox-container .e-selectall-parent,
3938
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
3939
- .e-listboxtool-wrapper .e-list-nrt,
3940
- .e-listboxtool-wrapper .e-selectall-parent {
3941
- height: 40px;
3942
- line-height: 1.35;
3943
- padding: 10px 16px;
3944
- position: relative;
3945
- }
3946
3932
  .e-listbox-wrapper .e-list-parent,
3947
3933
  .e-listbox-container .e-list-parent,
3948
3934
  .e-listboxtool-wrapper .e-list-parent {
@@ -4420,6 +4406,21 @@ ejs-listbox {
4420
4406
  .e-listbox-container.e-bigger .e-list-header .e-text {
4421
4407
  font-size: 14px;
4422
4408
  }
4409
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4410
+ .e-listbox-wrapper .e-list-nrt,
4411
+ .e-listbox-wrapper .e-selectall-parent,
4412
+ .e-listbox-container:not(.e-list-template) .e-list-item,
4413
+ .e-listbox-container .e-list-nrt,
4414
+ .e-listbox-container .e-selectall-parent,
4415
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
4416
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
4417
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
4418
+ height: 40px;
4419
+ line-height: 1.35;
4420
+ padding: 10px 16px;
4421
+ position: relative;
4422
+ }
4423
+
4423
4424
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4424
4425
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4425
4426
  height: calc(100% - 35px) !important; /* stylelint-disable-line declaration-no-important */
package/styles/mention/fluent2.css CHANGED
@@ -47,7 +47,7 @@
47
47
  --color-sf-flyout-bg-color-pressed: #e0e0e0;
48
48
  --color-sf-flyout-bg-color-selected: #ebebeb;
49
49
  --color-sf-flyout-bg-color-focus: #f5f5f5;
50
- --color-sf-overlay-bg-color: #000;
50
+ --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
51
51
  --color-sf-table-bg-color-hover: #f5f5f5;
52
52
  --color-sf-table-bg-color-pressed: #e0e0e0;
53
53
  --color-sf-table-bg-color-selected: #ebf3fc;
@@ -369,7 +369,7 @@
369
369
  --color-sf-flyout-bg-color-pressed: var(--color-sf-black);
370
370
  --color-sf-flyout-bg-color-selected: #383838;
371
371
  --color-sf-flyout-bg-color-focus: var(--color-sf-flyout-bg-color-hover);
372
- --color-sf-overlay-bg-color: rgba($black, .4);
372
+ --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
373
373
  --color-sf-table-bg-color-hover: #383838;
374
374
  --color-sf-table-bg-color-pressed: #2e2e2e;
375
375
  --color-sf-table-bg-color-selected: #082338;
@@ -711,9 +711,9 @@
711
711
  --color-sf-flyout-bg-color-pressed: var(--color-sf-content-bg-color-hover);
712
712
  --color-sf-flyout-bg-color-selected: var(--color-sf-content-bg-color-hover);
713
713
  --color-sf-flyout-bg-color-focus: var(--color-sf-content-bg-color-hover);
714
- --color-sf-overlay-bg-color: rgba($black, .4);
715
- --color-sf-table-bg-color-hover: var(--color-sf-black);
716
- --color-sf-table-bg-color-pressed: var(--color-sf-black);
714
+ --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
715
+ --color-sf-table-bg-color-hover: #1a3bff;
716
+ --color-sf-table-bg-color-pressed: #1a3bff;
717
717
  --color-sf-table-bg-color-selected: #1a3bff;
718
718
  --color-sf-content-text-color: #fff;
719
719
  --color-sf-content-text-color-alt1: var(--color-sf-content-text-color);
@@ -732,12 +732,12 @@
732
732
  --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color-hover);
733
733
  --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color-hover);
734
734
  --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
735
- --color-sf-table-text-color-hover: var(--color-sf-content-text-color-hover);
736
- --color-sf-table-text-color-pressed: var(--color-sf-content-text-color-hover);
737
- --color-sf-table-text-color-selected: var(--color-sf-content-text-color-hover);
735
+ --color-sf-table-text-color-hover: #000;
736
+ --color-sf-table-text-color-pressed: #000;
737
+ --color-sf-table-text-color-selected: #000;
738
738
  --color-sf-icon-color: #fff;
739
- --color-sf-icon-color-hover: var(--color-sf-content-text-color-hover);
740
- --color-sf-icon-color-pressed: var(--color-sf-content-text-color-hover);
739
+ --color-sf-icon-color-hover: #000;
740
+ --color-sf-icon-color-pressed: #000;
741
741
  --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
742
742
  --color-sf-border-light: #fff;
743
743
  --color-sf-border: var(--color-sf-border-light);
package/styles/multi-select/_material-definition.scss CHANGED
@@ -88,7 +88,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
88
88
  $ddl-chip-sel-mobile-close-height: 40px !default;
89
89
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
90
90
  $ddl-input-text-indent: 0 !default;
91
- $ddl-input-placeholder-padding: 4px 0 4px 0 !default;
91
+ $ddl-input-placeholder-padding: 0 !default;
92
92
  $ddl-rtl-chip-sel-close-left: -12px !default;
93
93
  $ddl-popup-active-focus-bg-color: $grey-300 !default;
94
94
  $ddl-popup-active-focus-font-color: $accent !default;
package/styles/multi-select/fluent2.css CHANGED
@@ -47,7 +47,7 @@
47
47
  --color-sf-flyout-bg-color-pressed: #e0e0e0;
48
48
  --color-sf-flyout-bg-color-selected: #ebebeb;
49
49
  --color-sf-flyout-bg-color-focus: #f5f5f5;
50
- --color-sf-overlay-bg-color: #000;
50
+ --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
51
51
  --color-sf-table-bg-color-hover: #f5f5f5;
52
52
  --color-sf-table-bg-color-pressed: #e0e0e0;
53
53
  --color-sf-table-bg-color-selected: #ebf3fc;
@@ -369,7 +369,7 @@
369
369
  --color-sf-flyout-bg-color-pressed: var(--color-sf-black);
370
370
  --color-sf-flyout-bg-color-selected: #383838;
371
371
  --color-sf-flyout-bg-color-focus: var(--color-sf-flyout-bg-color-hover);
372
- --color-sf-overlay-bg-color: rgba($black, .4);
372
+ --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
373
373
  --color-sf-table-bg-color-hover: #383838;
374
374
  --color-sf-table-bg-color-pressed: #2e2e2e;
375
375
  --color-sf-table-bg-color-selected: #082338;
@@ -711,9 +711,9 @@
711
711
  --color-sf-flyout-bg-color-pressed: var(--color-sf-content-bg-color-hover);
712
712
  --color-sf-flyout-bg-color-selected: var(--color-sf-content-bg-color-hover);
713
713
  --color-sf-flyout-bg-color-focus: var(--color-sf-content-bg-color-hover);
714
- --color-sf-overlay-bg-color: rgba($black, .4);
715
- --color-sf-table-bg-color-hover: var(--color-sf-black);
716
- --color-sf-table-bg-color-pressed: var(--color-sf-black);
714
+ --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
715
+ --color-sf-table-bg-color-hover: #1a3bff;
716
+ --color-sf-table-bg-color-pressed: #1a3bff;
717
717
  --color-sf-table-bg-color-selected: #1a3bff;
718
718
  --color-sf-content-text-color: #fff;
719
719
  --color-sf-content-text-color-alt1: var(--color-sf-content-text-color);
@@ -732,12 +732,12 @@
732
732
  --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color-hover);
733
733
  --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color-hover);
734
734
  --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
735
- --color-sf-table-text-color-hover: var(--color-sf-content-text-color-hover);
736
- --color-sf-table-text-color-pressed: var(--color-sf-content-text-color-hover);
737
- --color-sf-table-text-color-selected: var(--color-sf-content-text-color-hover);
735
+ --color-sf-table-text-color-hover: #000;
736
+ --color-sf-table-text-color-pressed: #000;
737
+ --color-sf-table-text-color-selected: #000;
738
738
  --color-sf-icon-color: #fff;
739
- --color-sf-icon-color-hover: var(--color-sf-content-text-color-hover);
740
- --color-sf-icon-color-pressed: var(--color-sf-content-text-color-hover);
739
+ --color-sf-icon-color-hover: #000;
740
+ --color-sf-icon-color-pressed: #000;
741
741
  --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
742
742
  --color-sf-border-light: #fff;
743
743
  --color-sf-border: var(--color-sf-border-light);
package/styles/multi-select/material.css CHANGED
@@ -983,7 +983,7 @@
983
983
  height: 28px;
984
984
  min-height: 28px;
985
985
  outline: none;
986
- padding: 4px 0 4px 0;
986
+ padding: 0;
987
987
  text-indent: 0;
988
988
  }
989
989
 
package/styles/tailwind-dark.css CHANGED
@@ -2713,20 +2713,6 @@ ejs-multiselect {
2713
2713
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2714
2714
  text-align: center;
2715
2715
  }
2716
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2717
- .e-listbox-wrapper .e-list-nrt,
2718
- .e-listbox-wrapper .e-selectall-parent,
2719
- .e-listbox-container:not(.e-list-template) .e-list-item,
2720
- .e-listbox-container .e-list-nrt,
2721
- .e-listbox-container .e-selectall-parent,
2722
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
2723
- .e-listboxtool-wrapper .e-list-nrt,
2724
- .e-listboxtool-wrapper .e-selectall-parent {
2725
- height: 38px;
2726
- line-height: 1;
2727
- padding: 12px 12px;
2728
- position: relative;
2729
- }
2730
2716
  .e-listbox-wrapper .e-list-parent,
2731
2717
  .e-listbox-container .e-list-parent,
2732
2718
  .e-listboxtool-wrapper .e-list-parent {
@@ -3199,6 +3185,21 @@ ejs-listbox {
3199
3185
  .e-listbox-container.e-bigger .e-list-header .e-text {
3200
3186
  font-size: 14px;
3201
3187
  }
3188
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3189
+ .e-listbox-wrapper .e-list-nrt,
3190
+ .e-listbox-wrapper .e-selectall-parent,
3191
+ .e-listbox-container:not(.e-list-template) .e-list-item,
3192
+ .e-listbox-container .e-list-nrt,
3193
+ .e-listbox-container .e-selectall-parent,
3194
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3195
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
3196
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
3197
+ height: 38px;
3198
+ line-height: 1;
3199
+ padding: 12px 12px;
3200
+ position: relative;
3201
+ }
3202
+
3202
3203
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3203
3204
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3204
3205
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
package/styles/tailwind.css CHANGED
@@ -2713,20 +2713,6 @@ ejs-multiselect {
2713
2713
  .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
2714
2714
  text-align: center;
2715
2715
  }
2716
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
2717
- .e-listbox-wrapper .e-list-nrt,
2718
- .e-listbox-wrapper .e-selectall-parent,
2719
- .e-listbox-container:not(.e-list-template) .e-list-item,
2720
- .e-listbox-container .e-list-nrt,
2721
- .e-listbox-container .e-selectall-parent,
2722
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
2723
- .e-listboxtool-wrapper .e-list-nrt,
2724
- .e-listboxtool-wrapper .e-selectall-parent {
2725
- height: 38px;
2726
- line-height: 1;
2727
- padding: 12px 12px;
2728
- position: relative;
2729
- }
2730
2716
  .e-listbox-wrapper .e-list-parent,
2731
2717
  .e-listbox-container .e-list-parent,
2732
2718
  .e-listboxtool-wrapper .e-list-parent {
@@ -3199,6 +3185,21 @@ ejs-listbox {
3199
3185
  .e-listbox-container.e-bigger .e-list-header .e-text {
3200
3186
  font-size: 14px;
3201
3187
  }
3188
+ .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3189
+ .e-listbox-wrapper .e-list-nrt,
3190
+ .e-listbox-wrapper .e-selectall-parent,
3191
+ .e-listbox-container:not(.e-list-template) .e-list-item,
3192
+ .e-listbox-container .e-list-nrt,
3193
+ .e-listbox-container .e-selectall-parent,
3194
+ .e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
3195
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
3196
+ .e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
3197
+ height: 38px;
3198
+ line-height: 1;
3199
+ padding: 12px 12px;
3200
+ position: relative;
3201
+ }
3202
+
3202
3203
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3203
3204
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3204
3205
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */