@syncfusion/ej2-dropdowns 34.1.30 → 34.1.33

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 (79) 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 +21 -7
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +23 -9
  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 +4 -4
  12. package/src/drop-down-list/drop-down-list.d.ts +1 -0
  13. package/src/drop-down-list/drop-down-list.js +14 -4
  14. package/src/list-box/list-box.js +5 -5
  15. package/src/multi-select/multi-select.js +4 -0
  16. package/styles/bds-lite.css +4 -1
  17. package/styles/bds.css +4 -1
  18. package/styles/bootstrap-dark-lite.css +4 -0
  19. package/styles/bootstrap-dark.css +4 -0
  20. package/styles/bootstrap-lite.css +4 -0
  21. package/styles/bootstrap.css +4 -0
  22. package/styles/bootstrap4-lite.css +4 -0
  23. package/styles/bootstrap4.css +4 -0
  24. package/styles/bootstrap5-dark-lite.css +4 -0
  25. package/styles/bootstrap5-dark.css +4 -0
  26. package/styles/bootstrap5-lite.css +4 -1
  27. package/styles/bootstrap5.3-lite.css +4 -1
  28. package/styles/bootstrap5.3.css +4 -1
  29. package/styles/bootstrap5.css +4 -1
  30. package/styles/fabric-dark-lite.css +4 -0
  31. package/styles/fabric-dark.css +4 -0
  32. package/styles/fabric-lite.css +4 -0
  33. package/styles/fabric.css +4 -0
  34. package/styles/fluent-dark-lite.css +4 -0
  35. package/styles/fluent-dark.css +4 -0
  36. package/styles/fluent-lite.css +4 -1
  37. package/styles/fluent.css +4 -1
  38. package/styles/fluent2-lite.css +4 -1
  39. package/styles/fluent2.css +4 -1
  40. package/styles/highcontrast-light-lite.css +4 -0
  41. package/styles/highcontrast-light.css +4 -0
  42. package/styles/highcontrast-lite.css +4 -0
  43. package/styles/highcontrast.css +4 -0
  44. package/styles/material-dark-lite.css +4 -0
  45. package/styles/material-dark.css +4 -0
  46. package/styles/material-lite.css +4 -0
  47. package/styles/material.css +4 -0
  48. package/styles/material3-dark-lite.css +4 -0
  49. package/styles/material3-dark.css +4 -0
  50. package/styles/material3-lite.css +4 -1
  51. package/styles/material3.css +4 -1
  52. package/styles/mention/_layout.scss +3 -4
  53. package/styles/mention/bds.css +5 -0
  54. package/styles/mention/bootstrap-dark.css +3 -0
  55. package/styles/mention/bootstrap.css +3 -0
  56. package/styles/mention/bootstrap4.css +3 -0
  57. package/styles/mention/bootstrap5-dark.css +3 -0
  58. package/styles/mention/bootstrap5.3.css +4 -1
  59. package/styles/mention/bootstrap5.css +4 -1
  60. package/styles/mention/fabric-dark.css +3 -0
  61. package/styles/mention/fabric.css +3 -0
  62. package/styles/mention/fluent-dark.css +3 -0
  63. package/styles/mention/fluent.css +4 -1
  64. package/styles/mention/fluent2.css +5 -0
  65. package/styles/mention/highcontrast-light.css +3 -0
  66. package/styles/mention/highcontrast.css +3 -0
  67. package/styles/mention/material-dark.css +3 -0
  68. package/styles/mention/material.css +3 -0
  69. package/styles/mention/material3-dark.css +4 -1
  70. package/styles/mention/material3.css +5 -0
  71. package/styles/mention/tailwind-dark.css +3 -0
  72. package/styles/mention/tailwind.css +4 -1
  73. package/styles/mention/tailwind3.css +5 -0
  74. package/styles/tailwind-dark-lite.css +4 -0
  75. package/styles/tailwind-dark.css +4 -0
  76. package/styles/tailwind-lite.css +4 -1
  77. package/styles/tailwind.css +4 -1
  78. package/styles/tailwind3-lite.css +4 -1
  79. package/styles/tailwind3.css +4 -1
@@ -3275,6 +3275,7 @@ let DropDownList = class DropDownList extends DropDownBase {
3275
3275
  this.initialRemoteRender = false;
3276
3276
  this.isNotSearchList = false;
3277
3277
  this.isTyped = false;
3278
+ this.isProgrammaticValueUpdate = false;
3278
3279
  this.isSelected = false;
3279
3280
  this.preventFocus = false;
3280
3281
  this.preventAutoFill = false;
@@ -5561,6 +5562,9 @@ let DropDownList = class DropDownList extends DropDownBase {
5561
5562
  }
5562
5563
  this.initial = false;
5563
5564
  }
