@syncfusion/ej2-schedule 20.3.58 → 20.4.38

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 (158) hide show
  1. package/.eslintrc.json +16 -1
  2. package/CHANGELOG.md +10 -0
  3. package/README.md +62 -46
  4. package/dist/ej2-schedule.min.js +2 -2
  5. package/dist/ej2-schedule.umd.min.js +2 -2
  6. package/dist/ej2-schedule.umd.min.js.map +1 -1
  7. package/dist/es6/ej2-schedule.es2015.js +821 -528
  8. package/dist/es6/ej2-schedule.es2015.js.map +1 -1
  9. package/dist/es6/ej2-schedule.es5.js +860 -539
  10. package/dist/es6/ej2-schedule.es5.js.map +1 -1
  11. package/dist/global/ej2-schedule.min.js +2 -2
  12. package/dist/global/ej2-schedule.min.js.map +1 -1
  13. package/dist/global/index.d.ts +1 -1
  14. package/package.json +22 -30
  15. package/src/common/calendar-util.js +1 -1
  16. package/src/recurrence-editor/date-generator.js +26 -26
  17. package/src/recurrence-editor/recurrence-editor.js +5 -5
  18. package/src/schedule/actions/action-base.js +3 -3
  19. package/src/schedule/actions/crud.js +16 -16
  20. package/src/schedule/actions/drag.js +36 -32
  21. package/src/schedule/actions/keyboard.js +10 -8
  22. package/src/schedule/actions/resize.js +6 -6
  23. package/src/schedule/actions/touch.js +4 -3
  24. package/src/schedule/actions/virtual-scroll.js +10 -7
  25. package/src/schedule/base/interface.d.ts +8 -1
  26. package/src/schedule/base/resource.d.ts +1 -0
  27. package/src/schedule/base/resource.js +179 -93
  28. package/src/schedule/base/schedule-model.d.ts +7 -0
  29. package/src/schedule/base/schedule.d.ts +23 -0
  30. package/src/schedule/base/schedule.js +73 -22
  31. package/src/schedule/base/util.js +4 -6
  32. package/src/schedule/event-renderer/agenda-base.js +36 -31
  33. package/src/schedule/event-renderer/event-base.js +25 -25
  34. package/src/schedule/event-renderer/inline-edit.js +8 -5
  35. package/src/schedule/event-renderer/month.js +17 -14
  36. package/src/schedule/event-renderer/timeline-view.js +11 -11
  37. package/src/schedule/event-renderer/vertical-view.d.ts +1 -0
  38. package/src/schedule/event-renderer/vertical-view.js +97 -70
  39. package/src/schedule/event-renderer/year.js +25 -17
  40. package/src/schedule/exports/calendar-export.js +4 -4
  41. package/src/schedule/exports/calendar-import.js +14 -15
  42. package/src/schedule/exports/excel-export.js +1 -1
  43. package/src/schedule/exports/print.js +39 -4
  44. package/src/schedule/models/group-model.d.ts +8 -0
  45. package/src/schedule/models/group.d.ts +7 -0
  46. package/src/schedule/models/group.js +3 -0
  47. package/src/schedule/models/views-model.d.ts +8 -1
  48. package/src/schedule/models/views.d.ts +7 -1
  49. package/src/schedule/models/views.js +3 -0
  50. package/src/schedule/popups/event-tooltip.js +3 -2
  51. package/src/schedule/popups/event-window.js +36 -30
  52. package/src/schedule/popups/quick-popups.js +6 -6
  53. package/src/schedule/renderer/agenda.js +5 -5
  54. package/src/schedule/renderer/header-renderer.d.ts +1 -1
  55. package/src/schedule/renderer/header-renderer.js +21 -5
  56. package/src/schedule/renderer/month-agenda.js +11 -4
  57. package/src/schedule/renderer/month.js +44 -16
  58. package/src/schedule/renderer/renderer.js +3 -3
  59. package/src/schedule/renderer/timeline-header-row.js +7 -7
  60. package/src/schedule/renderer/timeline-month.js +5 -5
  61. package/src/schedule/renderer/timeline-view.js +2 -2
  62. package/src/schedule/renderer/timeline-year.js +20 -14
  63. package/src/schedule/renderer/vertical-view.js +24 -9
  64. package/src/schedule/renderer/view-base.d.ts +3 -0
  65. package/src/schedule/renderer/view-base.js +11 -3
  66. package/src/schedule/renderer/year.js +11 -5
  67. package/styles/bootstrap-dark.css +364 -101
  68. package/styles/bootstrap.css +363 -99
  69. package/styles/bootstrap4.css +375 -141
  70. package/styles/bootstrap5-dark.css +339 -137
  71. package/styles/bootstrap5.css +339 -137
  72. package/styles/fabric-dark.css +330 -101
  73. package/styles/fabric.css +316 -106
  74. package/styles/fluent-dark.css +395 -102
  75. package/styles/fluent.css +395 -102
  76. package/styles/highcontrast-light.css +407 -98
  77. package/styles/highcontrast.css +399 -113
  78. package/styles/material-dark.css +362 -110
  79. package/styles/material.css +404 -110
  80. package/styles/recurrence-editor/_layout.scss +42 -28
  81. package/styles/recurrence-editor/bootstrap-dark.css +137 -28
  82. package/styles/recurrence-editor/bootstrap-dark.scss +5 -0
  83. package/styles/recurrence-editor/bootstrap.css +137 -28
  84. package/styles/recurrence-editor/bootstrap.scss +5 -0
  85. package/styles/recurrence-editor/bootstrap4.css +171 -28
  86. package/styles/recurrence-editor/bootstrap4.scss +5 -0
  87. package/styles/recurrence-editor/bootstrap5-dark.css +178 -28
  88. package/styles/recurrence-editor/bootstrap5-dark.scss +5 -0
  89. package/styles/recurrence-editor/bootstrap5.css +178 -28
  90. package/styles/recurrence-editor/bootstrap5.scss +5 -0
  91. package/styles/recurrence-editor/fabric-dark.css +113 -28
  92. package/styles/recurrence-editor/fabric-dark.scss +5 -0
  93. package/styles/recurrence-editor/fabric.css +106 -28
  94. package/styles/recurrence-editor/fabric.scss +5 -0
  95. package/styles/recurrence-editor/fluent-dark.css +158 -28
  96. package/styles/recurrence-editor/fluent-dark.scss +5 -0
  97. package/styles/recurrence-editor/fluent.css +158 -28
  98. package/styles/recurrence-editor/fluent.scss +5 -0
  99. package/styles/recurrence-editor/highcontrast-light.css +110 -28
  100. package/styles/recurrence-editor/highcontrast-light.scss +5 -0
  101. package/styles/recurrence-editor/highcontrast.css +110 -28
  102. package/styles/recurrence-editor/highcontrast.scss +5 -0
  103. package/styles/recurrence-editor/material-dark.css +138 -28
  104. package/styles/recurrence-editor/material-dark.scss +5 -0
  105. package/styles/recurrence-editor/material.css +163 -28
  106. package/styles/recurrence-editor/material.scss +5 -0
  107. package/styles/recurrence-editor/tailwind-dark.css +126 -28
  108. package/styles/recurrence-editor/tailwind-dark.scss +5 -0
  109. package/styles/recurrence-editor/tailwind.css +126 -28
  110. package/styles/recurrence-editor/tailwind.scss +5 -0
  111. package/styles/schedule/_bootstrap-dark-definition.scss +63 -4
  112. package/styles/schedule/_bootstrap-definition.scss +62 -3
  113. package/styles/schedule/_bootstrap4-definition.scss +65 -5
  114. package/styles/schedule/_bootstrap5-definition.scss +63 -5
  115. package/styles/schedule/_fabric-dark-definition.scss +61 -3
  116. package/styles/schedule/_fabric-definition.scss +62 -3
  117. package/styles/schedule/_fluent-definition.scss +63 -6
  118. package/styles/schedule/_fusionnew-definition.scss +60 -3
  119. package/styles/schedule/_highcontrast-definition.scss +62 -3
  120. package/styles/schedule/_highcontrast-light-definition.scss +62 -3
  121. package/styles/schedule/_layout.scss +117 -506
  122. package/styles/schedule/_material-dark-definition.scss +63 -4
  123. package/styles/schedule/_material-definition.scss +63 -4
  124. package/styles/schedule/_material3-definition.scss +62 -3
  125. package/styles/schedule/_tailwind-definition.scss +63 -6
  126. package/styles/schedule/_theme.scss +97 -62
  127. package/styles/schedule/bootstrap-dark.css +332 -73
  128. package/styles/schedule/bootstrap-dark.scss +11 -0
  129. package/styles/schedule/bootstrap.css +331 -71
  130. package/styles/schedule/bootstrap.scss +11 -0
  131. package/styles/schedule/bootstrap4.css +343 -113
  132. package/styles/schedule/bootstrap4.scss +11 -0
  133. package/styles/schedule/bootstrap5-dark.css +307 -109
  134. package/styles/schedule/bootstrap5-dark.scss +11 -0
  135. package/styles/schedule/bootstrap5.css +307 -109
  136. package/styles/schedule/bootstrap5.scss +11 -0
  137. package/styles/schedule/fabric-dark.css +298 -73
  138. package/styles/schedule/fabric-dark.scss +11 -0
  139. package/styles/schedule/fabric.css +284 -78
  140. package/styles/schedule/fabric.scss +11 -0
  141. package/styles/schedule/fluent-dark.css +363 -74
  142. package/styles/schedule/fluent-dark.scss +11 -0
  143. package/styles/schedule/fluent.css +363 -74
  144. package/styles/schedule/fluent.scss +11 -0
  145. package/styles/schedule/highcontrast-light.css +375 -70
  146. package/styles/schedule/highcontrast-light.scss +11 -0
  147. package/styles/schedule/highcontrast.css +367 -85
  148. package/styles/schedule/highcontrast.scss +11 -0
  149. package/styles/schedule/material-dark.css +330 -82
  150. package/styles/schedule/material-dark.scss +11 -0
  151. package/styles/schedule/material.css +372 -82
  152. package/styles/schedule/material.scss +11 -0
  153. package/styles/schedule/tailwind-dark.css +246 -111
  154. package/styles/schedule/tailwind-dark.scss +11 -0
  155. package/styles/schedule/tailwind.css +246 -111
  156. package/styles/schedule/tailwind.scss +11 -0
  157. package/styles/tailwind-dark.css +279 -140
  158. package/styles/tailwind.css +279 -140
