@syncfusion/ej2-vue-calendars 19.4.56 → 20.1.55

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 (111) hide show
  1. package/CHANGELOG.md +1 -17
  2. package/dist/ej2-vue-calendars.umd.min.js +11 -2
  3. package/dist/es6/ej2-vue-calendars.es2015.js +119 -12
  4. package/dist/es6/ej2-vue-calendars.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-calendars.es5.js +78 -7
  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.d.ts +1 -0
  10. package/src/calendar/calendar.component.js +11 -1
  11. package/src/datepicker/datepicker.component.d.ts +1 -0
  12. package/src/datepicker/datepicker.component.js +11 -1
  13. package/src/daterangepicker/daterangepicker.component.d.ts +1 -0
  14. package/src/daterangepicker/daterangepicker.component.js +11 -1
  15. package/src/daterangepicker/presets.directive.d.ts +3 -1
  16. package/src/daterangepicker/presets.directive.js +24 -2
  17. package/src/datetimepicker/datetimepicker.component.d.ts +1 -0
  18. package/src/datetimepicker/datetimepicker.component.js +11 -1
  19. package/src/timepicker/timepicker.component.d.ts +1 -0
  20. package/src/timepicker/timepicker.component.js +11 -1
  21. package/styles/bootstrap-dark.css +82 -31
  22. package/styles/bootstrap.css +82 -31
  23. package/styles/bootstrap4.css +82 -31
  24. package/styles/bootstrap5-dark.css +140 -45
  25. package/styles/bootstrap5.css +134 -39
  26. package/styles/calendar/bootstrap-dark.css +9 -5
  27. package/styles/calendar/bootstrap.css +9 -5
  28. package/styles/calendar/bootstrap4.css +9 -5
  29. package/styles/calendar/bootstrap5-dark.css +62 -14
  30. package/styles/calendar/bootstrap5.css +58 -10
  31. package/styles/calendar/fabric-dark.css +4 -0
  32. package/styles/calendar/fabric.css +4 -0
  33. package/styles/calendar/fluent-dark.css +1189 -0
  34. package/styles/calendar/fluent-dark.scss +1 -0
  35. package/styles/calendar/fluent.css +1189 -0
  36. package/styles/calendar/fluent.scss +1 -0
  37. package/styles/calendar/highcontrast-light.css +4 -0
  38. package/styles/calendar/highcontrast.css +4 -0
  39. package/styles/calendar/material-dark.css +4 -0
  40. package/styles/calendar/material.css +4 -0
  41. package/styles/calendar/tailwind-dark.css +158 -34
  42. package/styles/calendar/tailwind.css +158 -34
  43. package/styles/datepicker/bootstrap-dark.css +12 -2
  44. package/styles/datepicker/bootstrap.css +12 -2
  45. package/styles/datepicker/bootstrap4.css +12 -2
  46. package/styles/datepicker/bootstrap5-dark.css +12 -2
  47. package/styles/datepicker/bootstrap5.css +12 -2
  48. package/styles/datepicker/fabric-dark.css +12 -2
  49. package/styles/datepicker/fabric.css +12 -2
  50. package/styles/datepicker/fluent-dark.css +189 -0
  51. package/styles/datepicker/fluent-dark.scss +1 -0
  52. package/styles/datepicker/fluent.css +189 -0
  53. package/styles/datepicker/fluent.scss +1 -0
  54. package/styles/datepicker/highcontrast-light.css +12 -2
  55. package/styles/datepicker/highcontrast.css +12 -2
  56. package/styles/datepicker/material-dark.css +12 -2
  57. package/styles/datepicker/material.css +12 -2
  58. package/styles/datepicker/tailwind-dark.css +15 -5
  59. package/styles/datepicker/tailwind.css +15 -5
  60. package/styles/daterangepicker/bootstrap-dark.css +60 -24
  61. package/styles/daterangepicker/bootstrap.css +60 -24
  62. package/styles/daterangepicker/bootstrap4.css +60 -24
  63. package/styles/daterangepicker/bootstrap5-dark.css +65 -29
  64. package/styles/daterangepicker/bootstrap5.css +63 -27
  65. package/styles/daterangepicker/fabric-dark.css +60 -24
  66. package/styles/daterangepicker/fabric.css +60 -24
  67. package/styles/daterangepicker/fluent-dark.css +1055 -0
  68. package/styles/daterangepicker/fluent-dark.scss +1 -0
  69. package/styles/daterangepicker/fluent.css +1055 -0
  70. package/styles/daterangepicker/fluent.scss +1 -0
  71. package/styles/daterangepicker/highcontrast-light.css +60 -24
  72. package/styles/daterangepicker/highcontrast.css +60 -24
  73. package/styles/daterangepicker/material-dark.css +60 -24
  74. package/styles/daterangepicker/material.css +60 -24
  75. package/styles/daterangepicker/tailwind-dark.css +137 -93
  76. package/styles/daterangepicker/tailwind.css +137 -93
  77. package/styles/datetimepicker/fluent-dark.css +205 -0
  78. package/styles/datetimepicker/fluent-dark.scss +1 -0
  79. package/styles/datetimepicker/fluent.css +205 -0
  80. package/styles/datetimepicker/fluent.scss +1 -0
  81. package/styles/datetimepicker/tailwind-dark.css +1 -1
  82. package/styles/datetimepicker/tailwind.css +1 -1
  83. package/styles/fabric-dark.css +77 -26
  84. package/styles/fabric.css +77 -26
  85. package/styles/fluent-dark.css +2864 -0
  86. package/styles/fluent-dark.scss +5 -0
  87. package/styles/fluent.css +2864 -0
  88. package/styles/fluent.scss +5 -0
  89. package/styles/highcontrast-light.css +77 -26
  90. package/styles/highcontrast.css +77 -26
  91. package/styles/material-dark.css +77 -26
  92. package/styles/material.css +77 -26
  93. package/styles/tailwind-dark.css +316 -137
  94. package/styles/tailwind.css +316 -137
  95. package/styles/timepicker/bootstrap-dark.css +1 -0
  96. package/styles/timepicker/bootstrap.css +1 -0
  97. package/styles/timepicker/bootstrap4.css +1 -0
  98. package/styles/timepicker/bootstrap5-dark.css +1 -0
  99. package/styles/timepicker/bootstrap5.css +1 -0
  100. package/styles/timepicker/fabric-dark.css +1 -0
  101. package/styles/timepicker/fabric.css +1 -0
  102. package/styles/timepicker/fluent-dark.css +222 -0
  103. package/styles/timepicker/fluent-dark.scss +1 -0
  104. package/styles/timepicker/fluent.css +222 -0
  105. package/styles/timepicker/fluent.scss +1 -0
  106. package/styles/timepicker/highcontrast-light.css +1 -0
  107. package/styles/timepicker/highcontrast.css +1 -0
  108. package/styles/timepicker/material-dark.css +1 -0
  109. package/styles/timepicker/material.css +1 -0
  110. package/styles/timepicker/tailwind-dark.css +5 -4
  111. package/styles/timepicker/tailwind.css +5 -4
