@syncfusion/ej2-vue-calendars 19.3.43 → 19.3.55

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-calendars@*",
-  "_id": "@syncfusion/ej2-vue-calendars@18.22.0",
+  "_id": "@syncfusion/ej2-vue-calendars@19.3.53",
   "_inBundle": false,
-  "_integrity": "sha512-KRxENQByxi8/tcUGdsrBsz8+uVqdeUSHrjRV76UGI8OeoCroXQCokqPDbnzoThHTUrbreZ8qkmBoFAzv5PLcQg==",
+  "_integrity": "sha512-7kPw5isX3CIFEAwOR35cHCwSggIxpmSZoCk/VzSUO5IRZOijihlQUpMxxJKE2q0xd8St8XLsVg0F3OrNkMg9/Q==",
   "_location": "/@syncfusion/ej2-vue-calendars",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-vue-calendars/-/ej2-vue-calendars-18.22.0.tgz",
-  "_shasum": "41fb79756e6b3a563ed6cc0dc3591674687300d9",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-vue-calendars/-/ej2-vue-calendars-19.3.53.tgz",
+  "_shasum": "ef837ddf8235522630a02e45d50a5a057a9665d5",
   "_spec": "@syncfusion/ej2-vue-calendars@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.3.43",
-    "@syncfusion/ej2-calendars": "19.3.43",
-    "@syncfusion/ej2-vue-base": "~19.3.43"
+    "@syncfusion/ej2-base": "~19.3.54",
+    "@syncfusion/ej2-calendars": "19.3.55",
+    "@syncfusion/ej2-vue-base": "~19.3.55"
   },
   "deprecated": false,
   "description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization. for Vue",
@@ -89,6 +89,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "19.3.43",
+  "version": "19.3.55",
   "sideEffects": false
 }

package/src/calendar/calendar.component.js

@@ -22,7 +22,7 @@ import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/e
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { Calendar } from '@syncfusion/ej2-calendars';
 import { Options } from 'vue-class-component';
-export 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'];
+export 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'];
 export var modelProps = ['value', 'values'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -121,8 +121,10 @@ var CalendarComponent = /** @class */ (function (_super) {
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
                 else {
-                    this.$emit('update:' + propKey, eventProp[propKey]);
-                    this.$emit('modelchanged', eventProp[propKey]);
+                    if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
+                        this.$emit('update:' + propKey, eventProp[propKey]);
+                        this.$emit('modelchanged', eventProp[propKey]);
+                    }
                 }
             }
         }

package/src/datepicker/datepicker.component.js

@@ -22,7 +22,7 @@ import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/e
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { DatePicker } from '@syncfusion/ej2-calendars';
 import { Options } from 'vue-class-component';
-export var properties = ['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'];
+export var properties = ['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'];
 export var modelProps = ['value'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -121,8 +121,10 @@ var DatePickerComponent = /** @class */ (function (_super) {
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
                 else {
-                    this.$emit('update:' + propKey, eventProp[propKey]);
-                    this.$emit('modelchanged', eventProp[propKey]);
+                    if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
+                        this.$emit('update:' + propKey, eventProp[propKey]);
+                        this.$emit('modelchanged', eventProp[propKey]);
+                    }
                 }
             }
         }

package/src/daterangepicker/daterangepicker.component.js

@@ -23,7 +23,7 @@ import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { DateRangePicker } from '@syncfusion/ej2-calendars';
 import { PresetsDirective, PresetDirective, PresetsPlugin, PresetPlugin } from './presets.directive';
 import { Options } from 'vue-class-component';
-export var properties = ['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'];
+export var properties = ['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'];
 export var modelProps = ['startDate', 'endDate', 'value'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -122,8 +122,10 @@ var DateRangePickerComponent = /** @class */ (function (_super) {
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
                 else {
-                    this.$emit('update:' + propKey, eventProp[propKey]);
-                    this.$emit('modelchanged', eventProp[propKey]);
+                    if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
+                        this.$emit('update:' + propKey, eventProp[propKey]);
+                        this.$emit('modelchanged', eventProp[propKey]);
+                    }
                 }
             }
         }

package/src/datetimepicker/datetimepicker.component.js

@@ -22,7 +22,7 @@ import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/e
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { DateTimePicker } from '@syncfusion/ej2-calendars';
 import { Options } from 'vue-class-component';
-export var properties = ['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'];
+export var properties = ['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'];
 export var modelProps = ['value'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -121,8 +121,10 @@ var DateTimePickerComponent = /** @class */ (function (_super) {
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
                 else {
-                    this.$emit('update:' + propKey, eventProp[propKey]);
-                    this.$emit('modelchanged', eventProp[propKey]);
+                    if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
+                        this.$emit('update:' + propKey, eventProp[propKey]);
+                        this.$emit('modelchanged', eventProp[propKey]);
+                    }
                 }
             }
         }

