@syncfusion/ej2-vue-inputs 19.2.59 → 19.3.47

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 (81) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/ej2-vue-inputs.umd.min.js +20 -2
  3. package/dist/ej2-vue-inputs.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-inputs.es2015.js +32 -16
  5. package/dist/es6/ej2-vue-inputs.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-inputs.es5.js +32 -16
  7. package/dist/es6/ej2-vue-inputs.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-inputs.min.js +2 -2
  9. package/package.json +8 -8
  10. package/src/color-picker/colorpicker.component.js +6 -3
  11. package/src/maskedtextbox/maskedtextbox.component.js +6 -3
  12. package/src/numerictextbox/numerictextbox.component.js +6 -3
  13. package/src/slider/slider.component.js +6 -3
  14. package/src/textbox/textbox.component.js +6 -3
  15. package/src/uploader/uploader.component.js +2 -1
  16. package/styles/bootstrap-dark.css +14 -6
  17. package/styles/bootstrap.css +14 -6
  18. package/styles/bootstrap4.css +22 -12
  19. package/styles/bootstrap5-dark.css +7548 -0
  20. package/styles/bootstrap5-dark.scss +7 -0
  21. package/styles/bootstrap5.css +7548 -0
  22. package/styles/bootstrap5.scss +7 -0
  23. package/styles/color-picker/bootstrap5-dark.css +964 -0
  24. package/styles/color-picker/bootstrap5-dark.scss +1 -0
  25. package/styles/color-picker/bootstrap5.css +964 -0
  26. package/styles/color-picker/bootstrap5.scss +1 -0
  27. package/styles/fabric-dark.css +15 -7
  28. package/styles/fabric.css +15 -7
  29. package/styles/highcontrast-light.css +15 -7
  30. package/styles/highcontrast.css +16 -8
  31. package/styles/input/bootstrap-dark.css +12 -3
  32. package/styles/input/bootstrap.css +12 -3
  33. package/styles/input/bootstrap4.css +15 -3
  34. package/styles/input/bootstrap5-dark.css +4670 -0
  35. package/styles/input/bootstrap5-dark.scss +1 -0
  36. package/styles/input/bootstrap5.css +4670 -0
  37. package/styles/input/bootstrap5.scss +1 -0
  38. package/styles/input/fabric-dark.css +12 -3
  39. package/styles/input/fabric.css +13 -4
  40. package/styles/input/highcontrast-light.css +12 -3
  41. package/styles/input/highcontrast.css +13 -4
  42. package/styles/input/material-dark.css +2320 -201
  43. package/styles/input/material.css +12 -3
  44. package/styles/input/tailwind-dark.css +14 -5
  45. package/styles/input/tailwind.css +14 -5
  46. package/styles/maskedtextbox/bootstrap5-dark.css +33 -0
  47. package/styles/maskedtextbox/bootstrap5-dark.scss +1 -0
  48. package/styles/maskedtextbox/bootstrap5.css +33 -0
  49. package/styles/maskedtextbox/bootstrap5.scss +1 -0
  50. package/styles/material-dark.css +2337 -218
  51. package/styles/material.css +14 -5
  52. package/styles/numerictextbox/bootstrap5-dark.css +48 -0
  53. package/styles/numerictextbox/bootstrap5-dark.scss +1 -0
  54. package/styles/numerictextbox/bootstrap5.css +48 -0
  55. package/styles/numerictextbox/bootstrap5.scss +1 -0
  56. package/styles/slider/bootstrap-dark.css +2 -3
  57. package/styles/slider/bootstrap.css +2 -3
  58. package/styles/slider/bootstrap4.css +7 -9
  59. package/styles/slider/bootstrap5-dark.css +749 -0
  60. package/styles/slider/bootstrap5-dark.scss +1 -0
  61. package/styles/slider/bootstrap5.css +749 -0
  62. package/styles/slider/bootstrap5.scss +1 -0
  63. package/styles/slider/fabric-dark.css +3 -4
  64. package/styles/slider/fabric.css +2 -3
  65. package/styles/slider/highcontrast-light.css +3 -4
  66. package/styles/slider/highcontrast.css +3 -4
  67. package/styles/slider/material-dark.css +16 -16
  68. package/styles/slider/material.css +2 -2
  69. package/styles/slider/tailwind-dark.css +9 -8
  70. package/styles/slider/tailwind.css +7 -3
  71. package/styles/tailwind-dark.css +23 -13
  72. package/styles/tailwind.css +21 -8
  73. package/styles/textbox/bootstrap5-dark.css +0 -0
  74. package/styles/textbox/bootstrap5-dark.scss +1 -0
  75. package/styles/textbox/bootstrap5.css +0 -0
  76. package/styles/textbox/bootstrap5.scss +1 -0
  77. package/styles/uploader/bootstrap5-dark.css +1079 -0
  78. package/styles/uploader/bootstrap5-dark.scss +1 -0
  79. package/styles/uploader/bootstrap5.css +1079 -0
  80. package/styles/uploader/bootstrap5.scss +1 -0
  81. package/styles/uploader/material-dark.css +1 -1
