@syncfusion/ej2-schedule 32.2.3 → 33.1.47

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 (95) hide show
  1. package/dist/ej2-schedule.min.js +2 -2
  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 +19 -29
  5. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  6. package/dist/es6/ej2-schedule.es5.js +19 -29
  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 +11 -11
  12. package/src/schedule/actions/action-base.js +1 -1
  13. package/src/schedule/actions/resize.js +14 -25
  14. package/src/schedule/event-renderer/month.js +1 -1
  15. package/src/schedule/event-renderer/timeline-view.js +2 -1
  16. package/src/schedule/models/event-settings-model.d.ts +2 -2
  17. package/src/schedule/models/event-settings.d.ts +2 -2
  18. package/src/schedule/models/resources-model.d.ts +2 -2
  19. package/src/schedule/models/resources.d.ts +2 -2
  20. package/src/schedule/renderer/timeline-year.js +1 -1
  21. package/styles/bds-lite.css +43 -1
  22. package/styles/bds.css +43 -1
  23. package/styles/bootstrap-dark-lite.css +43 -1
  24. package/styles/bootstrap-dark.css +43 -1
  25. package/styles/bootstrap-lite.css +43 -1
  26. package/styles/bootstrap.css +43 -1
  27. package/styles/bootstrap4-lite.css +43 -1
  28. package/styles/bootstrap4.css +43 -1
  29. package/styles/bootstrap5-dark-lite.css +47 -5
  30. package/styles/bootstrap5-dark.css +48 -6
  31. package/styles/bootstrap5-lite.css +47 -5
  32. package/styles/bootstrap5.3-lite.css +47 -5
  33. package/styles/bootstrap5.3.css +48 -6
  34. package/styles/bootstrap5.css +48 -6
  35. package/styles/fabric-dark-lite.css +43 -1
  36. package/styles/fabric-dark.css +43 -1
  37. package/styles/fabric-lite.css +43 -1
  38. package/styles/fabric.css +43 -1
  39. package/styles/fluent-dark-lite.css +47 -5
  40. package/styles/fluent-dark.css +48 -6
  41. package/styles/fluent-lite.css +47 -5
  42. package/styles/fluent.css +48 -6
  43. package/styles/fluent2-lite.css +47 -5
  44. package/styles/fluent2.css +48 -6
  45. package/styles/highcontrast-light-lite.css +43 -1
  46. package/styles/highcontrast-light.css +43 -1
  47. package/styles/highcontrast-lite.css +43 -1
  48. package/styles/highcontrast.css +43 -1
  49. package/styles/material-dark-lite.css +43 -1
  50. package/styles/material-dark.css +43 -1
  51. package/styles/material-lite.css +43 -1
  52. package/styles/material.css +43 -1
  53. package/styles/material3-dark-lite.css +47 -20
  54. package/styles/material3-dark.css +48 -22
  55. package/styles/material3-lite.css +47 -20
  56. package/styles/material3.css +48 -22
  57. package/styles/schedule/_bootstrap5-dark-definition.scss +1 -1
  58. package/styles/schedule/_bootstrap5-definition.scss +1 -1
  59. package/styles/schedule/_bootstrap5.3-definition.scss +1 -1
  60. package/styles/schedule/_fluent-dark-definition.scss +1 -1
  61. package/styles/schedule/_fluent-definition.scss +1 -1
  62. package/styles/schedule/_fluent2-definition.scss +1 -1
  63. package/styles/schedule/_layout.scss +54 -1
  64. package/styles/schedule/_material3-dark-definition.scss +1 -1
  65. package/styles/schedule/_material3-definition.scss +1 -1
  66. package/styles/schedule/_tailwind-dark-definition.scss +1 -1
  67. package/styles/schedule/_tailwind-definition.scss +1 -1
  68. package/styles/schedule/_tailwind3-definition.scss +1 -1
  69. package/styles/schedule/bds.css +43 -1
  70. package/styles/schedule/bootstrap-dark.css +43 -1
  71. package/styles/schedule/bootstrap.css +43 -1
  72. package/styles/schedule/bootstrap4.css +43 -1
  73. package/styles/schedule/bootstrap5-dark.css +48 -6
  74. package/styles/schedule/bootstrap5.3.css +48 -6
  75. package/styles/schedule/bootstrap5.css +48 -6
  76. package/styles/schedule/fabric-dark.css +43 -1
  77. package/styles/schedule/fabric.css +43 -1
  78. package/styles/schedule/fluent-dark.css +48 -6
  79. package/styles/schedule/fluent.css +48 -6
  80. package/styles/schedule/fluent2.css +48 -6
  81. package/styles/schedule/highcontrast-light.css +43 -1
  82. package/styles/schedule/highcontrast.css +43 -1
  83. package/styles/schedule/material-dark.css +43 -1
  84. package/styles/schedule/material.css +43 -1
  85. package/styles/schedule/material3-dark.css +48 -22
  86. package/styles/schedule/material3.css +48 -22
  87. package/styles/schedule/tailwind-dark.css +48 -6
  88. package/styles/schedule/tailwind.css +48 -6
  89. package/styles/schedule/tailwind3.css +48 -6
  90. package/styles/tailwind-dark-lite.css +47 -5
  91. package/styles/tailwind-dark.css +48 -6
  92. package/styles/tailwind-lite.css +47 -5
  93. package/styles/tailwind.css +48 -6
  94. package/styles/tailwind3-lite.css +47 -5
  95. package/styles/tailwind3.css +48 -6
