@syncfusion/ej2-gantt 20.3.61 → 20.4.40

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 (107) hide show
  1. package/.eslintrc.json +16 -1
  2. package/CHANGELOG.md +19 -0
  3. package/README.md +64 -52
  4. package/dist/ej2-gantt.min.js +2 -2
  5. package/dist/ej2-gantt.umd.min.js +2 -2
  6. package/dist/ej2-gantt.umd.min.js.map +1 -1
  7. package/dist/es6/ej2-gantt.es2015.js +1522 -511
  8. package/dist/es6/ej2-gantt.es2015.js.map +1 -1
  9. package/dist/es6/ej2-gantt.es5.js +1548 -519
  10. package/dist/es6/ej2-gantt.es5.js.map +1 -1
  11. package/dist/global/ej2-gantt.min.js +2 -2
  12. package/dist/global/ej2-gantt.min.js.map +1 -1
  13. package/dist/global/index.d.ts +1 -1
  14. package/package.json +21 -23
  15. package/src/gantt/actions/chart-scroll.d.ts +5 -1
  16. package/src/gantt/actions/chart-scroll.js +39 -1
  17. package/src/gantt/actions/connector-line-edit.js +2 -0
  18. package/src/gantt/actions/context-menu.js +36 -5
  19. package/src/gantt/actions/critical-path.d.ts +2 -2
  20. package/src/gantt/actions/critical-path.js +23 -16
  21. package/src/gantt/actions/dependency.js +5 -2
  22. package/src/gantt/actions/dialog-edit.js +37 -14
  23. package/src/gantt/actions/edit.d.ts +1 -0
  24. package/src/gantt/actions/edit.js +156 -34
  25. package/src/gantt/actions/excel-export.js +13 -0
  26. package/src/gantt/actions/filter.js +3 -0
  27. package/src/gantt/actions/keyboard.js +1 -0
  28. package/src/gantt/actions/pdf-export.js +12 -0
  29. package/src/gantt/actions/rowdragdrop.js +8 -2
  30. package/src/gantt/actions/taskbar-edit.js +140 -43
  31. package/src/gantt/actions/toolbar.js +21 -1
  32. package/src/gantt/base/date-processor.js +1 -1
  33. package/src/gantt/base/gantt-chart.js +31 -3
  34. package/src/gantt/base/gantt-model.d.ts +25 -2
  35. package/src/gantt/base/gantt.d.ts +64 -21
  36. package/src/gantt/base/gantt.js +405 -29
  37. package/src/gantt/base/interface.d.ts +0 -4
  38. package/src/gantt/base/splitter.js +12 -2
  39. package/src/gantt/base/task-processor.js +21 -6
  40. package/src/gantt/base/tree-grid.js +37 -0
  41. package/src/gantt/base/utils.js +1 -0
  42. package/src/gantt/export/pdf-connector-line.js +185 -187
  43. package/src/gantt/models/loading-indicator-model.d.ts +20 -0
  44. package/src/gantt/models/loading-indicator.d.ts +18 -0
  45. package/src/gantt/models/loading-indicator.js +34 -0
  46. package/src/gantt/models/models.d.ts +2 -0
  47. package/src/gantt/models/models.js +1 -0
  48. package/src/gantt/renderer/chart-rows.js +153 -56
  49. package/src/gantt/renderer/connector-line.js +100 -97
  50. package/src/gantt/renderer/edit-tooltip.js +22 -3
  51. package/src/gantt/renderer/event-marker.js +15 -2
  52. package/src/gantt/renderer/nonworking-day.js +4 -2
  53. package/src/gantt/renderer/timeline.js +22 -2
  54. package/src/gantt/renderer/tooltip.js +1 -0
  55. package/styles/bootstrap-dark.css +179 -12
  56. package/styles/bootstrap.css +179 -12
  57. package/styles/bootstrap4.css +179 -11
  58. package/styles/bootstrap5-dark.css +178 -10
  59. package/styles/bootstrap5.css +178 -10
  60. package/styles/fabric-dark.css +179 -12
  61. package/styles/fabric.css +179 -12
  62. package/styles/fluent-dark.css +180 -10
  63. package/styles/fluent.css +180 -10
  64. package/styles/gantt/_bootstrap-dark-definition.scss +6 -2
  65. package/styles/gantt/_bootstrap-definition.scss +6 -3
  66. package/styles/gantt/_bootstrap4-definition.scss +6 -3
  67. package/styles/gantt/_bootstrap5-definition.scss +6 -3
  68. package/styles/gantt/_fabric-dark-definition.scss +6 -3
  69. package/styles/gantt/_fabric-definition.scss +6 -3
  70. package/styles/gantt/_fluent-definition.scss +6 -3
  71. package/styles/gantt/_fusionnew-definition.scss +6 -3
  72. package/styles/gantt/_highcontrast-definition.scss +7 -4
  73. package/styles/gantt/_highcontrast-light-definition.scss +6 -3
  74. package/styles/gantt/_layout.scss +234 -21
  75. package/styles/gantt/_material-dark-definition.scss +6 -3
  76. package/styles/gantt/_material-definition.scss +6 -3
  77. package/styles/gantt/_material3-definition.scss +6 -3
  78. package/styles/gantt/_tailwind-definition.scss +6 -3
  79. package/styles/gantt/_theme.scss +17 -8
  80. package/styles/gantt/bootstrap-dark.css +179 -12
  81. package/styles/gantt/bootstrap.css +179 -12
  82. package/styles/gantt/bootstrap4.css +179 -11
  83. package/styles/gantt/bootstrap5-dark.css +178 -10
  84. package/styles/gantt/bootstrap5.css +178 -10
  85. package/styles/gantt/fabric-dark.css +179 -12
  86. package/styles/gantt/fabric.css +179 -12
  87. package/styles/gantt/fluent-dark.css +180 -10
  88. package/styles/gantt/fluent.css +180 -10
  89. package/styles/gantt/highcontrast-light.css +178 -10
  90. package/styles/gantt/highcontrast.css +179 -12
  91. package/styles/gantt/icons/_bootstrap-dark.scss +1 -1
  92. package/styles/gantt/icons/_bootstrap.scss +1 -1
  93. package/styles/gantt/icons/_fabric-dark.scss +1 -1
  94. package/styles/gantt/icons/_fabric.scss +1 -1
  95. package/styles/gantt/icons/_highcontrast.scss +1 -1
  96. package/styles/gantt/icons/_material-dark.scss +1 -1
  97. package/styles/gantt/icons/_material.scss +1 -1
  98. package/styles/gantt/material-dark.css +177 -12
  99. package/styles/gantt/material.css +179 -12
  100. package/styles/gantt/tailwind-dark.css +178 -10
  101. package/styles/gantt/tailwind.css +178 -10
  102. package/styles/highcontrast-light.css +178 -10
  103. package/styles/highcontrast.css +179 -12
  104. package/styles/material-dark.css +177 -12
  105. package/styles/material.css +179 -12
  106. package/styles/tailwind-dark.css +178 -10
  107. package/styles/tailwind.css +178 -10