@@ -24,7 +24,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
24
24
  return c > 3 && r && Object.defineProperty(target, key, r), r;
25
25
  };
26
26
  import { Options } from 'vue-class-component';
27
- var properties = ['autocomplete', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'multiline', 'placeholder', 'readonly', 'showClearButton', 'type', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus', 'input'];
27
+ var properties = ['islazyUpdate', 'autocomplete', 'cssClass', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'multiline', 'placeholder', 'readonly', 'showClearButton', 'type', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus', 'input'];
28
28
  var modelProps = ['value'];
29
29
  var testProp = getProps({ props: properties });
30
30
  var props = testProp[0];
@@ -103,6 +103,7 @@ var TextBoxComponent = /** @__PURE__ @class */ (function (_super) {
103
103
  }
104
104
  else {
105
105
  _this.$emit('update:' + key, prop[key]);
106
+ _this.$emit('modelchanged', prop[key]);
106
107
  }
107
108
  }
108
109
  });
@@ -122,8 +123,10 @@ var TextBoxComponent = /** @__PURE__ @class */ (function (_super) {
122
123
  this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
123
124
  }
124
125
  else {
125
- this.$emit('update:' + propKey, eventProp[propKey]);
126
- this.$emit('modelchanged', eventProp[propKey]);
126
+ if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
127
+ this.$emit('update:' + propKey, eventProp[propKey]);
128
+ this.$emit('modelchanged', eventProp[propKey]);
129
+ }
127
130
  }
128
131
  }
129
132
  }
@@ -210,7 +213,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
210
213
  return c > 3 && r && Object.defineProperty(target, key, r), r;
211
214
  };
212
215
  // {{VueImport}}
213
- var properties$1 = ['cssClass', 'currency', 'currencyCode', 'decimals', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'htmlAttributes', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showSpinButton', 'step', 'strictMode', 'validateDecimalOnType', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus'];
216
+ var properties$1 = ['islazyUpdate', 'cssClass', 'currency', 'currencyCode', 'decimals', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'htmlAttributes', 'locale', 'max', 'min', 'placeholder', 'readonly', 'showClearButton', 'showSpinButton', 'step', 'strictMode', 'validateDecimalOnType', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus'];
214
217
  var modelProps$1 = ['value'];
215
218
  var testProp$1 = getProps({ props: properties$1 });
216
219
  var props$1 = testProp$1[0];
@@ -289,6 +292,7 @@ var NumericTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
289
292
  }
290
293
  else {
291
294
  _this.$emit('update:' + key, prop[key]);
295
+ _this.$emit('modelchanged', prop[key]);
292
296
  }
293
297
  }
294
298
  });
@@ -308,8 +312,10 @@ var NumericTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
308
312
  this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
309
313
  }
310
314
  else {
311
- this.$emit('update:' + propKey, eventProp[propKey]);
312
- this.$emit('modelchanged', eventProp[propKey]);
315
+ if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
316
+ this.$emit('update:' + propKey, eventProp[propKey]);
317
+ this.$emit('modelchanged', eventProp[propKey]);
318
+ }
313
319
  }
