@syncfusion/ej2-gantt 19.4.40 → 19.4.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 (68) hide show
  1. package/CHANGELOG.md +50 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-gantt.umd.min.js +2 -2
  4. package/dist/ej2-gantt.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-gantt.es2015.js +86 -40
  6. package/dist/es6/ej2-gantt.es2015.js.map +1 -1
  7. package/dist/es6/ej2-gantt.es5.js +86 -40
  8. package/dist/es6/ej2-gantt.es5.js.map +1 -1
  9. package/dist/global/ej2-gantt.min.js +2 -2
  10. package/dist/global/ej2-gantt.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +17 -17
  13. package/src/gantt/actions/chart-scroll.js +1 -0
  14. package/src/gantt/actions/dialog-edit.js +1 -1
  15. package/src/gantt/actions/edit.d.ts +1 -1
  16. package/src/gantt/actions/edit.js +5 -1
  17. package/src/gantt/actions/filter.js +1 -1
  18. package/src/gantt/actions/keyboard.js +4 -0
  19. package/src/gantt/actions/rowdragdrop.js +1 -1
  20. package/src/gantt/actions/taskbar-edit.js +4 -1
  21. package/src/gantt/base/date-processor.js +8 -1
  22. package/src/gantt/base/gantt-chart.js +6 -2
  23. package/src/gantt/base/gantt.js +20 -9
  24. package/src/gantt/base/task-processor.js +15 -8
  25. package/src/gantt/renderer/chart-rows.js +2 -0
  26. package/src/gantt/renderer/edit-tooltip.js +1 -0
  27. package/src/gantt/renderer/timeline.d.ts +1 -0
  28. package/src/gantt/renderer/timeline.js +16 -15
  29. package/src/gantt/renderer/tooltip.js +1 -0
  30. package/styles/bootstrap-dark.css +9 -1
  31. package/styles/bootstrap.css +9 -1
  32. package/styles/bootstrap4.css +9 -1
  33. package/styles/bootstrap5-dark.css +9 -2
  34. package/styles/bootstrap5.css +9 -2
  35. package/styles/fabric-dark.css +9 -1
  36. package/styles/fabric.css +9 -1
  37. package/styles/gantt/_bootstrap-dark-definition.scss +0 -1
  38. package/styles/gantt/_bootstrap-definition.scss +0 -1
  39. package/styles/gantt/_bootstrap4-definition.scss +0 -1
  40. package/styles/gantt/_bootstrap5-definition.scss +0 -1
  41. package/styles/gantt/_fabric-dark-definition.scss +0 -1
  42. package/styles/gantt/_fabric-definition.scss +0 -1
  43. package/styles/gantt/_fluent-definition.scss +0 -1
  44. package/styles/gantt/_highcontrast-definition.scss +0 -1
  45. package/styles/gantt/_highcontrast-light-definition.scss +0 -1
  46. package/styles/gantt/_layout.scss +8 -1
  47. package/styles/gantt/_material-dark-definition.scss +0 -1
  48. package/styles/gantt/_material-definition.scss +0 -1
  49. package/styles/gantt/_tailwind-definition.scss +0 -1
  50. package/styles/gantt/bootstrap-dark.css +9 -1
  51. package/styles/gantt/bootstrap.css +9 -1
  52. package/styles/gantt/bootstrap4.css +9 -1
  53. package/styles/gantt/bootstrap5-dark.css +9 -2
  54. package/styles/gantt/bootstrap5.css +9 -2
  55. package/styles/gantt/fabric-dark.css +9 -1
  56. package/styles/gantt/fabric.css +9 -1
  57. package/styles/gantt/highcontrast-light.css +9 -1
  58. package/styles/gantt/highcontrast.css +9 -1
  59. package/styles/gantt/material-dark.css +9 -1
  60. package/styles/gantt/material.css +9 -1
  61. package/styles/gantt/tailwind-dark.css +9 -1
  62. package/styles/gantt/tailwind.css +9 -1
  63. package/styles/highcontrast-light.css +9 -1
  64. package/styles/highcontrast.css +9 -1
  65. package/styles/material-dark.css +9 -1
  66. package/styles/material.css +9 -1
  67. package/styles/tailwind-dark.css +9 -1
  68. package/styles/tailwind.css +9 -1
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 19.4.40
3
+ * version : 19.4.47
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-gantt@*",
3
- "_id": "@syncfusion/ej2-gantt@19.4.38",
3
+ "_id": "@syncfusion/ej2-gantt@19.4.43",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-I4mKtas9zkKCjTiN5d4oVMdJMWsRrGuf7CaKPBU26Amdl+EIu0CVXKma+XQ/pBnWN3AatdP8vuaoDKkV51zkOw==",
5
+ "_integrity": "sha512-BMyuuEwg7q+hgA+tRyCGM4uWIzzy1m+HGTi//dBo2ZwFCY9zmbGWFh0c7LGXt2nyvH43r4bR3TvsmHwNIVkqzw==",
6
6
  "_location": "/@syncfusion/ej2-gantt",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -23,8 +23,8 @@
