@syncfusion/ej2-dropdowns 28.1.35 → 28.1.37

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 (25) 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 +81 -63
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +83 -65
  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 -12
  12. package/src/common/virtual-scroll.js +2 -2
  13. package/src/drop-down-base/drop-down-base.js +44 -42
  14. package/src/drop-down-list/drop-down-list.d.ts +1 -0
  15. package/src/drop-down-list/drop-down-list.js +10 -5
  16. package/src/drop-down-tree/drop-down-tree.js +18 -9
  17. package/src/list-box/list-box.d.ts +1 -1
  18. package/src/list-box/list-box.js +1 -1
  19. package/src/mention/mention.js +1 -0
  20. package/src/multi-select/multi-select.js +7 -6
  21. package/styles/drop-down-base/tailwind3.css +5 -5
  22. package/styles/list-box/tailwind3.css +1 -1
  23. package/styles/multi-select/tailwind3.css +5 -5
  24. package/styles/tailwind3-lite.css +11 -11
  25. package/styles/tailwind3.css +11 -11
package/styles/tailwind3-lite.css CHANGED
@@ -67,7 +67,7 @@
67
67
  .e-popup.e-mention .e-dropdownbase.e-nodata {
68
68
  color: var(--color-sf-content-text-color);
69
69
  cursor: default;
70
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
70
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
71
71
  font-size: 14px;
72
72
  padding: 14px 16px;
73
73
  text-align: center;
@@ -164,7 +164,7 @@
164
164
  border-bottom: 0;
165
165
  border-color: var(--color-sf-border-light);
166
166
  color: var(--color-sf-flyout-text-color);
167
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
167
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
168
168
  font-size: 14px;
169
169
  line-height: 32px;
170
170
  min-height: 32px;
@@ -177,7 +177,7 @@
177
177
  .e-fixed-head {
178
178
  border-color: var(--color-sf-border-light);
179
179
  color: var(--color-sf-flyout-text-color);
180
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
180
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
181
181
  font-size: 14px;
182
182
  font-weight: 500;
183
183
  line-height: 32px;
@@ -235,7 +235,7 @@
235
235
  border-style: solid;
236
236
  border-width: 0 0 1px 0;
237
237
  color: var(--color-sf-flyout-text-color);
238
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
238
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
239
239
  font-size: 14px;
240
240
  font-weight: 500;
241
241
  text-indent: 10px;
@@ -293,7 +293,7 @@
293
293
  border-bottom: 0;
294
294
  border-color: var(--color-sf-border-light);
295
295
  color: var(--color-sf-flyout-text-color);
296
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
296
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
297
297
  text-indent: 12px;
298
298
  font-size: 14px;
299
299
  padding-right: 16px;
@@ -1370,7 +1370,7 @@ ejs-dropdownlist {
1370
1370
  .e-multi-select-wrapper input[type=text] {
1371
1371
  background: none;
1372
1372
  border: 0;
1373
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
1373
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
1374
1374
  font-size: 14px;
1375
1375
  font-weight: normal;
1376
1376
  height: 30px;
@@ -1384,7 +1384,7 @@ ejs-dropdownlist {
1384
1384
  background: none;
1385
1385
  border: 0;
1386
1386
  color: inherit;
1387
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
1387
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
1388
1388
  font-size: 14px;
1389
1389
  font-weight: normal;
1390
1390
  height: 30px;
@@ -1419,7 +1419,7 @@ ejs-dropdownlist {
1419
1419
  }
1420
1420
 
1421
1421
  .e-multi-select-wrapper .e-delim-values {
1422
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
1422
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
1423
1423
  font-size: 14px;
1424
1424
  line-height: 28px;
1425
1425
  max-width: 100%;
@@ -1601,7 +1601,7 @@ ejs-dropdownlist {
1601
1601
 
1602
1602
  .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
1603
1603
  color: var(--color-sf-content-text-color);
1604
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
1604
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
1605
1605
  font-size: 14px;
1606
1606
  }
1607
1607
 
@@ -1874,7 +1874,7 @@ ejs-multiselect {
1874
1874
  .e-multi-select-wrapper .e-chips > .e-chipcontent {
1875
1875
  -webkit-text-fill-color: var(--color-sf-content-text-color);
1876
1876
  color: var(--color-sf-content-text-color);
1877
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
1877
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
1878
1878
  font-size: 14px;
1879
1879
  }
1880
1880
 
@@ -2581,7 +2581,7 @@ ejs-listbox {
2581
2581
  .e-listbox-wrapper,
2582
2582
  .e-listbox-container,
2583
2583
  .e-listboxtool-wrapper {
2584
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
2584
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
2585
2585
  font-size: 14px;
2586
2586
  }
2587
2587
  .e-listbox-wrapper .e-filter-parent,
package/styles/tailwind3.css CHANGED
@@ -67,7 +67,7 @@
67
67
  .e-popup.e-mention .e-dropdownbase.e-nodata {
68
68
  color: var(--color-sf-content-text-color);
69
69
  cursor: default;
70
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
70
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
71
71
  font-size: 14px;
72
72
  padding: 14px 16px;
73
73
  text-align: center;
@@ -164,7 +164,7 @@
164
164
  border-bottom: 0;
165
165
  border-color: var(--color-sf-border-light);
166
166
  color: var(--color-sf-flyout-text-color);
167
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
167
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
168
168
  font-size: 14px;
169
169
  line-height: 32px;
170
170
  min-height: 32px;
@@ -177,7 +177,7 @@
177
177
  .e-fixed-head {
178
178
  border-color: var(--color-sf-border-light);
179
179
  color: var(--color-sf-flyout-text-color);
180
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
180
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
181
181
  font-size: 14px;
182
182
  font-weight: 500;
183
183
  line-height: 32px;
@@ -235,7 +235,7 @@
235
235
  border-style: solid;
236
236
  border-width: 0 0 1px 0;
237
237
  color: var(--color-sf-flyout-text-color);
238
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
238
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
239
239
  font-size: 14px;
240
240
  font-weight: 500;
241
241
  text-indent: 10px;
@@ -293,7 +293,7 @@
293
293
  border-bottom: 0;
294
294
  border-color: var(--color-sf-border-light);
295
295
  color: var(--color-sf-flyout-text-color);
296
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
296
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
297
297
  text-indent: 12px;
298
298
  font-size: 14px;
299
299
  padding-right: 16px;
@@ -1594,7 +1594,7 @@ ejs-dropdownlist {
1594
1594
  .e-multi-select-wrapper input[type=text] {
1595
1595
  background: none;
1596
1596
  border: 0;
1597
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
1597
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
1598
1598
  font-size: 14px;
1599
1599
  font-weight: normal;
1600
1600
  height: 30px;
@@ -1608,7 +1608,7 @@ ejs-dropdownlist {
1608
1608
  background: none;
1609
1609
  border: 0;
1610
1610
  color: inherit;
1611
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
1611
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
1612
1612
  font-size: 14px;
1613
1613
  font-weight: normal;
1614
1614
  height: 30px;
@@ -1643,7 +1643,7 @@ ejs-dropdownlist {
1643
1643
  }
1644
1644
 
1645
1645
  .e-multi-select-wrapper .e-delim-values {
1646
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
1646
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
1647
1647
  font-size: 14px;
1648
1648
  line-height: 28px;
1649
1649
  max-width: 100%;
@@ -1825,7 +1825,7 @@ ejs-dropdownlist {
1825
1825
 
1826
1826
  .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
1827
1827
  color: var(--color-sf-content-text-color);
1828
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
1828
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
1829
1829
  font-size: 14px;
1830
1830
  }
1831
1831
 
@@ -2098,7 +2098,7 @@ ejs-multiselect {
2098
2098
  .e-multi-select-wrapper .e-chips > .e-chipcontent {
2099
2099
  -webkit-text-fill-color: var(--color-sf-content-text-color);
2100
2100
  color: var(--color-sf-content-text-color);
2101
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
2101
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
2102
2102
  font-size: 14px;
2103
2103
  }
2104
2104
 
@@ -3104,7 +3104,7 @@ ejs-listbox {
3104
3104
  .e-listbox-wrapper,
3105
3105
  .e-listbox-container,
3106
3106
  .e-listboxtool-wrapper {
3107
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
3107
+ font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
3108
3108
  font-size: 14px;
3109
3109
  }
3110
3110
  .e-listbox-wrapper .e-filter-parent,