@@ -21,7 +21,7 @@ import { ZoomEventArgs, IActionBeginEventArgs, CellSelectingEventArgs, RowDesele
21
21
  import { ITimeSpanEventArgs, ZoomTimelineSettings, QueryCellInfoEventArgs, RowDataBoundEventArgs, RowSelectEventArgs } from './interface';
22
22
  import { TaskFieldsModel, TimelineSettingsModel, SplitterSettingsModel, SortSettingsModel } from '../models/models';
23
23
  import { EventMarkerModel, AddDialogFieldSettingsModel, EditDialogFieldSettingsModel, EditSettingsModel } from '../models/models';
24
- import { HolidayModel, DayWorkingTimeModel, FilterSettingsModel, SelectionSettingsModel } from '../models/models';
24
+ import { HolidayModel, DayWorkingTimeModel, FilterSettingsModel, SelectionSettingsModel, LoadingIndicatorModel } from '../models/models';
25
25
  import { LabelSettingsModel } from '../models/models';
26
26
  import { SearchSettingsModel, ResourceFieldsModel } from '../models/models';
27
27
  import { ItemModel, ClickEventArgs } from '@syncfusion/ej2-navigations';
@@ -82,6 +82,19 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
82
82
  /** @hidden */
83
83
  treeGridPane: HTMLElement;
84
84
  /** @hidden */
85
+ private contentMaskTable;
86
+ /** @hidden */
87
+ private headerMaskTable;
88
+ /** @hidden */
89
+ columnLoop: any;
90
+ showIndicator: boolean;
91
+ singleTier: number;
92
+ isVirtualScroll: boolean;
93
+ scrollLeftValue: any;
94
+ isToolBarClick: any;
95
+ /** @hidden */
96
+ topBottomHeader: any;
97
+ /** @hidden */
85
98
  splitterElement: HTMLElement;
86
99
  /** @hidden */
87
100
  toolbarModule: Toolbar;
@@ -307,6 +320,18 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
307
320
  * @default true
308
321
  */
309
322
  disableHtmlEncode: boolean;
323
+ /**
324
+ * Configures the loading indicator of the Gantt Chart. Specifies whether to display spinner or shimmer effect during the waiting time on any actions performed in Gantt Chart.
325
+ *
326
+ * @default {indicatorType: 'Spinner'}
327
+ */
328
+ loadingIndicator: LoadingIndicatorModel;
329
+ /**
330
+ * Specifies whether to display shimmer effect during scrolling action in virtual scrolling feature. If disabled, spinner is shown instead of shimmer effect.
331
+ *
332
+ * @default true
333
+ */
334
+ enableVirtualMaskRow: boolean;
310
335
  /**
311
336
  * Enables or disables the focusing the task bar on click action.
312
337
  *
@@ -419,6 +444,8 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
419
444
  renderBaseline: boolean;
420
445
  /**
421
446
  * Configures the grid lines in tree grid and gantt chart.
447
+ *
448
+ * @default 'Horizontal'
422
449
  */
423
450
  gridLines: GridLine;
424
451
  /**
@@ -446,6 +473,8 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
446
473
  milestoneTemplate: string;
447
474
  /**
448
475
  * Defines the baseline bar color.
476
+ *
477
+ * @default null
449
478
  */
450
479
  baselineColor: string;
451
480
  /**
@@ -523,6 +552,7 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
523
552
  /**
524
553
  * Defines height of taskbar element in Gantt.
525
554
  *
555
+ * @default null
526
556
  * @aspType int?
527
557
  */
528
558
  taskbarHeight: number;
@@ -627,6 +657,8 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
627
657
  taskType: TaskType;
628
658
  /**
629
659
  * Defines the view type of the Gantt.
660
+ *
661
+ * @default 'ProjectView'
630
662
  */
631
663
  viewType: ViewType;
632
664
  /**
@@ -783,6 +815,8 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
783
815
  showOverAllocation: boolean;
784
816
  /**
785
817
  * Specifies task schedule mode for a project.
818
+ *
819
+ * @default 'Auto'
786
820
  */
787
821
  taskMode: ScheduleMode;
788
822
  /**
@@ -1249,7 +1283,7 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
1249
1283
  /**
1250
1284
  * To check whether the date is in DST.
1251
1285
  *
1252
- * @param {Date} date .
1286
+ * @param {Date} date - Defines the date to check whether it is DST.
1253
1287
  * @returns {boolean} .
1254
1288
  * @private
1255
1289
  */
@@ -1278,6 +1312,15 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
1278
1312
  * @private
1279
1313
  */
1280
1314
  protected render(): void;
1315
+ hideMaskRow(): void;
1316
+ showMaskRow(): void;
1317
+ private renderHeaderBackground;
1318
+ private renderBackGround;
1319
+ private createMaskTable;
1320
+ private createEmptyTimeLineTable;
1321
+ private applyTimelineMaskRow;
1322
+ private createEmptyMaskTable;
1323
+ private applyMaskRow;
1281
1324
  /**
1282
1325
  * Method used to show spinner.
1283
1326
  *
@@ -1296,7 +1339,7 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
1296
1339
  */
1297
1340
  processTimeline(): void;
1298
1341
  /**
1299
- * @param {boolean} isChange .
1342
+ * @param {boolean} isChange -Defines whether task data is changed.
1300
1343
  * @returns {void} .
1301
1344
  * @private
1302
1345
  */
@@ -1314,7 +1357,7 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
1314
1357
  /**
1315
1358
  * Method for updating row height value in connector line collections
1316
1359
  *
1317
- * @param {IConnectorLineObject[]} collection .
1360
+ * @param {IConnectorLineObject[]} collection -Defines the CollectorLine collection.
1318
1361
  * @returns {void} .
1319
1362
  * @private
1320
1363
  */
@@ -1331,13 +1374,13 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
1331
1374
  protected renderTreeGrid(): void;
1332
1375
  private updateCurrentViewData;
1333
1376
  /**
1334
- * @param {IGanttData} records .
1377
+ * @param {IGanttData} records -Defines the delete record collections.
1335
1378
  * @returns {IGanttData} .
1336
1379
  * @private
1337
1380
  */
1338
1381
  getRecordFromFlatdata(records: IGanttData[]): IGanttData[];
1339
1382
  /**
1340
- * @param {object} args .
1383
+ * @param {object} args -Update the gantt element content height.
1341
1384
  * @returns {void} .
1342
1385
  * @private
1343
1386
  */
@@ -1407,8 +1450,8 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
1407
1450
  /**
1408
1451
  * Called internally, if any of the property value changed.
1409
1452
  *
1410
- * @param {GanttModel} newProp .
1411
- * @param {GanttModel} oldProp .
1453
+ * @param {GanttModel} newProp - Defines the New GanttModel.
1454
+ * @param {GanttModel} oldProp - Defines the old GanttModel.
1412
1455
  * @returns {void} .
1413
1456
  * @private
1414
1457
  */
@@ -1509,7 +1552,7 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
1509
1552
  removeSortColumn(columnName: string): void;
1510
1553
  /**
1511
1554
  *
1512
- * @param {object} args .
1555
+ * @param {object} args -Defines the edited event args.
1513
1556
  * @returns {void} .
1514
1557
  * @private
1515
1558
  */
@@ -1547,8 +1590,8 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
1547
1590
  /**
1548
1591
  * Get parent task by clone parent item.
1549
1592
  *
1550
- * @param {IGanttData} ganttRecord .
1551
- * @param {number} level .
1593
+ * @param {IGanttData} ganttRecord -Defines the Gantt record.
1594
+ * @param {number} level -Defines the selected record level.
1552
1595
  * @returns {IGanttData} .
1553
1596
  * @hidden
1554
1597
  */
@@ -1625,7 +1668,7 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
1625
1668
  /**
1626
1669
  * To update timeline at start point with one unit.
1627
1670
  *
1628
- * @param {string} mode .
1671
+ * @param {string} mode - Render previous span of Timeline.
1629
1672
  * @returns {void} .
1630
1673
  * @public
1631
1674
  */
@@ -1633,7 +1676,7 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
1633
1676
  /**
1634
1677
  * To update timeline at end point with one unit.
1635
1678
  *
1636
- * @param {string} mode .
1679
+ * @param {string} mode - Render next span of Timeline.
1637
1680
  * @returns {void} .
1638
1681
  * @public
1639
1682
  */
@@ -1682,7 +1725,7 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
1682
1725
  /**
1683
1726
  * Method to clear edited collections in gantt set edit flag value
1684
1727
  *
1685
- * @param {boolean} isStart .
1728
+ * @param {boolean} isStart -Defines whether to initiate edit action.
1686
1729
  * @returns {void} .
1687
1730
  * @private
1688
1731
  */
@@ -1775,8 +1818,8 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
1775
1818
  /**
1776
1819
  * To update existing taskId with new unique Id.
1777
1820
  *
1778
- * @param {number | string} currentId .
1779
- * @param {number | string} newId .
1821
+ * @param {number | string} currentId - Defines the current Id of the record.
1822
+ * @param {number | string} newId - Defines the new Id of the record.
1780
1823
  * @returns {void} .
1781
1824
  */
1782
1825
  updateTaskId(currentId: number | string, newId: number | string): void;
@@ -1841,9 +1884,9 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
1841
1884
  /**
1842
1885
  * Reorder the rows based on given indexes and position
1843
1886
  *
1844
- * @param {number[]} fromIndexes .
1845
- * @param {number} toIndex .
1846
- * @param {string} position .
1887
+ * @param {number[]} fromIndexes - Defines the Dragged record index.
1888
+ * @param {number} toIndex - Defines the Dropped record index.
1889
+ * @param {string} position -Defines the position of the dropped row.
1847
1890
  * @returns {void} .
1848
1891
  */
1849
1892
  reorderRows(fromIndexes: number[], toIndex: number, position: string): void;
@@ -1931,7 +1974,7 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
1931
1974
  /**
1932
1975
  * Method to get class name for unscheduled tasks
1933
1976
  *
1934
- * @param {ITaskData} ganttProp .
1977
+ * @param {ITaskData} ganttProp -Defines the Gantt propertie.
1935
1978
  * @returns {boolean} .
1936
1979
  * @private
1937
1980
  */
@@ -2113,7 +2156,7 @@ export declare class Gantt extends Component<HTMLElement> implements INotifyProp
2113
2156
  /**
2114
2157
  * To change the mode of a record.
2115
2158
  *
2116
- * @param {object} data .
2159
+ * @param {object} data - Use to change the TaskMode either manual, auto or custom.
2117
2160
  * @returns {void} .
2118
2161
  */
2119
2162
  changeTaskMode(data: Object): void;