@syncfusion/ej2-schedule 19.4.48 → 19.4.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 (45) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-schedule.umd.min.js +2 -2
  4. package/dist/ej2-schedule.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-schedule.es2015.js +27 -7
  6. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es5.js +27 -7
  8. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  9. package/dist/global/ej2-schedule.min.js +2 -2
  10. package/dist/global/ej2-schedule.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +15 -15
  13. package/src/schedule/base/interface.d.ts +1 -0
  14. package/src/schedule/base/schedule.js +16 -2
  15. package/src/schedule/event-renderer/event-base.js +4 -2
  16. package/src/schedule/event-renderer/month.js +2 -1
  17. package/src/schedule/event-renderer/vertical-view.js +3 -1
  18. package/src/schedule/event-renderer/year.js +2 -1
  19. package/styles/bootstrap-dark.css +9 -1
  20. package/styles/bootstrap.css +9 -1
  21. package/styles/bootstrap4.css +9 -1
  22. package/styles/bootstrap5-dark.css +9 -1
  23. package/styles/bootstrap5.css +9 -1
  24. package/styles/fabric-dark.css +9 -1
  25. package/styles/fabric.css +9 -1
  26. package/styles/highcontrast-light.css +9 -1
  27. package/styles/highcontrast.css +9 -1
  28. package/styles/material-dark.css +9 -1
  29. package/styles/material.css +9 -1
  30. package/styles/schedule/_layout.scss +7 -1
  31. package/styles/schedule/bootstrap-dark.css +9 -1
  32. package/styles/schedule/bootstrap.css +9 -1
  33. package/styles/schedule/bootstrap4.css +9 -1
  34. package/styles/schedule/bootstrap5-dark.css +9 -1
  35. package/styles/schedule/bootstrap5.css +9 -1
  36. package/styles/schedule/fabric-dark.css +9 -1
  37. package/styles/schedule/fabric.css +9 -1
  38. package/styles/schedule/highcontrast-light.css +9 -1
  39. package/styles/schedule/highcontrast.css +9 -1
  40. package/styles/schedule/material-dark.css +9 -1
  41. package/styles/schedule/material.css +9 -1
  42. package/styles/schedule/tailwind-dark.css +9 -1
  43. package/styles/schedule/tailwind.css +9 -1
  44. package/styles/tailwind-dark.css +9 -1
  45. package/styles/tailwind.css +9 -1
