@syncfusion/ej2-vue-dropdowns 19.2.60 → 19.3.45

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 (108) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/ej2-vue-dropdowns.umd.min.js +1 -1
  3. package/dist/es6/ej2-vue-dropdowns.es2015.js +36 -18
  4. package/dist/es6/ej2-vue-dropdowns.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-dropdowns.es5.js +36 -18
  6. package/dist/es6/ej2-vue-dropdowns.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-dropdowns.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/auto-complete/autocomplete.component.js +6 -3
  10. package/src/combo-box/combobox.component.js +6 -3
  11. package/src/drop-down-list/dropdownlist.component.js +6 -3
  12. package/src/drop-down-tree/dropdowntree.component.js +6 -3
  13. package/src/list-box/listbox.component.js +6 -3
  14. package/src/multi-select/multiselect.component.js +6 -3
  15. package/styles/auto-complete/bootstrap4.css +5 -0
  16. package/styles/auto-complete/bootstrap5-dark.css +146 -0
  17. package/styles/auto-complete/bootstrap5-dark.scss +1 -0
  18. package/styles/auto-complete/bootstrap5.css +146 -0
  19. package/styles/auto-complete/bootstrap5.scss +1 -0
  20. package/styles/auto-complete/material-dark.css +1 -1
  21. package/styles/bootstrap-dark.css +17 -4
  22. package/styles/bootstrap.css +17 -4
  23. package/styles/bootstrap4.css +23 -21
  24. package/styles/bootstrap5-dark.css +3413 -0
  25. package/styles/bootstrap5-dark.scss +7 -0
  26. package/styles/bootstrap5.css +3413 -0
  27. package/styles/bootstrap5.scss +7 -0
  28. package/styles/combo-box/bootstrap4.css +5 -0
  29. package/styles/combo-box/bootstrap5-dark.css +146 -0
  30. package/styles/combo-box/bootstrap5-dark.scss +1 -0
  31. package/styles/combo-box/bootstrap5.css +146 -0
  32. package/styles/combo-box/bootstrap5.scss +1 -0
  33. package/styles/combo-box/material-dark.css +1 -1
  34. package/styles/drop-down-base/bootstrap-dark.css +1 -3
  35. package/styles/drop-down-base/bootstrap.css +1 -3
  36. package/styles/drop-down-base/bootstrap4.css +1 -3
  37. package/styles/drop-down-base/bootstrap5-dark.css +372 -0
  38. package/styles/drop-down-base/bootstrap5-dark.scss +1 -0
  39. package/styles/drop-down-base/bootstrap5.css +372 -0
  40. package/styles/drop-down-base/bootstrap5.scss +1 -0
  41. package/styles/drop-down-base/fabric-dark.css +1 -3
  42. package/styles/drop-down-base/fabric.css +1 -3
  43. package/styles/drop-down-base/highcontrast-light.css +1 -3
  44. package/styles/drop-down-base/highcontrast.css +1 -3
  45. package/styles/drop-down-base/material-dark.css +3 -5
  46. package/styles/drop-down-base/material.css +1 -3
  47. package/styles/drop-down-base/tailwind-dark.css +5 -7
  48. package/styles/drop-down-base/tailwind.css +1 -3
  49. package/styles/drop-down-list/bootstrap-dark.css +2 -0
  50. package/styles/drop-down-list/bootstrap.css +2 -0
  51. package/styles/drop-down-list/bootstrap4.css +7 -16
  52. package/styles/drop-down-list/bootstrap5-dark.css +438 -0
  53. package/styles/drop-down-list/bootstrap5-dark.scss +1 -0
  54. package/styles/drop-down-list/bootstrap5.css +438 -0
  55. package/styles/drop-down-list/bootstrap5.scss +1 -0
  56. package/styles/drop-down-list/fabric-dark.css +2 -0
  57. package/styles/drop-down-list/fabric.css +2 -0
  58. package/styles/drop-down-list/highcontrast-light.css +2 -0
  59. package/styles/drop-down-list/highcontrast.css +2 -0
  60. package/styles/drop-down-list/material-dark.css +4 -2
  61. package/styles/drop-down-list/material.css +2 -0
  62. package/styles/drop-down-list/tailwind-dark.css +2 -0
  63. package/styles/drop-down-list/tailwind.css +2 -0
  64. package/styles/drop-down-tree/bootstrap-dark.css +4 -0
  65. package/styles/drop-down-tree/bootstrap.css +4 -0
  66. package/styles/drop-down-tree/bootstrap4.css +4 -0
  67. package/styles/drop-down-tree/bootstrap5-dark.css +580 -0
  68. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -0
  69. package/styles/drop-down-tree/bootstrap5.css +580 -0
  70. package/styles/drop-down-tree/bootstrap5.scss +1 -0
  71. package/styles/drop-down-tree/fabric-dark.css +4 -0
  72. package/styles/drop-down-tree/fabric.css +4 -0
  73. package/styles/drop-down-tree/highcontrast-light.css +4 -0
  74. package/styles/drop-down-tree/highcontrast.css +4 -0
  75. package/styles/drop-down-tree/material-dark.css +4 -8
  76. package/styles/drop-down-tree/material.css +4 -8
  77. package/styles/drop-down-tree/tailwind-dark.css +9 -5
  78. package/styles/drop-down-tree/tailwind.css +8 -4
  79. package/styles/fabric-dark.css +17 -4
  80. package/styles/fabric.css +17 -4
  81. package/styles/highcontrast-light.css +17 -4
  82. package/styles/highcontrast.css +17 -4
  83. package/styles/list-box/bootstrap5-dark.css +886 -0
  84. package/styles/list-box/bootstrap5-dark.scss +1 -0
  85. package/styles/list-box/bootstrap5.css +886 -0
  86. package/styles/list-box/bootstrap5.scss +1 -0
  87. package/styles/list-box/material-dark.css +3 -3
  88. package/styles/list-box/tailwind-dark.css +1 -1
  89. package/styles/list-box/tailwind.css +1 -1
  90. package/styles/material-dark.css +713 -58
  91. package/styles/material.css +108 -12
  92. package/styles/multi-select/bootstrap-dark.css +10 -1
  93. package/styles/multi-select/bootstrap.css +10 -1
  94. package/styles/multi-select/bootstrap4.css +11 -2
  95. package/styles/multi-select/bootstrap5-dark.css +1289 -0
  96. package/styles/multi-select/bootstrap5-dark.scss +1 -0
  97. package/styles/multi-select/bootstrap5.css +1289 -0
  98. package/styles/multi-select/bootstrap5.scss +1 -0
  99. package/styles/multi-select/fabric-dark.css +10 -1
  100. package/styles/multi-select/fabric.css +10 -1
  101. package/styles/multi-select/highcontrast-light.css +10 -1
  102. package/styles/multi-select/highcontrast.css +10 -1
  103. package/styles/multi-select/material-dark.css +699 -40
  104. package/styles/multi-select/material.css +101 -1
  105. package/styles/multi-select/tailwind-dark.css +13 -4
  106. package/styles/multi-select/tailwind.css +13 -4
  107. package/styles/tailwind-dark.css +30 -17
  108. package/styles/tailwind.css +25 -12
