@syncfusion/ej2-vue-calendars 19.2.62 → 19.3.53

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 (63) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/ej2-vue-calendars.umd.min.js +1 -1
  3. package/dist/es6/ej2-vue-calendars.es2015.js +30 -15
  4. package/dist/es6/ej2-vue-calendars.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-calendars.es5.js +30 -15
  6. package/dist/es6/ej2-vue-calendars.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-calendars.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/calendar/calendar.component.js +6 -3
  10. package/src/datepicker/datepicker.component.js +6 -3
  11. package/src/daterangepicker/daterangepicker.component.js +6 -3
  12. package/src/datetimepicker/datetimepicker.component.js +6 -3
  13. package/src/timepicker/timepicker.component.js +6 -3
  14. package/styles/bootstrap-dark.css +17 -2
  15. package/styles/bootstrap.css +17 -2
  16. package/styles/bootstrap4.css +17 -2
  17. package/styles/bootstrap5-dark.css +2676 -0
  18. package/styles/bootstrap5-dark.scss +5 -0
  19. package/styles/bootstrap5.css +2676 -0
  20. package/styles/bootstrap5.scss +5 -0
  21. package/styles/calendar/bootstrap-dark.css +17 -2
  22. package/styles/calendar/bootstrap.css +17 -2
  23. package/styles/calendar/bootstrap4.css +17 -2
  24. package/styles/calendar/bootstrap5-dark.css +1038 -0
  25. package/styles/calendar/bootstrap5-dark.scss +1 -0
  26. package/styles/calendar/bootstrap5.css +1038 -0
  27. package/styles/calendar/bootstrap5.scss +1 -0
  28. package/styles/calendar/fabric-dark.css +15 -0
  29. package/styles/calendar/fabric.css +15 -0
  30. package/styles/calendar/highcontrast-light.css +15 -0
  31. package/styles/calendar/highcontrast.css +15 -0
  32. package/styles/calendar/material-dark.css +28 -13
  33. package/styles/calendar/material.css +15 -0
  34. package/styles/calendar/tailwind-dark.css +17 -2
  35. package/styles/calendar/tailwind.css +17 -2
  36. package/styles/datepicker/bootstrap5-dark.css +177 -0
  37. package/styles/datepicker/bootstrap5-dark.scss +1 -0
  38. package/styles/datepicker/bootstrap5.css +177 -0
  39. package/styles/datepicker/bootstrap5.scss +1 -0
  40. package/styles/datepicker/material-dark.css +3 -3
  41. package/styles/daterangepicker/bootstrap5-dark.css +1029 -0
  42. package/styles/daterangepicker/bootstrap5-dark.scss +1 -0
  43. package/styles/daterangepicker/bootstrap5.css +1029 -0
  44. package/styles/daterangepicker/bootstrap5.scss +1 -0
  45. package/styles/daterangepicker/material-dark.css +9 -9
  46. package/styles/datetimepicker/bootstrap5-dark.css +205 -0
  47. package/styles/datetimepicker/bootstrap5-dark.scss +1 -0
  48. package/styles/datetimepicker/bootstrap5.css +205 -0
  49. package/styles/datetimepicker/bootstrap5.scss +1 -0
  50. package/styles/datetimepicker/material-dark.css +4 -4
  51. package/styles/fabric-dark.css +15 -0
  52. package/styles/fabric.css +15 -0
  53. package/styles/highcontrast-light.css +15 -0
  54. package/styles/highcontrast.css +15 -0
  55. package/styles/material-dark.css +48 -33
  56. package/styles/material.css +15 -0
  57. package/styles/tailwind-dark.css +17 -2
  58. package/styles/tailwind.css +17 -2
  59. package/styles/timepicker/bootstrap5-dark.css +223 -0
  60. package/styles/timepicker/bootstrap5-dark.scss +1 -0
  61. package/styles/timepicker/bootstrap5.css +223 -0
  62. package/styles/timepicker/bootstrap5.scss +1 -0
  63. package/styles/timepicker/material-dark.css +4 -4
@@ -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 = ['calendarMode', 'cssClass', 'dayHeaderFormat', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'isMultiSelection', 'keyConfigs', 'locale', 'max', 'min', 'serverTimezoneOffset', 'showTodayButton', 'start', 'value', 'values', 'weekNumber', 'weekRule', 'change', 'created', 'destroyed', 'navigated', 'renderDayCell'];
27
+ var properties = ['islazyUpdate', 'calendarMode', 'cssClass', 'dayHeaderFormat', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'isMultiSelection', 'keyConfigs', 'locale', 'max', 'min', 'serverTimezoneOffset', 'showTodayButton', 'start', 'value', 'values', 'weekNumber', 'weekRule', 'change', 'created', 'destroyed', 'navigated', 'renderDayCell'];
28
28
  var modelProps = ['value', 'values'];
29
29
  var testProp = getProps({ props: properties });
