@syncfusion/ej2-dropdowns 20.4.40 → 20.4.43

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 (51) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-dropdowns.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js +2 -2
  5. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es2015.js +26 -5
  7. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  8. package/dist/es6/ej2-dropdowns.es5.js +26 -5
  9. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  10. package/dist/global/ej2-dropdowns.min.js +2 -2
  11. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +11 -11
  14. package/src/drop-down-base/drop-down-base.js +1 -1
  15. package/src/drop-down-list/drop-down-list.js +1 -1
  16. package/src/mention/mention.js +12 -3
  17. package/src/multi-select/multi-select.d.ts +2 -0
  18. package/src/multi-select/multi-select.js +12 -0
  19. package/styles/bootstrap-dark.css +10 -0
  20. package/styles/bootstrap.css +10 -0
  21. package/styles/bootstrap4.css +10 -0
  22. package/styles/bootstrap5-dark.css +13 -3
  23. package/styles/bootstrap5.css +13 -3
  24. package/styles/fabric-dark.css +10 -0
  25. package/styles/fabric.css +10 -0
  26. package/styles/fluent-dark.css +10 -0
  27. package/styles/fluent.css +10 -0
  28. package/styles/highcontrast-light.css +10 -0
  29. package/styles/highcontrast.css +10 -0
  30. package/styles/material-dark.css +10 -0
  31. package/styles/material.css +10 -0
  32. package/styles/multi-select/_bootstrap5-definition.scss +1 -1
  33. package/styles/multi-select/_layout.scss +10 -0
  34. package/styles/multi-select/_tailwind-definition.scss +1 -1
  35. package/styles/multi-select/bootstrap-dark.css +10 -0
  36. package/styles/multi-select/bootstrap.css +10 -0
  37. package/styles/multi-select/bootstrap4.css +10 -0
  38. package/styles/multi-select/bootstrap5-dark.css +13 -3
  39. package/styles/multi-select/bootstrap5.css +13 -3
  40. package/styles/multi-select/fabric-dark.css +10 -0
  41. package/styles/multi-select/fabric.css +10 -0
  42. package/styles/multi-select/fluent-dark.css +10 -0
  43. package/styles/multi-select/fluent.css +10 -0
  44. package/styles/multi-select/highcontrast-light.css +10 -0
  45. package/styles/multi-select/highcontrast.css +10 -0
  46. package/styles/multi-select/material-dark.css +10 -0
  47. package/styles/multi-select/material.css +10 -0
  48. package/styles/multi-select/tailwind-dark.css +11 -1
  49. package/styles/multi-select/tailwind.css +11 -1
  50. package/styles/tailwind-dark.css +11 -1
  51. package/styles/tailwind.css +11 -1
package/styles/multi-select/fluent-dark.css CHANGED
@@ -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: #f3f2f1;
1155
1165
  }
package/styles/multi-select/fluent.css CHANGED
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -1739,7 +1739,7 @@ ejs-dropdownlist {
1739
1739
 
1740
1740
  .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1741
1741
  .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1742
- width: calc(100% - 38px);
1742
+ width: calc(100% - 50px);
1743
1743
  }
1744
1744
 
1745
1745
  .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
@@ -2377,6 +2377,16 @@ ejs-multiselect {
2377
2377
  margin-right: 0;
2378
2378
  }
2379
2379
 
2380
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2381
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2382
+ cursor: not-allowed;
2383
+ }
2384
+
2385
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2386
+ .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 {
2387
+ cursor: pointer;
2388
+ }
2389
+
2380
2390
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2381
2391
  color: #fff;
2382
2392
  }
package/styles/tailwind.css CHANGED
@@ -1739,7 +1739,7 @@ ejs-dropdownlist {
1739
1739
 
1740
1740
  .e-bigger .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
1741
1741
  .e-bigger.e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width {
1742
- width: calc(100% - 38px);
1742
+ width: calc(100% - 50px);
1743
1743
  }
1744
1744
 
1745
1745
  .e-small .e-multiselect .e-multi-select-wrapper.e-down-icon .e-searcher.e-search-custom-width,
@@ -2377,6 +2377,16 @@ ejs-multiselect {
2377
2377
  margin-right: 0;
2378
2378
  }
2379
2379
 
2380
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2381
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2382
+ cursor: not-allowed;
2383
+ }
2384
+
2385
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2386
+ .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 {
2387
+ cursor: pointer;
2388
+ }
2389
+
2380
2390
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2381
2391
  color: #111827;
2382
2392
  }