@@ -22,7 +22,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
22
22
  return c > 3 && r && Object.defineProperty(target, key, r), r;
23
23
  };
24
24
  import { Options } from 'vue-class-component';
25
- var properties = ['actionFailureTemplate', 'allowFiltering', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'text', 'value', 'valueTemplate', 'width', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select'];
25
+ var properties = ['islazyUpdate', 'actionFailureTemplate', 'allowFiltering', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'text', 'value', 'valueTemplate', 'width', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select'];
26
26
  var modelProps = ['value'];
27
27
  var testProp = getProps({ props: properties });
28
28
  var props = testProp[0];
@@ -101,6 +101,7 @@ var DropDownListComponent = /** @__PURE__ @class */ (function (_super) {
101
101
  }
102
102
  else {
103
103
  _this.$emit('update:' + key, prop[key]);
104
+ _this.$emit('modelchanged', prop[key]);
104
105
  }
105
106
  }
106
107
  });
@@ -120,8 +121,10 @@ var DropDownListComponent = /** @__PURE__ @class */ (function (_super) {
120
121
  this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
121
122
  }
122
123
  else {
123
- this.$emit('update:' + propKey, eventProp[propKey]);
124
- this.$emit('modelchanged', eventProp[propKey]);
124
+ if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
125
+ this.$emit('update:' + propKey, eventProp[propKey]);
126
+ this.$emit('modelchanged', eventProp[propKey]);
127
+ }
125
128
  }
