@syncfusion/ej2-schedule 20.1.59 → 20.1.61

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 (51) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/ej2-schedule.umd.min.js +2 -2
  3. package/dist/ej2-schedule.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-schedule.es2015.js +34 -8
  5. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  6. package/dist/es6/ej2-schedule.es5.js +34 -8
  7. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  8. package/dist/global/ej2-schedule.min.js +2 -2
  9. package/dist/global/ej2-schedule.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +10 -10
  12. package/src/schedule/actions/action-base.d.ts +1 -0
  13. package/src/schedule/actions/action-base.js +3 -2
  14. package/src/schedule/actions/drag.js +1 -1
  15. package/src/schedule/event-renderer/event-base.js +3 -0
  16. package/src/schedule/event-renderer/month.js +1 -3
  17. package/src/schedule/popups/quick-popups.js +2 -1
  18. package/src/schedule/renderer/vertical-view.d.ts +1 -0
  19. package/src/schedule/renderer/vertical-view.js +16 -1
  20. package/src/schedule/renderer/view-base.js +8 -0
  21. package/styles/bootstrap-dark.css +1 -4
  22. package/styles/bootstrap.css +1 -4
  23. package/styles/bootstrap4.css +1 -4
  24. package/styles/bootstrap5-dark.css +0 -2
  25. package/styles/bootstrap5.css +1 -4
  26. package/styles/fabric-dark.css +1 -4
  27. package/styles/fabric.css +1 -4
  28. package/styles/fluent-dark.css +0 -2
  29. package/styles/fluent.css +1 -4
  30. package/styles/highcontrast-light.css +1 -4
  31. package/styles/highcontrast.css +1 -4
  32. package/styles/material-dark.css +1 -4
  33. package/styles/material.css +1 -4
  34. package/styles/schedule/_layout.scss +0 -1
  35. package/styles/schedule/bootstrap-dark.css +1 -4
  36. package/styles/schedule/bootstrap.css +1 -4
  37. package/styles/schedule/bootstrap4.css +1 -4
  38. package/styles/schedule/bootstrap5-dark.css +0 -2
  39. package/styles/schedule/bootstrap5.css +1 -4
  40. package/styles/schedule/fabric-dark.css +1 -4
  41. package/styles/schedule/fabric.css +1 -4
  42. package/styles/schedule/fluent-dark.css +0 -2
  43. package/styles/schedule/fluent.css +1 -4
  44. package/styles/schedule/highcontrast-light.css +1 -4
  45. package/styles/schedule/highcontrast.css +1 -4
  46. package/styles/schedule/material-dark.css +1 -4
  47. package/styles/schedule/material.css +1 -4
  48. package/styles/schedule/tailwind-dark.css +0 -2
  49. package/styles/schedule/tailwind.css +1 -4
  50. package/styles/tailwind-dark.css +0 -2
  51. package/styles/tailwind.css +1 -4
@@ -5804,6 +5804,7 @@ var EventBase = /** @__PURE__ @class */ (function () {
5804
5804
  }
5805
5805
  else if (!closest(element, '.' + POPUP_OPEN)) {
5806
5806
  this.removeSelectedAppointmentClass();
5807
+ this.parent.selectedElements = [];
5807
5808
  }
5808
5809
  };