23
23
  "/@syncfusion/ej2-react-gantt",
24
24
  "/@syncfusion/ej2-vue-gantt"
25
25
  ],
26
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-19.4.38.tgz",
27
- "_shasum": "3370b7a2ca464a19f79d45e1e20d853f97694af6",
26
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-gantt/-/ej2-gantt-19.4.43.tgz",
27
+ "_shasum": "166efda94ba1b891df35023e083b78e6a5128012",
28
28
  "_spec": "@syncfusion/ej2-gantt@*",
29
29
  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
30
30
  "author": {
@@ -35,19 +35,19 @@
35
35
  },
36
36
  "bundleDependencies": false,
37
37
  "dependencies": {
38
- "@syncfusion/ej2-base": "~19.4.38",
39
- "@syncfusion/ej2-buttons": "~19.4.38",
40
- "@syncfusion/ej2-calendars": "~19.4.38",
41
- "@syncfusion/ej2-data": "~19.4.38",
42
- "@syncfusion/ej2-dropdowns": "~19.4.40",
43
- "@syncfusion/ej2-grids": "~19.4.40",
44
- "@syncfusion/ej2-inputs": "~19.4.38",
45
- "@syncfusion/ej2-layouts": "~19.4.38",
38
+ "@syncfusion/ej2-base": "~19.4.42",
39
+ "@syncfusion/ej2-buttons": "~19.4.42",
40
+ "@syncfusion/ej2-calendars": "~19.4.42",
41
+ "@syncfusion/ej2-data": "~19.4.47",
42
+ "@syncfusion/ej2-dropdowns": "~19.4.47",
43
+ "@syncfusion/ej2-grids": "~19.4.47",
44
+ "@syncfusion/ej2-inputs": "~19.4.47",
45
+ "@syncfusion/ej2-layouts": "~19.4.47",
46
46
  "@syncfusion/ej2-lists": "~19.4.38",
47
- "@syncfusion/ej2-navigations": "~19.4.40",
48
- "@syncfusion/ej2-popups": "~19.4.38",
49
- "@syncfusion/ej2-richtexteditor": "~19.4.40",
50
- "@syncfusion/ej2-treegrid": "~19.4.40"
47
+ "@syncfusion/ej2-navigations": "~19.4.47",
48
+ "@syncfusion/ej2-popups": "~19.4.47",
49
+ "@syncfusion/ej2-richtexteditor": "~19.4.47",
50
+ "@syncfusion/ej2-treegrid": "~19.4.47"
51
51
  },
52
52
  "deprecated": false,
53
53
  "description": "Essential JS 2 Gantt Component",
@@ -75,6 +75,6 @@
75
75
  "url": "git+https://github.com/syncfusion/ej2-gantt.git"
76
76
  },
77
77
  "typings": "index.d.ts",
78
- "version": "19.4.40",
78
+ "version": "19.4.47",
79
79
  "sideEffects": false
80
80
  }