@@ -8263,7 +8263,7 @@ class MonthEvent extends EventBase {
8263
8263
  }
8264
8264
  this.sortByDateTime(eventsList);
8265
8265
  this.sortByDateTime(blockList);
8266
- if (this.parent.currentView === 'Month' && this.parent.rowAutoHeight && this.parent.activeViewOptions.group.resources.length === 0) {
8266
+ if (this.parent.currentView === 'Month' && this.parent.rowAutoHeight) {
8267
8267
  const totalCells = [].slice.call(this.parent.element.querySelectorAll('.e-content-wrap table tr td:first-child'));
8268
8268
  const height = this.parent.element.querySelector('.' + CONTENT_TABLE_CLASS).clientHeight / totalCells.length;
8269
8269
  totalCells.forEach((cell) => {
@@ -9280,7 +9280,8 @@ class TimelineEvent extends MonthEvent {
9280
9280
  return (width > spannedWidth) ? width - spannedWidth : width - startWidth;
9281
9281
  }
9282
9282
  getEndTimeOfLastSlot(startHour, endHour, interval) {
9283
- const minutesInDay = (endHour.getTime() - startHour.getTime()) / (1000 * 60);
9283
+ const dstOffset = ((endHour.getTimezoneOffset() - startHour.getTimezoneOffset()) * MS_PER_MINUTE);
9284
+ const minutesInDay = (endHour.getTime() - startHour.getTime() - dstOffset) / MS_PER_MINUTE;
9284
9285
  const lastSlotEndMinutes = Math.floor(minutesInDay / interval) * interval;
9285
9286
  const lastSlotEndTime = new Date(startHour);
9286
9287
  lastSlotEndTime.setMinutes(lastSlotEndMinutes);
@@ -21046,7 +21047,7 @@ class ActionBase {
21046
21047
  const startHour = this.parent.activeView.getStartHour();
21047
21048
  const intervalInMS = MS_PER_MINUTE * this.actionObj.interval;
21048
21049
  dateInMS += (startHour.getHours() * 60 + startHour.getMinutes()) * MS_PER_MINUTE + startHour.getSeconds() * 1000;
21049
- dateInMS = dateInMS + ((date.getTime() - dateInMS) / intervalInMS) * intervalInMS;
21050
+ dateInMS = dateInMS + Math.floor((date.getTime() - dateInMS) / intervalInMS) * intervalInMS;
21050
21051
  return new Date(dateInMS);
21051
21052
  }
21052
21053
  getContentAreaDimension() {
@@ -21788,20 +21789,24 @@ class Resize extends ActionBase {
21788
21789
  offsetValue += (this.parent.getElementWidth(this.actionObj.clone) - this.actionObj.cellWidth);
21789
21790
  }
21790
21791
  cellIndex = !isTimelineMonth ? Math.round(offsetValue / (this.parent.getElementWidth(tr) / noOfDays)) :
21791
- Math.floor(offsetValue / Math.floor(this.parent.getElementWidth(tr) / noOfDays));
21792
+ Math.floor(offsetValue / (this.parent.getElementWidth(tr) / noOfDays));
21792
21793
  cellIndex = isLeft ? cellIndex : isTimelineMonth ? cellIndex + 1 : cellIndex;
21793
21794
  isLastCell = cellIndex === tdCollections.length;
21794
21795
  cellIndex = (cellIndex < 0) ? 0 : (cellIndex >= noOfDays) ? noOfDays - 1 : cellIndex;
21795
21796
  }
21796
21797
  else {
21797
21798
  const cellWidth = this.actionObj.cellWidth;
21798
- cellIndex = isLeft ? Math.round(offset / this.actionObj.cellWidth) :
21799
+ cellIndex = isLeft ? Math.floor(offset / this.actionObj.cellWidth) :
21799
21800
  Math.ceil((offset + (this.parent.getElementWidth(this.actionObj.clone) - cellWidth)) / this.actionObj.cellWidth);
21800
21801
  if (this.parent.enableRtl) {
21801
- const offsetWidth = (Math.round(offset / this.actionObj.cellWidth) *
21802
- this.actionObj.cellWidth) + (isLeft ? 0 : (this.parent.getElementWidth(this.actionObj.clone) -
21803
- this.actionObj.cellWidth));
21804
- cellIndex = Math.ceil(offsetWidth / this.actionObj.cellWidth);
21802
+ let cellOffsetWidth = 0;
21803
+ if (headerName === 'TimelineMonth' || (!this.parent.activeViewOptions.timeScale.enable &&
21804
+ !isTimelineMonth)) {
21805
+ cellOffsetWidth = this.actionObj.cellWidth;
21806
+ }
21807
+ const offsetWidth = (Math.floor(offset / this.actionObj.cellWidth) *
21808
+ this.actionObj.cellWidth) + (isLeft ? 0 : this.parent.getElementWidth(this.actionObj.clone) - cellOffsetWidth);
21809
+ cellIndex = Math.floor(offsetWidth / this.actionObj.cellWidth);
21805
21810
  }
21806
21811
  isLastCell = cellIndex === tdCollections.length;
21807
21812
  cellIndex = this.getIndex(cellIndex);
@@ -21819,29 +21824,14 @@ class Resize extends ActionBase {
21819
21824
  }
21820
21825
  else {
21821
21826
  if (!isLeft) {
21822
- let cloneWidth = this.parent.getElementWidth(this.actionObj.clone);
21823
- const pixelsPerInterval = this.actionObj.cellWidth /
21824
- (this.actionObj.slotInterval / this.actionObj.interval);
21825
- const numIntervals = Math.round(cloneWidth / pixelsPerInterval);
21826
- cloneWidth = numIntervals * pixelsPerInterval;
21827
- offset = offset + cloneWidth;
21827
+ offset += this.parent.getElementWidth(this.actionObj.clone);
21828
21828
  }
21829
21829
  let spanMinutes = Math.ceil((this.actionObj.slotInterval / this.actionObj.cellWidth) *
21830
21830
  (offset - Math.floor(offset / this.actionObj.cellWidth) * this.actionObj.cellWidth));
21831
- spanMinutes = (isLastCell || (!isLeft && spanMinutes === 0)) ? this.actionObj.slotInterval : spanMinutes;
21831
+ spanMinutes = (isLastCell || (!isLeft && spanMinutes === 0 && !this.parent.enableRtl)) ?
21832
+ this.actionObj.slotInterval : spanMinutes;
21832
21833
  resizeTime = new Date(resizeDate.getTime());
21833
- resizeTime = new Date(resizeDate.getTime() + (spanMinutes * MS_PER_MINUTE));
21834
- const isCustomResizeInterval = this.actionObj.interval !== this.actionObj.slotInterval;
21835
- const initialCellTime = new Date(resizeTime.getTime());
21836
- const intervalInMS = this.actionObj.interval * 60000;
21837
- if (intervalInMS > 0 && isCustomResizeInterval) {
21838
- if (this.resizeEdges.right || this.resizeEdges.left) {
21839
- const eventTime = this.resizeEdges.right ? eventEnd : eventStart;
21840
- const timeDifferenceMs = initialCellTime.getTime() - eventTime.getTime();
21841
- const intervalCount = Math.round(timeDifferenceMs / intervalInMS);
21842
- resizeTime = new Date(eventTime.getTime() + intervalCount * intervalInMS);
21843
- }
21844
- }
21834
+ resizeTime.setMinutes(resizeTime.getMinutes() + spanMinutes);
21845
21835
  this.updateTimePosition(resizeTime);
21846
21836
  }
21847
21837
  }
@@ -28426,7 +28416,7 @@ class TimelineYear extends Year {
28426
28416
  const tbl = this.createTableLayout();
28427
28417
  wrap.appendChild(tbl);
28428
28418
  const trEle = createElement('tr');
28429
- if (this.parent.activeViewOptions.group.resources.length > 0) {
28419
+ if (this.parent.activeViewOptions.group.resources.length > 0 && !this.parent.uiStateValues.isGroupAdaptive) {
28430
28420
  this.colLevels = this.generateColumnLevels();
28431
28421
  }
28432
28422
  else {