126
129
  }
127
130
  }
@@ -226,7 +229,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
226
229
  return c > 3 && r && Object.defineProperty(target, key, r), r;
227
230
  };
228
231
  // {{VueImport}}
229
- var properties$1 = ['actionFailureTemplate', 'allowCustom', 'allowFiltering', 'autofill', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'text', 'value', 'valueTemplate', 'width', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'customValueSpecifier', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select'];
232
+ var properties$1 = ['islazyUpdate', 'actionFailureTemplate', 'allowCustom', 'allowFiltering', 'autofill', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'text', 'value', 'valueTemplate', 'width', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'customValueSpecifier', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select'];
230
233
  var modelProps$1 = ['value'];
231
234
  var testProp$1 = getProps({ props: properties$1 });
232
235
  var props$1 = testProp$1[0];
@@ -305,6 +308,7 @@ var ComboBoxComponent = /** @__PURE__ @class */ (function (_super) {
305
308
  }
306
309
  else {
307
310
  _this.$emit('update:' + key, prop[key]);
311
+ _this.$emit('modelchanged', prop[key]);
308
312
  }
309
313
  }
310
314
  });
@@ -324,8 +328,10 @@ var ComboBoxComponent = /** @__PURE__ @class */ (function (_super) {
324
328
  this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
325
329
  }
326
330
  else {
327
- this.$emit('update:' + propKey, eventProp[propKey]);
328
- this.$emit('modelchanged', eventProp[propKey]);
331
+ if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
332
+ this.$emit('update:' + propKey, eventProp[propKey]);
333
+ this.$emit('modelchanged', eventProp[propKey]);
334
+ }
329
335
  }
330
336
  }
331
337
  }
@@ -430,7 +436,7 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
430
436
  return c > 3 && r && Object.defineProperty(target, key, r), r;
431
437
  };
432
438
  // {{VueImport}}
433
- var properties$2 = ['actionFailureTemplate', 'allowCustom', 'allowFiltering', 'autofill', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'highlight', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'minLength', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'showPopupButton', 'sortOrder', 'suggestionCount', 'text', 'value', 'valueTemplate', 'width', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'customValueSpecifier', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select'];
439
+ var properties$2 = ['islazyUpdate', 'actionFailureTemplate', 'allowCustom', 'allowFiltering', 'autofill', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'highlight', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'minLength', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'showPopupButton', 'sortOrder', 'suggestionCount', 'text', 'value', 'valueTemplate', 'width', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'customValueSpecifier', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select'];
434
440
  var modelProps$2 = ['value'];
435
441
  var testProp$2 = getProps({ props: properties$2 });
436
442
  var props$2 = testProp$2[0];
@@ -509,6 +515,7 @@ var AutoCompleteComponent = /** @__PURE__ @class */ (function (_super) {
509
515
  }
510
516
  else {
511
517
  _this.$emit('update:' + key, prop[key]);
518
+ _this.$emit('modelchanged', prop[key]);
512
519
  }
513
520
  }
514
521
  });
@@ -528,8 +535,10 @@ var AutoCompleteComponent = /** @__PURE__ @class */ (function (_super) {
528
535
  this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
529
536
  }
530
537
  else {
531
- this.$emit('update:' + propKey, eventProp[propKey]);
532
- this.$emit('modelchanged', eventProp[propKey]);
538
+ if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
539
+ this.$emit('update:' + propKey, eventProp[propKey]);
540
+ this.$emit('modelchanged', eventProp[propKey]);
541
+ }
533
542
  }
