@syncfusion/ej2-dropdowns 28.2.5 → 28.2.7

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 (100) 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 +51 -25
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +51 -25
  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 +7 -7
  12. package/src/drop-down-base/drop-down-base.js +2 -1
  13. package/src/drop-down-tree/drop-down-tree.d.ts +2 -0
  14. package/src/drop-down-tree/drop-down-tree.js +33 -17
  15. package/src/mention/mention.js +3 -2
  16. package/src/multi-select/multi-select.d.ts +1 -0
  17. package/src/multi-select/multi-select.js +13 -5
  18. package/styles/bds-lite.css +9 -2
  19. package/styles/bds.css +19 -4
  20. package/styles/bootstrap-dark-lite.css +7 -0
  21. package/styles/bootstrap-dark.css +22 -0
  22. package/styles/bootstrap-lite.css +7 -0
  23. package/styles/bootstrap.css +22 -0
  24. package/styles/bootstrap4-lite.css +8 -1
  25. package/styles/bootstrap4.css +24 -2
  26. package/styles/bootstrap5-dark-lite.css +8 -1
  27. package/styles/bootstrap5-dark.css +17 -2
  28. package/styles/bootstrap5-lite.css +8 -1
  29. package/styles/bootstrap5.3-lite.css +8 -1
  30. package/styles/bootstrap5.3.css +24 -2
  31. package/styles/bootstrap5.css +17 -2
  32. package/styles/drop-down-tree/_bds-definition.scss +12 -3
  33. package/styles/drop-down-tree/_bigger.scss +12 -12
  34. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +9 -0
  35. package/styles/drop-down-tree/_bootstrap-definition.scss +10 -1
  36. package/styles/drop-down-tree/_bootstrap4-definition.scss +12 -3
  37. package/styles/drop-down-tree/_bootstrap5-definition.scss +10 -2
  38. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +10 -2
  39. package/styles/drop-down-tree/_fabric-dark-definition.scss +9 -0
  40. package/styles/drop-down-tree/_fabric-definition.scss +9 -0
  41. package/styles/drop-down-tree/_fluent-definition.scss +10 -2
  42. package/styles/drop-down-tree/_fluent2-definition.scss +12 -3
  43. package/styles/drop-down-tree/_fusionnew-definition.scss +9 -0
  44. package/styles/drop-down-tree/_highcontrast-definition.scss +10 -1
  45. package/styles/drop-down-tree/_highcontrast-light-definition.scss +9 -0
  46. package/styles/drop-down-tree/_layout.scss +9 -5
  47. package/styles/drop-down-tree/_material-dark-definition.scss +10 -1
  48. package/styles/drop-down-tree/_material-definition.scss +10 -1
  49. package/styles/drop-down-tree/_material3-definition.scss +11 -2
  50. package/styles/drop-down-tree/_tailwind-definition.scss +11 -3
  51. package/styles/drop-down-tree/_tailwind3-definition.scss +9 -1
  52. package/styles/drop-down-tree/bds.css +19 -4
  53. package/styles/drop-down-tree/bootstrap-dark.css +22 -0
  54. package/styles/drop-down-tree/bootstrap.css +22 -0
  55. package/styles/drop-down-tree/bootstrap4.css +24 -2
  56. package/styles/drop-down-tree/bootstrap5-dark.css +17 -2
  57. package/styles/drop-down-tree/bootstrap5.3.css +24 -2
  58. package/styles/drop-down-tree/bootstrap5.css +17 -2
  59. package/styles/drop-down-tree/fabric-dark.css +22 -0
  60. package/styles/drop-down-tree/fabric.css +22 -0
  61. package/styles/drop-down-tree/fluent-dark.css +17 -2
  62. package/styles/drop-down-tree/fluent.css +17 -2
  63. package/styles/drop-down-tree/fluent2.css +25 -3
  64. package/styles/drop-down-tree/highcontrast-light.css +22 -0
  65. package/styles/drop-down-tree/highcontrast.css +23 -1
  66. package/styles/drop-down-tree/material-dark.css +22 -0
  67. package/styles/drop-down-tree/material.css +23 -1
  68. package/styles/drop-down-tree/material3-dark.css +24 -2
  69. package/styles/drop-down-tree/material3.css +24 -2
  70. package/styles/drop-down-tree/tailwind-dark.css +19 -4
  71. package/styles/drop-down-tree/tailwind.css +19 -4
  72. package/styles/drop-down-tree/tailwind3.css +22 -1
  73. package/styles/fabric-dark-lite.css +7 -0
  74. package/styles/fabric-dark.css +22 -0
  75. package/styles/fabric-lite.css +7 -0
  76. package/styles/fabric.css +22 -0
  77. package/styles/fluent-dark-lite.css +8 -1
  78. package/styles/fluent-dark.css +17 -2
  79. package/styles/fluent-lite.css +8 -1
  80. package/styles/fluent.css +17 -2
  81. package/styles/fluent2-lite.css +9 -2
  82. package/styles/fluent2.css +25 -3
  83. package/styles/highcontrast-light-lite.css +7 -0
  84. package/styles/highcontrast-light.css +22 -0
  85. package/styles/highcontrast-lite.css +8 -1
  86. package/styles/highcontrast.css +23 -1
  87. package/styles/material-dark-lite.css +7 -0
  88. package/styles/material-dark.css +22 -0
  89. package/styles/material-lite.css +8 -1
  90. package/styles/material.css +23 -1
  91. package/styles/material3-dark-lite.css +8 -1
  92. package/styles/material3-dark.css +24 -2
  93. package/styles/material3-lite.css +8 -1
  94. package/styles/material3.css +24 -2
  95. package/styles/tailwind-dark-lite.css +9 -2
  96. package/styles/tailwind-dark.css +19 -4
  97. package/styles/tailwind-lite.css +9 -2
  98. package/styles/tailwind.css +19 -4
  99. package/styles/tailwind3-lite.css +6 -0
  100. package/styles/tailwind3.css +22 -1