@@ -136,6 +136,7 @@ var ChartScroll = /** @class */ (function () {
136
136
  */
137
137
  ChartScroll.prototype.setScrollTop = function (scrollTop) {
138
138
  this.element.scrollTop = scrollTop;
139
+ this.parent.treeGrid.element.querySelector('.e-content').scrollTop = scrollTop;
139
140
  };
140
141
  /**
141
142
  * To set scroll left for chart scroll container
@@ -262,7 +262,7 @@ var DialogEdit = /** @class */ (function () {
262
262
  tempData.ganttProperties.durationUnit = this.parent.durationUnit.toLocaleLowerCase();
263
263
  }
264
264
  else if (columns[i].field === taskSettings.name) {
265
- tempData[field] = 'New Task ' + id;
265
+ tempData[field] = this.localeObj.getConstant('addDialogTitle') + ' ' + id;
266
266
  tempData.ganttProperties.taskName = tempData[field];
267
267
  }
268
268
  else if (columns[i].field === taskSettings.progress) {
@@ -438,7 +438,7 @@ export declare class Edit {
438
438
  * @returns {void} .
439
439
  * @private
440
440
  */
441
- updateRealDataSource(addedRecord: IGanttData, rowPosition: RowPosition): void;
441
+ updateRealDataSource(addedRecord: IGanttData | IGanttData[], rowPosition: RowPosition): void;
442
442
  /**
443
443
  * @param {object[]} dataCollection .
444
444
  * @param {IGanttData} record .
@@ -821,7 +821,7 @@ var Edit = /** @class */ (function () {
821
821
  */
822
822
  Edit.prototype.updateParentChildRecord = function (data) {
823
823
  var ganttRecord = data;
824
- if (ganttRecord.hasChildRecords && this.taskbarMoved && this.parent.taskMode === 'Auto') {
824
+ if (ganttRecord.hasChildRecords && this.taskbarMoved && this.parent.taskMode === 'Auto' && this.parent.previousRecords[data.uniqueID].resources === ganttRecord.ganttProperties['resourceNames']) {
825
825
  this.updateChildItems(ganttRecord);
826
826
  }
827
827
  };
@@ -2743,6 +2743,10 @@ var Edit = /** @class */ (function () {
2743
2743
  }
2744
2744
  this.parent.timelineModule.updateTimeLineOnEditing([tempArray], args.action);
2745
2745
  }
2746
+ var flag = getValue('doubleClickTarget', this.parent.treeGrid.editModule);
2747
+ if (flag !== null) {
2748
+ setValue('doubleClickTarget', null, this.parent.treeGrid.editModule);
2749
+ }
2746
2750
  this.addSuccess(args);
2747
2751
  args = this.constructTaskAddedEventArgs(cAddedRecord, args.modifiedRecords, 'add');
2748
2752
  this.parent.trigger('actionComplete', args);
@@ -189,7 +189,7 @@ var Filter = /** @class */ (function () {
189
189
  var ganttElement = closest(element, '#' + this.parent.element.id)
190
190
  || element.querySelector('#' + this.parent.element.id);
191
191
  if ((!(this.filterMenuElement.contains(element)) && !isNullOrUndefined(ganttElement)) || element.nodeName === 'HTML'
192
- || element.nodeName === 'DIV') {
192
+ || ((element.nodeName === 'DIV') && (!element.classList.contains('e-day')))) {
193
193
  remove(this.filterMenuElement);
194
194
  this.parent.treeGrid.grid.notify('filter-menu-close', { isOpen: false });
195
195
  this.filterMenuElement = null;
@@ -25,6 +25,10 @@ var FocusModule = /** @class */ (function () {
25
25
  FocusModule.prototype.onKeyPress = function (e) {
26
26
  var ganttObj = this.parent;
27
27
  var expandedRecords = ganttObj.getExpandedRecords(ganttObj.currentViewData);
28
+ if (isNullOrUndefined(this.parent.focusModule.getActiveElement()) && (e.action === 'expandAll' || e.action === 'collapseAll')) {
29
+ var focussedElement = this.parent.element.querySelector('.e-treegrid');
30
+ focussedElement.focus();
31
+ }
28
32
  var targetElement = this.parent.focusModule.getActiveElement();
29
33
  if (e.action === 'home' || e.action === 'end' || e.action === 'downArrow' || e.action === 'upArrow' || e.action === 'delete' ||
30
34
  e.action === 'rightArrow' || e.action === 'leftArrow' || e.action === 'focusTask' || e.action === 'focusSearch' ||
@@ -457,7 +457,7 @@ var RowDD = /** @class */ (function () {
457
457
  if (this.dropPosition === 'topSegment' || this.dropPosition === 'bottomSegment') {
458
458
  var rowPosition = this.dropPosition === 'topSegment' ? 'Above' : 'Below';
459
459
  this.parent.editModule.addRowSelectedItem = droppedRecord;
460
- this.parent.editModule.updateRealDataSource(draggedRecord, rowPosition);
460
+ this.parent.editModule.updateRealDataSource([draggedRecord], rowPosition);
461
461
  delete this.parent.editModule.addRowSelectedItem;
462
462
  }
463
463
  }
@@ -493,7 +493,9 @@ var TaskbarEdit = /** @class */ (function (_super) {
493
493
  if (this.isMouseDragged && this.taskBarEditAction) {
494
494
  var args = {
495
495
  cancel: false,
496
- requestType: 'taskbarediting'
496
+ requestType: 'taskbarediting',
497
+ taskBarEditAction: this.taskBarEditAction,
498
+ data: this.taskBarEditRecord
497
499
  };
498
500
  if (this.segmentIndex !== -1) {
499
501
  args.requestType = 'mergeSegment';
@@ -1482,6 +1484,7 @@ var TaskbarEdit = /** @class */ (function (_super) {
1482
1484
  this.isMouseDragged = false;
1483
1485
  }
1484
1486
  else {
1487
+ this.parent.isOnEdit = false;
1485
1488
  this.cancelTaskbarEditActionInMouseLeave();
1486
1489
  }
1487
1490
  }
@@ -281,7 +281,14 @@ var DateProcessor = /** @class */ (function () {
281
281
  tDuration = this.parent.editModule.taskbarEditModule.sumOfDuration(ganttProperties.segments);
282
282
  }
283
283
  else {
284
- tDuration = this.getDuration(ganttProperties.startDate, ganttProperties.endDate, ganttProperties.durationUnit, ganttProperties.isAutoSchedule, ganttProperties.isMilestone);
284
+ // eslint-disable-next-line
285
+ if (!isNullOrUndefined(ganttProperties.startDate) && !isNullOrUndefined(ganttProperties.endDate) &&
286
+ (ganttProperties.startDate).getTime() === (ganttProperties.endDate).getTime() && !isNullOrUndefined(ganttData.taskData[this.parent.taskFields.milestone])) {
287
+ tDuration = 1;
288
+ }
289
+ else {
290
+ tDuration = this.getDuration(ganttProperties.startDate, ganttProperties.endDate, ganttProperties.durationUnit, ganttProperties.isAutoSchedule, ganttProperties.isMilestone);
291
+ }
285
292
  }
286
293
  this.parent.setRecordValue('duration', tDuration, ganttProperties, true);
287
294
  var col = this.parent.columnByField[this.parent.columnMapping.duration];
@@ -327,6 +327,12 @@ var GanttChart = /** @class */ (function () {
327
327
  * @private
328
328
  */
329
329
  GanttChart.prototype.mouseUp = function (e) {
330
+ if (this.parent.allowRowDragAndDrop) {
331
+ var ganttDragElemet = this.parent.element.querySelector('.e-ganttdrag');
332
+ if (ganttDragElemet) {
333
+ ganttDragElemet.remove();
334
+ }
335
+ }
330
336
  if (!this.isGanttElement) {
331
337
  this.parent.notify('chartMouseUp', e);
332
338
  }
@@ -775,8 +781,6 @@ var GanttChart = /** @class */ (function () {
775
781
  this.parent.treeGrid.collapseAll();
776
782
  }
777
783
  this.isExpandAll = false;
778
- var focussedElement = this.parent.element.querySelector('.e-treegrid');
779
- focussedElement.focus();
780
784
  };
781
785
  /**
782
786
  * Public method to expand particular level of rows.
@@ -292,8 +292,14 @@ var Gantt = /** @class */ (function (_super) {
292
292
  Gantt.prototype.calculateDimensions = function () {
293
293
  var settingsHeight;
294
294
  if (typeof (this.height) !== 'number' && this.height.indexOf('%') !== -1 && (this.element.parentElement &&
295
- !this.element.parentElement.style.height)) {
296
- var ganttHeight = Number(this.height.split("%")[0]);
295
+ !this.element.parentElement.style.height || this.element.parentElement.style.height.indexOf('%') !== -1)) {
296
+ var ganttHeight = void 0;
297
+ if (this.element.parentElement.style.height.indexOf('%') == -1) {
298
+ ganttHeight = Number(this.height.split("%")[0]);
299
+ }
300
+ else {
301
+ ganttHeight = Number(this.element.parentElement.style.height.split("%")[0]);
302
+ }
297
303
  ganttHeight = (ganttHeight * window.innerHeight) / 100;
298
304
  if (this.height === '100%') {
299
305
  ganttHeight = ganttHeight - 16;
@@ -448,9 +454,16 @@ var Gantt = /** @class */ (function (_super) {
448
454
  var settingsHeight = void 0;
449
455
  if (this.height.indexOf('%') !== -1) {
450
456
  var ganttHeight = Number(this.height.split("%")[0]);
451
- if (this.element.parentElement && this.element.parentElement.style.height) {
452
- var containerHeight = Number(this.element.parentElement.style.height.split("px")[0]);
453
- ganttHeight = (ganttHeight * containerHeight) / 100;
457
+ if (this.element.parentElement && (this.element.parentElement.style.height)) {
458
+ var containerHeight = void 0;
459
+ if (this.element.parentElement.style.height.indexOf('%') == -1) {
460
+ containerHeight = Number(this.element.parentElement.style.height.split("px")[0]);
461
+ ganttHeight = (ganttHeight * containerHeight) / 100;
462
+ }
463
+ else {
464
+ containerHeight = Number(this.element.parentElement.style.height.split("%")[0]);
465
+ ganttHeight = (window.innerHeight * containerHeight) / 100;
466
+ }
454
467
  }
455
468
  else {
456
469
  ganttHeight = Number(this.height.split("%")[0]);
@@ -966,10 +979,8 @@ var Gantt = /** @class */ (function (_super) {
966
979
  this.treeGrid.grid.searchSettings = getActualProperties(this.searchSettings);
967
980
  this.treeGrid.grid.dataBind();
968
981
  }
969
- else {
970
- this.treeGrid.searchSettings = getActualProperties(this.searchSettings);
971
- this.treeGrid.dataBind();
972
- }
982
+ this.treeGrid.searchSettings = getActualProperties(this.searchSettings);
983
+ this.treeGrid.dataBind();
973
984
  if (this.toolbarModule) {
974
985
  this.toolbarModule.updateSearchTextBox();
975
986
  }
@@ -1133,7 +1133,12 @@ var TaskProcessor = /** @class */ (function (_super) {
1133
1133
  eDate.setHours(0, 0, 0, 0);
1134
1134
  }
1135
1135
  }
1136
- return ((this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * 24)) * this.parent.perDayWidth);
1136
+ if ((sDate).getTime() === (eDate).getTime()) {
1137
+ return (this.parent.perDayWidth);
1138
+ }
1139
+ else {
1140
+ return ((this.getTimeDifference(sDate, eDate) / (1000 * 60 * 60 * 24)) * this.parent.perDayWidth);
1141
+ }
1137
1142
  };
1138
1143
  /**
1139
1144
  * Get task left value
@@ -1222,14 +1227,16 @@ var TaskProcessor = /** @class */ (function (_super) {
1222
1227
  // eslint-disable-next-line
1223
1228
  var resourcesId = [];
1224
1229
  var resourcesName = [];
1225
- for (var i = 0; i < resourceData.length; i++) {
1226
- resourcesId.push(resourceData[i][resourceSettings.id]);
1227
- var resName = resourceData[i][resourceSettings.name];
1228
- var resourceUnit = resourceData[i][resourceSettings.unit];
1229
- if (resourceUnit !== 100) {
1230
- resName += '[' + resourceUnit + '%' + ']';
1230
+ if (!isNullOrUndefined(resourceData)) {
1231
+ for (var i = 0; i < resourceData.length; i++) {
1232
+ resourcesId.push(resourceData[i][resourceSettings.id]);
1233
+ var resName = resourceData[i][resourceSettings.name];
1234
+ var resourceUnit = resourceData[i][resourceSettings.unit];
1235
+ if (resourceUnit !== 100) {
1236
+ resName += '[' + resourceUnit + '%' + ']';
1237
+ }
1238
+ resourcesName.push(resName);
1231
1239
  }
1232
- resourcesName.push(resName);
1233
1240
  }
1234
1241
  this.parent.setRecordValue('resourceNames', resourcesName.join(','), ganttProp, true);
1235
1242
  this.updateTaskDataResource(ganttData);
@@ -1204,6 +1204,7 @@ var ChartRows = /** @class */ (function (_super) {
1204
1204
  }
1205
1205
  }
1206
1206
  }
1207
+ this.parent.renderTemplates();
1207
1208
  this.triggerQueryTaskbarInfo();
1208
1209
  this.parent.modifiedRecords = [];
1209
1210
  if (collapsedResourceRecord.length) {
@@ -1568,6 +1569,7 @@ var ChartRows = /** @class */ (function (_super) {
1568
1569
  else {
1569
1570
  tr.replaceChild(this.getGanttChartRow(index, data).childNodes[0], tr.childNodes[0]);
1570
1571
  }
1572
+ this.parent.renderTemplates();
1571
1573
  if (this.parent.viewType === 'ResourceView' && data.hasChildRecords && this.parent.showOverAllocation) {
1572
1574
  if (isValidateRange) {
1573
1575
  this.parent.ganttChartModule.renderRangeContainer(this.parent.currentViewData);
@@ -56,6 +56,7 @@ var EditTooltip = /** @class */ (function () {
56
56
  tooltipPositionX += leftEnd - (tooltipPositionX + args.element.offsetWidth);
57
57
  }
58
58
  args.element.style.left = tooltipPositionX + 'px';
59
+ args.element.style.visibility = 'visible';
59
60
  };
60
61
  /**
61
62
  * To show/hide taskbar edit tooltip.
@@ -222,6 +222,7 @@ export declare class Timeline {
222
222
  * @private
223
223
  */
224
224
  getIncrement(startDate: Date, count: number, mode: string): number;
225
+ private checkDate;
225
226
  /**
226
227
  * Method to find header cell was weekend or not
227
228
  *
@@ -817,9 +817,6 @@ var Timeline = /** @class */ (function () {
817
817
  parentTr = this.getHeaterTemplateString(new Date(startDate.toString()), mode, tier, false, count, timelineCell);
818
818
  scheduleDateCollection.push(new Date(startDate.toString()));
819
819
  increment = this.getIncrement(startDate, count, mode);
820
- if (this.parent.isInDst(startDate)) {
821
- increment = increment + (1000 * 60 * 60);
822
- }
823
820
  newTime = startDate.getTime() + increment;
824
821
  startDate.setTime(newTime);
825
822
  if (startDate >= endDate) {
@@ -883,24 +880,17 @@ var Timeline = /** @class */ (function () {
883
880
  dayIntervel - 1 : dayIntervel : dayIntervel;
884
881
  lastDay.setDate(lastDay.getDate() + (dayIntervel + (7 * count)));
885
882
  increment = lastDay.getTime() - firstDay.getTime();
886
- if ((this.parent.isInDst(lastDay) && !this.parent.isInDst(firstDay)) ||
887
- (!this.parent.isInDst(lastDay) && this.parent.isInDst(firstDay))) {
888
- increment = increment - (1000 * 60 * 60);
889
- }
890
883
  break;
891
884
  }
892
885
  case 'Day':
893
886
  lastDay.setHours(24, 0, 0, 0);
894
887
  increment = (lastDay.getTime() - firstDay.getTime()) + (1000 * 60 * 60 * 24 * (count - 1));
895
- if ((this.parent.isInDst(lastDay) && !this.parent.isInDst(firstDay)) ||
896
- (!this.parent.isInDst(lastDay) && this.parent.isInDst(firstDay))) {
897
- increment -= (1000 * 60 * 60);
898
- }
899
888
  break;
900
889
  case 'Hour':
901
890
  lastDay.setMinutes(60);
902
891
  lastDay.setSeconds(0);
903
892
  increment = (lastDay.getTime() - firstDay.getTime()) + (1000 * 60 * 60 * (count - 1));
893
+ increment = this.checkDate(firstDay, lastDay, increment, count);
904
894
  break;
905
895
  case 'Minutes':
906
896
  lastDay.setSeconds(60);
@@ -909,6 +899,21 @@ var Timeline = /** @class */ (function () {
909
899
  }
910
900
  return increment;
911
901
  };
902
+ Timeline.prototype.checkDate = function (firstDay, lastDay, increment, count) {
903
+ var date = new Date(firstDay.getTime());
904
+ date.setTime(date.getTime() + increment);
905
+ if (((date.getTime() - lastDay.getTime()) / (1000 * 60 * 60)) != count && (firstDay.getTimezoneOffset() !== date.getTimezoneOffset())) {
906
+ var diffCount = count - (date.getTime() - lastDay.getTime()) / (1000 * 60 * 60);
907
+ if (!this.parent.isInDst(date)) {
908
+ increment += (1000 * 60 * 60 * diffCount);
909
+ }
910
+ else if (this.parent.isInDst(date)) {
911
+ increment -= (1000 * 60 * 60 * diffCount);
912
+ }
913
+ }
914
+ return increment;
915
+ };
916
+ ;
912
917
  /**
913
918
  * Method to find header cell was weekend or not
914
919
  *
@@ -991,10 +996,6 @@ var Timeline = /** @class */ (function () {
991
996
  */
992
997
  Timeline.prototype.calculateWidthBetweenTwoDate = function (mode, scheduleWeeks, endDate) {
993
998
  var timeDifference = (endDate.getTime() - scheduleWeeks.getTime());
994
- if ((this.parent.isInDst(scheduleWeeks) && !this.parent.isInDst(endDate)) ||
995
- (!this.parent.isInDst(scheduleWeeks) && this.parent.isInDst(endDate))) {
996
- timeDifference = timeDifference - (1000 * 60 * 60);
997
- }
998
999
  var balanceDay = (timeDifference / (1000 * 60 * 60 * 24));
999
1000
  return balanceDay * this.parent.perDayWidth;
1000
1001
  };
@@ -203,6 +203,7 @@ var Tooltip = /** @class */ (function () {
203
203
  tooltipPositionY = tooltipPositionY + 10;
204
204
  }
205
205
  args.element.style.top = tooltipPositionY + 'px';
206
+ args.element.style.visibility = 'visible';
206
207
  };
207
208
  /**
208
209
  * Method to get mouse pointor position
@@ -500,6 +500,11 @@
500
500
  white-space: nowrap;
501
501
  }
502
502
 
503
+ .e-gantt .e-gantt-chart .e-timeline-header-table-body > tr {
504
+ display: -ms-inline-flexbox;
505
+ display: inline-flex;
506
+ }
507
+
503
508
  .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
504
509
  .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
505
510
  border-spacing: 0;
@@ -1069,7 +1074,6 @@
1069
1074
  .e-gantt-dialog .e-edit-form-row {
1070
1075
  height: 241px;
1071
1076
  overflow-y: auto;
1072
- padding-bottom: 16px;
1073
1077
  }
1074
1078
 
1075
1079
  .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
@@ -1187,6 +1191,10 @@
1187
1191
  opacity: 1;
1188
1192
  }
1189
1193
 
1194
+ .e-gantt-tooltip {
1195
+ visibility: hidden;
1196
+ }
1197
+
1190
1198
  .e-gantt .e-cloneproperties.e-draganddrop .e-row .e-rowcell .e-treecolumn-container .e-icons.e-none::before {
1191
1199
  content: '';
1192
1200
  }
@@ -650,6 +650,11 @@
650
650
  white-space: nowrap;
651
651
  }
652
652
 
653
+ .e-gantt .e-gantt-chart .e-timeline-header-table-body > tr {
654
+ display: -ms-inline-flexbox;
655
+ display: inline-flex;
656
+ }
657
+
653
658
  .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
654
659
  .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
655
660
  border-spacing: 0;
@@ -1219,7 +1224,6 @@
1219
1224
  .e-gantt-dialog .e-edit-form-row {
1220
1225
  height: 241px;
1221
1226
  overflow-y: auto;
1222
- padding-bottom: 16px;
1223
1227
  }
1224
1228
 
1225
1229
  .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
@@ -1337,6 +1341,10 @@
1337
1341
  opacity: 1;
1338
1342
  }
1339
1343
 
1344
+ .e-gantt-tooltip {
1345
+ visibility: hidden;
1346
+ }
1347
+
1340
1348
  .e-gantt .e-cloneproperties.e-draganddrop .e-row .e-rowcell .e-treecolumn-container .e-icons.e-none::before {
1341
1349
  content: '';
1342
1350
  }
@@ -867,6 +867,11 @@
867
867
  white-space: nowrap;
868
868
  }
869
869
 
870
+ .e-gantt .e-gantt-chart .e-timeline-header-table-body > tr {
871
+ display: -ms-inline-flexbox;
872
+ display: inline-flex;
873
+ }
874
+
870
875
  .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
871
876
  .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
872
877
  border-spacing: 0;
@@ -1436,7 +1441,6 @@
1436
1441
  .e-gantt-dialog .e-edit-form-row {
1437
1442
  height: 241px;
1438
1443
  overflow-y: auto;
1439
- padding-bottom: 12px;
1440
1444
  }
1441
1445
 
1442
1446
  .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
@@ -1554,6 +1558,10 @@
1554
1558
  opacity: 1;
1555
1559
  }
1556
1560
 
1561
+ .e-gantt-tooltip {
1562
+ visibility: hidden;
1563
+ }
1564
+
1557
1565
  .e-gantt .e-cloneproperties.e-draganddrop .e-row .e-rowcell .e-treecolumn-container .e-icons.e-none::before {
1558
1566
  content: '';
1559
1567
  }
@@ -62,7 +62,6 @@
62
62
  .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
63
63
  .e-float-input.e-control-wrapper.e-ddl input[readonly] {
64
64
  background: transparent;
65
- color: inherit;
66
65
  }
67
66
 
68
67
  .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -535,6 +534,11 @@
535
534
  white-space: nowrap;
536
535
  }
537
536
 
537
+ .e-gantt .e-gantt-chart .e-timeline-header-table-body > tr {
538
+ display: -ms-inline-flexbox;
539
+ display: inline-flex;
540
+ }
541
+
538
542
  .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
539
543
  .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
540
544
  border-spacing: 0;
@@ -1104,7 +1108,6 @@
1104
1108
  .e-gantt-dialog .e-edit-form-row {
1105
1109
  height: 241px;
1106
1110
  overflow-y: auto;
1107
- padding-bottom: 12px;
1108
1111
  }
1109
1112
 
1110
1113
  .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
@@ -1222,6 +1225,10 @@
1222
1225
  opacity: 1;
1223
1226
  }
1224
1227
 
1228
+ .e-gantt-tooltip {
1229
+ visibility: hidden;
1230
+ }
1231
+
1225
1232
  .e-gantt .e-cloneproperties.e-draganddrop .e-row .e-rowcell .e-treecolumn-container .e-icons.e-none::before {
1226
1233
  content: '';
1227
1234
  }
@@ -62,7 +62,6 @@
62
62
  .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
63
63
  .e-float-input.e-control-wrapper.e-ddl input[readonly] {
64
64
  background: transparent;
65
- color: inherit;
66
65
  }
67
66
 
68
67
  .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -535,6 +534,11 @@
535
534
  white-space: nowrap;
536
535
  }
537
536
 
537
+ .e-gantt .e-gantt-chart .e-timeline-header-table-body > tr {
538
+ display: -ms-inline-flexbox;
539
+ display: inline-flex;
540
+ }
541
+
538
542
  .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
539
543
  .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
540
544
  border-spacing: 0;
@@ -1104,7 +1108,6 @@
1104
1108
  .e-gantt-dialog .e-edit-form-row {
1105
1109
  height: 241px;
1106
1110
  overflow-y: auto;
1107
- padding-bottom: 12px;
1108
1111
  }
1109
1112
 
1110
1113
  .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
@@ -1222,6 +1225,10 @@
1222
1225
  opacity: 1;
1223
1226
  }
1224
1227
 
1228
+ .e-gantt-tooltip {
1229
+ visibility: hidden;
1230
+ }
1231
+
1225
1232
  .e-gantt .e-cloneproperties.e-draganddrop .e-row .e-rowcell .e-treecolumn-container .e-icons.e-none::before {
1226
1233
  content: '';
1227
1234
  }
@@ -454,6 +454,11 @@
454
454
  white-space: nowrap;
455
455
  }
456
456
 
457
+ .e-gantt .e-gantt-chart .e-timeline-header-table-body > tr {
458
+ display: -ms-inline-flexbox;
459
+ display: inline-flex;
460
+ }
461
+
457
462
  .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
458
463
  .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
459
464
  border-spacing: 0;
@@ -1023,7 +1028,6 @@
1023
1028
  .e-gantt-dialog .e-edit-form-row {
1024
1029
  height: 241px;
1025
1030
  overflow-y: auto;
1026
- padding-bottom: 16px;
1027
1031
  }
1028
1032
 
1029
1033
  .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
@@ -1141,6 +1145,10 @@
1141
1145
  opacity: 1;
1142
1146
  }
1143
1147
 
1148
+ .e-gantt-tooltip {
1149
+ visibility: hidden;
1150
+ }
1151
+
1144
1152
  .e-gantt .e-cloneproperties.e-draganddrop .e-row .e-rowcell .e-treecolumn-container .e-icons.e-none::before {
1145
1153
  content: '';
1146
1154
  }
package/styles/fabric.css CHANGED
@@ -452,6 +452,11 @@
452
452
  white-space: nowrap;
453
453
  }
454
454
 
455
+ .e-gantt .e-gantt-chart .e-timeline-header-table-body > tr {
456
+ display: -ms-inline-flexbox;
457
+ display: inline-flex;
458
+ }
459
+
455
460
  .e-gantt .e-gantt-chart .e-timeline-top-header-cell,
456
461
  .e-gantt .e-gantt-chart .e-timeline-single-header-cell {
457
462
  border-spacing: 0;
@@ -1021,7 +1026,6 @@
1021
1026
  .e-gantt-dialog .e-edit-form-row {
1022
1027
  height: 241px;
1023
1028
  overflow-y: auto;
1024
- padding-bottom: 16px;
1025
1029
  }
1026
1030
 
1027
1031
  .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
@@ -1139,6 +1143,10 @@
1139
1143
  opacity: 1;
1140
1144
  }
1141
1145
 
1146
+ .e-gantt-tooltip {
1147
+ visibility: hidden;
1148
+ }
1149
+
1142
1150
  .e-gantt .e-cloneproperties.e-draganddrop .e-row .e-rowcell .e-treecolumn-container .e-icons.e-none::before {
1143
1151
  content: '';
1144
1152
  }
@@ -118,7 +118,6 @@ $gantt-timeline-top-header-cell-height: 33px !default;
118
118
  $gantt-header-border-radius: 4px !default;
119
119
  $gantt-splitter-border-top-right-radius: 0px !default;
120
120
  $gantt-splitter-border-top-left-radius: 0px !default;
121
- $gantt-dialog-general-padding-bottom: 16px !default;
122
121
  $gantt-filter-menu-value-div-padding: 24px !default;
123
122
  $gantt-dialog-tab-hover-border-bottom: 0px !default;
124
123
  $gantt-dialog-tab-hover-border-bottom-radius: 0px !default;