534
543
  }
535
544
  }
@@ -634,7 +643,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
634
643
  return c > 3 && r && Object.defineProperty(target, key, r), r;
635
644
  };
636
645
  // {{VueImport}}
637
- var properties$3 = ['actionFailureTemplate', 'allowCustomValue', 'allowFiltering', 'changeOnBlur', 'closePopupOnSelect', 'cssClass', 'dataSource', 'delimiterChar', 'enableGroupCheckBox', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableSelectionOrder', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'hideSelectedItem', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'itemTemplate', 'locale', 'maximumSelectionLength', 'mode', 'noRecordsTemplate', 'openOnClick', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'selectAllText', 'showClearButton', 'showDropDownIcon', 'showSelectAll', 'sortOrder', 'text', 'unSelectAllText', 'value', 'valueTemplate', 'width', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'chipSelection', 'close', 'created', 'customValueSelection', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'removed', 'removing', 'select', 'selectedAll', 'tagging'];
646
+ var properties$3 = ['islazyUpdate', 'actionFailureTemplate', 'allowCustomValue', 'allowFiltering', 'changeOnBlur', 'closePopupOnSelect', 'cssClass', 'dataSource', 'delimiterChar', 'enableGroupCheckBox', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableSelectionOrder', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'hideSelectedItem', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'itemTemplate', 'locale', 'maximumSelectionLength', 'mode', 'noRecordsTemplate', 'openOnClick', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'selectAllText', 'showClearButton', 'showDropDownIcon', 'showSelectAll', 'sortOrder', 'text', 'unSelectAllText', 'value', 'valueTemplate', 'width', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'beforeSelectAll', 'blur', 'change', 'chipSelection', 'close', 'created', 'customValueSelection', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'removed', 'removing', 'select', 'selectedAll', 'tagging'];
638
647
  var modelProps$3 = ['value'];
639
648
  var testProp$3 = getProps({ props: properties$3 });
640
649
  var props$3 = testProp$3[0];
@@ -713,6 +722,7 @@ var MultiSelectComponent = /** @__PURE__ @class */ (function (_super) {
713
722
  }
714
723
  else {
715
724
  _this.$emit('update:' + key, prop[key]);
725
+ _this.$emit('modelchanged', prop[key]);
716
726
  }
717
727
  }
718
728
  });
@@ -732,8 +742,10 @@ var MultiSelectComponent = /** @__PURE__ @class */ (function (_super) {
732
742
  this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
733
743
  }
734
744
  else {
735
- this.$emit('update:' + propKey, eventProp[propKey]);
736
- this.$emit('modelchanged', eventProp[propKey]);
745
+ if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
746
+ this.$emit('update:' + propKey, eventProp[propKey]);
747
+ this.$emit('modelchanged', eventProp[propKey]);
748
+ }
737
749
  }
738
750
  }
739
751
  }
@@ -844,7 +856,7 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
844
856
  return c > 3 && r && Object.defineProperty(target, key, r), r;
845
857
  };
846
858
  // {{VueImport}}
