@syncfusion/ej2-dropdowns 26.2.7 → 26.2.9

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 (109) hide show
  1. package/dist/ej2-dropdowns.min.js +2 -2
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +89 -52
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +89 -52
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +8 -8
  12. package/src/combo-box/combo-box.js +33 -2
  13. package/src/common/virtual-scroll.js +5 -7
  14. package/src/drop-down-base/drop-down-base.js +10 -5
  15. package/src/drop-down-list/drop-down-list.js +4 -1
  16. package/src/list-box/list-box.js +20 -30
  17. package/src/mention/mention.js +2 -2
  18. package/src/multi-select/checkbox-selection.js +3 -1
  19. package/src/multi-select/multi-select.js +12 -4
  20. package/styles/auto-complete/fluent2.css +3 -1031
  21. package/styles/auto-complete/material3-dark.css +1 -54
  22. package/styles/auto-complete/material3.css +2 -109
  23. package/styles/bootstrap-dark.css +9 -0
  24. package/styles/bootstrap.css +9 -0
  25. package/styles/bootstrap4.css +9 -0
  26. package/styles/bootstrap5-dark.css +9 -0
  27. package/styles/bootstrap5.css +9 -0
  28. package/styles/combo-box/fluent2.css +3 -1031
  29. package/styles/combo-box/material3-dark.css +1 -54
  30. package/styles/combo-box/material3.css +2 -109
  31. package/styles/drop-down-base/_theme.scss +2 -0
  32. package/styles/drop-down-base/bootstrap-dark.css +2 -0
  33. package/styles/drop-down-base/bootstrap.css +2 -0
  34. package/styles/drop-down-base/bootstrap4.css +2 -0
  35. package/styles/drop-down-base/bootstrap5-dark.css +2 -0
  36. package/styles/drop-down-base/bootstrap5.css +2 -0
  37. package/styles/drop-down-base/fabric-dark.css +2 -0
  38. package/styles/drop-down-base/fabric.css +2 -0
  39. package/styles/drop-down-base/fluent-dark.css +2 -0
  40. package/styles/drop-down-base/fluent.css +2 -0
  41. package/styles/drop-down-base/fluent2.css +7 -1033
  42. package/styles/drop-down-base/highcontrast-light.css +2 -0
  43. package/styles/drop-down-base/highcontrast.css +2 -0
  44. package/styles/drop-down-base/material-dark.css +2 -0
  45. package/styles/drop-down-base/material.css +2 -0
  46. package/styles/drop-down-base/material3-dark.css +3 -54
  47. package/styles/drop-down-base/material3.css +5 -110
  48. package/styles/drop-down-base/tailwind-dark.css +2 -0
  49. package/styles/drop-down-base/tailwind.css +2 -0
  50. package/styles/drop-down-list/fluent2.css +5 -1033
  51. package/styles/drop-down-list/material3-dark.css +1 -54
  52. package/styles/drop-down-list/material3.css +3 -110
  53. package/styles/drop-down-tree/fluent2.css +3 -1031
  54. package/styles/drop-down-tree/material3-dark.css +1 -54
  55. package/styles/drop-down-tree/material3.css +2 -109
  56. package/styles/fabric-dark.css +9 -0
  57. package/styles/fabric.css +9 -0
  58. package/styles/fluent-dark.css +9 -0
  59. package/styles/fluent.css +9 -0
  60. package/styles/fluent2.css +14 -1033
  61. package/styles/highcontrast-light.css +9 -0
  62. package/styles/highcontrast.css +9 -0
  63. package/styles/list-box/_layout.scss +6 -0
  64. package/styles/list-box/bootstrap-dark.css +6 -0
  65. package/styles/list-box/bootstrap.css +6 -0
  66. package/styles/list-box/bootstrap4.css +6 -0
  67. package/styles/list-box/bootstrap5-dark.css +6 -0
  68. package/styles/list-box/bootstrap5.css +6 -0
  69. package/styles/list-box/fabric-dark.css +6 -0
  70. package/styles/list-box/fabric.css +6 -0
  71. package/styles/list-box/fluent-dark.css +6 -0
  72. package/styles/list-box/fluent.css +6 -0
  73. package/styles/list-box/fluent2.css +9 -1031
  74. package/styles/list-box/highcontrast-light.css +6 -0
  75. package/styles/list-box/highcontrast.css +6 -0
  76. package/styles/list-box/material-dark.css +6 -0
  77. package/styles/list-box/material.css +6 -0
  78. package/styles/list-box/material3-dark.css +7 -54
  79. package/styles/list-box/material3.css +8 -109
  80. package/styles/list-box/tailwind-dark.css +6 -0
  81. package/styles/list-box/tailwind.css +6 -0
  82. package/styles/material-dark.css +9 -0
  83. package/styles/material.css +9 -0
  84. package/styles/material3-dark.css +10 -54
  85. package/styles/material3.css +12 -110
  86. package/styles/mention/fluent2.css +3 -1031
  87. package/styles/mention/material3-dark.css +1 -54
  88. package/styles/mention/material3.css +2 -109
  89. package/styles/multi-select/_layout.scss +1 -0
  90. package/styles/multi-select/bootstrap-dark.css +1 -0
  91. package/styles/multi-select/bootstrap.css +1 -0
  92. package/styles/multi-select/bootstrap4.css +1 -0
  93. package/styles/multi-select/bootstrap5-dark.css +1 -0
  94. package/styles/multi-select/bootstrap5.css +1 -0
  95. package/styles/multi-select/fabric-dark.css +1 -0
  96. package/styles/multi-select/fabric.css +1 -0
  97. package/styles/multi-select/fluent-dark.css +1 -0
  98. package/styles/multi-select/fluent.css +1 -0
  99. package/styles/multi-select/fluent2.css +6 -1033
  100. package/styles/multi-select/highcontrast-light.css +1 -0
  101. package/styles/multi-select/highcontrast.css +1 -0
  102. package/styles/multi-select/material-dark.css +1 -0
  103. package/styles/multi-select/material.css +1 -0
  104. package/styles/multi-select/material3-dark.css +2 -54
  105. package/styles/multi-select/material3.css +4 -110
  106. package/styles/multi-select/tailwind-dark.css +1 -0
  107. package/styles/multi-select/tailwind.css +1 -0
  108. package/styles/tailwind-dark.css +9 -0
  109. package/styles/tailwind.css +9 -0
