@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.
- package/CHANGELOG.md +1 -17
- package/dist/ej2-vue-calendars.umd.min.js +11 -2
- package/dist/es6/ej2-vue-calendars.es2015.js +119 -12
- package/dist/es6/ej2-vue-calendars.es2015.js.map +1 -1
- package/dist/es6/ej2-vue-calendars.es5.js +78 -7
- package/dist/es6/ej2-vue-calendars.es5.js.map +1 -1
- package/dist/global/ej2-vue-calendars.min.js +2 -2
- package/package.json +8 -8
- package/src/calendar/calendar.component.d.ts +1 -0
- package/src/calendar/calendar.component.js +11 -1
- package/src/datepicker/datepicker.component.d.ts +1 -0
- package/src/datepicker/datepicker.component.js +11 -1
- package/src/daterangepicker/daterangepicker.component.d.ts +1 -0
- package/src/daterangepicker/daterangepicker.component.js +11 -1
- package/src/daterangepicker/presets.directive.d.ts +3 -1
- package/src/daterangepicker/presets.directive.js +24 -2
- package/src/datetimepicker/datetimepicker.component.d.ts +1 -0
- package/src/datetimepicker/datetimepicker.component.js +11 -1
- package/src/timepicker/timepicker.component.d.ts +1 -0
- package/src/timepicker/timepicker.component.js +11 -1
- package/styles/bootstrap-dark.css +82 -31
- package/styles/bootstrap.css +82 -31
- package/styles/bootstrap4.css +82 -31
- package/styles/bootstrap5-dark.css +140 -45
- package/styles/bootstrap5.css +134 -39
- package/styles/calendar/bootstrap-dark.css +9 -5
- package/styles/calendar/bootstrap.css +9 -5
- package/styles/calendar/bootstrap4.css +9 -5
- package/styles/calendar/bootstrap5-dark.css +62 -14
- package/styles/calendar/bootstrap5.css +58 -10
- package/styles/calendar/fabric-dark.css +4 -0
- package/styles/calendar/fabric.css +4 -0
- package/styles/calendar/fluent-dark.css +1189 -0
- package/styles/calendar/fluent-dark.scss +1 -0
- package/styles/calendar/fluent.css +1189 -0
- package/styles/calendar/fluent.scss +1 -0
- package/styles/calendar/highcontrast-light.css +4 -0
- package/styles/calendar/highcontrast.css +4 -0
- package/styles/calendar/material-dark.css +4 -0
- package/styles/calendar/material.css +4 -0
- package/styles/calendar/tailwind-dark.css +158 -34
- package/styles/calendar/tailwind.css +158 -34
- package/styles/datepicker/bootstrap-dark.css +12 -2
- package/styles/datepicker/bootstrap.css +12 -2
- package/styles/datepicker/bootstrap4.css +12 -2
- package/styles/datepicker/bootstrap5-dark.css +12 -2
- package/styles/datepicker/bootstrap5.css +12 -2
- package/styles/datepicker/fabric-dark.css +12 -2
- package/styles/datepicker/fabric.css +12 -2
- package/styles/datepicker/fluent-dark.css +189 -0
- package/styles/datepicker/fluent-dark.scss +1 -0
- package/styles/datepicker/fluent.css +189 -0
- package/styles/datepicker/fluent.scss +1 -0
- package/styles/datepicker/highcontrast-light.css +12 -2
- package/styles/datepicker/highcontrast.css +12 -2
- package/styles/datepicker/material-dark.css +12 -2
- package/styles/datepicker/material.css +12 -2
- package/styles/datepicker/tailwind-dark.css +15 -5
- package/styles/datepicker/tailwind.css +15 -5
- package/styles/daterangepicker/bootstrap-dark.css +60 -24
- package/styles/daterangepicker/bootstrap.css +60 -24
- package/styles/daterangepicker/bootstrap4.css +60 -24
- package/styles/daterangepicker/bootstrap5-dark.css +65 -29
- package/styles/daterangepicker/bootstrap5.css +63 -27
- package/styles/daterangepicker/fabric-dark.css +60 -24
- package/styles/daterangepicker/fabric.css +60 -24
- package/styles/daterangepicker/fluent-dark.css +1055 -0
- package/styles/daterangepicker/fluent-dark.scss +1 -0
- package/styles/daterangepicker/fluent.css +1055 -0
- package/styles/daterangepicker/fluent.scss +1 -0
- package/styles/daterangepicker/highcontrast-light.css +60 -24
- package/styles/daterangepicker/highcontrast.css +60 -24
- package/styles/daterangepicker/material-dark.css +60 -24
- package/styles/daterangepicker/material.css +60 -24
- package/styles/daterangepicker/tailwind-dark.css +137 -93
- package/styles/daterangepicker/tailwind.css +137 -93
- package/styles/datetimepicker/fluent-dark.css +205 -0
- package/styles/datetimepicker/fluent-dark.scss +1 -0
- package/styles/datetimepicker/fluent.css +205 -0
- package/styles/datetimepicker/fluent.scss +1 -0
- package/styles/datetimepicker/tailwind-dark.css +1 -1
- package/styles/datetimepicker/tailwind.css +1 -1
- package/styles/fabric-dark.css +77 -26
- package/styles/fabric.css +77 -26
- package/styles/fluent-dark.css +2864 -0
- package/styles/fluent-dark.scss +5 -0
- package/styles/fluent.css +2864 -0
- package/styles/fluent.scss +5 -0
- package/styles/highcontrast-light.css +77 -26
- package/styles/highcontrast.css +77 -26
- package/styles/material-dark.css +77 -26
- package/styles/material.css +77 -26
- package/styles/tailwind-dark.css +316 -137
- package/styles/tailwind.css +316 -137
- package/styles/timepicker/bootstrap-dark.css +1 -0
- package/styles/timepicker/bootstrap.css +1 -0
- package/styles/timepicker/bootstrap4.css +1 -0
- package/styles/timepicker/bootstrap5-dark.css +1 -0
- package/styles/timepicker/bootstrap5.css +1 -0
- package/styles/timepicker/fabric-dark.css +1 -0
- package/styles/timepicker/fabric.css +1 -0
- package/styles/timepicker/fluent-dark.css +222 -0
- package/styles/timepicker/fluent-dark.scss +1 -0
- package/styles/timepicker/fluent.css +222 -0
- package/styles/timepicker/fluent.scss +1 -0
- package/styles/timepicker/highcontrast-light.css +1 -0
- package/styles/timepicker/highcontrast.css +1 -0
- package/styles/timepicker/material-dark.css +1 -0
- package/styles/timepicker/material.css +1 -0
- package/styles/timepicker/tailwind-dark.css +5 -4
- 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
|
|
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;
|