30
30
  var props = testProp[0];
@@ -103,6 +103,7 @@ var CalendarComponent = /** @__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 CalendarComponent = /** @__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
  }
@@ -213,7 +216,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
213
216
  return c > 3 && r && Object.defineProperty(target, key, r), r;
214
217
  };
215
218
  // {{VueImport}}
216
- var properties$1 = ['allowEdit', 'calendarMode', 'cssClass', 'dayHeaderFormat', 'depth', 'enableMask', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'htmlAttributes', 'isMultiSelection', 'keyConfigs', 'locale', 'maskPlaceholder', 'max', 'min', 'openOnFocus', 'placeholder', 'readonly', 'serverTimezoneOffset', 'showClearButton', 'showTodayButton', 'start', 'strictMode', 'value', 'values', 'weekNumber', 'weekRule', 'width', 'zIndex', 'blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
219
+ var properties$1 = ['islazyUpdate', 'allowEdit', 'calendarMode', 'cssClass', 'dayHeaderFormat', 'depth', 'enableMask', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'htmlAttributes', 'isMultiSelection', 'keyConfigs', 'locale', 'maskPlaceholder', 'max', 'min', 'openOnFocus', 'placeholder', 'readonly', 'serverTimezoneOffset', 'showClearButton', 'showTodayButton', 'start', 'strictMode', 'value', 'values', 'weekNumber', 'weekRule', 'width', 'zIndex', 'blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
217
220
  var modelProps$1 = ['value'];
218
221
  var testProp$1 = getProps({ props: properties$1 });
219
222
  var props$1 = testProp$1[0];
@@ -292,6 +295,7 @@ var DatePickerComponent = /** @__PURE__ @class */ (function (_super) {
292
295
  }
293
296
  else {
294
297
  _this.$emit('update:' + key, prop[key]);
298
+ _this.$emit('modelchanged', prop[key]);
295
299
  }
296
300
  }
297
301
  });
@@ -311,8 +315,10 @@ var DatePickerComponent = /** @__PURE__ @class */ (function (_super) {
311
315
  this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
312
316
  }
313
317
  else {
314
- this.$emit('update:' + propKey, eventProp[propKey]);
315
- this.$emit('modelchanged', eventProp[propKey]);
318
+ if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
319
+ this.$emit('update:' + propKey, eventProp[propKey]);
320
+ this.$emit('modelchanged', eventProp[propKey]);
321
+ }
316
322
  }
317
323
  }
318
324
  }
@@ -414,7 +420,7 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
414
420
  return c > 3 && r && Object.defineProperty(target, key, r), r;
415
421
  };
416
422
  // {{VueImport}}
417
- var properties$2 = ['allowEdit', 'cssClass', 'enableMask', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'htmlAttributes', 'keyConfigs', 'locale', 'maskPlaceholder', 'max', 'min', 'openOnFocus', 'placeholder', 'readonly', 'scrollTo', 'showClearButton', 'step', 'strictMode', 'value', 'width', 'zIndex', 'blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'itemRender', 'open'];
423
+ var properties$2 = ['islazyUpdate', 'allowEdit', 'cssClass', 'enableMask', 'enablePersistence', 'enableRtl', 'enabled', 'floatLabelType', 'format', 'htmlAttributes', 'keyConfigs', 'locale', 'maskPlaceholder', 'max', 'min', 'openOnFocus', 'placeholder', 'readonly', 'scrollTo', 'showClearButton', 'step', 'strictMode', 'value', 'width', 'zIndex', 'blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'itemRender', 'open'];
418
424
  var modelProps$2 = ['value'];
419
425
  var testProp$2 = getProps({ props: properties$2 });
420
426
  var props$2 = testProp$2[0];
@@ -493,6 +499,7 @@ var TimePickerComponent = /** @__PURE__ @class */ (function (_super) {
493
499
  }
494
500
  else {
495
501
  _this.$emit('update:' + key, prop[key]);
502
+ _this.$emit('modelchanged', prop[key]);
496
503
  }
497
504
  }
498
505
  });
@@ -512,8 +519,10 @@ var TimePickerComponent = /** @__PURE__ @class */ (function (_super) {
512
519
  this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
513
520
  }
514
521
  else {
515
- this.$emit('update:' + propKey, eventProp[propKey]);
516
- this.$emit('modelchanged', eventProp[propKey]);
522
+ if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
523
+ this.$emit('update:' + propKey, eventProp[propKey]);
524
+ this.$emit('modelchanged', eventProp[propKey]);
525
+ }
517
526
  }
518
527
  }
519
528
  }
@@ -684,7 +693,7 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
684
693
  return c > 3 && r && Object.defineProperty(target, key, r), r;
685
694
  };
686
695
  // {{VueImport}}