5809
5810
  EventBase.prototype.wireAppointmentEvents = function (element, event, isPreventCrud) {
@@ -5909,6 +5910,7 @@ var EventBase = /** @__PURE__ @class */ (function () {
5909
5910
  this.parent.trigger(eventClick, args, function (eventClickArgs) {
5910
5911
  if (eventClickArgs.cancel) {
5911
5912
  _this.removeSelectedAppointmentClass();
5913
+ _this.parent.selectedElements = [];
5912
5914
  if (_this.parent.quickPopup) {
5913
5915
  _this.parent.quickPopup.quickPopupHide();
5914
5916
  }
@@ -5940,6 +5942,7 @@ var EventBase = /** @__PURE__ @class */ (function () {
5940
5942
  this.activeEventData(e, true);
5941
5943
  }
5942
5944
  this.removeSelectedAppointmentClass();
5945
+ this.parent.selectedElements = [];
5943
5946
  if (this.parent.activeEventData.element.classList.contains(INLINE_APPOINTMENT_CLASS) ||
5944
5947
  this.parent.activeEventData.element.querySelector('.' + INLINE_SUBJECT_CLASS)) {
5945
5948
  return;
@@ -7396,9 +7399,7 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
7396
7399
  this.sortByDateTime(blockList);
7397
7400
  if (this.parent.currentView === 'Month' && this.parent.rowAutoHeight && this.parent.activeViewOptions.group.resources.length === 0) {
7398
7401
  var totalCells = [].slice.call(this.parent.element.querySelectorAll('.e-content-wrap table tr td:first-child'));
7399
- var height_1 = this.parent.height === 'auto' ? (this.parent.element.querySelector('.e-content-wrap').clientHeight +
7400
- this.parent.element.querySelector('.e-date-header-wrap').clientHeight) / totalCells.length
7401
- : this.parent.element.querySelector('.e-schedule-table').clientHeight / totalCells.length;
7402
+ var height_1 = this.parent.element.querySelector('.' + CONTENT_TABLE_CLASS).clientHeight / totalCells.length;
7402
7403
  totalCells.forEach(function (cell) {
7403
7404
  setStyleAttribute(cell, { 'height': height_1 + 'px' });
7404
7405
  });
@@ -9297,6 +9298,7 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
9297
9298
  }
9298
9299
  else {
9299
9300
  var isSameTarget = this.isSameEventClick(events);
9301
+ this.parent.selectedElements = [];
9300
9302
  if (isSameTarget) {
9301
9303
  return;
9302
9304
  }
@@ -9362,7 +9364,7 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
9362
9364
  ("<button class=\"" + (DELETE_CLASS + ' ' + ICON) + "\" title=\"" + this.l10n.getConstant('delete') + "\"></button>") +
9363
9365
  ("<button class=\"" + CLOSE_CLASS + "\" title=\"" + this.l10n.getConstant('close') + "\"></button></div>") +
9364
9366
  ("<div class=\"" + SUBJECT_WRAP + "\"><div class=\"" + SUBJECT_CLASS + " " + TEXT_ELLIPSIS + "\" ") +
9365
- ("title=\"" + args.eventSubject + "\">" + args.eventSubject + "</div></div >");
9367
+ ("title=\"" + (args.eventSubject ? args.eventSubject.replaceAll('"', '\'') : args.eventSubject) + "\">" + args.eventSubject + "</div></div >");
9366
9368
  break;
9367
9369
  }
9368
9370
  var templateWrapper = createElement('div', { innerHTML: header });
@@ -18917,6 +18919,7 @@ var ActionBase = /** @__PURE__ @class */ (function () {
18917
18919
  };
18918
18920
  ActionBase.prototype.updateScrollPosition = function (e) {
18919
18921
  var _this = this;
18922
+ this.scrollEventArgs = e;
18920
18923
  if (this.actionObj.scroll.enable && isNullOrUndefined(this.actionObj.scrollInterval)) {
18921
18924
  this.actionObj.scrollInterval = window.setInterval(function () {
18922
18925
  if (_this.autoScrollValidation() && !_this.actionObj.clone.classList.contains(ALLDAY_APPOINTMENT_CLASS)) {
@@ -18926,10 +18929,10 @@ var ActionBase = /** @__PURE__ @class */ (function () {
18926
18929
  }
18927
18930
  _this.autoScroll();
18928
18931
  if (_this.actionObj.action === 'drag') {
18929
- _this.parent.dragAndDropModule.updateDraggingDateTime(e);
18932
+ _this.parent.dragAndDropModule.updateDraggingDateTime(_this.scrollEventArgs);
18930
18933
  }
18931
18934
  else {
18932
- _this.parent.resizeModule.updateResizingDirection(e);
18935
+ _this.parent.resizeModule.updateResizingDirection(_this.scrollEventArgs);
18933
18936
  }
18934
18937
  }
18935
18938
  }, this.actionObj.scroll.timeDelay);
@@ -21402,7 +21405,7 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
21402
21405
  var cursorElement = this.getCursorElement(e);
21403
21406
  if (cursorElement) {
21404
21407
  top = cursorElement.classList.contains(WORK_CELLS_CLASS) ? cursorElement.offsetTop :
21405
- cursorElement.offsetParent.classList.contains(APPOINTMENT_CLASS) ?
21408
+ (cursorElement.offsetParent && cursorElement.offsetParent.classList.contains(APPOINTMENT_CLASS)) ?
21406
21409
  cursorElement.offsetParent.offsetTop : top;
21407
21410
  }
21408
21411
  }
@@ -21951,6 +21954,14 @@ var ViewBase = /** @__PURE__ @class */ (function () {
21951
21954
  var tdDate = new Date(resetTime(new Date(+scrollDate)).getTime()).getTime();
21952
21955
  var dateElement = scrollWrap.querySelector("." + WORK_CELLS_CLASS + "[data-date=\"" + tdDate + "\"]");
21953
21956
  if (this.parent.currentView === 'Month' && dateElement) {
21957
+ if (scrollWrap.scrollWidth > scrollWrap.clientWidth) {
21958
+ if (!this.parent.enableRtl) {
21959
+ scrollWrap.scrollLeft = dateElement.offsetLeft;
21960
+ }
21961
+ else {
21962
+ scrollWrap.scrollLeft = -(this.parent.getContentTable().offsetWidth - dateElement.offsetLeft - dateElement.offsetWidth);
21963
+ }
21964
+ }
21954
21965
  scrollWrap.scrollTop = dateElement.offsetTop;
21955
21966
  }
21956
21967
  if (this.parent.currentView === 'TimelineMonth' && dateElement) {
@@ -22155,11 +22166,26 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
22155
22166
  };
22156
22167
  VerticalView.prototype.scrollToHour = function (hour, scrollDate) {
22157
22168
  var date = this.parent.getStartEndTime(hour);
22158
- if (isNullOrUndefined(date) || !isNullOrUndefined(scrollDate)) {
22169
+ if (!isNullOrUndefined(scrollDate)) {
22170
+ var headerElement = this.element.querySelector('.' + HEADER_CELLS_CLASS + '[data-date="' + new Date(resetTime(scrollDate)).getTime() + '"]');
22171
+ if (headerElement) {
22172
+ if (this.parent.enableRtl) {
22173
+ var conWrap = this.element.querySelector('.' + CONTENT_TABLE_CLASS);
22174
+ this.getScrollableElement().scrollLeft = -(conWrap.offsetWidth - headerElement.offsetLeft - headerElement.offsetWidth);
22175
+ }
22176
+ else {
22177
+ this.getScrollableElement().scrollLeft = headerElement.offsetLeft;
22178
+ }
22179
+ }
22180
+ }
22181
+ if (isNullOrUndefined(date)) {
22159
22182
  return;
22160
22183
  }
22161
22184
  this.getScrollableElement().scrollTop = this.getTopFromDateTime(date);
22162
22185
  };
22186
+ VerticalView.prototype.scrollToDate = function (scrollDate) {
22187
+ this.scrollToHour(null, scrollDate);
22188
+ };
22163
22189
  VerticalView.prototype.generateColumnLevels = function () {
22164
22190
  var level = this.getDateSlots(this.renderDates, this.parent.activeViewOptions.workDays);
22165
22191
  var columnLevels = [];