package/styles/material3.css CHANGED
@@ -1106,7 +1106,7 @@ ejs-dropdownlist {
1106
1106
  line-height: 36px;
1107
1107
  overflow: hidden;
1108
1108
  position: relative;
1109
- text-indent: 0;
1109
+ text-indent: 32px;
1110
1110
  white-space: nowrap;
1111
1111
  width: 100%;
1112
1112
  padding: 0 16px;
@@ -1117,6 +1117,7 @@ ejs-dropdownlist {
1117
1117
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
1118
1118
  position: relative;
1119
1119
  text-indent: 0;
1120
+ bottom: 1px;
1120
1121
  }
1121
1122
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
1122
1123
  font-family: inherit;
@@ -1219,6 +1220,12 @@ ejs-dropdownlist {
1219
1220
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
1220
1221
  padding: 0 14px 0 0;
1221
1222
  }
1223
+ .e-ddt.e-rtl.e-popup .e-selectall-parent {
1224
+ text-indent: 28px;
1225
+ }
1226
+ .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1227
+ margin: 0 12px;
1228
+ }
1222
1229
 
1223
1230
  .e-ddt-icon-hide {
1224
1231
  display: none;
@@ -1292,7 +1299,14 @@ ejs-dropdownlist {
1292
1299
  }
1293
1300
  .e-bigger .e-ddt.e-popup .e-selectall-parent,
1294
1301
  .e-ddt.e-bigger.e-popup .e-selectall-parent {
1295
- text-indent: 0;
1302
+ text-indent: 44px;
1303
+ padding: 0 16px;
1304
+ }
1305
+ .e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
1306
+ .e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
1307
+ font-size: 16px;
1308
+ line-height: 24px;
1309
+ margin: 0 18px;
1296
1310
  }