@@ -60,6 +60,7 @@ var CalendarComponent = /** @__PURE__ @class */ (function (_super) {
60
60
  _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
61
61
  _this.ej2Instances.setProperties = _this.setProperties;
62
62
  _this.ej2Instances.clearTemplate = _this.clearTemplate;
63
+ _this.updated = _this.updated;
63
64
  return _this;
64
65
  }
65
66
  CalendarComponent.prototype.clearTemplate = function (templateNames) {
@@ -121,6 +122,7 @@ var CalendarComponent = /** @__PURE__ @class */ (function (_super) {
121
122
  if (!isExecute) {
122
123
  this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
123
124
  this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
125
+ this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
124
126
  }
125
127
  else {
126
128
  if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
@@ -156,6 +158,9 @@ var CalendarComponent = /** @__PURE__ @class */ (function (_super) {
156
158
  }
157
159
  return h('div', slots);
158
160
  };
161
+ CalendarComponent.prototype.custom = function () {
162
+ this.updated();
163
+ };
159
164
  CalendarComponent.prototype.addDate = function (dates) {
160
165
  return this.ej2Instances.addDate(dates);
161
166
  };
@@ -184,7 +189,12 @@ var CalendarComponent = /** @__PURE__ @class */ (function (_super) {
184
189
  ,Options({
185
190
  props: props,
186
191
  watch: watch,
187
- emits: emitProbs
192
+ emits: emitProbs,
193
+ provide: function provide() {
194
+ return {
195
+ custom: this.custom
196
+ };
197
+ }
188
198
  })
189
199
  ], CalendarComponent);
190
200
  return CalendarComponent;
@@ -252,6 +262,7 @@ var DatePickerComponent = /** @__PURE__ @class */ (function (_super) {
252
262
  _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
253
263
  _this.ej2Instances.setProperties = _this.setProperties;
254
264
  _this.ej2Instances.clearTemplate = _this.clearTemplate;
265
+ _this.updated = _this.updated;
255
266
  return _this;
256
267
  }
257
268
  DatePickerComponent.prototype.clearTemplate = function (templateNames) {
@@ -313,6 +324,7 @@ var DatePickerComponent = /** @__PURE__ @class */ (function (_super) {
313
324
  if (!isExecute$1) {
314
325
  this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
315
326
  this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
327
+ this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
316
328
  }
317
329
  else {
318
330
  if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
@@ -348,6 +360,9 @@ var DatePickerComponent = /** @__PURE__ @class */ (function (_super) {
348
360
  }
349
361
  return h('input', slots);
350
362
  };
363
+ DatePickerComponent.prototype.custom = function () {
364
+ this.updated();
365
+ };
351
366
  DatePickerComponent.prototype.addDate = function (dates) {
352
367
  return this.ej2Instances.addDate(dates);
353
368
  };
@@ -388,7 +403,12 @@ var DatePickerComponent = /** @__PURE__ @class */ (function (_super) {
388
403
  ,Options({
389
404
  props: props,
390
405
  watch: watch,
391
- emits: emitProbs
406
+ emits: emitProbs,
407
+ provide: function provide() {
408
+ return {
409
+ custom: this.custom
410
+ };
411
+ }
392
412
  })
393
413
  ], DatePickerComponent);
394
414
  return DatePickerComponent;
@@ -456,6 +476,7 @@ var TimePickerComponent = /** @__PURE__ @class */ (function (_super) {
456
476
  _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
457
477
  _this.ej2Instances.setProperties = _this.setProperties;
458
478
  _this.ej2Instances.clearTemplate = _this.clearTemplate;
479
+ _this.updated = _this.updated;
459
480
  return _this;
460
481
  }
461
482
  TimePickerComponent.prototype.clearTemplate = function (templateNames) {
@@ -517,6 +538,7 @@ var TimePickerComponent = /** @__PURE__ @class */ (function (_super) {
517
538
  if (!isExecute$2) {
518
539
  this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
519
540
  this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
541
+ this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
520
542
  }
521
543
  else {
522
544
  if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
@@ -552,6 +574,9 @@ var TimePickerComponent = /** @__PURE__ @class */ (function (_super) {
552
574
  }
553
575
  return h('input', slots);
554
576
  };
577
+ TimePickerComponent.prototype.custom = function () {
578
+ this.updated();
579
+ };
555
580
  TimePickerComponent.prototype.focusIn = function () {
556
581
  return this.ej2Instances.focusIn();
557
582
  };
@@ -577,7 +602,12 @@ var TimePickerComponent = /** @__PURE__ @class */ (function (_super) {
577
602
  ,Options({
578
603
  props: props,
579
604
  watch: watch,
580
- emits: emitProbs
605
+ emits: emitProbs,
606
+ provide: function provide() {
607
+ return {
608
+ custom: this.custom
609
+ };
610
+ }
581
611
  })
582
612
  ], TimePickerComponent);
583
613
  return TimePickerComponent;
@@ -608,6 +638,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
608
638
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
609
639
  return c > 3 && r && Object.defineProperty(target, key, r), r;
610
640
  };
641
+ // {{VueImport}}
611
642
  var isExecute$3 = gh ? false : true;
612
643
  var vueImport;
613
644
  if (!isExecute$3 || parseInt(allVue.version) < 3) {
@@ -619,16 +650,36 @@ else {
619
650
  var PresetsDirective = /** @__PURE__ @class */ (function (_super) {
620
651
  __extends$3(PresetsDirective, _super);
621
652
  function PresetsDirective() {
622
- return _super !== null && _super.apply(this, arguments) || this;
653
+ return _super.call(this, arguments) || this;
623
654
  }
624
- PresetsDirective.prototype.render = function () {
655
+ PresetsDirective.prototype.render = function (createElement) {
656
+ if (gh) {
657
+ var h = gh || createElement;
658
+ var slots = null;
659
+ if (!isNullOrUndefined(this.$slots.default)) {
660
+ slots = gh ? this.$slots.default() : this.$slots.default;
661
+ }
662
+ return h('div', { class: 'e-directive' }, slots);
663
+ }
625
664
  return;
626
665
  };
666
+ PresetsDirective.prototype.updated = function () {
667
+ if (gh && this.custom) {
668
+ this.custom();
669
+ }
670
+ };
627
671
  PresetsDirective.prototype.getTag = function () {
628
672
  return 'e-presets';
629
673
  };
630
674
  PresetsDirective = __decorate$3([
631
675
  EJComponentDecorator({}, isExecute$3)
676
+ ,Options({
677
+ inject: {
678
+ custom: {
679
+ default: null
680
+ }
681
+ }
682
+ })
632
683
  ], PresetsDirective);
633
684
  return PresetsDirective;
634
685
  }(vueImport));
@@ -729,6 +780,7 @@ var DateRangePickerComponent = /** @__PURE__ @class */ (function (_super) {
729
780
  _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
730
781
  _this.ej2Instances.setProperties = _this.setProperties;
731
782
  _this.ej2Instances.clearTemplate = _this.clearTemplate;
783
+ _this.updated = _this.updated;
732
784
  return _this;
733
785
  }
734
786
  DateRangePickerComponent.prototype.clearTemplate = function (templateNames) {
@@ -790,6 +842,7 @@ var DateRangePickerComponent = /** @__PURE__ @class */ (function (_super) {
790
842
  if (!isExecute$4) {
791
843
  this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
792
844
  this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
845
+ this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
793
846
  }
794
847
  else {
795
848
  if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
@@ -825,6 +878,9 @@ var DateRangePickerComponent = /** @__PURE__ @class */ (function (_super) {
825
878
  }
826
879
  return h('input', slots);
827
880
  };
881
+ DateRangePickerComponent.prototype.custom = function () {
882
+ this.updated();
883
+ };
828
884
  DateRangePickerComponent.prototype.focusIn = function () {
829
885
  return this.ej2Instances.focusIn();
830
886
  };
@@ -853,7 +909,12 @@ var DateRangePickerComponent = /** @__PURE__ @class */ (function (_super) {
853
909
  ,Options({
854
910
  props: props,
855
911
  watch: watch,
856
- emits: emitProbs
912
+ emits: emitProbs,
913
+ provide: function provide() {
914
+ return {
915
+ custom: this.custom
916
+ };
917
+ }
857
918
  })
858
919
  ], DateRangePickerComponent);
859
920
  return DateRangePickerComponent;
@@ -923,6 +984,7 @@ var DateTimePickerComponent = /** @__PURE__ @class */ (function (_super) {
923
984
  _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
924
985
  _this.ej2Instances.setProperties = _this.setProperties;
925
986
  _this.ej2Instances.clearTemplate = _this.clearTemplate;
987
+ _this.updated = _this.updated;
926
988
  return _this;
927
989
  }
928
990
  DateTimePickerComponent.prototype.clearTemplate = function (templateNames) {
@@ -984,6 +1046,7 @@ var DateTimePickerComponent = /** @__PURE__ @class */ (function (_super) {
984
1046
  if (!isExecute$5) {
985
1047
  this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
986
1048
  this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
1049
+ this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
987
1050
  }
988
1051
  else {
989
1052
  if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
@@ -1019,6 +1082,9 @@ var DateTimePickerComponent = /** @__PURE__ @class */ (function (_super) {
1019
1082
  }
1020
1083
  return h('input', slots);
1021
1084
  };
1085
+ DateTimePickerComponent.prototype.custom = function () {
1086
+ this.updated();
1087
+ };
1022
1088
  DateTimePickerComponent.prototype.addDate = function (dates) {
1023
1089
  return this.ej2Instances.addDate(dates);
1024
1090
  };
@@ -1062,7 +1128,12 @@ var DateTimePickerComponent = /** @__PURE__ @class */ (function (_super) {
1062
1128
  ,Options({
1063
1129
  props: props,
1064
1130
  watch: watch,
1065
- emits: emitProbs
1131
+ emits: emitProbs,
1132
+ provide: function provide() {
1133
+ return {
1134
+ custom: this.custom
1135
+ };
1136
+ }
1066
1137
  })
1067
1138
  ], DateTimePickerComponent);
1068
1139
  return DateTimePickerComponent;