314
320
  }
315
321
  }
@@ -396,7 +402,7 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
396
402
  return c > 3 && r && Object.defineProperty(target, key, r), r;
397
403
  };
398
404
  // {{VueImport}}
399
- var properties$2 = ['cssClass', 'customCharacters', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'mask', 'placeholder', 'promptChar', 'readonly', 'showClearButton', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus'];
405
+ var properties$2 = ['islazyUpdate', 'cssClass', 'customCharacters', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'htmlAttributes', 'locale', 'mask', 'placeholder', 'promptChar', 'readonly', 'showClearButton', 'value', 'width', 'blur', 'change', 'created', 'destroyed', 'focus'];
400
406
  var modelProps$2 = ['value'];
401
407
  var testProp$2 = getProps({ props: properties$2 });
402
408
  var props$2 = testProp$2[0];
@@ -475,6 +481,7 @@ var MaskedTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
475
481
  }
476
482
  else {
477
483
  _this.$emit('update:' + key, prop[key]);
484
+ _this.$emit('modelchanged', prop[key]);
478
485
  }
479
486
  }
480
487
  });
@@ -494,8 +501,10 @@ var MaskedTextBoxComponent = /** @__PURE__ @class */ (function (_super) {
494
501
  this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
495
502
  }
496
503
  else {
497
- this.$emit('update:' + propKey, eventProp[propKey]);
498
- this.$emit('modelchanged', eventProp[propKey]);
504
+ if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
505
+ this.$emit('update:' + propKey, eventProp[propKey]);
506
+ this.$emit('modelchanged', eventProp[propKey]);
507
+ }
499
508
  }
500
509
  }
501
510
  }
@@ -576,7 +585,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
576
585
  return c > 3 && r && Object.defineProperty(target, key, r), r;
577
586
  };
578
587
  // {{VueImport}}
579
- var properties$3 = ['colorRange', 'cssClass', 'customValues', 'enableAnimation', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'limits', 'locale', 'max', 'min', 'orientation', 'readonly', 'showButtons', 'step', 'ticks', 'tooltip', 'type', 'value', 'width', 'change', 'changed', 'created', 'renderedTicks', 'renderingTicks', 'tooltipChange'];
588
+ var properties$3 = ['islazyUpdate', 'colorRange', 'cssClass', 'customValues', 'enableAnimation', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enabled', 'limits', 'locale', 'max', 'min', 'orientation', 'readonly', 'showButtons', 'step', 'ticks', 'tooltip', 'type', 'value', 'width', 'change', 'changed', 'created', 'renderedTicks', 'renderingTicks', 'tooltipChange'];
580
589
  var modelProps$3 = ['value'];
581
590
  var testProp$3 = getProps({ props: properties$3 });
582
591
  var props$3 = testProp$3[0];
@@ -655,6 +664,7 @@ var SliderComponent = /** @__PURE__ @class */ (function (_super) {
655
664
  }
656
665
  else {
657
666
  _this.$emit('update:' + key, prop[key]);
667
+ _this.$emit('modelchanged', prop[key]);
658
668
  }
659
669
  }
660
670
  });
@@ -674,8 +684,10 @@ var SliderComponent = /** @__PURE__ @class */ (function (_super) {
674
684
  this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
675
685
  }
676
686
  else {
677
- this.$emit('update:' + propKey, eventProp[propKey]);
678
- this.$emit('modelchanged', eventProp[propKey]);
687
+ if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
688
+ this.$emit('update:' + propKey, eventProp[propKey]);
689
+ this.$emit('modelchanged', eventProp[propKey]);
690
+ }
679
691
  }
680
692
  }
681
693
  }
@@ -837,7 +849,7 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
837
849
  return c > 3 && r && Object.defineProperty(target, key, r), r;
838
850
  };
839
851
  // {{VueImport}}