5565
+ if (this.isProgrammaticValueUpdate && !isNullOrUndefined(this.value) && this.getModuleName() === 'combobox') {
5566
+ this.detachChangeEvent(null);
5567
+ }
5564
5568
  else if (this.getModuleName() === 'autocomplete' && this.value) {
5565
5569
  this.setInputValue();
5566
5570
  }
@@ -5665,8 +5669,11 @@ let DropDownList = class DropDownList extends DropDownBase {
5665
5669
  }
5666
5670
  checkAndFetchItemData(list, value, checkField, isOffline = false) {
5667
5671
  const fieldValue = this.fields.value.split('.');
5668
- let checkVal = list.some((x) => isNullOrUndefined(x[checkField]) && fieldValue.length > 1 ?
5669
- this.checkFieldValue(x, fieldValue) === value : x[checkField] === value);
5672
+ let checkVal = false;
5673
+ if (!isNullOrUndefined(list) && list.length > 0) {
5674
+ checkVal = list.some((x) => isNullOrUndefined(x[checkField]) && fieldValue.length > 1 ?
5675
+ this.checkFieldValue(x, fieldValue) === value : x[checkField] === value);
5676
+ }
5670
5677
  if (this.enableVirtualization && this.virtualGroupDataSource) {
5671
5678
  checkVal = this.virtualGroupDataSource.some((x) => isNullOrUndefined(x[checkField]) && fieldValue.length > 1 ?
5672
5679
  this.checkFieldValue(x, fieldValue) === value : x[checkField] === value);
@@ -7188,6 +7195,9 @@ let DropDownList = class DropDownList extends DropDownBase {
7188
7195
  this.isObjectInArray(newProp.value, [oldProp.value])) {
7189
7196
  return;
7190
7197
  }
7198
+ if (!this.initial && this.dataSource instanceof DataManager) {
7199
+ this.isProgrammaticValueUpdate = true;
7200
+ }
7191
7201
  if (this.enableVirtualization) {
7192
7202
  const isOfflineMode = this.dataSource instanceof DataManager &&
7193
7203
  this.dataSource.dataSource.offline === true;
@@ -19198,6 +19208,10 @@ let MultiSelect = class MultiSelect extends DropDownBase {
19198
19208
  && !this.validateValues(newProp.value, oldProp.value)) {
19199
19209
  return;
19200
19210
  }
19211
+ if (this.isVue && this.mode === 'CheckBox' && !this.changeOnBlur && !isNullOrUndefined(oldProp.value) && !isNullOrUndefined(newProp.value)
19212
+ && !this.validateValues(newProp.value, oldProp.value)) {
19213
+ return;
19214
+ }
19201
19215
  this.updateVal(this.value, oldProp.value, 'value', this.enableVirtualization);
19202
19216
  this.addValidInputClass();
19203
19217
  if (!this.closePopupOnSelect && this.isPopupOpen()) {
@@ -23329,11 +23343,11 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
23329
23343
  e.preventDefault();
23330
23344
  return;
23331
23345
  }
23332
- const char = e.code && e.keyCode >= 96 && e.keyCode <= 105 ?
23333
- String.fromCharCode(e.keyCode - 48) : String.fromCharCode(e.keyCode);
23334
- const isWordCharacter = char.match(/\w/);
23335
- const isWordAccentCharacter = char.match(/[A-Za-z0-9\u00C0-\u024F ]/);
23336
- if (!isNullOrUndefined(isWordCharacter) || !isNullOrUndefined(isWordAccentCharacter)) {
23346
+ const isSpecialKey = e.keyCode >= 186 && e.keyCode <= 192;
23347
+ const isNumericKeyPadSpecialKey = e.keyCode === 107 || e.keyCode === 109 || e.keyCode === 111;
23348
+ const isWordCharacter = e.key && e.key.match(/\w/);
23349
+ const isWordAccentCharacter = e.key && e.key.match(/[A-Za-z0-9\u00C0-\u024F ,>/:;\-+=]/);
23350
+ if (!isNullOrUndefined(isWordCharacter) || !isNullOrUndefined(isWordAccentCharacter) || isSpecialKey || isNumericKeyPadSpecialKey) {
23337
23351
  this.isValidKey = true;
23338
23352
  }
23339
23353
  this.isBackSpace = e.keyCode === 8;