687
- var properties$3 = ['allowEdit', 'calendarMode', 'cssClass', 'dayHeaderFormat', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'endDate', 'firstDayOfWeek', 'floatLabelType', 'format', 'htmlAttributes', 'keyConfigs', 'locale', 'max', 'maxDays', 'min', 'minDays', 'openOnFocus', 'placeholder', 'presets', 'readonly', 'separator', 'serverTimezoneOffset', 'showClearButton', 'start', 'startDate', 'strictMode', 'value', 'weekNumber', 'weekRule', 'width', 'zIndex', 'blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell', 'select'];
696
+ var properties$3 = ['islazyUpdate', 'allowEdit', 'calendarMode', 'cssClass', 'dayHeaderFormat', 'depth', 'enablePersistence', 'enableRtl', 'enabled', 'endDate', 'firstDayOfWeek', 'floatLabelType', 'format', 'htmlAttributes', 'keyConfigs', 'locale', 'max', 'maxDays', 'min', 'minDays', 'openOnFocus', 'placeholder', 'presets', 'readonly', 'separator', 'serverTimezoneOffset', 'showClearButton', 'start', 'startDate', 'strictMode', 'value', 'weekNumber', 'weekRule', 'width', 'zIndex', 'blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell', 'select'];
688
697
  var modelProps$3 = ['startDate', 'endDate', 'value'];
689
698
  var testProp$3 = getProps({ props: properties$3 });
690
699
  var props$3 = testProp$3[0];
@@ -763,6 +772,7 @@ var DateRangePickerComponent = /** @__PURE__ @class */ (function (_super) {
763
772
  }
764
773
  else {
765
774
  _this.$emit('update:' + key, prop[key]);
775
+ _this.$emit('modelchanged', prop[key]);
766
776
  }
767
777
  }
768
778
  });
@@ -782,8 +792,10 @@ var DateRangePickerComponent = /** @__PURE__ @class */ (function (_super) {
782
792
  this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
783
793
  }
784
794
  else {
785
- this.$emit('update:' + propKey, eventProp[propKey]);
786
- this.$emit('modelchanged', eventProp[propKey]);
795
+ if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
796
+ this.$emit('update:' + propKey, eventProp[propKey]);
797
+ this.$emit('modelchanged', eventProp[propKey]);
798
+ }
787
799
  }
788
800
  }
789
801
  }
@@ -875,7 +887,7 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
875
887
  return c > 3 && r && Object.defineProperty(target, key, r), r;
876
888
  };
877
889
  // {{VueImport}}
878
- var properties$4 = ['allowEdit', 'calendarMode', 'cssClass', 'dayHeaderFormat', 'depth', 'enableMask', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'htmlAttributes', 'isMultiSelection', 'keyConfigs', 'locale', 'maskPlaceholder', 'max', 'min', 'openOnFocus', 'placeholder', 'readonly', 'scrollTo', 'serverTimezoneOffset', 'showClearButton', 'showTodayButton', 'start', 'step', 'strictMode', 'timeFormat', 'value', 'values', 'weekNumber', 'weekRule', 'width', 'zIndex', 'blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
890
+ var properties$4 = ['islazyUpdate', 'allowEdit', 'calendarMode', 'cssClass', 'dayHeaderFormat', 'depth', 'enableMask', 'enablePersistence', 'enableRtl', 'enabled', 'firstDayOfWeek', 'floatLabelType', 'format', 'htmlAttributes', 'isMultiSelection', 'keyConfigs', 'locale', 'maskPlaceholder', 'max', 'min', 'openOnFocus', 'placeholder', 'readonly', 'scrollTo', 'serverTimezoneOffset', 'showClearButton', 'showTodayButton', 'start', 'step', 'strictMode', 'timeFormat', 'value', 'values', 'weekNumber', 'weekRule', 'width', 'zIndex', 'blur', 'change', 'cleared', 'close', 'created', 'destroyed', 'focus', 'navigated', 'open', 'renderDayCell'];
879
891
  var modelProps$4 = ['value'];
880
892
  var testProp$4 = getProps({ props: properties$4 });
881
893
  var props$4 = testProp$4[0];
@@ -954,6 +966,7 @@ var DateTimePickerComponent = /** @__PURE__ @class */ (function (_super) {
954
966
  }
955
967
  else {
956
968
  _this.$emit('update:' + key, prop[key]);
969
+ _this.$emit('modelchanged', prop[key]);
957
970
  }
958
971
  }
959
972
  });
@@ -973,8 +986,10 @@ var DateTimePickerComponent = /** @__PURE__ @class */ (function (_super) {
973
986
  this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
974
987
  }
975
988
  else {
976
- this.$emit('update:' + propKey, eventProp[propKey]);
977
- this.$emit('modelchanged', eventProp[propKey]);
989
+ if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
990
+ this.$emit('update:' + propKey, eventProp[propKey]);
991
+ this.$emit('modelchanged', eventProp[propKey]);
992
+ }
978
993
  }
979
994
  }
980
995
  }