@@ -4,6 +4,7 @@ import { TdData } from '../base/interface';
4
4
  * view base
5
5
  */
6
6
  export declare class ViewBase {
7
+ previousNextAction: string;
7
8
  element: HTMLElement;
8
9
  parent: Schedule;
9
10
  renderDates: Date[];
@@ -42,6 +43,8 @@ export declare class ViewBase {
42
43
  generateColumnLevels(): TdData[][];
43
44
  getColumnLevels(): TdData[][];
44
45
  highlightCurrentTime(): void;
46
+ getStartDate(): Date;
47
+ getEndDate(): Date;
45
48
  startDate(): Date;
46
49
  endDate(): Date;
47
50
  getStartHour(): Date;
@@ -12,6 +12,7 @@ var ViewBase = /** @class */ (function () {
12
12
  * @param {Schedule} parent Accepts the schedule instance
13
13
  */
14
14
  function ViewBase(parent) {
15
+ this.previousNextAction = 'next';
15
16
  this.parent = parent;
16
17
  }
17
18
  ViewBase.prototype.isTimelineView = function () {
@@ -61,7 +62,7 @@ var ViewBase = /** @class */ (function () {
61
62
  for (var row = 0; row < trCount; row++) {
62
63
  eventContainer = createElement('div', { className: cls.APPOINTMENT_CONTAINER_CLASS });
63
64
  if (this.parent.resourceBase && !this.parent.uiStateValues.isGroupAdaptive && this.parent.resourceBase.renderedResources) {
64
- eventContainer.setAttribute('data-group-index', this.parent.resourceBase.renderedResources[row].groupIndex.toString());
65
+ eventContainer.setAttribute('data-group-index', this.parent.resourceBase.renderedResources[parseInt(row.toString(), 10)].groupIndex.toString());
65
66
  }
66
67
  eventRows.push(eventContainer);
67
68
  }
@@ -189,6 +190,12 @@ var ViewBase = /** @class */ (function () {
189
190
  ViewBase.prototype.highlightCurrentTime = function () {
190
191
  // Here showTimeIndicator functionalities
191
192
  };
193
+ ViewBase.prototype.getStartDate = function () {
194
+ return this.renderDates[0];
195
+ };
196
+ ViewBase.prototype.getEndDate = function () {
197
+ return this.renderDates[this.renderDates.length - 1];
198
+ };
192
199
  ViewBase.prototype.startDate = function () {
193
200
  return this.renderDates[0];
194
201
  };
@@ -288,6 +295,7 @@ var ViewBase = /** @class */ (function () {
288
295
  return renderDates;
289
296
  };
290
297
  ViewBase.prototype.getNextPreviousDate = function (type) {
298
+ this.previousNextAction = type;
291
299
  if (this.parent.currentView === 'Day' || this.parent.currentView === 'TimelineDay') {
292
300
  if (this.parent.activeViewOptions.showWeekend) {
293
301
  var daysCount = this.parent.activeViewOptions.interval;
@@ -558,8 +566,8 @@ var ViewBase = /** @class */ (function () {
558
566
  if (index >= renderedCount) {
559
567
  break;
560
568
  }
561
- index += lastLevel[i].colSpan;
562
- this.parent.resourceBase.expandedResources.push(lastLevel[i]);
569
+ index += lastLevel[parseInt(i.toString(), 10)].colSpan;
570
+ this.parent.resourceBase.expandedResources.push(lastLevel[parseInt(i.toString(), 10)]);
563
571
  }
564
572
  if (this.parent.activeViewOptions.group.byDate) {
565
573
  this.colLevels[0] = this.parent.resourceBase.expandedResources;
@@ -93,7 +93,7 @@ var Year = /** @class */ (function (_super) {
93
93
  Year.prototype.renderCalendarHeader = function (currentDate) {
94
94
  var headerWrapper = createElement('div', { className: 'e-header e-month' });
95
95
  var headerContent = createElement('div', { className: 'e-day e-title' });
96
- if (this.parent.monthHeaderTemplate) {
96
+ if (this.parent.activeViewOptions.monthHeaderTemplate) {
97
97
  var args = { date: currentDate, type: 'monthHeader' };
98
98
  this.renderTemplates(this.parent.getMonthHeaderTemplate(), args, 'monthHeaderTemplate', this.parent.activeViewOptions.monthHeaderTemplateName, headerContent);
99
99
  }
@@ -117,7 +117,7 @@ var Year = /** @class */ (function (_super) {
117
117
  tr.appendChild(createElement('th'));
118
118
  }
119
119
  for (var i = 0; i < util.WEEK_LENGTH; i++) {
120
- if (this.parent.dayHeaderTemplate) {
120
+ if (this.parent.activeViewOptions.dayHeaderTemplate) {
121
121
  var th = createElement('th');
122
122
  var args = { date: currentWeek, type: 'dayHeader' };
123
123
  this.renderTemplates(this.parent.getDayHeaderTemplate(), args, 'dayHeaderTemplate', this.parent.activeViewOptions.dayHeaderTemplateName, th);
@@ -176,9 +176,14 @@ var Year = /** @class */ (function (_super) {
176
176
  addClass([td], classList);
177
177
  }
178
178
  tr_1.appendChild(td);
179
- EventHandler.add(td, 'click', this.onCellClick, this);
180
- if (!this.parent.isAdaptive) {
181
- EventHandler.add(td, 'dblclick', this.parent.workCellAction.cellDblClick, this.parent.workCellAction);
179
+ if (!this.parent.isMinMaxDate(date)) {
180
+ addClass([td], cls.DISABLE_DATES);
181
+ }
182
+ else {
183
+ EventHandler.add(td, 'click', this.onCellClick, this);
184
+ if (!this.parent.isAdaptive) {
185
+ EventHandler.add(td, 'dblclick', this.parent.workCellAction.cellDblClick, this.parent.workCellAction);
186
+ }
182
187
  }
183
188
  this.parent.trigger(event.renderCell, { elementType: 'workCells', element: td, date: date });
184
189
  }
@@ -346,6 +351,7 @@ var Year = /** @class */ (function (_super) {
346
351
  if (!args.isPreventScrollUpdate) {
347
352
  if (this.parent.uiStateValues.isInitial) {
348
353
  this.parent.uiStateValues.isInitial = false;
354
+ this.parent.uiStateValues.top = this.parent.uiStateValues.left = 0;
349
355
  }
350
356
  else {
351
357
  if (leftPanelElement) {