847
- var properties$4 = ['actionFailureTemplate', 'allowDragAndDrop', 'allowFiltering', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'groupTemplate', 'height', 'ignoreAccent', 'ignoreCase', 'itemTemplate', 'locale', 'maximumSelectionLength', 'noRecordsTemplate', 'query', 'scope', 'selectionSettings', 'sortOrder', 'toolbarSettings', 'value', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeDrop', 'beforeItemRender', 'change', 'created', 'dataBound', 'destroyed', 'drag', 'dragStart', 'drop', 'filtering', 'select'];
859
+ var properties$4 = ['islazyUpdate', 'actionFailureTemplate', 'allowDragAndDrop', 'allowFiltering', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'groupTemplate', 'height', 'ignoreAccent', 'ignoreCase', 'itemTemplate', 'locale', 'maximumSelectionLength', 'noRecordsTemplate', 'query', 'scope', 'selectionSettings', 'sortOrder', 'toolbarSettings', 'value', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeDrop', 'beforeItemRender', 'change', 'created', 'dataBound', 'destroyed', 'drag', 'dragStart', 'drop', 'filtering', 'select'];
848
860
  var modelProps$4 = ['value'];
849
861
  var testProp$4 = getProps({ props: properties$4 });
850
862
  var props$4 = testProp$4[0];
@@ -923,6 +935,7 @@ var ListBoxComponent = /** @__PURE__ @class */ (function (_super) {
923
935
  }
924
936
  else {
925
937
  _this.$emit('update:' + key, prop[key]);
938
+ _this.$emit('modelchanged', prop[key]);
926
939
  }
927
940
  }
928
941
  });
@@ -942,8 +955,10 @@ var ListBoxComponent = /** @__PURE__ @class */ (function (_super) {
942
955
  this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
943
956
  }
944
957
  else {
945
- this.$emit('update:' + propKey, eventProp[propKey]);
946
- this.$emit('modelchanged', eventProp[propKey]);
958
+ if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
959
+ this.$emit('update:' + propKey, eventProp[propKey]);
960
+ this.$emit('modelchanged', eventProp[propKey]);
961
+ }
947
962
  }
948
963
  }
949
964
  }
@@ -1072,7 +1087,7 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
1072
1087
  return c > 3 && r && Object.defineProperty(target, key, r), r;
1073
1088
  };
1074
1089
  // {{VueImport}}
1075
- var properties$5 = ['actionFailureTemplate', 'allowFiltering', 'allowMultiSelection', 'changeOnBlur', 'cssClass', 'delimiterChar', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'itemTemplate', 'locale', 'mode', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'readonly', 'selectAllText', 'showCheckBox', 'showClearButton', 'showDropDownIcon', 'showSelectAll', 'sortOrder', 'text', 'treeSettings', 'unSelectAllText', 'value', 'width', 'wrapText', 'zIndex', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'dataBound', 'destroyed', 'filtering', 'focus', 'keyPress', 'open', 'select'];
1090
+ var properties$5 = ['islazyUpdate', 'actionFailureTemplate', 'allowFiltering', 'allowMultiSelection', 'changeOnBlur', 'cssClass', 'customTemplate', 'delimiterChar', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'itemTemplate', 'locale', 'mode', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'readonly', 'selectAllText', 'showCheckBox', 'showClearButton', 'showDropDownIcon', 'showSelectAll', 'sortOrder', 'text', 'treeSettings', 'unSelectAllText', 'value', 'width', 'wrapText', 'zIndex', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'dataBound', 'destroyed', 'filtering', 'focus', 'keyPress', 'open', 'select'];
1076
1091
  var modelProps$5 = ['value'];
1077
1092
  var testProp$5 = getProps({ props: properties$5 });
1078
1093
  var props$5 = testProp$5[0];
@@ -1151,6 +1166,7 @@ var DropDownTreeComponent = /** @__PURE__ @class */ (function (_super) {
1151
1166
  }
1152
1167
  else {
1153
1168
  _this.$emit('update:' + key, prop[key]);
1169
+ _this.$emit('modelchanged', prop[key]);
1154
1170
  }
1155
1171
  }
1156
1172
  });
@@ -1170,8 +1186,10 @@ var DropDownTreeComponent = /** @__PURE__ @class */ (function (_super) {
1170
1186
  this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
1171
1187
  }
1172
1188
  else {
1173
- this.$emit('update:' + propKey, eventProp[propKey]);
1174
- this.$emit('modelchanged', eventProp[propKey]);
1189
+ if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
1190
+ this.$emit('update:' + propKey, eventProp[propKey]);
1191
+ this.$emit('modelchanged', eventProp[propKey]);
1192
+ }
1175
1193
  }
1176
1194
  }
1177
1195
  }