@@ -220,6 +220,8 @@
220
220
  min-height: 36px;
221
221
  padding-left: 10px;
222
222
  padding-right: 16px;
223
+ overflow: hidden;
224
+ text-overflow: ellipsis;
223
225
  background-color: #fff;
224
226
  }
225
227
 
@@ -1914,6 +1916,7 @@ ejs-dropdownlist {
1914
1916
  display: block;
1915
1917
  line-height: 36px;
1916
1918
  overflow: hidden;
1919
+ text-overflow: ellipsis;
1917
1920
  padding-right: 16px;
1918
1921
  position: relative;
1919
1922
  text-indent: 11px;
@@ -3109,6 +3112,12 @@ ejs-listbox {
3109
3112
  position: relative;
3110
3113
  }
3111
3114
 
3115
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
3116
+ overflow: hidden;
3117
+ white-space: nowrap;
3118
+ text-overflow: ellipsis;
3119
+ }
3120
+
3112
3121
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3113
3122
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3114
3123
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
@@ -220,6 +220,8 @@
220
220
  min-height: 36px;
221
221
  padding-left: 10px;
222
222
  padding-right: 16px;
223
+ overflow: hidden;
224
+ text-overflow: ellipsis;
223
225
  background-color: #000;
224
226
  }
225
227
 