840
- var properties$4 = ['allowedExtensions', 'asyncSettings', 'autoUpload', 'buttons', 'cssClass', 'directoryUpload', 'dropArea', 'dropEffect', 'enablePersistence', 'enableRtl', 'enabled', 'files', 'htmlAttributes', 'locale', 'maxFileSize', 'minFileSize', 'multiple', 'sequentialUpload', 'showFileList', 'template', 'actionComplete', 'beforeRemove', 'beforeUpload', 'canceling', 'change', 'chunkFailure', 'chunkSuccess', 'chunkUploading', 'clearing', 'created', 'failure', 'fileListRendering', 'pausing', 'progress', 'removing', 'rendering', 'resuming', 'selected', 'success', 'uploading'];
852
+ var properties$4 = ['islazyUpdate', 'allowedExtensions', 'asyncSettings', 'autoUpload', 'buttons', 'cssClass', 'directoryUpload', 'dropArea', 'dropEffect', 'enablePersistence', 'enableRtl', 'enabled', 'files', 'htmlAttributes', 'locale', 'maxFileSize', 'minFileSize', 'multiple', 'sequentialUpload', 'showFileList', 'template', 'actionComplete', 'beforeRemove', 'beforeUpload', 'canceling', 'change', 'chunkFailure', 'chunkSuccess', 'chunkUploading', 'clearing', 'created', 'failure', 'fileListRendering', 'pausing', 'progress', 'removing', 'rendering', 'resuming', 'selected', 'success', 'uploading'];
841
853
  var modelProps$4 = [];
842
854
  var testProp$4 = getProps({ props: properties$4 });
843
855
  var props$4 = testProp$4[0];
@@ -914,6 +926,7 @@ var UploaderComponent = /** @__PURE__ @class */ (function (_super) {
914
926
  }
915
927
  else {
916
928
  _this.$emit('update:' + key, prop[key]);
929
+ _this.$emit('modelchanged', prop[key]);
917
930
  }
918
931
  }
919
932
  });
@@ -1005,7 +1018,7 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
1005
1018
  return c > 3 && r && Object.defineProperty(target, key, r), r;
1006
1019
  };
1007
1020
  // {{VueImport}}
1008
- var properties$5 = ['columns', 'cssClass', 'disabled', 'enableOpacity', 'enablePersistence', 'enableRtl', 'inline', 'locale', 'mode', 'modeSwitcher', 'noColor', 'presetColors', 'showButtons', 'value', 'beforeClose', 'beforeModeSwitch', 'beforeOpen', 'beforeTileRender', 'change', 'created', 'onModeSwitch', 'open', 'select'];
1021
+ var properties$5 = ['islazyUpdate', 'columns', 'cssClass', 'disabled', 'enableOpacity', 'enablePersistence', 'enableRtl', 'inline', 'locale', 'mode', 'modeSwitcher', 'noColor', 'presetColors', 'showButtons', 'value', 'beforeClose', 'beforeModeSwitch', 'beforeOpen', 'beforeTileRender', 'change', 'created', 'onModeSwitch', 'open', 'select'];
1009
1022
  var modelProps$5 = ['value'];
1010
1023
  var testProp$5 = getProps({ props: properties$5 });
1011
1024
  var props$5 = testProp$5[0];
@@ -1084,6 +1097,7 @@ var ColorPickerComponent = /** @__PURE__ @class */ (function (_super) {
1084
1097
  }
1085
1098
  else {
1086
1099
  _this.$emit('update:' + key, prop[key]);
1100
+ _this.$emit('modelchanged', prop[key]);
1087
1101
  }
1088
1102
  }
1089
1103
  });
@@ -1103,8 +1117,10 @@ var ColorPickerComponent = /** @__PURE__ @class */ (function (_super) {
1103
1117
  this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
1104
1118
  }
1105
1119
  else {
1106
- this.$emit('update:' + propKey, eventProp[propKey]);
1107
- this.$emit('modelchanged', eventProp[propKey]);
1120
+ if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
1121
+ this.$emit('update:' + propKey, eventProp[propKey]);
1122
+ this.$emit('modelchanged', eventProp[propKey]);
1123
+ }
1108
1124
  }
1109
1125
  }
1110
1126
  }