package/src/timepicker/timepicker.component.js

@@ -22,7 +22,7 @@ import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/e
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { TimePicker } from '@syncfusion/ej2-calendars';
 import { Options } from 'vue-class-component';
-export var properties = ['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'];
+export var properties = ['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'];
 export var modelProps = ['value'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];
@@ -121,8 +121,10 @@ var TimePickerComponent = /** @class */ (function (_super) {
                     this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
                 }
                 else {
-                    this.$emit('update:' + propKey, eventProp[propKey]);
-                    this.$emit('modelchanged', eventProp[propKey]);
+                    if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
+                        this.$emit('update:' + propKey, eventProp[propKey]);
+                        this.$emit('modelchanged', eventProp[propKey]);
+                    }
                 }
             }
         }

package/styles/bootstrap-dark.css

@@ -739,7 +739,7 @@ ejs-calendar {
 .e-calendar .e-header button.e-next:active span,
 .e-bigger.e-small .e-calendar .e-header button.e-prev:active span,
 .e-bigger.e-small .e-calendar .e-header button.e-next:active span {
-  border: 1px solid transparent;
+  border: none;
   color: #f0f0f0;
 }
 
@@ -954,7 +954,7 @@ ejs-calendar {
 .e-calendar .e-content td.e-selected span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
   background-color: #0070f0;
-  border: 1px solid transparent;
+  border: none;
   border-radius: 4px;
   color: #fff;
 }

package/styles/bootstrap.css

@@ -740,7 +740,7 @@ ejs-calendar {
 .e-calendar .e-header button.e-next:active span,
 .e-bigger.e-small .e-calendar .e-header button.e-prev:active span,
 .e-bigger.e-small .e-calendar .e-header button.e-next:active span {
-  border: 1px solid transparent;
+  border: none;
   color: #333;
 }
 
@@ -955,7 +955,7 @@ ejs-calendar {
 .e-calendar .e-content td.e-selected span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
   background-color: #317ab9;
-  border: 1px solid transparent;
+  border: none;
   border-radius: 4px;
   color: #fff;
 }

package/styles/bootstrap4.css

@@ -740,7 +740,7 @@ ejs-calendar {
 .e-calendar .e-header button.e-next:active span,
 .e-bigger.e-small .e-calendar .e-header button.e-prev:active span,
 .e-bigger.e-small .e-calendar .e-header button.e-next:active span {
-  border: 1px solid transparent;
+  border: none;
   color: #fff;
 }
 
@@ -955,7 +955,7 @@ ejs-calendar {
 .e-calendar .e-content td.e-selected span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
   background-color: #007bff;
-  border: 1px solid transparent;
+  border: none;
   border-radius: 4px;
   color: #fff;
 }

package/styles/calendar/bootstrap-dark.css

@@ -739,7 +739,7 @@ ejs-calendar {
 .e-calendar .e-header button.e-next:active span,
 .e-bigger.e-small .e-calendar .e-header button.e-prev:active span,
 .e-bigger.e-small .e-calendar .e-header button.e-next:active span {
-  border: 1px solid transparent;
+  border: none;
   color: #f0f0f0;
 }
 
@@ -954,7 +954,7 @@ ejs-calendar {
 .e-calendar .e-content td.e-selected span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
   background-color: #0070f0;
-  border: 1px solid transparent;
+  border: none;
   border-radius: 4px;
   color: #fff;
 }

package/styles/calendar/bootstrap.css

@@ -740,7 +740,7 @@ ejs-calendar {
 .e-calendar .e-header button.e-next:active span,
 .e-bigger.e-small .e-calendar .e-header button.e-prev:active span,
 .e-bigger.e-small .e-calendar .e-header button.e-next:active span {
-  border: 1px solid transparent;
+  border: none;
   color: #333;
 }
 
@@ -955,7 +955,7 @@ ejs-calendar {
 .e-calendar .e-content td.e-selected span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
   background-color: #317ab9;
-  border: 1px solid transparent;
+  border: none;
   border-radius: 4px;
   color: #fff;
 }

package/styles/calendar/bootstrap4.css

@@ -740,7 +740,7 @@ ejs-calendar {
 .e-calendar .e-header button.e-next:active span,
 .e-bigger.e-small .e-calendar .e-header button.e-prev:active span,
 .e-bigger.e-small .e-calendar .e-header button.e-next:active span {
-  border: 1px solid transparent;
+  border: none;
   color: #fff;
 }
 
@@ -955,7 +955,7 @@ ejs-calendar {
 .e-calendar .e-content td.e-selected span.e-day,
 .e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day {
   background-color: #007bff;
-  border: 1px solid transparent;
+  border: none;
   border-radius: 4px;
   color: #fff;
 }