@@ -1931,6 +1933,7 @@ ejs-dropdownlist {
1931
1933
  display: block;
1932
1934
  line-height: 36px;
1933
1935
  overflow: hidden;
1936
+ text-overflow: ellipsis;
1934
1937
  padding-right: 16px;
1935
1938
  position: relative;
1936
1939
  text-indent: 11px;
@@ -3137,6 +3140,12 @@ ejs-listbox {
3137
3140
  position: relative;
3138
3141
  }
3139
3142
 
3143
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
3144
+ overflow: hidden;
3145
+ white-space: nowrap;
3146
+ text-overflow: ellipsis;
3147
+ }
3148
+
3140
3149
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3141
3150
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3142
3151
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
@@ -569,3 +569,9 @@
569
569
  }
570
570
  }
571
571
  }
572
+
573
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
574
+ overflow: hidden;
575
+ white-space: nowrap;
576
+ text-overflow: ellipsis;
577
+ }
@@ -564,6 +564,12 @@ ejs-listbox {
564
564
  position: relative;
565
565
  }
566
566
 
567
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
568
+ overflow: hidden;
569
+ white-space: nowrap;
570
+ text-overflow: ellipsis;
571
+ }
572
+
567
573
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
568
574
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
569
575
  height: calc(100% - 46px) !important; /* stylelint-disable-line declaration-no-important */
@@ -575,6 +575,12 @@ ejs-listbox {
575
575
  position: relative;
576
576
  }
577
577
 
578
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
579
+ overflow: hidden;
580
+ white-space: nowrap;
581
+ text-overflow: ellipsis;
582
+ }
583
+
578
584
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
579
585
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
580
586
  height: calc(100% - 46px) !important; /* stylelint-disable-line declaration-no-important */
@@ -629,6 +629,12 @@ ejs-listbox {
629
629
  position: relative;
630
630
  }
631
631
 
632
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
633
+ overflow: hidden;
634
+ white-space: nowrap;
635
+ text-overflow: ellipsis;
636
+ }
637
+
632
638
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
633
639
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
634
640
  height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */
@@ -601,6 +601,12 @@ ejs-listbox {
601
601
  position: relative;
602
602
  }
603
603
 
604
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
605
+ overflow: hidden;
606
+ white-space: nowrap;
607
+ text-overflow: ellipsis;
608
+ }
609
+
604
610
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
605
611
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
606
612
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
@@ -601,6 +601,12 @@ ejs-listbox {
601
601
  position: relative;
602
602
  }
603
603
 
604
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
605
+ overflow: hidden;
606
+ white-space: nowrap;
607
+ text-overflow: ellipsis;
608
+ }
609
+
604
610
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
605
611
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
606
612
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
@@ -564,6 +564,12 @@ ejs-listbox {
564
564
  position: relative;
565
565
  }
566
566
 
567
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
568
+ overflow: hidden;
569
+ white-space: nowrap;
570
+ text-overflow: ellipsis;
571
+ }
572
+
567
573
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
568
574
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
569
575
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
@@ -575,6 +575,12 @@ ejs-listbox {
575
575
  position: relative;
576
576
  }
577
577
 
578
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
579
+ overflow: hidden;
580
+ white-space: nowrap;
581
+ text-overflow: ellipsis;
582
+ }
583
+
578
584
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
579
585
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
580
586
  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
@@ -601,6 +601,12 @@ ejs-listbox {
601
601
  position: relative;
602
602
  }
603
603
 
604
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
605
+ overflow: hidden;
606
+ white-space: nowrap;
607
+ text-overflow: ellipsis;
608
+ }
609
+
604
610
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
605
611
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
606
612
  height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
@@ -601,6 +601,12 @@ ejs-listbox {
601
601
  position: relative;
602
602
  }
603
603
 
604
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
605
+ overflow: hidden;
606
+ white-space: nowrap;
607
+ text-overflow: ellipsis;
608
+ }
609
+
604
610
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
605
611
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
606
612
  height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */