@syncfusion/ej2-dropdowns 20.4.42 → 20.4.48

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 (77) hide show
  1. package/CHANGELOG.md +24 -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 +18 -5
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +18 -5
  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/package.json +11 -11
  13. package/src/drop-down-list/drop-down-list.js +1 -1
  14. package/src/drop-down-tree/drop-down-tree-model.d.ts +1 -1
  15. package/src/drop-down-tree/drop-down-tree.d.ts +1 -0
  16. package/src/drop-down-tree/drop-down-tree.js +14 -4
  17. package/src/list-box/list-box.js +3 -0
  18. package/styles/bootstrap-dark.css +15 -2
  19. package/styles/bootstrap.css +15 -2
  20. package/styles/bootstrap4.css +15 -2
  21. package/styles/bootstrap5-dark.css +18 -5
  22. package/styles/bootstrap5.css +18 -5
  23. package/styles/drop-down-list/_layout.scss +3 -0
  24. package/styles/drop-down-list/bootstrap-dark.css +3 -0
  25. package/styles/drop-down-list/bootstrap.css +3 -0
  26. package/styles/drop-down-list/bootstrap4.css +3 -0
  27. package/styles/drop-down-list/bootstrap5-dark.css +3 -0
  28. package/styles/drop-down-list/bootstrap5.css +3 -0
  29. package/styles/drop-down-list/fabric-dark.css +3 -0
  30. package/styles/drop-down-list/fabric.css +3 -0
  31. package/styles/drop-down-list/fluent-dark.css +3 -0
  32. package/styles/drop-down-list/fluent.css +3 -0
  33. package/styles/drop-down-list/highcontrast-light.css +3 -0
  34. package/styles/drop-down-list/highcontrast.css +3 -0
  35. package/styles/drop-down-list/material-dark.css +3 -0
  36. package/styles/drop-down-list/material.css +3 -0
  37. package/styles/drop-down-list/tailwind-dark.css +3 -0
  38. package/styles/drop-down-list/tailwind.css +3 -0
  39. package/styles/fabric-dark.css +15 -2
  40. package/styles/fabric.css +15 -2
  41. package/styles/fluent-dark.css +15 -2
  42. package/styles/fluent.css +15 -2
  43. package/styles/highcontrast-light.css +15 -2
  44. package/styles/highcontrast.css +15 -2
  45. package/styles/material-dark.css +14 -1
  46. package/styles/material.css +14 -1
  47. package/styles/multi-select/_bootstrap-dark-definition.scss +1 -0
  48. package/styles/multi-select/_bootstrap-definition.scss +1 -0
  49. package/styles/multi-select/_bootstrap4-definition.scss +1 -0
  50. package/styles/multi-select/_bootstrap5-definition.scss +2 -1
  51. package/styles/multi-select/_fabric-dark-definition.scss +1 -0
  52. package/styles/multi-select/_fabric-definition.scss +1 -0
  53. package/styles/multi-select/_fluent-definition.scss +1 -0
  54. package/styles/multi-select/_fusionnew-definition.scss +1 -0
  55. package/styles/multi-select/_highcontrast-definition.scss +1 -0
  56. package/styles/multi-select/_highcontrast-light-definition.scss +1 -0
  57. package/styles/multi-select/_layout.scss +12 -2
  58. package/styles/multi-select/_material-dark-definition.scss +1 -0
  59. package/styles/multi-select/_material-definition.scss +1 -0
  60. package/styles/multi-select/_tailwind-definition.scss +2 -1
  61. package/styles/multi-select/bootstrap-dark.css +12 -2
  62. package/styles/multi-select/bootstrap.css +12 -2
  63. package/styles/multi-select/bootstrap4.css +12 -2
  64. package/styles/multi-select/bootstrap5-dark.css +15 -5
  65. package/styles/multi-select/bootstrap5.css +15 -5
  66. package/styles/multi-select/fabric-dark.css +12 -2
  67. package/styles/multi-select/fabric.css +12 -2
  68. package/styles/multi-select/fluent-dark.css +12 -2
  69. package/styles/multi-select/fluent.css +12 -2
  70. package/styles/multi-select/highcontrast-light.css +12 -2
  71. package/styles/multi-select/highcontrast.css +12 -2
  72. package/styles/multi-select/material-dark.css +11 -1
  73. package/styles/multi-select/material.css +11 -1
  74. package/styles/multi-select/tailwind-dark.css +13 -3
  75. package/styles/multi-select/tailwind.css +13 -3
  76. package/styles/tailwind-dark.css +16 -3
  77. package/styles/tailwind.css +16 -3
package/styles/multi-select/fluent.css CHANGED
@@ -469,8 +469,8 @@
469
469
  height: 30px;
470
470
  min-height: 30px;
471
471
  outline: none;
472
- padding: 0;
473
- text-indent: 8px;
472
+ padding: 0 0 0 8px;
473
+ text-indent: 0;
474
474
  }
475
475
 
476
476
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -1150,6 +1150,16 @@ ejs-multiselect {
1150
1150
  margin-right: 0;
1151
1151
  }
1152
1152
 
1153
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
1154
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
1155
+ cursor: not-allowed;
1156
+ }
1157
+
1158
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
1159
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
1160
+ cursor: pointer;
1161
+ }
1162
+
1153
1163
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1154
1164
  color: #201f1e;
1155
1165
  }
package/styles/multi-select/highcontrast-light.css CHANGED
@@ -467,8 +467,8 @@
467
467
  height: 28px;
468
468
  min-height: 28px;
469
469
  outline: none;
470
- padding: 0;
471
- text-indent: 10px;
470
+ padding: 0 0 0 10px;
471
+ text-indent: 0;
472
472
  }
473
473
 
474
474
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -1133,6 +1133,16 @@ ejs-multiselect {
1133
1133
  margin-right: 0;
1134
1134
  }
1135
1135
 
1136
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
1137
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
1138
+ cursor: not-allowed;
1139
+ }
1140
+
1141
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
1142
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
1143
+ cursor: pointer;
1144
+ }
1145
+
1136
1146
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1137
1147
  color: #fff;
1138
1148
  }
package/styles/multi-select/highcontrast.css CHANGED
@@ -469,8 +469,8 @@
469
469
  height: 28px;
470
470
  min-height: 28px;
471
471
  outline: none;
472
- padding: 0;
473
- text-indent: 10px;
472
+ padding: 0 0 0 10px;
473
+ text-indent: 0;
474
474
  }
475
475
 
476
476
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -1135,6 +1135,16 @@ ejs-multiselect {
1135
1135
  margin-right: 0;
1136
1136
  }
1137
1137
 
1138
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
1139
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
1140
+ cursor: not-allowed;
1141
+ }
1142
+
1143
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
1144
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
1145
+ cursor: pointer;
1146
+ }
1147
+
1138
1148
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1139
1149
  color: #000;
1140
1150
  }
package/styles/multi-select/material-dark.css CHANGED
@@ -908,7 +908,7 @@
908
908
  height: 28px;
909
909
  min-height: 28px;
910
910
  outline: none;
911
- padding: 0;
911
+ padding: 4px 0 4px 0;
912
912
  text-indent: 0;
913
913
  }
914
914
 
@@ -2067,6 +2067,16 @@ ejs-multiselect {
2067
2067
  margin-right: 0;
2068
2068
  }
2069
2069
 
2070
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2071
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2072
+ cursor: not-allowed;
2073
+ }
2074
+
2075
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2076
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
2077
+ cursor: pointer;
2078
+ }
2079
+
2070
2080
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2071
2081
  color: #fff;
2072
2082
  }
package/styles/multi-select/material.css CHANGED
@@ -916,7 +916,7 @@
916
916
  height: 28px;
917
917
  min-height: 28px;
918
918
  outline: none;
919
- padding: 0;
919
+ padding: 4px 0 4px 0;
920
920
  text-indent: 0;
921
921
  }
922
922
 
@@ -2075,6 +2075,16 @@ ejs-multiselect {
2075
2075
  margin-right: 0;
2076
2076
  }
2077
2077
 
2078
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2079
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2080
+ cursor: not-allowed;
2081
+ }
2082
+
2083
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2084
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
2085
+ cursor: pointer;
2086
+ }
2087
+
2078
2088
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2079
2089
  color: #fff;
2080
2090
  }
package/styles/multi-select/tailwind-dark.css CHANGED
@@ -429,8 +429,8 @@
429
429
  height: 28px;
430
430
  min-height: 28px;
431
431
  outline: none;
432
- padding: 0;
433
- text-indent: 10px;
432
+ padding: 4px 0 4px 12px;
433
+ text-indent: 0;
434
434
  }
435
435
 
436
436
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -480,7 +480,7 @@
480
480
 
481
481
  .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
482
482
  .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
483
- width: calc(100% - 38px);
483
+ width: calc(100% - 50px);
484
484
  }
485
485
 
486
486
  .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
@@ -1118,6 +1118,16 @@ ejs-multiselect {
1118
1118
  margin-right: 0;
1119
1119
  }
1120
1120
 
1121
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
1122
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
1123
+ cursor: not-allowed;
1124
+ }
1125
+
1126
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
1127
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
1128
+ cursor: pointer;
1129
+ }
1130
+
1121
1131
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1122
1132
  color: #fff;
1123
1133
  }
package/styles/multi-select/tailwind.css CHANGED
@@ -429,8 +429,8 @@
429
429
  height: 28px;
430
430
  min-height: 28px;
431
431
  outline: none;
432
- padding: 0;
433
- text-indent: 10px;
432
+ padding: 4px 0 4px 12px;
433
+ text-indent: 0;
434
434
  }
435
435
 
436
436
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -480,7 +480,7 @@
480
480
 
481
481
  .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
482
482
  .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
483
- width: calc(100% - 38px);
483
+ width: calc(100% - 50px);
484
484
  }
485
485
 
486
486
  .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
@@ -1118,6 +1118,16 @@ ejs-multiselect {
1118
1118
  margin-right: 0;
1119
1119
  }
1120
1120
 
1121
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
1122
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
1123
+ cursor: not-allowed;
1124
+ }
1125
+
1126
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
1127
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
1128
+ cursor: pointer;
1129
+ }
1130
+
1121
1131
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1122
1132
  color: #111827;
1123
1133
  }
package/styles/tailwind-dark.css CHANGED
@@ -639,6 +639,9 @@
639
639
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
640
640
  margin: 0;
641
641
  }
642
+ .e-popup-full-page .e-popup-full-page.e-ios {
643
+ position: fixed;
644
+ }
642
645
 
643
646
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
644
647
  position: relative;
@@ -1688,8 +1691,8 @@ ejs-dropdownlist {
1688
1691
  height: 28px;
1689
1692
  min-height: 28px;
1690
1693
  outline: none;
1691
- padding: 0;
1692
- text-indent: 10px;
1694
+ padding: 4px 0 4px 12px;
1695
+ text-indent: 0;
1693
1696
  }
1694
1697
 
1695
1698
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -1739,7 +1742,7 @@ ejs-dropdownlist {
1739
1742
 
1740
1743
  .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1741
1744
  .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1742
- width: calc(100% - 38px);
1745
+ width: calc(100% - 50px);
1743
1746
  }
1744
1747
 
1745
1748
  .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
@@ -2377,6 +2380,16 @@ ejs-multiselect {
2377
2380
  margin-right: 0;
2378
2381
  }
2379
2382
 
2383
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2384
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2385
+ cursor: not-allowed;
2386
+ }
2387
+
2388
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2389
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
2390
+ cursor: pointer;
2391
+ }
2392
+
2380
2393
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2381
2394
  color: #fff;
2382
2395
  }
package/styles/tailwind.css CHANGED
@@ -639,6 +639,9 @@
639
639
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
640
640
  margin: 0;
641
641
  }
642
+ .e-popup-full-page .e-popup-full-page.e-ios {
643
+ position: fixed;
644
+ }
642
645
 
643
646
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
644
647
  position: relative;
@@ -1688,8 +1691,8 @@ ejs-dropdownlist {
1688
1691
  height: 28px;
1689
1692
  min-height: 28px;
1690
1693
  outline: none;
1691
- padding: 0;
1692
- text-indent: 10px;
1694
+ padding: 4px 0 4px 12px;
1695
+ text-indent: 0;
1693
1696
  }
1694
1697
 
1695
1698
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -1739,7 +1742,7 @@ ejs-dropdownlist {
1739
1742
 
1740
1743
  .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1741
1744
  .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1742
- width: calc(100% - 38px);
1745
+ width: calc(100% - 50px);
1743
1746
  }
1744
1747
 
1745
1748
  .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
@@ -2377,6 +2380,16 @@ ejs-multiselect {
2377
2380
  margin-right: 0;
2378
2381
  }
2379
2382
 
2383
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2384
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2385
+ cursor: not-allowed;
2386
+ }
2387
+
2388
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2389
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
2390
+ cursor: pointer;
2391
+ }
2392
+
2380
2393
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2381
2394
  color: #111827;
2382
2395
  }