1297
1311
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
1298
1312
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
@@ -1304,6 +1318,14 @@ ejs-dropdownlist {
1304
1318
  .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
1305
1319
  right: auto;
1306
1320
  }
1321
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent,
1322
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent {
1323
+ text-indent: 36px;
1324
+ }
1325
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent .e-all-text,
1326
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent .e-all-text {
1327
+ margin: 0 18px;
1328
+ }
1307
1329
 
1308
1330
  /* stylelint-disable-line no-empty-source */
1309
1331
  /* stylelint-disable-line no-empty-source */
package/styles/tailwind-dark-lite.css CHANGED
@@ -881,7 +881,7 @@ ejs-dropdownlist {
881
881
  display: block;
882
882
  overflow: hidden;
883
883
  position: relative;
884
- text-indent: 0;
884
+ text-indent: 27px;
885
885
  white-space: nowrap;
886
886
  width: 100%;
887
887
  padding: 8px 12px;
@@ -892,6 +892,7 @@ ejs-dropdownlist {
892
892
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
893
893
  position: relative;
894
894
  text-indent: 0;
895
+ bottom: 0;
895
896
  }
896
897
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper .e-frame {
897
898
  margin-top: -3px;
@@ -899,7 +900,7 @@ ejs-dropdownlist {
899
900
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
900
901
  font-family: inherit;
901
902
  font-size: 14px;
902
- margin: 0 12px;
903
+ margin: 0 8px;
903
904
  line-height: 22px;
904
905
  }
905
906
  .e-ddt.e-popup .e-filter-wrap {
@@ -1004,6 +1005,12 @@ ejs-dropdownlist {
1004
1005
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
1005
1006
  padding: 0 14px 0 0;
1006
1007
  }
1008
+ .e-ddt.e-rtl.e-popup .e-selectall-parent {
1009
+ text-indent: 15px;
1010
+ }
1011
+ .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1012
+ margin: 0 8px;
1013
+ }
1007
1014
 
1008
1015
  .e-ddt-icon-hide {
1009
1016
  display: none;
package/styles/tailwind-dark.css CHANGED
@@ -1114,7 +1114,7 @@ ejs-dropdownlist {
1114
1114
  display: block;
1115
1115
  overflow: hidden;
1116
1116
  position: relative;
1117
- text-indent: 0;
1117
+ text-indent: 27px;
1118
1118
  white-space: nowrap;
1119
1119
  width: 100%;
1120
1120
  padding: 8px 12px;
@@ -1125,6 +1125,7 @@ ejs-dropdownlist {
1125
1125
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
1126
1126
  position: relative;
1127
1127
  text-indent: 0;
1128
+ bottom: 0;
1128
1129
  }
1129
1130
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper .e-frame {
1130
1131
  margin-top: -3px;
@@ -1132,7 +1133,7 @@ ejs-dropdownlist {
1132
1133
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
1133
1134
  font-family: inherit;
1134
1135
  font-size: 14px;
1135
- margin: 0 12px;
1136
+ margin: 0 8px;
1136
1137
  line-height: 22px;
1137
1138
  }
1138
1139
  .e-ddt.e-popup .e-filter-wrap {
@@ -1237,6 +1238,12 @@ ejs-dropdownlist {
1237
1238
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
1238
1239
  padding: 0 14px 0 0;
1239
1240
  }
1241
+ .e-ddt.e-rtl.e-popup .e-selectall-parent {
1242
+ text-indent: 15px;
1243
+ }
1244
+ .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1245
+ margin: 0 8px;
1246
+ }
1240
1247
 
1241
1248
  .e-ddt-icon-hide {
1242
1249
  display: none;
@@ -1369,14 +1376,14 @@ ejs-dropdownlist {
1369
1376
  }
1370
1377
  .e-bigger .e-ddt.e-popup .e-selectall-parent,
1371
1378
  .e-ddt.e-bigger.e-popup .e-selectall-parent {
1372
- text-indent: 0;
1379
+ text-indent: 33px;
1373
1380
  padding: 12px 16px;
1374
1381
  }
1375
1382
  .e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
1376
1383
  .e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
1377
1384
  font-size: 16px;
1378
1385
  line-height: 24px;
1379
- margin: 0 16px;
1386
+ margin: 0 12px;
1380
1387
  }
1381
1388
  .e-bigger .e-ddt.e-popup .e-popup-content.e-no-data,
1382
1389
  .e-ddt.e-bigger.e-popup .e-popup-content.e-no-data {
@@ -1417,6 +1424,14 @@ ejs-dropdownlist {
1417
1424
  .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
1418
1425
  right: auto;
1419
1426
  }
1427
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent,
1428
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent {
1429
+ text-indent: 17px;
1430
+ }
1431
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent .e-all-text,
1432
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent .e-all-text {
1433
+ margin: 0 12px;
1434
+ }
1420
1435
 
1421
1436
  /* stylelint-disable-line no-empty-source */
1422
1437
  /* stylelint-disable-line no-empty-source */
package/styles/tailwind-lite.css CHANGED
@@ -881,7 +881,7 @@ ejs-dropdownlist {
881
881
  display: block;
882
882
  overflow: hidden;
883
883
  position: relative;
884
- text-indent: 0;
884
+ text-indent: 27px;
885
885
  white-space: nowrap;
886
886
  width: 100%;
887
887
  padding: 8px 12px;
@@ -892,6 +892,7 @@ ejs-dropdownlist {
892
892
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
893
893
  position: relative;
894
894
  text-indent: 0;
895
+ bottom: 0;
895
896
  }
896
897
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper .e-frame {
897
898
  margin-top: -3px;
@@ -899,7 +900,7 @@ ejs-dropdownlist {
899
900
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
900
901
  font-family: inherit;
901
902
  font-size: 14px;
902
- margin: 0 12px;
903
+ margin: 0 8px;
903
904
  line-height: 22px;
904
905
  }
905
906
  .e-ddt.e-popup .e-filter-wrap {
@@ -1004,6 +1005,12 @@ ejs-dropdownlist {
1004
1005
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
1005
1006
  padding: 0 14px 0 0;
1006
1007
  }
1008
+ .e-ddt.e-rtl.e-popup .e-selectall-parent {
1009
+ text-indent: 15px;
1010
+ }
1011
+ .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1012
+ margin: 0 8px;
1013
+ }
1007
1014
 
1008
1015
  .e-ddt-icon-hide {
1009
1016
  display: none;
package/styles/tailwind.css CHANGED
@@ -1114,7 +1114,7 @@ ejs-dropdownlist {
1114
1114
  display: block;
1115
1115
  overflow: hidden;
1116
1116
  position: relative;
1117
- text-indent: 0;
1117
+ text-indent: 27px;
1118
1118
  white-space: nowrap;
1119
1119
  width: 100%;
1120
1120
  padding: 8px 12px;
@@ -1125,6 +1125,7 @@ ejs-dropdownlist {
1125
1125
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
1126
1126
  position: relative;
1127
1127
  text-indent: 0;
1128
+ bottom: 0;
1128
1129
  }
1129
1130
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper .e-frame {
1130
1131
  margin-top: -3px;
@@ -1132,7 +1133,7 @@ ejs-dropdownlist {
1132
1133
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
1133
1134
  font-family: inherit;
1134
1135
  font-size: 14px;
1135
- margin: 0 12px;
1136
+ margin: 0 8px;
1136
1137
  line-height: 22px;
1137
1138
  }
1138
1139
  .e-ddt.e-popup .e-filter-wrap {
@@ -1237,6 +1238,12 @@ ejs-dropdownlist {
1237
1238
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
1238
1239
  padding: 0 14px 0 0;
1239
1240
  }
1241
+ .e-ddt.e-rtl.e-popup .e-selectall-parent {
1242
+ text-indent: 15px;
1243
+ }
1244
+ .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1245
+ margin: 0 8px;
1246
+ }
1240
1247
 
1241
1248
  .e-ddt-icon-hide {
1242
1249
  display: none;
@@ -1369,14 +1376,14 @@ ejs-dropdownlist {
1369
1376
  }
1370
1377
  .e-bigger .e-ddt.e-popup .e-selectall-parent,
1371
1378
  .e-ddt.e-bigger.e-popup .e-selectall-parent {
1372
- text-indent: 0;
1379
+ text-indent: 33px;
1373
1380
  padding: 12px 16px;
1374
1381
  }
1375
1382
  .e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
1376
1383
  .e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
1377
1384
  font-size: 16px;
1378
1385
  line-height: 24px;
1379
- margin: 0 16px;
1386
+ margin: 0 12px;
1380
1387
  }
1381
1388
  .e-bigger .e-ddt.e-popup .e-popup-content.e-no-data,
1382
1389
  .e-ddt.e-bigger.e-popup .e-popup-content.e-no-data {
@@ -1417,6 +1424,14 @@ ejs-dropdownlist {
1417
1424
  .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
1418
1425
  right: auto;
1419
1426
  }
1427
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent,
1428
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent {
1429
+ text-indent: 17px;
1430
+ }
1431
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent .e-all-text,
1432
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent .e-all-text {
1433
+ margin: 0 12px;
1434
+ }
1420
1435
 
1421
1436
  /* stylelint-disable-line no-empty-source */
1422
1437
  /* stylelint-disable-line no-empty-source */
package/styles/tailwind3-lite.css CHANGED
@@ -1005,6 +1005,12 @@ ejs-dropdownlist {
1005
1005
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
1006
1006
  padding: 0 14px 0 0;
1007
1007
  }
1008
+ .e-ddt.e-rtl.e-popup .e-selectall-parent {
1009
+ text-indent: 36px;
1010
+ }
1011
+ .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1012
+ margin: 0 8px;
1013
+ }
1008
1014
 
1009
1015
  .e-ddt-icon-hide {
1010
1016
  display: none;
package/styles/tailwind3.css CHANGED
@@ -1128,6 +1128,12 @@ ejs-dropdownlist {
1128
1128
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
1129
1129
  padding: 0 14px 0 0;
1130
1130
  }
1131
+ .e-ddt.e-rtl.e-popup .e-selectall-parent {
1132
+ text-indent: 36px;
1133
+ }
1134
+ .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1135
+ margin: 0 8px;
1136
+ }
1131
1137
 
1132
1138
  .e-ddt-icon-hide {
1133
1139
  display: none;
@@ -1241,7 +1247,14 @@ ejs-dropdownlist {
1241
1247
  }
1242
1248
  .e-bigger .e-ddt.e-popup .e-selectall-parent,
1243
1249
  .e-ddt.e-bigger.e-popup .e-selectall-parent {
1244
- text-indent: 50px;
1250
+ text-indent: 36px;
1251
+ padding: 3px 12px;
1252
+ }
1253
+ .e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
1254
+ .e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
1255
+ font-size: 16px;
1256
+ line-height: 24px;
1257
+ margin: 0 8px;
1245
1258
  }
1246
1259
  .e-bigger .e-ddt.e-popup .e-filter-wrap,
1247
1260
  .e-ddt.e-bigger.e-popup .e-filter-wrap {
@@ -1265,6 +1278,14 @@ ejs-dropdownlist {
1265
1278
  .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
1266
1279
  right: auto;
1267
1280
  }
1281
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent,
1282
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent {
1283
+ text-indent: 32px;
1284
+ }
1285
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent .e-all-text,
1286
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent .e-all-text {
1287
+ margin: 0 8px;
1288
+ }
1268
1289
 
1269
1290
  /* stylelint-disable-line no-empty-source */
1270
1291
  /* stylelint-disable-line no-empty-source */