@@ -5144,7 +5144,7 @@ class EventBase {
5144
5144
  if (timeZonePropChanged) {
5145
5145
  this.processTimezoneChange(event, oldTimezone);
5146
5146
  }
5147
- else if (!this.parent.isPrinting) {
5147
+ else if (!this.parent.isPrinting && !this.parent.uiStateValues.isResize) {
5148
5148
  event = this.processTimezone(event);
5149
5149
  }
5150
5150
  for (let level = 0; level < resourceCollection.length; level++) {
@@ -6115,7 +6115,9 @@ class EventBase {
6115
6115
  const scheduleId = this.parent.element.id + '_';
6116
6116
  const viewName = this.parent.activeViewOptions.eventTemplateName;
6117
6117
  const templateId = scheduleId + viewName + 'eventTemplate';
6118
- templateElement = this.parent.getAppointmentTemplate()(record, this.parent, 'eventTemplate', templateId, false);
6118
+ const templateName = 'eventTemplate' + (this.parent.activeViewOptions.group.resources.length > 0 &&
6119
+ this.parent.currentView.indexOf('Year') === -1 ? '_' + resIndex : '');
6120
+ templateElement = this.parent.getAppointmentTemplate()(record, this.parent, templateName, templateId, false);
6119
6121
  }
6120
6122
  else {
6121
6123
  const appointmentSubject = createElement('div', {
@@ -6548,7 +6550,9 @@ class VerticalEvent extends EventBase {
6548
6550
  const elementId = this.parent.element.id + '_';
6549
6551
  const viewName = this.parent.activeViewOptions.eventTemplateName;
6550
6552
  const templateId = elementId + viewName + 'eventTemplate';
6551
- templateElement = this.parent.getAppointmentTemplate()(record, this.parent, 'eventTemplate', templateId, false);
6553
+ const resIndex = this.parent.uiStateValues.isGroupAdaptive ? this.parent.uiStateValues.groupIndex : resource;
6554
+ const templateName = 'eventTemplate' + (this.parent.activeViewOptions.group.resources.length > 0 ? '_' + resIndex : '');
6555
+ templateElement = this.parent.getAppointmentTemplate()(record, this.parent, templateName, templateId, false);
6552
6556
  }
6553
6557
  else {
6554
6558
  const appointmentSubject = createElement('div', { className: SUBJECT_CLASS, innerHTML: recordSubject });
@@ -7431,7 +7435,8 @@ class MonthEvent extends EventBase {
7431
7435
  const scheduleId = this.parent.element.id + '_';
7432
7436
  const viewName = this.parent.activeViewOptions.eventTemplateName;
7433
7437
  const templateId = scheduleId + viewName + 'eventTemplate';
7434
- templateElement = this.parent.getAppointmentTemplate()(eventObj, this.parent, 'eventTemplate', templateId, false);
7438
+ const eventTemplate = 'eventTemplate' + (this.parent.activeViewOptions.group.resources.length > 0 ? '_' + resIndex : '');
7439
+ templateElement = this.parent.getAppointmentTemplate()(eventObj, this.parent, eventTemplate, templateId, false);
7435
7440
  }
7436
7441
  else {
7437
7442
  const eventLocation = (record[this.fields.location] || this.parent.eventSettings.fields.location.default || '');
@@ -15858,7 +15863,7 @@ let Schedule = class Schedule extends Component {
15858
15863
  if (this && isNullOrUndefined(this.uiStateValues) || !(this.enablePersistence)) {
15859
15864
  this.uiStateValues = {
15860
15865
  expand: false, isInitial: true, left: 0, top: 0, isGroupAdaptive: false,
15861
- isIgnoreOccurrence: false, groupIndex: 0, action: false, isBlock: false, isCustomMonth: true
15866
+ isIgnoreOccurrence: false, groupIndex: 0, action: false, isBlock: false, isCustomMonth: true, isResize: false
15862
15867
  };
15863
15868
  }
15864
15869
  this.activeCellsData = { startTime: this.getCurrentTime(), endTime: this.getCurrentTime(), isAllDay: false };
@@ -16318,9 +16323,11 @@ let Schedule = class Schedule extends Component {
16318
16323
  }
16319
16324
  if (this.currentView === 'Month' || ((this.currentView !== 'Agenda' && this.currentView !== 'MonthAgenda')
16320
16325
  && !this.activeViewOptions.timeScale.enable) || this.activeView.isTimelineView()) {
16326
+ this.uiStateValues.isResize = true;
16321
16327
  this.activeView.resetColWidth();
16322
16328
  this.notify(scrollUiUpdate, { cssProperties: this.getCssProperties(), isPreventScrollUpdate: true });
16323
16329
  this.refreshEvents(false);
16330
+ this.uiStateValues.isResize = false;
16324
16331
  }
16325
16332
  else {
16326
16333
  this.notify(contentReady, {});
@@ -17380,7 +17387,19 @@ let Schedule = class Schedule extends Component {
17380
17387
  }
17381
17388
  else {
17382
17389
  if (this.activeViewOptions && this.activeViewOptions.eventTemplate) {
17383
- this.resetTemplates(['eventTemplate']);
17390
+ let templateNames = ['eventTemplate'];
17391
+ if (this.crudModule && this.crudModule.crudObj.isCrudAction &&
17392
+ ['Agenda', 'MonthAgenda', 'Year', 'TimelineYear'].indexOf(this.currentView) === -1) {
17393
+ templateNames = [];
17394
+ for (let i = 0, len = this.crudModule.crudObj.sourceEvent.length; i < len; i++) {
17395
+ templateNames.push('eventTemplate_' + this.crudModule.crudObj.sourceEvent[i].groupIndex);
17396
+ if (this.crudModule.crudObj.targetEvent[i] && this.crudModule.crudObj.sourceEvent[i].groupIndex !==
17397
+ this.crudModule.crudObj.targetEvent[i].groupIndex) {
17398
+ templateNames.push('eventTemplate_' + this.crudModule.crudObj.targetEvent[i].groupIndex);
17399
+ }
17400
+ }
17401
+ }
17402
+ this.resetTemplates(templateNames);
17384
17403
  }
17385
17404
  const eventsData = this.eventsData || [];
17386
17405
  const blockData = this.blockData || [];
@@ -19396,7 +19415,8 @@ class YearEvent extends TimelineEvent {
19396
19415
  }
19397
19416
  }
19398
19417
  else {
19399
- const timeCondition = app[this.fields.isAllDay] ? resetTime(appEnd).getTime() > dateStart : resetTime(appEnd).getTime() >= dateStart;
19418
+ const timeCondition = app[this.fields.isAllDay] ? resetTime(appEnd).getTime() > dateStart :
19419
+ resetTime(appEnd).getTime() >= dateStart;
19400
19420
  if (((resetTime(appStart).getTime() <= dateStart) && (timeCondition)) ||
19401
19421
  (resetTime(appStart).getTime() >= dateStart) && (resetTime(appEnd).getTime() <= dateEnd)) {
19402
19422
  appointmentsList.push(app);