@progress/kendo-themes-html 7.2.1-dev.0 → 7.2.1-dev.2

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 (576) hide show
  1. package/dist/cjs/autocomplete/tests/autocomplete-prefix-suffix.js +1130 -904
  2. package/dist/cjs/coloreditor/color-editor.spec.js +64 -46
  3. package/dist/cjs/coloreditor/templates/coloreditor-group.js +64 -46
  4. package/dist/cjs/coloreditor/templates/coloreditor-normal.js +64 -46
  5. package/dist/cjs/coloreditor/templates/coloreditor-palette-group.js +64 -46
  6. package/dist/cjs/coloreditor/templates/coloreditor-palette.js +64 -46
  7. package/dist/cjs/coloreditor/tests/coloreditor-focused-colorgradient.js +64 -46
  8. package/dist/cjs/coloreditor/tests/coloreditor-rtl.js +64 -46
  9. package/dist/cjs/coloreditor/tests/coloreditor-states.js +64 -46
  10. package/dist/cjs/coloreditor/tests/coloreditor.js +64 -46
  11. package/dist/cjs/colorgradient/color-gradient.spec.js +64 -46
  12. package/dist/cjs/colorgradient/templates/colorgradient-contrast.js +64 -46
  13. package/dist/cjs/colorgradient/templates/colorgradient-normal.js +64 -46
  14. package/dist/cjs/colorgradient/tests/colorgradient-contrast.js +64 -46
  15. package/dist/cjs/colorgradient/tests/colorgradient-draghandle.js +64 -46
  16. package/dist/cjs/colorgradient/tests/colorgradient-modes.js +64 -46
  17. package/dist/cjs/colorgradient/tests/colorgradient-rtl.js +64 -46
  18. package/dist/cjs/colorgradient/tests/colorgradient-states.js +64 -46
  19. package/dist/cjs/colorgradient/tests/colorgradient.js +64 -46
  20. package/dist/cjs/colorpicker/templates/colorpicker-popup-gradient.js +64 -46
  21. package/dist/cjs/colorpicker/templates/colorpicker-popup-palette.js +64 -46
  22. package/dist/cjs/colorpicker/tests/colorpicker-opened.js +64 -46
  23. package/dist/cjs/colorpicker/tests/colorpicker-size.js +64 -46
  24. package/dist/cjs/colorpicker/tests/colorpicker-states.js +64 -46
  25. package/dist/cjs/colorpicker/tests/colorpicker.js +64 -46
  26. package/dist/cjs/column-menu/column-menu-expander.spec.js +5933 -0
  27. package/dist/cjs/column-menu/column-menu-item-content.js +47 -0
  28. package/dist/cjs/column-menu/column-menu-item-wrapper.js +46 -0
  29. package/dist/cjs/column-menu/column-menu-item.spec.js +4396 -0
  30. package/dist/cjs/column-menu/column-menu-multicheck-item.js +261 -0
  31. package/dist/cjs/column-menu/column-menu-multicheck-wrap.js +46 -0
  32. package/dist/cjs/column-menu/column-menu.spec.js +67 -0
  33. package/dist/cjs/column-menu/filter-menu.spec.js +61 -0
  34. package/dist/cjs/column-menu/templates/column-menu-normal.js +5957 -0
  35. package/dist/cjs/column-menu/templates/column-menu-tabbed.js +5947 -0
  36. package/dist/cjs/column-menu/templates/filter-menu-multi-check.js +5984 -0
  37. package/dist/cjs/column-menu/templates/filter-menu-normal.js +5947 -0
  38. package/dist/cjs/column-menu/tests/column-menu-rtl.js +6038 -0
  39. package/dist/cjs/column-menu/tests/column-menu-tabbed.js +6026 -0
  40. package/dist/cjs/column-menu/tests/column-menu.js +6038 -0
  41. package/dist/cjs/combobox/tests/combobox-prefix-suffix.js +1130 -904
  42. package/dist/cjs/dock-manager/tests/dock-manager-unpinned-pane.js +64 -46
  43. package/dist/cjs/dock-manager/tests/dock-manager.js +64 -46
  44. package/dist/cjs/editor/editor-toolbar.js +64 -46
  45. package/dist/cjs/editor/templates/editor-normal.js +64 -46
  46. package/dist/cjs/editor/tests/editor-find-replace.js +64 -46
  47. package/dist/cjs/editor/tests/editor-states.js +64 -46
  48. package/dist/cjs/editor/tests/editor-table-wizard.js +64 -46
  49. package/dist/cjs/editor/tests/editor.js +64 -46
  50. package/dist/cjs/filemanager/file-info.js +64 -46
  51. package/dist/cjs/filemanager/filemanager-toolbar.spec.js +64 -46
  52. package/dist/cjs/filemanager/filemanager.spec.js +64 -46
  53. package/dist/cjs/filemanager/templates/filemanager-grid-preview.js +64 -46
  54. package/dist/cjs/filemanager/templates/filemanager-grid.js +64 -46
  55. package/dist/cjs/filemanager/templates/filemanager-normal.js +64 -46
  56. package/dist/cjs/filemanager/templates/filemanager-preview.js +64 -46
  57. package/dist/cjs/filemanager/tests/filemanager-contextmenu.js +64 -46
  58. package/dist/cjs/filemanager/tests/filemanager-drag-hint.js +64 -46
  59. package/dist/cjs/filemanager/tests/filemanager-gridview-preview.js +1100 -874
  60. package/dist/cjs/filemanager/tests/filemanager-gridview.js +64 -46
  61. package/dist/cjs/filemanager/tests/filemanager-listview-preview.js +1054 -828
  62. package/dist/cjs/filemanager/tests/filemanager-listview.js +64 -46
  63. package/dist/cjs/filter/templates/filter-normal.js +64 -46
  64. package/dist/cjs/filter/templates/filter-preview.js +64 -46
  65. package/dist/cjs/filter/tests/filter-preview.js +64 -46
  66. package/dist/cjs/filter/tests/filter.js +64 -46
  67. package/dist/cjs/form/tests/form-field-dropdowns.js +1129 -903
  68. package/dist/cjs/form/tests/form-field-inputs-rtl.js +64 -46
  69. package/dist/cjs/form/tests/form-field-inputs.js +64 -46
  70. package/dist/cjs/gantt/gantt-columns-table.spec.js +283 -0
  71. package/dist/cjs/gantt/gantt-content.spec.js +46 -0
  72. package/dist/cjs/gantt/gantt-footer-toolbar.spec.js +7895 -0
  73. package/dist/cjs/gantt/gantt-header-toolbar.spec.js +7895 -0
  74. package/dist/cjs/gantt/gantt-line.spec.js +67 -0
  75. package/dist/cjs/gantt/gantt-rows-table.spec.js +283 -0
  76. package/dist/cjs/gantt/gantt-tables-wrapper.spec.js +46 -0
  77. package/dist/cjs/gantt/gantt-task-content.spec.js +4355 -0
  78. package/dist/cjs/gantt/gantt-task-dot.spec.js +67 -0
  79. package/dist/cjs/gantt/gantt-task-wrap.spec.js +67 -0
  80. package/dist/cjs/gantt/gantt-task.spec.js +68 -0
  81. package/dist/cjs/gantt/gantt-tasks-table.spec.js +283 -0
  82. package/dist/cjs/gantt/gantt.spec.js +67 -0
  83. package/dist/cjs/gantt/tests/gantt-editing-popup-predecessors.js +64 -46
  84. package/dist/cjs/gantt/tests/gantt-editing-popup-resources.js +64 -46
  85. package/dist/cjs/gantt/tests/gantt-editing-popup-successors.js +64 -46
  86. package/dist/cjs/gantt/tests/gantt-react.js +2197 -1216
  87. package/dist/cjs/gantt/tests/gantt-row-reordering.js +2795 -1610
  88. package/dist/cjs/gantt/tests/gantt.js +2770 -1585
  89. package/dist/cjs/grid/grid-toolbar.spec.js +64 -46
  90. package/dist/cjs/grid/tests/grid-adaptive-pager.js +64 -46
  91. package/dist/cjs/grid/tests/grid-adaptive-search.js +64 -46
  92. package/dist/cjs/grid/tests/grid-angular.js +64 -46
  93. package/dist/cjs/grid/tests/grid-column-menu-angular.js +64 -46
  94. package/dist/cjs/grid/tests/grid-column-menu-blazor.js +64 -46
  95. package/dist/cjs/grid/tests/grid-column-menu-rtl.js +707 -603
  96. package/dist/cjs/grid/tests/grid-column-menu-tabbed.js +841 -655
  97. package/dist/cjs/grid/tests/grid-column-menu.js +706 -602
  98. package/dist/cjs/grid/tests/grid-column-reordering-actions.js +366 -168
  99. package/dist/cjs/grid/tests/grid-column-reordering.js +372 -174
  100. package/dist/cjs/grid/tests/grid-column-resizing-actions.js +354 -153
  101. package/dist/cjs/grid/tests/grid-editing-custom-editor.js +1202 -976
  102. package/dist/cjs/grid/tests/grid-editing-inline-angular.js +64 -46
  103. package/dist/cjs/grid/tests/grid-editing-inline-blazor.js +64 -46
  104. package/dist/cjs/grid/tests/grid-editing.js +64 -46
  105. package/dist/cjs/grid/tests/grid-filter-menu-angular.js +64 -46
  106. package/dist/cjs/grid/tests/grid-filter-menu-blazor.js +64 -46
  107. package/dist/cjs/grid/tests/grid-filter-row-angular.js +64 -46
  108. package/dist/cjs/grid/tests/grid-filter-row-blazor.js +64 -46
  109. package/dist/cjs/grid/tests/grid-filter-row.js +64 -46
  110. package/dist/cjs/grid/tests/grid-grouping-actions.js +336 -105
  111. package/dist/cjs/grid/tests/grid-grouping-blazor.js +64 -46
  112. package/dist/cjs/grid/tests/grid-grouping-detail-template.js +64 -46
  113. package/dist/cjs/grid/tests/grid-grouping.js +64 -46
  114. package/dist/cjs/grid/tests/grid-hierarchy.js +64 -46
  115. package/dist/cjs/grid/tests/grid-locked-columns-rtl.js +64 -46
  116. package/dist/cjs/grid/tests/grid-locked-columns.js +64 -46
  117. package/dist/cjs/grid/tests/grid-long-titles.js +64 -46
  118. package/dist/cjs/grid/tests/grid-multicolumn-headers.js +64 -46
  119. package/dist/cjs/grid/tests/grid-no-records.js +64 -46
  120. package/dist/cjs/grid/tests/grid-pager.js +64 -46
  121. package/dist/cjs/grid/tests/grid-react-basic.js +64 -46
  122. package/dist/cjs/grid/tests/grid-react.js +64 -46
  123. package/dist/cjs/grid/tests/grid-row-reordering.js +64 -46
  124. package/dist/cjs/grid/tests/grid-rows-resizing.js +64 -46
  125. package/dist/cjs/grid/tests/grid-rows-states.js +64 -46
  126. package/dist/cjs/grid/tests/grid-rtl-angular.js +64 -46
  127. package/dist/cjs/grid/tests/grid-rtl.js +64 -46
  128. package/dist/cjs/grid/tests/grid-selection-aggregates.js +64 -46
  129. package/dist/cjs/grid/tests/grid-size-sm-comp-sm.js +64 -46
  130. package/dist/cjs/grid/tests/grid-size-sm.js +64 -46
  131. package/dist/cjs/grid/tests/grid-sticky-columns-rtl.js +64 -46
  132. package/dist/cjs/grid/tests/grid-sticky-columns.js +64 -46
  133. package/dist/cjs/grid/tests/grid-sticky-multicolumn-headers.js +64 -46
  134. package/dist/cjs/grid/tests/grid-toolbar.js +64 -46
  135. package/dist/cjs/grid/tests/grid-virtualization.js +64 -46
  136. package/dist/cjs/grid/tests/grid.js +64 -46
  137. package/dist/cjs/imageeditor/tests/imageeditor-crop-pane.js +64 -46
  138. package/dist/cjs/imageeditor/tests/imageeditor-resize-pane.js +64 -46
  139. package/dist/cjs/imageeditor/tests/imageeditor.js +64 -46
  140. package/dist/cjs/index.js +2589 -2217
  141. package/dist/cjs/mediaplayer/tests/mediaplayer.js +64 -46
  142. package/dist/cjs/multiselect/templates/multiselect-prefix.js +1105 -879
  143. package/dist/cjs/multiselect/templates/multiselect-suffix.js +1105 -879
  144. package/dist/cjs/multiselect/tests/multiselect-adaptive.js +1111 -885
  145. package/dist/cjs/multiselect/tests/multiselect-flat.js +1135 -909
  146. package/dist/cjs/multiselect/tests/multiselect-grouping.js +1111 -885
  147. package/dist/cjs/multiselect/tests/multiselect-opened.js +1113 -887
  148. package/dist/cjs/multiselect/tests/multiselect-outline.js +1135 -909
  149. package/dist/cjs/multiselect/tests/multiselect-prefix-suffix.js +1142 -916
  150. package/dist/cjs/multiselect/tests/multiselect-size-rounded.js +1114 -888
  151. package/dist/cjs/multiselect/tests/multiselect-solid.js +1135 -909
  152. package/dist/cjs/pdf-viewer/pdf-viewer.spec.js +64 -46
  153. package/dist/cjs/pdf-viewer/templates/pdf-viewer-blank.js +64 -46
  154. package/dist/cjs/pdf-viewer/templates/pdf-viewer-normal.js +64 -46
  155. package/dist/cjs/pdf-viewer/templates/pdf-viewer-with-search-panel.js +64 -46
  156. package/dist/cjs/pdf-viewer/tests/pdf-viewer-blank-page.js +64 -46
  157. package/dist/cjs/pdf-viewer/tests/pdf-viewer-search-panel.js +64 -46
  158. package/dist/cjs/pdf-viewer/tests/pdf-viewer.js +64 -46
  159. package/dist/cjs/pivotgrid/tests/pivotgrid-column-menus.js +886 -739
  160. package/dist/cjs/pivotgrid/tests/pivotgrid-jquery.js +64 -46
  161. package/dist/cjs/pivotgrid/tests/pivotgrid-settings-panel-reordering.js +1172 -308
  162. package/dist/cjs/prompt/templates/prompt-more-actions.js +87 -55
  163. package/dist/cjs/prompt/templates/prompt-normal.js +64 -46
  164. package/dist/cjs/prompt/templates/prompt-output.js +64 -46
  165. package/dist/cjs/prompt/templates/prompt-popup.js +64 -46
  166. package/dist/cjs/prompt/templates/prompt-settings.js +64 -46
  167. package/dist/cjs/prompt/templates/prompt-suggestions.js +64 -46
  168. package/dist/cjs/prompt/tests/prompt-more-actions.js +87 -55
  169. package/dist/cjs/prompt/tests/prompt-normal.js +64 -46
  170. package/dist/cjs/prompt/tests/prompt-output.js +64 -46
  171. package/dist/cjs/scheduler/tests/scheduler-adaptive-agenda.js +64 -46
  172. package/dist/cjs/scheduler/tests/scheduler-adaptive-day-resource-group.js +64 -46
  173. package/dist/cjs/scheduler/tests/scheduler-adaptive-day.js +64 -46
  174. package/dist/cjs/scheduler/tests/scheduler-adaptive-month.js +64 -46
  175. package/dist/cjs/scheduler/tests/scheduler-angular-agenda-rtl.js +64 -46
  176. package/dist/cjs/scheduler/tests/scheduler-angular-agenda.js +64 -46
  177. package/dist/cjs/scheduler/tests/scheduler-angular-day-rtl.js +64 -46
  178. package/dist/cjs/scheduler/tests/scheduler-angular-month-rtl.js +64 -46
  179. package/dist/cjs/scheduler/tests/scheduler-angular-month.js +64 -46
  180. package/dist/cjs/scheduler/tests/scheduler-angular-rtl.js +64 -46
  181. package/dist/cjs/scheduler/tests/scheduler-angular.js +64 -46
  182. package/dist/cjs/scheduler/tests/scheduler-edit-dialog.js +1144 -918
  183. package/dist/cjs/scheduler/tests/scheduler-editing-weekly.js +1158 -932
  184. package/dist/cjs/scheduler/tests/scheduler-flex-layout.js +64 -46
  185. package/dist/cjs/scheduler/tests/scheduler-jquery-agenda.js +64 -46
  186. package/dist/cjs/scheduler/tests/scheduler-jquery-month.js +64 -46
  187. package/dist/cjs/scheduler/tests/scheduler-react-agenda.js +64 -46
  188. package/dist/cjs/scheduler/tests/scheduler-react-day.js +64 -46
  189. package/dist/cjs/scheduler/tests/scheduler-react-month.js +64 -46
  190. package/dist/cjs/scheduler/tests/scheduler-react-timeline-multi.js +64 -46
  191. package/dist/cjs/scheduler/tests/scheduler-react-timeline.js +64 -46
  192. package/dist/cjs/scheduler/tests/scheduler-react-week.js +64 -46
  193. package/dist/cjs/scheduler/tests/scheduler-year.js +64 -46
  194. package/dist/cjs/scheduler/tests/scheduler.js +64 -46
  195. package/dist/cjs/slider/slider-tick.js +16 -7
  196. package/dist/cjs/slider/slider.spec.js +48 -39
  197. package/dist/cjs/slider/templates/slider-gradient-vertical.js +64 -46
  198. package/dist/cjs/slider/templates/slider-gradient.js +64 -46
  199. package/dist/cjs/slider/templates/slider-normal.js +64 -46
  200. package/dist/cjs/slider/templates/slider-range-vertical.js +64 -46
  201. package/dist/cjs/slider/templates/slider-range.js +64 -46
  202. package/dist/cjs/slider/templates/slider-vertical.js +64 -46
  203. package/dist/cjs/slider/tests/slider-css-vars.js +64 -46
  204. package/dist/cjs/slider/tests/slider-tick-absolute-position.js +64 -46
  205. package/dist/cjs/slider/tests/slider.js +64 -46
  206. package/dist/cjs/spreadsheet/tests/spreadsheet-borders-config.js +64 -46
  207. package/dist/cjs/spreadsheet/tests/spreadsheet-cell-contextmenu.js +64 -46
  208. package/dist/cjs/spreadsheet/tests/spreadsheet-filtering.js +64 -46
  209. package/dist/cjs/spreadsheet/tests/spreadsheet-format-dialogs.js +64 -46
  210. package/dist/cjs/spreadsheet/tests/spreadsheet-formula.js +64 -46
  211. package/dist/cjs/spreadsheet/tests/spreadsheet-jquery.js +64 -46
  212. package/dist/cjs/spreadsheet/tests/spreadsheet-row-contextmenu.js +64 -46
  213. package/dist/cjs/spreadsheet/tests/spreadsheet-tools.js +64 -46
  214. package/dist/cjs/spreadsheet/tests/spreadsheet.js +64 -46
  215. package/dist/cjs/taskboard/taskboard-pane.js +1105 -879
  216. package/dist/cjs/taskboard/taskboard-toolbar.js +64 -46
  217. package/dist/cjs/taskboard/taskboard.spec.js +1117 -891
  218. package/dist/cjs/taskboard/templates/taskboard-normal.js +1151 -925
  219. package/dist/cjs/taskboard/tests/taskboard-card-column-menu.js +1620 -64
  220. package/dist/cjs/taskboard/tests/taskboard-card.js +1133 -907
  221. package/dist/cjs/taskboard/tests/taskboard-column.js +1148 -922
  222. package/dist/cjs/taskboard/tests/taskboard-pane.js +1159 -933
  223. package/dist/cjs/taskboard/tests/taskboard-resources.js +1115 -889
  224. package/dist/cjs/taskboard/tests/taskboard-rtl.js +1157 -931
  225. package/dist/cjs/taskboard/tests/taskboard.js +1157 -931
  226. package/dist/cjs/toolbar/templates/toolbar-angular-normal.js +64 -46
  227. package/dist/cjs/toolbar/templates/toolbar-angular-resizable.js +64 -46
  228. package/dist/cjs/toolbar/templates/toolbar-normal.js +64 -46
  229. package/dist/cjs/toolbar/templates/toolbar-resizable.js +64 -46
  230. package/dist/cjs/toolbar/tests/toolbar-adaptive.js +64 -46
  231. package/dist/cjs/toolbar/tests/toolbar-angular.js +64 -46
  232. package/dist/cjs/toolbar/tests/toolbar-components.js +64 -46
  233. package/dist/cjs/toolbar/tests/toolbar-popup-size.js +64 -46
  234. package/dist/cjs/toolbar/tests/toolbar-popup.js +64 -46
  235. package/dist/cjs/toolbar/tests/toolbar-sizes.js +64 -46
  236. package/dist/cjs/toolbar/tests/toolbar.js +64 -46
  237. package/dist/cjs/toolbar/toolbar-angular.spec.js +64 -46
  238. package/dist/cjs/toolbar/toolbar.spec.js +64 -46
  239. package/dist/cjs/treelist/tests/treelist-aggregate-react.js +4295 -73
  240. package/dist/cjs/treelist/tests/treelist-aggregates.js +4537 -216
  241. package/dist/cjs/treelist/tests/treelist-react.js +2536 -98
  242. package/dist/cjs/treelist/tests/treelist-row-reordering.js +4389 -59
  243. package/dist/cjs/treelist/tests/treelist.js +4427 -112
  244. package/dist/cjs/treelist/treelist.spec.js +8433 -0
  245. package/dist/esm/autocomplete/tests/autocomplete-prefix-suffix.js +1075 -849
  246. package/dist/esm/coloreditor/color-editor.spec.js +64 -46
  247. package/dist/esm/coloreditor/templates/coloreditor-group.js +64 -46
  248. package/dist/esm/coloreditor/templates/coloreditor-normal.js +64 -46
  249. package/dist/esm/coloreditor/templates/coloreditor-palette-group.js +64 -46
  250. package/dist/esm/coloreditor/templates/coloreditor-palette.js +64 -46
  251. package/dist/esm/coloreditor/tests/coloreditor-focused-colorgradient.js +64 -46
  252. package/dist/esm/coloreditor/tests/coloreditor-rtl.js +64 -46
  253. package/dist/esm/coloreditor/tests/coloreditor-states.js +64 -46
  254. package/dist/esm/coloreditor/tests/coloreditor.js +64 -46
  255. package/dist/esm/colorgradient/color-gradient.spec.js +64 -46
  256. package/dist/esm/colorgradient/templates/colorgradient-contrast.js +64 -46
  257. package/dist/esm/colorgradient/templates/colorgradient-normal.js +64 -46
  258. package/dist/esm/colorgradient/tests/colorgradient-contrast.js +64 -46
  259. package/dist/esm/colorgradient/tests/colorgradient-draghandle.js +64 -46
  260. package/dist/esm/colorgradient/tests/colorgradient-modes.js +64 -46
  261. package/dist/esm/colorgradient/tests/colorgradient-rtl.js +64 -46
  262. package/dist/esm/colorgradient/tests/colorgradient-states.js +64 -46
  263. package/dist/esm/colorgradient/tests/colorgradient.js +64 -46
  264. package/dist/esm/colorpicker/templates/colorpicker-popup-gradient.js +64 -46
  265. package/dist/esm/colorpicker/templates/colorpicker-popup-palette.js +64 -46
  266. package/dist/esm/colorpicker/tests/colorpicker-opened.js +64 -46
  267. package/dist/esm/colorpicker/tests/colorpicker-size.js +64 -46
  268. package/dist/esm/colorpicker/tests/colorpicker-states.js +64 -46
  269. package/dist/esm/colorpicker/tests/colorpicker.js +64 -46
  270. package/dist/esm/column-menu/column-menu-expander.spec.js +5917 -0
  271. package/dist/esm/column-menu/column-menu-item-content.js +25 -0
  272. package/dist/esm/column-menu/column-menu-item-wrapper.js +24 -0
  273. package/dist/esm/column-menu/column-menu-item.spec.js +4380 -0
  274. package/dist/esm/column-menu/column-menu-multicheck-item.js +239 -0
  275. package/dist/esm/column-menu/column-menu-multicheck-wrap.js +24 -0
  276. package/dist/esm/column-menu/column-menu.spec.js +45 -0
  277. package/dist/esm/column-menu/filter-menu.spec.js +39 -0
  278. package/dist/esm/column-menu/templates/column-menu-normal.js +5941 -0
  279. package/dist/esm/column-menu/templates/column-menu-tabbed.js +5931 -0
  280. package/dist/esm/column-menu/templates/filter-menu-multi-check.js +5968 -0
  281. package/dist/esm/column-menu/templates/filter-menu-normal.js +5931 -0
  282. package/dist/esm/column-menu/tests/column-menu-rtl.js +6022 -0
  283. package/dist/esm/column-menu/tests/column-menu-tabbed.js +6010 -0
  284. package/dist/esm/column-menu/tests/column-menu.js +6022 -0
  285. package/dist/esm/combobox/tests/combobox-prefix-suffix.js +1075 -849
  286. package/dist/esm/dock-manager/tests/dock-manager-unpinned-pane.js +64 -46
  287. package/dist/esm/dock-manager/tests/dock-manager.js +64 -46
  288. package/dist/esm/editor/editor-toolbar.js +64 -46
  289. package/dist/esm/editor/templates/editor-normal.js +64 -46
  290. package/dist/esm/editor/tests/editor-find-replace.js +64 -46
  291. package/dist/esm/editor/tests/editor-states.js +64 -46
  292. package/dist/esm/editor/tests/editor-table-wizard.js +64 -46
  293. package/dist/esm/editor/tests/editor.js +64 -46
  294. package/dist/esm/filemanager/file-info.js +64 -46
  295. package/dist/esm/filemanager/filemanager-toolbar.spec.js +64 -46
  296. package/dist/esm/filemanager/filemanager.spec.js +64 -46
  297. package/dist/esm/filemanager/templates/filemanager-grid-preview.js +64 -46
  298. package/dist/esm/filemanager/templates/filemanager-grid.js +64 -46
  299. package/dist/esm/filemanager/templates/filemanager-normal.js +64 -46
  300. package/dist/esm/filemanager/templates/filemanager-preview.js +64 -46
  301. package/dist/esm/filemanager/tests/filemanager-contextmenu.js +64 -46
  302. package/dist/esm/filemanager/tests/filemanager-drag-hint.js +64 -46
  303. package/dist/esm/filemanager/tests/filemanager-gridview-preview.js +1013 -787
  304. package/dist/esm/filemanager/tests/filemanager-gridview.js +64 -46
  305. package/dist/esm/filemanager/tests/filemanager-listview-preview.js +967 -741
  306. package/dist/esm/filemanager/tests/filemanager-listview.js +64 -46
  307. package/dist/esm/filter/templates/filter-normal.js +64 -46
  308. package/dist/esm/filter/templates/filter-preview.js +64 -46
  309. package/dist/esm/filter/tests/filter-preview.js +64 -46
  310. package/dist/esm/filter/tests/filter.js +64 -46
  311. package/dist/esm/form/tests/form-field-dropdowns.js +1074 -848
  312. package/dist/esm/form/tests/form-field-inputs-rtl.js +64 -46
  313. package/dist/esm/form/tests/form-field-inputs.js +64 -46
  314. package/dist/esm/gantt/gantt-columns-table.spec.js +261 -0
  315. package/dist/esm/gantt/gantt-content.spec.js +24 -0
  316. package/dist/esm/gantt/gantt-footer-toolbar.spec.js +7879 -0
  317. package/dist/esm/gantt/gantt-header-toolbar.spec.js +7879 -0
  318. package/dist/esm/gantt/gantt-line.spec.js +45 -0
  319. package/dist/esm/gantt/gantt-rows-table.spec.js +261 -0
  320. package/dist/esm/gantt/gantt-tables-wrapper.spec.js +24 -0
  321. package/dist/esm/gantt/gantt-task-content.spec.js +4339 -0
  322. package/dist/esm/gantt/gantt-task-dot.spec.js +45 -0
  323. package/dist/esm/gantt/gantt-task-wrap.spec.js +45 -0
  324. package/dist/esm/gantt/gantt-task.spec.js +46 -0
  325. package/dist/esm/gantt/gantt-tasks-table.spec.js +261 -0
  326. package/dist/esm/gantt/gantt.spec.js +45 -0
  327. package/dist/esm/gantt/tests/gantt-editing-popup-predecessors.js +64 -46
  328. package/dist/esm/gantt/tests/gantt-editing-popup-resources.js +64 -46
  329. package/dist/esm/gantt/tests/gantt-editing-popup-successors.js +64 -46
  330. package/dist/esm/gantt/tests/gantt-react.js +1900 -919
  331. package/dist/esm/gantt/tests/gantt-row-reordering.js +2498 -1313
  332. package/dist/esm/gantt/tests/gantt.js +2473 -1288
  333. package/dist/esm/grid/grid-toolbar.spec.js +64 -46
  334. package/dist/esm/grid/tests/grid-adaptive-pager.js +64 -46
  335. package/dist/esm/grid/tests/grid-adaptive-search.js +64 -46
  336. package/dist/esm/grid/tests/grid-angular.js +64 -46
  337. package/dist/esm/grid/tests/grid-column-menu-angular.js +64 -46
  338. package/dist/esm/grid/tests/grid-column-menu-blazor.js +64 -46
  339. package/dist/esm/grid/tests/grid-column-menu-rtl.js +707 -603
  340. package/dist/esm/grid/tests/grid-column-menu-tabbed.js +852 -666
  341. package/dist/esm/grid/tests/grid-column-menu.js +706 -602
  342. package/dist/esm/grid/tests/grid-column-reordering-actions.js +366 -168
  343. package/dist/esm/grid/tests/grid-column-reordering.js +372 -174
  344. package/dist/esm/grid/tests/grid-column-resizing-actions.js +354 -153
  345. package/dist/esm/grid/tests/grid-editing-custom-editor.js +1147 -921
  346. package/dist/esm/grid/tests/grid-editing-inline-angular.js +64 -46
  347. package/dist/esm/grid/tests/grid-editing-inline-blazor.js +64 -46
  348. package/dist/esm/grid/tests/grid-editing.js +64 -46
  349. package/dist/esm/grid/tests/grid-filter-menu-angular.js +64 -46
  350. package/dist/esm/grid/tests/grid-filter-menu-blazor.js +64 -46
  351. package/dist/esm/grid/tests/grid-filter-row-angular.js +64 -46
  352. package/dist/esm/grid/tests/grid-filter-row-blazor.js +64 -46
  353. package/dist/esm/grid/tests/grid-filter-row.js +64 -46
  354. package/dist/esm/grid/tests/grid-grouping-actions.js +336 -105
  355. package/dist/esm/grid/tests/grid-grouping-blazor.js +64 -46
  356. package/dist/esm/grid/tests/grid-grouping-detail-template.js +64 -46
  357. package/dist/esm/grid/tests/grid-grouping.js +64 -46
  358. package/dist/esm/grid/tests/grid-hierarchy.js +64 -46
  359. package/dist/esm/grid/tests/grid-locked-columns-rtl.js +64 -46
  360. package/dist/esm/grid/tests/grid-locked-columns.js +64 -46
  361. package/dist/esm/grid/tests/grid-long-titles.js +64 -46
  362. package/dist/esm/grid/tests/grid-multicolumn-headers.js +64 -46
  363. package/dist/esm/grid/tests/grid-no-records.js +64 -46
  364. package/dist/esm/grid/tests/grid-pager.js +64 -46
  365. package/dist/esm/grid/tests/grid-react-basic.js +64 -46
  366. package/dist/esm/grid/tests/grid-react.js +64 -46
  367. package/dist/esm/grid/tests/grid-row-reordering.js +64 -46
  368. package/dist/esm/grid/tests/grid-rows-resizing.js +64 -46
  369. package/dist/esm/grid/tests/grid-rows-states.js +64 -46
  370. package/dist/esm/grid/tests/grid-rtl-angular.js +64 -46
  371. package/dist/esm/grid/tests/grid-rtl.js +64 -46
  372. package/dist/esm/grid/tests/grid-selection-aggregates.js +64 -46
  373. package/dist/esm/grid/tests/grid-size-sm-comp-sm.js +64 -46
  374. package/dist/esm/grid/tests/grid-size-sm.js +64 -46
  375. package/dist/esm/grid/tests/grid-sticky-columns-rtl.js +64 -46
  376. package/dist/esm/grid/tests/grid-sticky-columns.js +64 -46
  377. package/dist/esm/grid/tests/grid-sticky-multicolumn-headers.js +64 -46
  378. package/dist/esm/grid/tests/grid-toolbar.js +64 -46
  379. package/dist/esm/grid/tests/grid-virtualization.js +64 -46
  380. package/dist/esm/grid/tests/grid.js +64 -46
  381. package/dist/esm/imageeditor/tests/imageeditor-crop-pane.js +64 -46
  382. package/dist/esm/imageeditor/tests/imageeditor-resize-pane.js +64 -46
  383. package/dist/esm/imageeditor/tests/imageeditor.js +64 -46
  384. package/dist/esm/index.js +2574 -2202
  385. package/dist/esm/mediaplayer/tests/mediaplayer.js +64 -46
  386. package/dist/esm/multiselect/templates/multiselect-prefix.js +1050 -824
  387. package/dist/esm/multiselect/templates/multiselect-suffix.js +1050 -824
  388. package/dist/esm/multiselect/tests/multiselect-adaptive.js +1056 -830
  389. package/dist/esm/multiselect/tests/multiselect-flat.js +1080 -854
  390. package/dist/esm/multiselect/tests/multiselect-grouping.js +1056 -830
  391. package/dist/esm/multiselect/tests/multiselect-opened.js +1058 -832
  392. package/dist/esm/multiselect/tests/multiselect-outline.js +1080 -854
  393. package/dist/esm/multiselect/tests/multiselect-prefix-suffix.js +1087 -861
  394. package/dist/esm/multiselect/tests/multiselect-size-rounded.js +1059 -833
  395. package/dist/esm/multiselect/tests/multiselect-solid.js +1080 -854
  396. package/dist/esm/pdf-viewer/pdf-viewer.spec.js +64 -46
  397. package/dist/esm/pdf-viewer/templates/pdf-viewer-blank.js +64 -46
  398. package/dist/esm/pdf-viewer/templates/pdf-viewer-normal.js +64 -46
  399. package/dist/esm/pdf-viewer/templates/pdf-viewer-with-search-panel.js +64 -46
  400. package/dist/esm/pdf-viewer/tests/pdf-viewer-blank-page.js +64 -46
  401. package/dist/esm/pdf-viewer/tests/pdf-viewer-search-panel.js +64 -46
  402. package/dist/esm/pdf-viewer/tests/pdf-viewer.js +64 -46
  403. package/dist/esm/pivotgrid/tests/pivotgrid-column-menus.js +886 -739
  404. package/dist/esm/pivotgrid/tests/pivotgrid-jquery.js +64 -46
  405. package/dist/esm/pivotgrid/tests/pivotgrid-settings-panel-reordering.js +1172 -308
  406. package/dist/esm/prompt/templates/prompt-more-actions.js +87 -55
  407. package/dist/esm/prompt/templates/prompt-normal.js +64 -46
  408. package/dist/esm/prompt/templates/prompt-output.js +64 -46
  409. package/dist/esm/prompt/templates/prompt-popup.js +64 -46
  410. package/dist/esm/prompt/templates/prompt-settings.js +64 -46
  411. package/dist/esm/prompt/templates/prompt-suggestions.js +64 -46
  412. package/dist/esm/prompt/tests/prompt-more-actions.js +87 -55
  413. package/dist/esm/prompt/tests/prompt-normal.js +64 -46
  414. package/dist/esm/prompt/tests/prompt-output.js +64 -46
  415. package/dist/esm/scheduler/tests/scheduler-adaptive-agenda.js +64 -46
  416. package/dist/esm/scheduler/tests/scheduler-adaptive-day-resource-group.js +64 -46
  417. package/dist/esm/scheduler/tests/scheduler-adaptive-day.js +64 -46
  418. package/dist/esm/scheduler/tests/scheduler-adaptive-month.js +64 -46
  419. package/dist/esm/scheduler/tests/scheduler-angular-agenda-rtl.js +64 -46
  420. package/dist/esm/scheduler/tests/scheduler-angular-agenda.js +64 -46
  421. package/dist/esm/scheduler/tests/scheduler-angular-day-rtl.js +64 -46
  422. package/dist/esm/scheduler/tests/scheduler-angular-month-rtl.js +64 -46
  423. package/dist/esm/scheduler/tests/scheduler-angular-month.js +64 -46
  424. package/dist/esm/scheduler/tests/scheduler-angular-rtl.js +64 -46
  425. package/dist/esm/scheduler/tests/scheduler-angular.js +64 -46
  426. package/dist/esm/scheduler/tests/scheduler-edit-dialog.js +1089 -863
  427. package/dist/esm/scheduler/tests/scheduler-editing-weekly.js +1103 -877
  428. package/dist/esm/scheduler/tests/scheduler-flex-layout.js +64 -46
  429. package/dist/esm/scheduler/tests/scheduler-jquery-agenda.js +64 -46
  430. package/dist/esm/scheduler/tests/scheduler-jquery-month.js +64 -46
  431. package/dist/esm/scheduler/tests/scheduler-react-agenda.js +64 -46
  432. package/dist/esm/scheduler/tests/scheduler-react-day.js +64 -46
  433. package/dist/esm/scheduler/tests/scheduler-react-month.js +64 -46
  434. package/dist/esm/scheduler/tests/scheduler-react-timeline-multi.js +64 -46
  435. package/dist/esm/scheduler/tests/scheduler-react-timeline.js +64 -46
  436. package/dist/esm/scheduler/tests/scheduler-react-week.js +64 -46
  437. package/dist/esm/scheduler/tests/scheduler-year.js +64 -46
  438. package/dist/esm/scheduler/tests/scheduler.js +64 -46
  439. package/dist/esm/slider/slider-tick.js +16 -7
  440. package/dist/esm/slider/slider.spec.js +48 -39
  441. package/dist/esm/slider/templates/slider-gradient-vertical.js +64 -46
  442. package/dist/esm/slider/templates/slider-gradient.js +64 -46
  443. package/dist/esm/slider/templates/slider-normal.js +64 -46
  444. package/dist/esm/slider/templates/slider-range-vertical.js +64 -46
  445. package/dist/esm/slider/templates/slider-range.js +64 -46
  446. package/dist/esm/slider/templates/slider-vertical.js +64 -46
  447. package/dist/esm/slider/tests/slider-css-vars.js +64 -46
  448. package/dist/esm/slider/tests/slider-tick-absolute-position.js +64 -46
  449. package/dist/esm/slider/tests/slider.js +64 -46
  450. package/dist/esm/spreadsheet/tests/spreadsheet-borders-config.js +64 -46
  451. package/dist/esm/spreadsheet/tests/spreadsheet-cell-contextmenu.js +64 -46
  452. package/dist/esm/spreadsheet/tests/spreadsheet-filtering.js +64 -46
  453. package/dist/esm/spreadsheet/tests/spreadsheet-format-dialogs.js +64 -46
  454. package/dist/esm/spreadsheet/tests/spreadsheet-formula.js +64 -46
  455. package/dist/esm/spreadsheet/tests/spreadsheet-jquery.js +64 -46
  456. package/dist/esm/spreadsheet/tests/spreadsheet-row-contextmenu.js +64 -46
  457. package/dist/esm/spreadsheet/tests/spreadsheet-tools.js +64 -46
  458. package/dist/esm/spreadsheet/tests/spreadsheet.js +64 -46
  459. package/dist/esm/taskboard/taskboard-pane.js +1049 -823
  460. package/dist/esm/taskboard/taskboard-toolbar.js +64 -46
  461. package/dist/esm/taskboard/taskboard.spec.js +1045 -819
  462. package/dist/esm/taskboard/templates/taskboard-normal.js +1079 -853
  463. package/dist/esm/taskboard/tests/taskboard-card-column-menu.js +1620 -64
  464. package/dist/esm/taskboard/tests/taskboard-card.js +1078 -852
  465. package/dist/esm/taskboard/tests/taskboard-column.js +1093 -867
  466. package/dist/esm/taskboard/tests/taskboard-pane.js +1087 -861
  467. package/dist/esm/taskboard/tests/taskboard-resources.js +1060 -834
  468. package/dist/esm/taskboard/tests/taskboard-rtl.js +1085 -859
  469. package/dist/esm/taskboard/tests/taskboard.js +1085 -859
  470. package/dist/esm/toolbar/templates/toolbar-angular-normal.js +64 -46
  471. package/dist/esm/toolbar/templates/toolbar-angular-resizable.js +64 -46
  472. package/dist/esm/toolbar/templates/toolbar-normal.js +64 -46
  473. package/dist/esm/toolbar/templates/toolbar-resizable.js +64 -46
  474. package/dist/esm/toolbar/tests/toolbar-adaptive.js +64 -46
  475. package/dist/esm/toolbar/tests/toolbar-angular.js +64 -46
  476. package/dist/esm/toolbar/tests/toolbar-components.js +64 -46
  477. package/dist/esm/toolbar/tests/toolbar-popup-size.js +64 -46
  478. package/dist/esm/toolbar/tests/toolbar-popup.js +64 -46
  479. package/dist/esm/toolbar/tests/toolbar-sizes.js +64 -46
  480. package/dist/esm/toolbar/tests/toolbar.js +64 -46
  481. package/dist/esm/toolbar/toolbar-angular.spec.js +64 -46
  482. package/dist/esm/toolbar/toolbar.spec.js +64 -46
  483. package/dist/esm/treelist/tests/treelist-aggregate-react.js +4295 -73
  484. package/dist/esm/treelist/tests/treelist-aggregates.js +4538 -217
  485. package/dist/esm/treelist/tests/treelist-react.js +2536 -98
  486. package/dist/esm/treelist/tests/treelist-row-reordering.js +4389 -59
  487. package/dist/esm/treelist/tests/treelist.js +4428 -113
  488. package/dist/esm/treelist/treelist.spec.js +8417 -0
  489. package/dist/types/column-menu/column-menu-expander.spec.d.ts +17 -0
  490. package/dist/types/column-menu/column-menu-item-content.d.ts +1 -0
  491. package/dist/types/column-menu/column-menu-item-wrapper.d.ts +1 -0
  492. package/dist/types/column-menu/column-menu-item.spec.d.ts +17 -0
  493. package/dist/types/column-menu/column-menu-multicheck-item.d.ts +4 -0
  494. package/dist/types/column-menu/column-menu-multicheck-wrap.d.ts +1 -0
  495. package/dist/types/column-menu/column-menu.spec.d.ts +14 -0
  496. package/dist/types/column-menu/filter-menu.spec.d.ts +9 -0
  497. package/dist/types/column-menu/index.d.ts +12 -0
  498. package/dist/types/column-menu/templates/column-menu-normal.d.ts +1 -0
  499. package/dist/types/column-menu/templates/column-menu-tabbed.d.ts +1 -0
  500. package/dist/types/column-menu/templates/filter-menu-multi-check.d.ts +1 -0
  501. package/dist/types/column-menu/templates/filter-menu-normal.d.ts +1 -0
  502. package/dist/types/column-menu/tests/column-menu-rtl.d.ts +2 -0
  503. package/dist/types/column-menu/tests/column-menu-tabbed.d.ts +2 -0
  504. package/dist/types/column-menu/tests/column-menu.d.ts +2 -0
  505. package/dist/types/gantt/gantt-columns-table.spec.d.ts +3 -0
  506. package/dist/types/gantt/gantt-content.spec.d.ts +1 -0
  507. package/dist/types/gantt/gantt-footer-toolbar.spec.d.ts +2 -0
  508. package/dist/types/gantt/gantt-header-toolbar.spec.d.ts +2 -0
  509. package/dist/types/gantt/gantt-line.spec.d.ts +14 -0
  510. package/dist/types/gantt/gantt-rows-table.spec.d.ts +3 -0
  511. package/dist/types/gantt/gantt-tables-wrapper.spec.d.ts +1 -0
  512. package/dist/types/gantt/gantt-task-content.spec.d.ts +13 -0
  513. package/dist/types/gantt/gantt-task-dot.spec.d.ts +14 -0
  514. package/dist/types/gantt/gantt-task-wrap.spec.d.ts +14 -0
  515. package/dist/types/gantt/gantt-task.spec.d.ts +14 -0
  516. package/dist/types/gantt/gantt-tasks-table.spec.d.ts +3 -0
  517. package/dist/types/gantt/gantt.spec.d.ts +14 -0
  518. package/dist/types/gantt/index.d.ts +13 -0
  519. package/dist/types/index.d.ts +2 -0
  520. package/dist/types/treelist/index.d.ts +1 -0
  521. package/dist/types/treelist/treelist.spec.d.ts +9 -0
  522. package/package.json +2 -2
  523. package/src/column-menu/column-menu-expander.spec.tsx +66 -0
  524. package/src/column-menu/column-menu-item-content.tsx +18 -0
  525. package/src/column-menu/column-menu-item-wrapper.tsx +17 -0
  526. package/src/column-menu/column-menu-item.spec.tsx +56 -0
  527. package/src/column-menu/column-menu-multicheck-item.tsx +32 -0
  528. package/src/column-menu/column-menu-multicheck-wrap.tsx +17 -0
  529. package/src/column-menu/column-menu.spec.tsx +46 -0
  530. package/src/column-menu/filter-menu.spec.tsx +38 -0
  531. package/src/column-menu/index.ts +12 -0
  532. package/src/column-menu/templates/column-menu-normal.tsx +23 -0
  533. package/src/column-menu/templates/column-menu-tabbed.tsx +36 -0
  534. package/src/column-menu/templates/filter-menu-multi-check.tsx +26 -0
  535. package/src/column-menu/templates/filter-menu-normal.tsx +23 -0
  536. package/src/column-menu/tests/column-menu-rtl.tsx +119 -0
  537. package/src/column-menu/tests/column-menu-tabbed.tsx +113 -0
  538. package/src/column-menu/tests/column-menu.tsx +119 -0
  539. package/src/gantt/gantt-columns-table.spec.tsx +20 -0
  540. package/src/gantt/gantt-content.spec.tsx +16 -0
  541. package/src/gantt/gantt-footer-toolbar.spec.tsx +20 -0
  542. package/src/gantt/gantt-header-toolbar.spec.tsx +20 -0
  543. package/src/gantt/gantt-line.spec.tsx +47 -0
  544. package/src/gantt/gantt-rows-table.spec.tsx +20 -0
  545. package/src/gantt/gantt-tables-wrapper.spec.tsx +16 -0
  546. package/src/gantt/gantt-task-content.spec.tsx +44 -0
  547. package/src/gantt/gantt-task-dot.spec.tsx +47 -0
  548. package/src/gantt/gantt-task-wrap.spec.tsx +47 -0
  549. package/src/gantt/gantt-task.spec.tsx +48 -0
  550. package/src/gantt/gantt-tasks-table.spec.tsx +20 -0
  551. package/src/gantt/gantt.spec.tsx +47 -0
  552. package/src/gantt/index.ts +13 -0
  553. package/src/gantt/tests/gantt-react.tsx +350 -347
  554. package/src/gantt/tests/gantt-row-reordering.tsx +701 -748
  555. package/src/gantt/tests/gantt.tsx +694 -742
  556. package/src/grid/tests/grid-column-menu-rtl.tsx +194 -367
  557. package/src/grid/tests/grid-column-menu-tabbed.tsx +147 -260
  558. package/src/grid/tests/grid-column-menu.tsx +194 -366
  559. package/src/grid/tests/grid-column-reordering-actions.tsx +48 -77
  560. package/src/grid/tests/grid-column-reordering.tsx +60 -86
  561. package/src/grid/tests/grid-column-resizing-actions.tsx +25 -64
  562. package/src/grid/tests/grid-grouping-actions.tsx +15 -11
  563. package/src/index.ts +2 -1
  564. package/src/pivotgrid/tests/pivotgrid-column-menus.tsx +141 -232
  565. package/src/pivotgrid/tests/pivotgrid-settings-panel-reordering.tsx +17 -34
  566. package/src/prompt/templates/prompt-more-actions.tsx +56 -13
  567. package/src/slider/slider-tick.tsx +12 -9
  568. package/src/slider/slider.spec.tsx +17 -14
  569. package/src/taskboard/tests/taskboard-card-column-menu.tsx +12 -22
  570. package/src/treelist/index.ts +1 -0
  571. package/src/treelist/tests/treelist-aggregate-react.tsx +73 -71
  572. package/src/treelist/tests/treelist-aggregates.tsx +219 -242
  573. package/src/treelist/tests/treelist-react.tsx +98 -95
  574. package/src/treelist/tests/treelist-row-reordering.tsx +95 -74
  575. package/src/treelist/tests/treelist.tsx +110 -139
  576. package/src/treelist/treelist.spec.tsx +32 -0
package/src/gantt/tests/gantt.tsx CHANGED
@@ -1,8 +1,11 @@
1
1
  import { Button } from '../../button';
2
2
  import { ButtonGroup } from '../../button-group';
3
3
  import { Icon } from '../../icon';
4
- import { Toolbar } from '../../toolbar';
5
-
4
+ import { Gantt, GanttHeaderToolbar, GanttFooterToolbar, GanttContent, GanttTables, GanttColumnsTable, GanttRowsTable, GanttTasksTable, GanttTaskDot, GanttTaskWrap, GanttTask, GanttTaskContent, GanttLine } from '../../gantt';
5
+ import { TreeList } from '../../treelist';
6
+ import { Splitter, SplitterPane } from '../../splitter';
7
+ import { Grid, GridHeader, GridHeaderTable, GridHeaderCell, GridContainer, GridContent, GridTable } from '../../grid';
8
+ import { TableThead, TableRow, TableTbody, TableTd } from '../../table';
6
9
 
7
10
  const styles = `
8
11
  .k-gantt {
@@ -22,752 +25,701 @@ export default () =>(
22
25
  <style>{styles}</style>
23
26
  <div id="test-area">
24
27
 
25
- <div id="gantt" className="k-widget k-gantt">
26
- <Toolbar className="k-gantt-toolbar k-gantt-header">
27
- <Button className="k-gantt-toggle" icon="layout-1-by-4"></Button>
28
- <Button className="k-gantt-create" icon="plus">Add Task</Button>
29
- <span className="k-spacer"></span>
30
- <div className="k-gantt-views-wrapper">
31
- <select className="k-picker k-picker-solid k-dropdown-list k-dropdown k-views-dropdown k-rounded-md">
32
- <option value="day">Day</option>
33
- <option value="week">Week</option>
34
- <option value="month">Month</option>
35
- </select>
36
- <ButtonGroup className="k-gantt-views">
37
- <Button className="k-view-day">Day</Button>
38
- <Button className="k-view-week" selected>Week</Button>
39
- <Button className="k-view-month">Month</Button>
40
- </ButtonGroup>
41
- </div>
42
- </Toolbar>
43
- <div className="k-gantt-content">
44
- <div className="k-gantt-treelist">
45
- <div className="k-treelist k-grid k-grid-md k-grid-display-block">
46
- <div className="k-table-thead k-grid-header">
47
- <div className="k-grid-header-wrap">
48
- <table className="k-table k-table-md k-grid-header-table" style={{ minWidth: "250px" }}>
49
- <colgroup>
50
- <col style={{ width: '50px' }} />
51
- <col />
52
- </colgroup>
53
- <thead className="k-table-thead">
54
- <tr className="k-table-row">
55
- <th className="k-table-th k-header" rowSpan={1}>
56
- <span className="k-cell-inner">
57
- <span className="k-link">
58
- <span className="k-column-title">ID</span>
59
- </span>
60
- </span>
61
- </th>
62
- <th className="k-table-th k-header" rowSpan={1}>
63
- <span className="k-cell-inner">
64
- <span className="k-link">
65
- <span className="k-column-title">Title</span>
66
- </span>
67
- </span>
68
- </th>
69
- </tr>
70
- </thead>
71
- </table>
72
- </div>
73
- </div>
74
- <div className="k-grid-content k-auto-scrollable" style={{ height: "530px", display: "block" }}>
75
- <table className="k-table k-table-md k-grid-table k-selectable" style={{ minWidth: "250px" }}>
76
- <colgroup>
77
- <col style={{ width: '50px' }} />
78
- <col />
79
- </colgroup>
80
- <tbody className="k-table-tbody">
81
- <tr className="k-table-row k-treelist-group">
82
- <td className="k-table-td">7</td>
83
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td">
84
- <Icon className="k-treelist-toggle" icon="caret-alt-down" />
85
- Software validation, research and implementation
86
- </td>
87
- </tr>
88
- <tr className="k-table-row k-table-alt-row k-alt">
89
- <td className="k-table-td">18</td>
90
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Project Kickoff</td>
91
- </tr>
92
- <tr className="k-table-row k-treelist-group">
93
- <td className="k-table-td">11</td>
94
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" />
95
- <Icon className="k-treelist-toggle" icon="caret-alt-down" />
28
+ <Gantt
29
+ headerToolbar={(
30
+ <GanttHeaderToolbar>
31
+ <Button className="k-gantt-toggle" icon="layout-1-by-4"></Button>
32
+ <Button className="k-gantt-create" icon="plus">Add Task</Button>
33
+ <span className="k-spacer"></span>
34
+ <div className="k-gantt-views-wrapper">
35
+ <select className="k-picker k-picker-solid k-dropdown-list k-dropdown k-views-dropdown k-rounded-md">
36
+ <option value="day">Day</option>
37
+ <option value="week">Week</option>
38
+ <option value="month">Month</option>
39
+ </select>
40
+ <ButtonGroup className="k-gantt-views">
41
+ <Button className="k-view-day">Day</Button>
42
+ <Button className="k-view-week" selected>Week</Button>
43
+ <Button className="k-view-month">Month</Button>
44
+ </ButtonGroup>
45
+ </div>
46
+ </GanttHeaderToolbar>
47
+ )}
48
+ footerToolbar={(
49
+ <GanttFooterToolbar><Button className="k-gantt-create" icon="plus">Add Task</Button></GanttFooterToolbar>
50
+ )}>
51
+ <GanttContent>
52
+ <Splitter className="k-gantt-splitter" children={[
53
+ <SplitterPane className="k-gantt-treelist" flexBasis="30%">
54
+ <TreeList className="k-grid-display-block">
55
+ <GridHeader>
56
+ <div className="k-grid-header-wrap">
57
+ <GridHeaderTable style={{ minWidth: "250px" }}>
58
+ <colgroup>
59
+ <col style={{ width: '50px' }} />
60
+ <col />
61
+ </colgroup>
62
+ <TableThead>
63
+ <TableRow>
64
+ <GridHeaderCell rowspan={1} columnTitle="ID"></GridHeaderCell>
65
+ <GridHeaderCell rowspan={1} columnTitle="Title"></GridHeaderCell>
66
+ </TableRow>
67
+ </TableThead>
68
+ </GridHeaderTable>
69
+ </div>
70
+ </GridHeader>
71
+ <GridContainer>
72
+ <GridContent className="k-auto-scrollable" style={{ height: "530px", display: "block" }}>
73
+ <GridTable className="k-selectable" style={{ minWidth: "250px" }}>
74
+ <colgroup>
75
+ <col style={{ width: '50px' }} />
76
+ <col />
77
+ </colgroup>
78
+ <TableTbody>
79
+ <TableRow className="k-treelist-group">
80
+ <TableTd >7</TableTd>
81
+ <TableTd style={{ whiteSpace: "nowrap" }} >
82
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
83
+ Software validation, research and implementation
84
+ </TableTd>
85
+ </TableRow>
86
+ <TableRow className="k-alt" alt>
87
+ <TableTd >18</TableTd>
88
+ <TableTd style={{ whiteSpace: "nowrap" }} ><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Project Kickoff</TableTd>
89
+ </TableRow>
90
+ <TableRow className="k-treelist-group">
91
+ <TableTd >11</TableTd>
92
+ <TableTd style={{ whiteSpace: "nowrap" }} ><Icon className="k-treelist-toggle" icon="none" />
93
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
96
94
  Research
97
- </td>
98
- </tr>
99
- <tr className="k-table-row k-table-alt-row k-alt">
100
- <td className="k-table-td">19</td>
101
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Validation with Customers</td>
102
- </tr>
103
- <tr className="k-table-row">
104
- <td className="k-table-td">20</td>
105
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Market Research</td>
106
- </tr>
107
- <tr className="k-table-row k-table-alt-row k-alt">
108
- <td className="k-table-td">39</td>
109
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Functional and Technical Specification</td>
110
- </tr>
111
- <tr className="k-table-row k-treelist-group">
112
- <td className="k-table-td">12</td>
113
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" />
114
- <Icon className="k-treelist-toggle" icon="caret-alt-down" />
95
+ </TableTd>
96
+ </TableRow>
97
+ <TableRow className="k-alt" alt>
98
+ <TableTd >19</TableTd>
99
+ <TableTd style={{ whiteSpace: "nowrap" }} ><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Validation with Customers</TableTd>
100
+ </TableRow>
101
+ <TableRow>
102
+ <TableTd >20</TableTd>
103
+ <TableTd style={{ whiteSpace: "nowrap" }} ><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Market Research</TableTd>
104
+ </TableRow>
105
+ <TableRow className="k-alt" alt>
106
+ <TableTd >39</TableTd>
107
+ <TableTd style={{ whiteSpace: "nowrap" }} ><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Functional and Technical Specification</TableTd>
108
+ </TableRow>
109
+ <TableRow className="k-treelist-group">
110
+ <TableTd >12</TableTd>
111
+ <TableTd style={{ whiteSpace: "nowrap" }} ><Icon className="k-treelist-toggle" icon="none" />
112
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
115
113
  Design
116
- </td>
117
- </tr>
118
- <tr className="k-table-row k-table-alt-row k-alt">
119
- <td className="k-table-td">22</td>
120
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />UI Design</td>
121
- </tr>
122
- <tr className="k-table-row">
123
- <td className="k-table-td">23</td>
124
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />HTML Prototype</td>
125
- </tr>
126
- <tr className="k-table-row k-table-alt-row k-alt k-treelist-group">
127
- <td className="k-table-td">13</td>
128
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" />
129
- <Icon className="k-treelist-toggle" icon="caret-alt-down" />
114
+ </TableTd>
115
+ </TableRow>
116
+ <TableRow className="k-alt" alt>
117
+ <TableTd >22</TableTd>
118
+ <TableTd style={{ whiteSpace: "nowrap" }} ><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />UI Design</TableTd>
119
+ </TableRow>
120
+ <TableRow>
121
+ <TableTd >23</TableTd>
122
+ <TableTd style={{ whiteSpace: "nowrap" }} ><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />HTML Prototype</TableTd>
123
+ </TableRow>
124
+ <TableRow className="k-alt k-treelist-group" alt>
125
+ <TableTd >13</TableTd>
126
+ <TableTd style={{ whiteSpace: "nowrap" }} ><Icon className="k-treelist-toggle" icon="none" />
127
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
130
128
  Implementation
131
- </td>
132
- </tr>
133
- <tr className="k-table-row">
134
- <td className="k-table-td">24</td>
135
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Prototype</td>
136
- </tr>
137
- <tr className="k-table-row k-table-alt-row k-alt">
138
- <td className="k-table-td">26</td>
139
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Architecture</td>
140
- </tr>
141
- <tr className="k-table-row">
142
- <td className="k-table-td">27</td>
143
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Data Layer</td>
144
- </tr>
145
- <tr className="k-table-row k-table-alt-row k-alt">
146
- <td className="k-table-td">29</td>
147
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />UI and Interaction</td>
148
- </tr>
149
- <tr className="k-table-row">
150
- <td className="k-table-td">28</td>
151
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Unit Tests</td>
152
- </tr>
153
- <tr className="k-table-row k-table-alt-row k-alt k-treelist-group">
154
- <td className="k-table-td">14</td>
155
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td">
156
- <Icon className="k-treelist-toggle" icon="none" />
157
- <Icon className="k-treelist-toggle" icon="caret-alt-down" />
129
+ </TableTd>
130
+ </TableRow>
131
+ <TableRow>
132
+ <TableTd >24</TableTd>
133
+ <TableTd style={{ whiteSpace: "nowrap" }} ><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Prototype</TableTd>
134
+ </TableRow>
135
+ <TableRow className="k-alt" alt>
136
+ <TableTd >26</TableTd>
137
+ <TableTd style={{ whiteSpace: "nowrap" }} ><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Architecture</TableTd>
138
+ </TableRow>
139
+ <TableRow>
140
+ <TableTd >27</TableTd>
141
+ <TableTd style={{ whiteSpace: "nowrap" }} ><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Data Layer</TableTd>
142
+ </TableRow>
143
+ <TableRow className=" k-alt" alt>
144
+ <TableTd >29</TableTd>
145
+ <TableTd style={{ whiteSpace: "nowrap" }} ><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />UI and Interaction</TableTd>
146
+ </TableRow>
147
+ <TableRow>
148
+ <TableTd >28</TableTd>
149
+ <TableTd style={{ whiteSpace: "nowrap" }} ><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Unit Tests</TableTd>
150
+ </TableRow>
151
+ <TableRow className=" k-alt k-treelist-group" alt>
152
+ <TableTd >14</TableTd>
153
+ <TableTd style={{ whiteSpace: "nowrap" }} >
154
+ <Icon className="k-treelist-toggle" icon="none" />
155
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
158
156
  Testing
159
- </td>
160
- </tr>
161
- <tr className="k-table-row">
162
- <td className="k-table-td">32</td>
163
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Integration Testing</td>
164
- </tr>
165
- <tr className="k-table-row k-table-alt-row k-alt">
166
- <td className="k-table-td">33</td>
167
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Load Testing</td>
168
- </tr>
169
- <tr className="k-table-row k-treelist-group">
170
- <td className="k-table-td">30</td>
171
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" />
172
- <Icon className="k-treelist-toggle" icon="caret-alt-down" />
157
+ </TableTd>
158
+ </TableRow>
159
+ <TableRow>
160
+ <TableTd >32</TableTd>
161
+ <TableTd style={{ whiteSpace: "nowrap" }} ><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Integration Testing</TableTd>
162
+ </TableRow>
163
+ <TableRow className=" k-alt" alt>
164
+ <TableTd >33</TableTd>
165
+ <TableTd style={{ whiteSpace: "nowrap" }} ><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Load Testing</TableTd>
166
+ </TableRow>
167
+ <TableRow className=" k-treelist-group">
168
+ <TableTd >30</TableTd>
169
+ <TableTd style={{ whiteSpace: "nowrap" }} ><Icon className="k-treelist-toggle" icon="none" />
170
+ <Icon className="k-treelist-toggle" icon="caret-alt-down" />
173
171
  Documentation
174
- </td>
175
- </tr>
176
- <tr className="k-table-row k-table-alt-row k-alt">
177
- <td className="k-table-td">34</td>
178
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Structure</td>
179
- </tr>
180
- <tr className="k-table-row">
181
- <td className="k-table-td">35</td>
182
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Articles</td>
183
- </tr>
184
- <tr className="k-table-row k-table-alt-row k-alt k-treelist-group">
185
- <td className="k-table-td">31</td>
186
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" />
187
- <Icon className="k-treelist-toggle" icon="caret-alt-right" />
172
+ </TableTd>
173
+ </TableRow>
174
+ <TableRow className=" k-alt" alt>
175
+ <TableTd >34</TableTd>
176
+ <TableTd style={{ whiteSpace: "nowrap" }} ><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Structure</TableTd>
177
+ </TableRow>
178
+ <TableRow>
179
+ <TableTd >35</TableTd>
180
+ <TableTd style={{ whiteSpace: "nowrap" }} ><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Articles</TableTd>
181
+ </TableRow>
182
+ <TableRow className=" k-alt k-treelist-group" alt>
183
+ <TableTd >31</TableTd>
184
+ <TableTd style={{ whiteSpace: "nowrap" }} ><Icon className="k-treelist-toggle" icon="none" />
185
+ <Icon className="k-treelist-toggle" icon="caret-alt-right" />
188
186
  Demos
189
- </td>
190
- </tr>
191
- <tr className="k-table-row">
192
- <td className="k-table-td">17</td>
193
- <td style={{ whiteSpace: "nowrap" }} className="k-table-td"><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Release</td>
194
- </tr>
195
- </tbody>
196
- </table>
197
- </div>
198
- </div>
199
- </div>
200
- <div className="k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal" style={{ height: "604px" }}>
201
- <div className="k-resize-handle"></div>
202
- </div>
203
- <div className="k-gantt-timeline-pane">
204
- <div className="k-gantt-timeline k-grid k-grid-md">
205
- <div className="k-grid-header">
206
- <div className="k-grid-header-wrap">
207
- <table className="k-table k-table-md k-grid-header-table" style={{ width: "4200px" }}>
208
- <colgroup>
209
- <col /><col /><col /><col /><col /><col /><col />
210
- <col /><col /><col /><col /><col /><col /><col />
211
- <col /><col /><col /><col /><col /><col /><col />
212
- <col /><col /><col /><col /><col /><col /><col />
213
- <col /><col /><col /><col /><col /><col /><col />
214
- <col /><col /><col /><col /><col /><col /><col />
215
- </colgroup>
216
- <tbody className="k-table-tbody">
217
- <tr className="k-table-row">
218
- <td colSpan={7} className="k-table-td k-header">Sun 6/01 - Sat 6/07</td>
219
- <td colSpan={7} className="k-table-td k-header">Sun 6/08 - Sat 6/14</td>
220
- <td colSpan={7} className="k-table-td k-header">Sun 6/15 - Sat 6/21</td>
221
- <td colSpan={7} className="k-table-td k-header">Sun 6/22 - Sat 6/28</td>
222
- <td colSpan={7} className="k-table-td k-header">Sun 6/29 - Sat 7/05</td>
223
- <td colSpan={7} className="k-table-td k-header">Sun 7/06 - Sat 7/12</td>
224
- </tr>
225
- <tr className="k-table-row">
226
- <td colSpan={1} className="k-table-td k-header k-nonwork-hour">Sun 6/01</td>
227
- <td colSpan={1} className="k-table-td k-header">Mon 6/02</td>
228
- <td colSpan={1} className="k-table-td k-header">Tue 6/03</td>
229
- <td colSpan={1} className="k-table-td k-header">Wed 6/04</td>
230
- <td colSpan={1} className="k-table-td k-header">Thu 6/05</td>
231
- <td colSpan={1} className="k-table-td k-header">Fri 6/06</td>
232
- <td colSpan={1} className="k-table-td k-header k-nonwork-hour">Sat 6/07</td>
233
- <td colSpan={1} className="k-table-td k-header k-nonwork-hour">Sun 6/08</td>
234
- <td colSpan={1} className="k-table-td k-header">Mon 6/09</td>
235
- <td colSpan={1} className="k-table-td k-header">Tue 6/10</td>
236
- <td colSpan={1} className="k-table-td k-header">Wed 6/11</td>
237
- <td colSpan={1} className="k-table-td k-header">Thu 6/12</td>
238
- <td colSpan={1} className="k-table-td k-header">Fri 6/13</td>
239
- <td colSpan={1} className="k-table-td k-header k-nonwork-hour">Sat 6/14</td>
240
- <td colSpan={1} className="k-table-td k-header k-nonwork-hour">Sun 6/15</td>
241
- <td colSpan={1} className="k-table-td k-header">Mon 6/16</td>
242
- <td colSpan={1} className="k-table-td k-header">Tue 6/17</td>
243
- <td colSpan={1} className="k-table-td k-header">Wed 6/18</td>
244
- <td colSpan={1} className="k-table-td k-header">Thu 6/19</td>
245
- <td colSpan={1} className="k-table-td k-header">Fri 6/20</td>
246
- <td colSpan={1} className="k-table-td k-header k-nonwork-hour">Sat 6/21</td>
247
- <td colSpan={1} className="k-table-td k-header k-nonwork-hour">Sun 6/22</td>
248
- <td colSpan={1} className="k-table-td k-header">Mon 6/23</td>
249
- <td colSpan={1} className="k-table-td k-header">Tue 6/24</td>
250
- <td colSpan={1} className="k-table-td k-header">Wed 6/25</td>
251
- <td colSpan={1} className="k-table-td k-header">Thu 6/26</td>
252
- <td colSpan={1} className="k-table-td k-header">Fri 6/27</td>
253
- <td colSpan={1} className="k-table-td k-header k-nonwork-hour">Sat 6/28</td>
254
- <td colSpan={1} className="k-table-td k-header k-nonwork-hour">Sun 6/29</td>
255
- <td colSpan={1} className="k-table-td k-header">Mon 6/30</td>
256
- <td colSpan={1} className="k-table-td k-header">Tue 7/01</td>
257
- <td colSpan={1} className="k-table-td k-header">Wed 7/02</td>
258
- <td colSpan={1} className="k-table-td k-header">Thu 7/03</td>
259
- <td colSpan={1} className="k-table-td k-header">Fri 7/04</td>
260
- <td colSpan={1} className="k-table-td k-header k-nonwork-hour">Sat 7/05</td>
261
- <td colSpan={1} className="k-table-td k-header k-nonwork-hour">Sun 7/06</td>
262
- <td colSpan={1} className="k-table-td k-header">Mon 7/07</td>
263
- <td colSpan={1} className="k-table-td k-header">Tue 7/08</td>
264
- <td colSpan={1} className="k-table-td k-header">Wed 7/09</td>
265
- <td colSpan={1} className="k-table-td k-header">Thu 7/10</td>
266
- <td colSpan={1} className="k-table-td k-header">Fri 7/11</td>
267
- <td colSpan={1} className="k-table-td k-header k-nonwork-hour">Sat 7/12</td>
268
- </tr>
269
- </tbody>
270
- </table>
271
- </div>
272
- </div>
273
- <div className="k-grid-content" style={{ height: "530px" }}>
274
- <div className="k-gantt-tables">
275
- <table className="k-table k-table-md k-grid-table k-gantt-rows" style={{ width: "4200px" }}>
276
- <colgroup>
277
- <col />
278
- </colgroup>
279
- <tbody className="k-table-tbody">
280
- <tr className="k-table-row"><td className="k-table-td"></td></tr>
281
- <tr className="k-table-row k-table-alt-row k-alt"><td className="k-table-td"></td></tr>
282
- <tr className="k-table-row"><td className="k-table-td"></td></tr>
283
- <tr className="k-table-row k-table-alt-row k-alt"><td className="k-table-td"></td></tr>
284
- <tr className="k-table-row"><td className="k-table-td"></td></tr>
285
- <tr className="k-table-row k-table-alt-row k-alt"><td className="k-table-td"></td></tr>
286
- <tr className="k-table-row"><td className="k-table-td"></td></tr>
287
- <tr className="k-table-row k-table-alt-row k-alt"><td className="k-table-td"></td></tr>
288
- <tr className="k-table-row"><td className="k-table-td"></td></tr>
289
- <tr className="k-table-row k-table-alt-row k-alt"><td className="k-table-td"></td></tr>
290
- <tr className="k-table-row"><td className="k-table-td"></td></tr>
291
- <tr className="k-table-row k-table-alt-row k-alt"><td className="k-table-td"></td></tr>
292
- <tr className="k-table-row"><td className="k-table-td"></td></tr>
293
- <tr className="k-table-row k-table-alt-row k-alt"><td className="k-table-td"></td></tr>
294
- <tr className="k-table-row"><td className="k-table-td"></td></tr>
295
- <tr className="k-table-row k-table-alt-row k-alt"><td className="k-table-td"></td></tr>
296
- <tr className="k-table-row"><td className="k-table-td"></td></tr>
297
- <tr className="k-table-row k-table-alt-row k-alt"><td className="k-table-td"></td></tr>
298
- <tr className="k-table-row"><td className="k-table-td"></td></tr>
299
- <tr className="k-table-row k-table-alt-row k-alt"><td className="k-table-td"></td></tr>
300
- <tr className="k-table-row"><td className="k-table-td"></td></tr>
301
- <tr className="k-table-row k-table-alt-row k-alt"><td className="k-table-td"></td></tr>
302
- <tr className="k-table-row"><td className="k-table-td"></td></tr>
303
- </tbody>
304
- </table>
305
- <table className="k-table k-table-md k-gantt-columns" style={{ width: "4200px", height: "828px" }}>
306
- <colgroup>
307
- <col /><col /><col /><col /><col /><col /><col />
308
- <col /><col /><col /><col /><col /><col /><col />
309
- <col /><col /><col /><col /><col /><col /><col />
310
- <col /><col /><col /><col /><col /><col /><col />
311
- <col /><col /><col /><col /><col /><col /><col />
312
- <col /><col /><col /><col /><col /><col /><col />
313
- </colgroup>
314
- <tbody className="k-table-tbody">
315
- <tr className="k-table-row">
316
- <td className="k-table-td k-nonwork-hour"></td>
317
- <td className="k-table-td"></td><td className="k-table-td"></td><td className="k-table-td"></td><td className="k-table-td"></td><td className="k-table-td"></td>
318
- <td className="k-table-td k-nonwork-hour"></td>
319
- <td className="k-table-td k-nonwork-hour"></td>
320
- <td className="k-table-td"></td><td className="k-table-td"></td><td className="k-table-td"></td><td className="k-table-td"></td><td className="k-table-td"></td>
321
- <td className="k-table-td k-nonwork-hour"></td>
322
- <td className="k-table-td k-nonwork-hour"></td>
323
- <td className="k-table-td"></td><td className="k-table-td"></td><td className="k-table-td"></td><td className="k-table-td"></td><td className="k-table-td"></td>
324
- <td className="k-table-td k-nonwork-hour"></td>
325
- <td className="k-table-td k-nonwork-hour"></td>
326
- <td className="k-table-td"></td><td className="k-table-td"></td><td className="k-table-td"></td><td className="k-table-td"></td><td className="k-table-td"></td>
327
- <td className="k-table-td k-nonwork-hour"></td>
328
- <td className="k-table-td k-nonwork-hour"></td>
329
- <td className="k-table-td"></td><td className="k-table-td"></td><td className="k-table-td"></td><td className="k-table-td"></td><td className="k-table-td"></td>
330
- <td className="k-table-td k-nonwork-hour"></td>
331
- <td className="k-table-td k-nonwork-hour"></td>
332
- <td className="k-table-td"></td><td className="k-table-td"></td><td className="k-table-td"></td><td className="k-table-td"></td><td className="k-table-td"></td>
333
- <td className="k-table-td k-nonwork-hour"></td>
334
- </tr>
335
- </tbody>
336
- </table>
337
- <table className="k-table k-table-md k-gantt-tasks" style={{ width: "4200px" }}>
338
- <colgroup>
339
- <col />
340
- </colgroup>
341
- <tbody className="k-table-tbody">
342
- <tr className="k-table-row">
343
- <td className="k-table-td">
344
- <div className="k-task-wrap k-summary-wrap" style={{ left: "113px" }}>
345
- <div className="k-task k-task-summary" style={{ width: "4000px" }}>
346
- <div className="k-task-summary-progress" style={{ width: "1720px" }}>
347
- <div className="k-task-summary-complete" style={{ width: "4000px" }}></div>
348
- </div>
349
- </div>
350
- <div className="k-task-dot k-task-start"></div>
351
- <div className="k-task-dot k-task-end" style={{ right: '0px' }}></div>
352
- </div>
353
- </td>
354
- </tr>
355
- <tr className="k-table-row">
356
- <td className="k-table-td">
357
- <div className="k-task-wrap k-milestone-wrap" style={{ left: "113px" }}>
358
- <div className="k-task k-task-milestone"></div>
359
- <div className="k-task-dot k-task-start"></div>
360
- <div className="k-task-dot k-task-end" style={{ right: '0px' }}></div>
361
- </div>
362
- </td>
363
- </tr>
364
- <tr className="k-table-row">
365
- <td className="k-table-td">
366
- <div className="k-task-wrap k-summary-wrap" style={{ left: "113px" }}>
367
- <div className="k-task k-task-summary" style={{ width: "500px" }}>
368
- <div className="k-task-summary-progress" style={{ width: "215px" }}>
369
- <div className="k-task-summary-complete" style={{ width: "500px" }}></div>
370
- </div>
371
- </div>
372
- <div className="k-task-dot k-task-start"></div>
373
- <div className="k-task-dot k-task-end" style={{ right: '0px' }}></div>
374
- </div>
375
- </td>
376
- </tr>
377
- <tr className="k-table-row">
378
- <td className="k-table-td">
379
- <div className="k-task-wrap" style={{ left: "113px" }}>
380
- <div className="k-task k-task-single" style={{ width: "200px" }}>
381
- <div className="k-task-complete" style={{ width: '50px' }}></div>
382
- <div className="k-task-content">
383
- <div className="k-task-template">Validation with Customers</div>
384
- <span className="k-task-actions"><a className="k-link k-task-delete"><Icon icon="x" /></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
385
- </div>
386
- </div>
387
- <div className="k-task-dot k-task-start"></div>
388
- <div className="k-task-dot k-task-end" style={{ right: '0px' }}></div>
389
- <div className="k-task-draghandle" style={{ left: '50px' }}></div>
390
- </div>
391
- </td>
392
- </tr>
393
- <tr className="k-table-row">
394
- <td className="k-table-td">
395
- <div className="k-task-wrap" style={{ left: "113px" }}>
396
- <div className="k-task k-task-single" style={{ width: "200px" }}>
397
- <div className="k-task-complete" style={{ width: "164px" }}></div>
398
- <div className="k-task-content">
399
- <div className="k-task-template">Market Research</div>
400
- <span className="k-task-actions"><a className="k-link k-task-delete"><Icon icon="x" /></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
401
- </div>
402
- </div>
403
- <div className="k-task-dot k-task-start"></div>
404
- <div className="k-task-dot k-task-end" style={{ right: '0px' }}></div>
405
- <div className="k-task-draghandle" style={{ left: "164px" }}></div>
406
- </div>
407
- </td>
408
- </tr>
409
- <tr className="k-table-row">
410
- <td className="k-table-td">
411
- <div className="k-task-wrap" style={{ left: "313px" }}>
412
- <div className="k-task k-task-single" style={{ width: "300px" }}>
413
- <div className="k-task-complete" style={{ width: "69px" }}></div>
414
- <div className="k-task-content">
415
- <div className="k-task-template">Functional and Technical Specification</div>
416
- <span className="k-task-actions"><a className="k-link k-task-delete"><Icon icon="x" /></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
417
- </div>
418
- </div>
419
- <div className="k-task-dot k-task-start"></div>
420
- <div className="k-task-dot k-task-end" style={{ right: '0px' }}></div>
421
- <div className="k-task-draghandle" style={{ left: "69px" }}></div>
422
- </div>
423
- </td>
424
- </tr>
425
- <tr className="k-table-row">
426
- <td className="k-table-td">
427
- <div className="k-task-wrap k-summary-wrap" style={{ left: "813px" }}>
428
- <div className="k-task k-task-summary" style={{ width: "500px" }}>
429
- <div className="k-task-summary-progress" style={{ width: "300px" }}>
430
- <div className="k-task-summary-complete" style={{ width: "500px" }}></div>
431
- </div>
432
- </div>
433
- <div className="k-task-dot k-task-start"></div>
434
- <div className="k-task-dot k-task-end" style={{ right: '0px' }}></div>
435
- </div>
436
- </td>
437
- </tr>
438
- <tr className="k-table-row">
439
- <td className="k-table-td">
440
- <div className="k-task-wrap" style={{ left: "813px" }}>
441
- <div className="k-task k-task-single" style={{ width: "200px" }}>
442
- <div className="k-task-complete" style={{ width: "112px" }}></div>
443
- <div className="k-task-content">
444
- <div className="k-task-template">UI Design</div>
445
- <span className="k-task-actions"><a className="k-link k-task-delete"><Icon icon="x" /></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
446
- </div>
447
- </div>
448
- <div className="k-task-dot k-task-start"></div>
449
- <div className="k-task-dot k-task-end" style={{ right: '0px' }}></div>
450
- <div className="k-task-draghandle" style={{ left: "112px" }}></div>
451
- </div>
452
- </td>
453
- </tr>
454
- <tr className="k-table-row">
455
- <td className="k-table-td">
456
- <div className="k-task-wrap" style={{ left: "1013px" }}>
457
- <div className="k-task k-task-single" style={{ width: "300px" }}>
458
- <div className="k-task-complete" style={{ width: "192px" }}></div>
459
- <div className="k-task-content">
460
- <div className="k-task-template">HTML Prototype</div>
461
- <span className="k-task-actions"><a className="k-link k-task-delete"><Icon icon="x" /></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
462
- </div>
463
- </div>
464
- <div className="k-task-dot k-task-start"></div>
465
- <div className="k-task-dot k-task-end" style={{ right: '0px' }}></div>
466
- <div className="k-task-draghandle" style={{ left: "192px" }}></div>
467
- </div>
468
- </td>
469
- </tr>
470
- <tr className="k-table-row">
471
- <td className="k-table-td">
472
- <div className="k-task-wrap k-summary-wrap" style={{ left: "1013px" }}>
473
- <div className="k-task k-task-summary" style={{ width: "2100px" }}>
474
- <div className="k-task-summary-progress" style={{ width: "1617px" }}>
475
- <div className="k-task-summary-complete" style={{ width: "2100px" }}></div>
476
- </div>
477
- </div>
478
- <div className="k-task-dot k-task-start"></div>
479
- <div className="k-task-dot k-task-end" style={{ right: '0px' }}></div>
480
- </div>
481
- </td>
482
- </tr>
483
- <tr className="k-table-row">
484
- <td className="k-table-td">
485
- <div className="k-task-wrap" style={{ left: "1013px" }}>
486
- <div className="k-task k-task-single" style={{ width: "600px" }}>
487
- <div className="k-task-complete" style={{ width: "462px" }}></div>
488
- <div className="k-task-content">
489
- <div className="k-task-template">Prototype</div>
490
- <span className="k-task-actions"><a className="k-link k-task-delete"><Icon icon="x" /></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
491
- </div>
492
- </div>
493
- <div className="k-task-dot k-task-start"></div>
494
- <div className="k-task-dot k-task-end" style={{ right: '0px' }}></div>
495
- <div className="k-task-draghandle" style={{ left: "462px" }}></div>
496
- </div>
497
- </td>
498
- </tr>
499
- <tr className="k-table-row">
500
- <td className="k-table-td">
501
- <div className="k-task-wrap" style={{ left: "1613px" }}>
502
- <div className="k-task k-task-single" style={{ width: "100px" }}>
503
- <div className="k-task-complete" style={{ width: "82px" }}></div>
504
- <div className="k-task-content">
505
- <div className="k-task-template">Architecture</div>
506
- <span className="k-task-actions"><a className="k-link k-task-delete"><Icon icon="x" /></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
507
- </div>
508
- </div>
509
- <div className="k-task-dot k-task-start"></div>
510
- <div className="k-task-dot k-task-end" style={{ right: '0px' }}></div>
511
- <div className="k-task-draghandle" style={{ left: "82px" }}></div>
512
- </div>
513
- </td>
514
- </tr>
515
- <tr className="k-table-row">
516
- <td className="k-table-td">
517
- <div className="k-task-wrap" style={{ left: "1713px" }}>
518
- <div className="k-task k-task-single" style={{ width: "600px" }}>
519
- <div className="k-task-complete" style={{ width: "600px" }}></div>
520
- <div className="k-task-content">
521
- <div className="k-task-template">Data Layer</div>
522
- <span className="k-task-actions"><a className="k-link k-task-delete"><Icon icon="x" /></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
523
- </div>
524
- </div>
525
- <div className="k-task-dot k-task-start"></div>
526
- <div className="k-task-dot k-task-end" style={{ right: '0px' }}></div>
527
- <div className="k-task-draghandle" style={{ left: "600px" }}></div>
528
- </div>
529
- </td>
530
- </tr>
531
- <tr className="k-table-row">
532
- <td className="k-table-td">
533
- <div className="k-task-wrap" style={{ left: "2613px" }}>
534
- <div className="k-task k-task-single" style={{ width: "500px" }}>
535
- <div className="k-task-complete" style={{ width: "300px" }}></div>
536
- <div className="k-task-content">
537
- <div className="k-task-template">UI and Interaction</div>
538
- <span className="k-task-actions"><a className="k-link k-task-delete"><Icon icon="x" /></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
539
- </div>
540
- </div>
541
- <div className="k-task-dot k-task-start"></div>
542
- <div className="k-task-dot k-task-end" style={{ right: '0px' }}></div>
543
- <div className="k-task-draghandle" style={{ left: "300px" }}></div>
544
- </div>
545
- </td>
546
- </tr>
547
- <tr className="k-table-row">
548
- <td className="k-table-td">
549
- <div className="k-task-wrap" style={{ left: "1713px" }}>
550
- <div className="k-task k-task-single" style={{ width: "900px" }}>
551
- <div className="k-task-complete" style={{ width: "612px" }}></div>
552
- <div className="k-task-content">
553
- <div className="k-task-template">Unit Tests</div>
554
- <span className="k-task-actions"><a className="k-link k-task-delete"><Icon icon="x" /></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
555
- </div>
556
- </div>
557
- <div className="k-task-dot k-task-start"></div>
558
- <div className="k-task-dot k-task-end" style={{ right: '0px' }}></div>
559
- <div className="k-task-draghandle" style={{ left: "612px" }}></div>
560
- </div>
561
- </td>
562
- </tr>
563
- <tr className="k-table-row">
564
- <td className="k-table-td">
565
- <div className="k-task-wrap k-summary-wrap" style={{ left: "2913px" }}>
566
- <div className="k-task k-task-summary" style={{ width: "500px" }}>
567
- <div className="k-task-summary-progress" style={{ width: "260px" }}>
568
- <div className="k-task-summary-complete" style={{ width: "500px" }}></div>
569
- </div>
570
- </div>
571
- <div className="k-task-dot k-task-start"></div>
572
- <div className="k-task-dot k-task-end" style={{ right: '0px' }}></div>
573
- </div>
574
- </td>
575
- </tr>
576
- <tr className="k-table-row">
577
- <td className="k-table-td">
578
- <div className="k-task-wrap" style={{ left: "2913px" }}>
579
- <div className="k-task k-task-single" style={{ width: "500px" }}>
580
- <div className="k-task-complete" style={{ width: "470px" }}></div>
581
- <div className="k-task-content">
582
- <div className="k-task-template">Integration Testing</div>
583
- <span className="k-task-actions"><a className="k-link k-task-delete"><Icon icon="x" /></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
584
- </div>
585
- </div>
586
- <div className="k-task-dot k-task-start"></div>
587
- <div className="k-task-dot k-task-end" style={{ right: '0px' }}></div>
588
- <div className="k-task-draghandle" style={{ left: "470px" }}></div>
589
- </div>
590
- </td>
591
- </tr>
592
- <tr className="k-table-row">
593
- <td className="k-table-td">
594
- <div className="k-task-wrap" style={{ left: "2913px" }}>
595
- <div className="k-task k-task-single" style={{ width: "500px" }}>
596
- <div className="k-task-complete" style={{ width: '50px' }}></div>
597
- <div className="k-task-content">
598
- <div className="k-task-template">Load Testing</div>
599
- <span className="k-task-actions"><a className="k-link k-task-delete"><Icon icon="x" /></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
600
- </div>
601
- </div>
602
- <div className="k-task-dot k-task-start"></div>
603
- <div className="k-task-dot k-task-end" style={{ right: '0px' }}></div>
604
- <div className="k-task-draghandle" style={{ left: '50px' }}></div>
605
- </div>
606
- </td>
607
- </tr>
608
- <tr className="k-table-row">
609
- <td className="k-table-td">
610
- <div className="k-task-wrap k-summary-wrap" style={{ left: "2213px" }}>
611
- <div className="k-task k-task-summary" style={{ width: "1200px" }}>
612
- <div className="k-task-summary-progress" style={{ width: "168px" }}>
613
- <div className="k-task-summary-complete" style={{ width: "1200px" }}></div>
614
- </div>
615
- </div>
616
- <div className="k-task-dot k-task-start"></div>
617
- <div className="k-task-dot k-task-end" style={{ right: '0px' }}></div>
618
- </div>
619
- </td>
620
- </tr>
621
- <tr className="k-table-row">
622
- <td className="k-table-td">
623
- <div className="k-task-wrap" style={{ left: "2213px" }}>
624
- <div className="k-task k-task-single" style={{ width: "300px" }}>
625
- <div className="k-task-complete" style={{ width: "84px" }}></div>
626
- <div className="k-task-content">
627
- <div className="k-task-template">Structure</div>
628
- <span className="k-task-actions"><a className="k-link k-task-delete"><Icon icon="x" /></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
629
- </div>
630
- </div>
631
- <div className="k-task-dot k-task-start"></div>
632
- <div className="k-task-dot k-task-end" style={{ right: '0px' }}></div>
633
- <div className="k-task-draghandle" style={{ left: "84px" }}></div>
634
- </div>
635
- </td>
636
- </tr>
637
- <tr className="k-table-row">
638
- <td className="k-table-td">
639
- <div className="k-task-wrap" style={{ left: "2513px" }}>
640
- <div className="k-task k-task-single" style={{ width: "900px" }}>
641
- <div className="k-task-complete" style={{ width: '0px' }}></div>
642
- <div className="k-task-content">
643
- <div className="k-task-template">Articles</div>
644
- <span className="k-task-actions"><a className="k-link k-task-delete"><Icon icon="x" /></a></span><span className="k-resize-handle k-resize-w"></span><span className="k-resize-handle k-resize-e"></span>
645
- </div>
646
- </div>
647
- <div className="k-task-dot k-task-start"></div>
648
- <div className="k-task-dot k-task-end" style={{ right: '0px' }}></div>
649
- <div className="k-task-draghandle" style={{ left: '0px' }}></div>
650
- </div>
651
- </td>
652
- </tr>
653
- <tr className="k-table-row">
654
- <td className="k-table-td">
655
- <div className="k-task-wrap k-summary-wrap" style={{ left: "2913px" }}>
656
- <div className="k-task k-task-summary" style={{ width: "1200px" }}>
657
- <div className="k-task-summary-progress" style={{ width: "984px" }}>
658
- <div className="k-task-summary-complete" style={{ width: "1200px" }}></div>
659
- </div>
660
- </div>
661
- <div className="k-task-dot k-task-start"></div>
662
- <div className="k-task-dot k-task-end" style={{ right: '0px' }}></div>
663
- </div>
664
- </td>
665
- </tr>
666
- <tr className="k-table-row">
667
- <td className="k-table-td">
668
- <div className="k-task-wrap k-milestone-wrap" style={{ left: "4113px" }}>
669
- <div className="k-task k-task-milestone"></div>
670
- <div className="k-task-dot k-task-start"></div>
671
- <div className="k-task-dot k-task-end" style={{ right: '0px' }}></div>
672
- </div>
673
- </td>
674
- </tr>
675
- </tbody>
676
- </table>
677
- </div>
678
- <div className="k-gantt-dependencies" style={{ width: "4200px" }}>
679
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "124.5px", top: "53px", width: "10px" }}></div>
680
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "132.5px", top: "53px", height: "18px" }}></div>
681
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "103px", top: "71px", width: "31.5px" }}></div>
682
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "103px", top: "71px", height: "54px" }}></div>
683
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "103px", top: "125px", width: "9px" }}><span className="k-arrow-e"></span></div>
684
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "1013px", top: "269px", width: "10px" }}></div>
685
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "1021px", top: "269px", height: "18px" }}></div>
686
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "1003px", top: "287px", width: "20px" }}></div>
687
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "1003px", top: "287px", height: "18px" }}></div>
688
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "1003px", top: "305px", width: "9px" }}><span className="k-arrow-e"></span></div>
689
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "1313px", top: "305px", width: "10px" }}></div>
690
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "1321px", top: "305px", height: "18px" }}></div>
691
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "1003px", top: "323px", width: "320px" }}></div>
692
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "1003px", top: "323px", height: "54px" }}></div>
693
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "1003px", top: "377px", width: "9px" }}><span className="k-arrow-e"></span></div>
694
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "1613px", top: "377px", width: "10px" }}></div>
695
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "1621px", top: "377px", height: "18px" }}></div>
696
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "1603px", top: "395px", width: "20px" }}></div>
697
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "1603px", top: "395px", height: "18px" }}></div>
698
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "1603px", top: "413px", width: "9px" }}><span className="k-arrow-e"></span></div>
699
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "1713px", top: "413px", width: "10px" }}></div>
700
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "1721px", top: "413px", height: "18px" }}></div>
701
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "1703px", top: "431px", width: "20px" }}></div>
702
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "1703px", top: "431px", height: "18px" }}></div>
703
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "1703px", top: "449px", width: "9px" }}><span className="k-arrow-e"></span></div>
704
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "1713px", top: "413px", width: "10px" }}></div>
705
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "1721px", top: "413px", height: "18px" }}></div>
706
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "1703px", top: "431px", width: "20px" }}></div>
707
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "1703px", top: "431px", height: "90px" }}></div>
708
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "1703px", top: "521px", width: "9px" }}><span className="k-arrow-e"></span></div>
709
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "2313px", top: "449px", width: "10px" }}></div>
710
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "2321px", top: "449px", height: "36px" }}></div>
711
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "2321px", top: "485px", width: "291px" }}><span className="k-arrow-e"></span></div>
712
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "2613px", top: "521px", width: "510px" }}></div>
713
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "3121px", top: "485px", height: "38px" }}></div>
714
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "3114px", top: "485px", width: "7px" }}><span className="k-caret-alt-left"></span></div>
715
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "3113px", top: "485px", width: "10px" }}></div>
716
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "3121px", top: "485px", height: "18px" }}></div>
717
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "2903px", top: "503px", width: "220px" }}></div>
718
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "2903px", top: "503px", height: "90px" }}></div>
719
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "2903px", top: "593px", width: "9px" }}><span className="k-arrow-e"></span></div>
720
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "3113px", top: "485px", width: "10px" }}></div>
721
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "3121px", top: "485px", height: "18px" }}></div>
722
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "2903px", top: "503px", width: "220px" }}></div>
723
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "2903px", top: "503px", height: "126px" }}></div>
724
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "2903px", top: "629px", width: "9px" }}><span className="k-arrow-e"></span></div>
725
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "2513px", top: "701px", width: "10px" }}></div>
726
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "2521px", top: "701px", height: "18px" }}></div>
727
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "2503px", top: "719px", width: "20px" }}></div>
728
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "2503px", top: "719px", height: "18px" }}></div>
729
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "2503px", top: "737px", width: "9px" }}><span className="k-arrow-e"></span></div>
730
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "3413px", top: "593px", width: "10px" }}></div>
731
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "3421px", top: "593px", height: "38px" }}></div>
732
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "3414px", top: "629px", width: "7px" }}><span className="k-caret-alt-left"></span></div>
733
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "3413px", top: "629px", width: "10px" }}></div>
734
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "3421px", top: "629px", height: "180px" }}></div>
735
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "3421px", top: "809px", width: "679.5px" }}><span className="k-arrow-e"></span></div>
736
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "3413px", top: "737px", width: "10px" }}></div>
737
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "3421px", top: "737px", height: "72px" }}></div>
738
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "3421px", top: "809px", width: "679.5px" }}><span className="k-arrow-e"></span></div>
739
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "3113px", top: "341px", width: "10px" }}></div>
740
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "3121px", top: "341px", height: "146px" }}></div>
741
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "3114px", top: "485px", width: "7px" }}><span className="k-caret-alt-left"></span></div>
742
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "124.5px", top: "53px", width: "10px" }}></div>
743
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "132.5px", top: "53px", height: "18px" }}></div>
744
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "103px", top: "71px", width: "31.5px" }}></div>
745
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "103px", top: "71px", height: "90px" }}></div>
746
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "103px", top: "161px", width: "9px" }}><span className="k-arrow-e"></span></div>
747
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "313px", top: "161px", width: "10px" }}></div>
748
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "321px", top: "161px", height: "18px" }}></div>
749
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "303px", top: "179px", width: "20px" }}></div>
750
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "303px", top: "179px", height: "18px" }}></div>
751
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "303px", top: "197px", width: "9px" }}><span className="k-arrow-e"></span></div>
752
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "313px", top: "125px", width: "10px" }}></div>
753
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "321px", top: "125px", height: "18px" }}></div>
754
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "303px", top: "143px", width: "20px" }}></div>
755
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "303px", top: "143px", height: "54px" }}></div>
756
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "303px", top: "197px", width: "9px" }}><span className="k-arrow-e"></span></div>
757
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "613px", top: "197px", width: "10px" }}></div>
758
- <div className="k-gantt-line k-gantt-line-v" style={{ left: "621px", top: "197px", height: "72px" }}></div>
759
- <div className="k-gantt-line k-gantt-line-h" style={{ left: "621px", top: "269px", width: "191px" }}><span className="k-arrow-e"></span></div>
760
- </div>
761
- <div className="k-current-time" style={{ left: "243px", top: "0px", width: "1px", height: "828px" }}></div>
762
- </div>
763
- </div>
764
- </div>
765
- </div>
766
- <Toolbar className="k-gantt-toolbar k-gantt-footer">
767
- <Button className="k-gantt-create" icon="plus">Add Task</Button>
768
- </Toolbar>
769
- </div>
770
-
187
+ </TableTd>
188
+ </TableRow>
189
+ <TableRow>
190
+ <TableTd >17</TableTd>
191
+ <TableTd style={{ whiteSpace: "nowrap" }} ><Icon className="k-treelist-toggle" icon="none" /><Icon className="k-treelist-toggle" icon="none" />Release</TableTd>
192
+ </TableRow>
193
+ </TableTbody>
194
+ </GridTable>
195
+ </GridContent>
196
+ </GridContainer>
197
+ </TreeList>
198
+ </SplitterPane>,
199
+ <SplitterPane className="k-gantt-timeline-pane">
200
+ <Grid className="k-gantt-timeline">
201
+ <GridHeader>
202
+ <div className="k-grid-header-wrap">
203
+ <GridHeaderTable style={{ width: "4200px" }}>
204
+ <colgroup>
205
+ <col /><col /><col /><col /><col /><col /><col />
206
+ <col /><col /><col /><col /><col /><col /><col />
207
+ <col /><col /><col /><col /><col /><col /><col />
208
+ <col /><col /><col /><col /><col /><col /><col />
209
+ <col /><col /><col /><col /><col /><col /><col />
210
+ <col /><col /><col /><col /><col /><col /><col />
211
+ </colgroup>
212
+ <TableTbody>
213
+ <TableRow >
214
+ <TableTd className="k-header" colspan={7} >Sun 6/01 - Sat 6/07</TableTd>
215
+ <TableTd className="k-header" colspan={7} >Sun 6/08 - Sat 6/14</TableTd>
216
+ <TableTd className="k-header" colspan={7} >Sun 6/15 - Sat 6/21</TableTd>
217
+ <TableTd className="k-header" colspan={7} >Sun 6/22 - Sat 6/28</TableTd>
218
+ <TableTd className="k-header" colspan={7} >Sun 6/29 - Sat 7/05</TableTd>
219
+ <TableTd className="k-header" colspan={7} >Sun 7/06 - Sat 7/12</TableTd>
220
+ </TableRow>
221
+ <TableRow>
222
+ <TableTd colspan={1} className="k-header k-nonwork-hour">Sun 6/01</TableTd>
223
+ <TableTd className="k-header" colspan={1} >Mon 6/02</TableTd>
224
+ <TableTd className="k-header" colspan={1} >Tue 6/03</TableTd>
225
+ <TableTd className="k-header" colspan={1} >Wed 6/04</TableTd>
226
+ <TableTd className="k-header" colspan={1} >Thu 6/05</TableTd>
227
+ <TableTd className="k-header" colspan={1} >Fri 6/06</TableTd>
228
+ <TableTd colspan={1} className="k-header k-nonwork-hour">Sat 6/07</TableTd>
229
+ <TableTd colspan={1} className="k-header k-nonwork-hour">Sun 6/08</TableTd>
230
+ <TableTd className="k-header" colspan={1} >Mon 6/09</TableTd>
231
+ <TableTd className="k-header" colspan={1} >Tue 6/10</TableTd>
232
+ <TableTd className="k-header" colspan={1} >Wed 6/11</TableTd>
233
+ <TableTd className="k-header" colspan={1} >Thu 6/12</TableTd>
234
+ <TableTd className="k-header" colspan={1} >Fri 6/13</TableTd>
235
+ <TableTd colspan={1} className="k-header k-nonwork-hour">Sat 6/14</TableTd>
236
+ <TableTd colspan={1} className="k-header k-nonwork-hour">Sun 6/15</TableTd>
237
+ <TableTd className="k-header" colspan={1} >Mon 6/16</TableTd>
238
+ <TableTd className="k-header" colspan={1} >Tue 6/17</TableTd>
239
+ <TableTd className="k-header" colspan={1} >Wed 6/18</TableTd>
240
+ <TableTd className="k-header" colspan={1} >Thu 6/19</TableTd>
241
+ <TableTd className="k-header" colspan={1} >Fri 6/20</TableTd>
242
+ <TableTd colspan={1} className="k-header k-nonwork-hour">Sat 6/21</TableTd>
243
+ <TableTd colspan={1} className="k-header k-nonwork-hour">Sun 6/22</TableTd>
244
+ <TableTd className="k-header" colspan={1} >Mon 6/23</TableTd>
245
+ <TableTd className="k-header" colspan={1} >Tue 6/24</TableTd>
246
+ <TableTd className="k-header" colspan={1} >Wed 6/25</TableTd>
247
+ <TableTd className="k-header" colspan={1} >Thu 6/26</TableTd>
248
+ <TableTd className="k-header" colspan={1} >Fri 6/27</TableTd>
249
+ <TableTd colspan={1} className="k-header k-nonwork-hour">Sat 6/28</TableTd>
250
+ <TableTd colspan={1} className="k-header k-nonwork-hour">Sun 6/29</TableTd>
251
+ <TableTd className="k-header" colspan={1} >Mon 6/30</TableTd>
252
+ <TableTd className="k-header" colspan={1} >Tue 7/01</TableTd>
253
+ <TableTd className="k-header" colspan={1} >Wed 7/02</TableTd>
254
+ <TableTd className="k-header" colspan={1} >Thu 7/03</TableTd>
255
+ <TableTd className="k-header" colspan={1} >Fri 7/04</TableTd>
256
+ <TableTd colspan={1} className="k-header k-nonwork-hour">Sat 7/05</TableTd>
257
+ <TableTd colspan={1} className="k-header k-nonwork-hour">Sun 7/06</TableTd>
258
+ <TableTd className="k-header" colspan={1} >Mon 7/07</TableTd>
259
+ <TableTd className="k-header" colspan={1} >Tue 7/08</TableTd>
260
+ <TableTd className="k-header" colspan={1} >Wed 7/09</TableTd>
261
+ <TableTd className="k-header" colspan={1} >Thu 7/10</TableTd>
262
+ <TableTd className="k-header" colspan={1} >Fri 7/11</TableTd>
263
+ <TableTd colspan={1} className="k-header k-nonwork-hour">Sat 7/12</TableTd>
264
+ </TableRow>
265
+ </TableTbody>
266
+ </GridHeaderTable>
267
+ </div>
268
+ </GridHeader>
269
+ <GridContent style={{ height: "530px" }}>
270
+ <GanttTables>
271
+ <GanttRowsTable className="k-grid-table" style={{ width: "4200px" }}>
272
+ <colgroup>
273
+ <col />
274
+ </colgroup>
275
+ <TableTbody>
276
+ <TableRow><TableTd ></TableTd></TableRow>
277
+ <TableRow className="k-alt" alt><TableTd ></TableTd></TableRow>
278
+ <TableRow><TableTd ></TableTd></TableRow>
279
+ <TableRow className="k-alt" alt><TableTd ></TableTd></TableRow>
280
+ <TableRow><TableTd ></TableTd></TableRow>
281
+ <TableRow className="k-alt" alt><TableTd ></TableTd></TableRow>
282
+ <TableRow><TableTd ></TableTd></TableRow>
283
+ <TableRow className="k-alt" alt><TableTd ></TableTd></TableRow>
284
+ <TableRow><TableTd ></TableTd></TableRow>
285
+ <TableRow className="k-alt" alt><TableTd ></TableTd></TableRow>
286
+ <TableRow><TableTd ></TableTd></TableRow>
287
+ <TableRow className="k-alt" alt><TableTd ></TableTd></TableRow>
288
+ <TableRow><TableTd ></TableTd></TableRow>
289
+ <TableRow className="k-alt" alt><TableTd ></TableTd></TableRow>
290
+ <TableRow><TableTd ></TableTd></TableRow>
291
+ <TableRow className="k-alt" alt><TableTd ></TableTd></TableRow>
292
+ <TableRow><TableTd ></TableTd></TableRow>
293
+ <TableRow className="k-alt" alt><TableTd ></TableTd></TableRow>
294
+ <TableRow><TableTd ></TableTd></TableRow>
295
+ <TableRow className="k-alt" alt><TableTd ></TableTd></TableRow>
296
+ <TableRow><TableTd ></TableTd></TableRow>
297
+ <TableRow className="k-alt" alt><TableTd ></TableTd></TableRow>
298
+ <TableRow><TableTd ></TableTd></TableRow>
299
+ </TableTbody>
300
+ </GanttRowsTable>
301
+ <GanttColumnsTable style={{ width: "4200px", height: "828px" }}>
302
+ <colgroup>
303
+ <col /><col /><col /><col /><col /><col /><col />
304
+ <col /><col /><col /><col /><col /><col /><col />
305
+ <col /><col /><col /><col /><col /><col /><col />
306
+ <col /><col /><col /><col /><col /><col /><col />
307
+ <col /><col /><col /><col /><col /><col /><col />
308
+ <col /><col /><col /><col /><col /><col /><col />
309
+ </colgroup>
310
+ <TableTbody>
311
+ <TableRow>
312
+ <TableTd className="k-nonwork-hour"></TableTd>
313
+ <TableTd ></TableTd><TableTd ></TableTd><TableTd ></TableTd><TableTd ></TableTd><TableTd ></TableTd>
314
+ <TableTd className="k-nonwork-hour"></TableTd>
315
+ <TableTd className="k-nonwork-hour"></TableTd>
316
+ <TableTd ></TableTd><TableTd ></TableTd><TableTd ></TableTd><TableTd ></TableTd><TableTd ></TableTd>
317
+ <TableTd className="k-nonwork-hour"></TableTd>
318
+ <TableTd className="k-nonwork-hour"></TableTd>
319
+ <TableTd ></TableTd><TableTd ></TableTd><TableTd ></TableTd><TableTd ></TableTd><TableTd ></TableTd>
320
+ <TableTd className="k-nonwork-hour"></TableTd>
321
+ <TableTd className="k-nonwork-hour"></TableTd>
322
+ <TableTd ></TableTd><TableTd ></TableTd><TableTd ></TableTd><TableTd ></TableTd><TableTd ></TableTd>
323
+ <TableTd className="k-nonwork-hour"></TableTd>
324
+ <TableTd className="k-nonwork-hour"></TableTd>
325
+ <TableTd ></TableTd><TableTd ></TableTd><TableTd ></TableTd><TableTd ></TableTd><TableTd ></TableTd>
326
+ <TableTd className="k-nonwork-hour"></TableTd>
327
+ <TableTd className="k-nonwork-hour"></TableTd>
328
+ <TableTd ></TableTd><TableTd ></TableTd><TableTd ></TableTd><TableTd ></TableTd><TableTd ></TableTd>
329
+ <TableTd className="k-nonwork-hour"></TableTd>
330
+ </TableRow>
331
+ </TableTbody>
332
+ </GanttColumnsTable>
333
+ <GanttTasksTable style={{ width: "4200px" }}>
334
+ <colgroup>
335
+ <col />
336
+ </colgroup>
337
+ <TableTbody>
338
+ <TableRow>
339
+ <TableTd>
340
+ <GanttTaskWrap type="summary" style={{ left: "113px" }}>
341
+ <GanttTask type="summary" style={{ width: "4000px" }}>
342
+ <div className="k-task-summary-progress" style={{ width: "1720px" }}>
343
+ <div className="k-task-summary-complete" style={{ width: "4000px" }}></div>
344
+ </div>
345
+ </GanttTask>
346
+ <GanttTaskDot />
347
+ <GanttTaskDot position="end" style={{ right: "0px" }} />
348
+ </GanttTaskWrap>
349
+ </TableTd>
350
+ </TableRow>
351
+ <TableRow>
352
+ <TableTd>
353
+ <GanttTaskWrap type="milestone" style={{ left: "113px" }}>
354
+ <GanttTask type="milestone"></GanttTask>
355
+ <GanttTaskDot />
356
+ <GanttTaskDot position="end" style={{ right: "0px" }} />
357
+ </GanttTaskWrap>
358
+ </TableTd>
359
+ </TableRow>
360
+ <TableRow>
361
+ <TableTd>
362
+ <GanttTaskWrap type="summary" style={{ left: "113px" }}>
363
+ <GanttTask type="summary" style={{ width: "500px" }}>
364
+ <div className="k-task-summary-progress" style={{ width: "215px" }}>
365
+ <div className="k-task-summary-complete" style={{ width: "500px" }}></div>
366
+ </div>
367
+ </GanttTask>
368
+ <GanttTaskDot />
369
+ <GanttTaskDot position="end" style={{ right: "0px" }} />
370
+ </GanttTaskWrap>
371
+ </TableTd>
372
+ </TableRow>
373
+ <TableRow>
374
+ <TableTd>
375
+ <GanttTaskWrap style={{ left: "113px" }}>
376
+ <GanttTask style={{ width: "200px" }}>
377
+ <div className="k-task-complete" style={{ width: '50px' }}></div>
378
+ <GanttTaskContent content="Validation with Customers"></GanttTaskContent>
379
+ </GanttTask>
380
+ <GanttTaskDot />
381
+ <GanttTaskDot position="end" style={{ right: "0px" }} />
382
+ <div className="k-task-draghandle" style={{ left: '50px' }}></div>
383
+ </GanttTaskWrap>
384
+ </TableTd>
385
+ </TableRow>
386
+ <TableRow>
387
+ <TableTd>
388
+ <GanttTaskWrap style={{ left: "113px" }}>
389
+ <GanttTask style={{ width: "200px" }}>
390
+ <div className="k-task-complete" style={{ width: "164px" }}></div>
391
+ <GanttTaskContent content="Market Research"></GanttTaskContent>
392
+ </GanttTask>
393
+ <GanttTaskDot />
394
+ <GanttTaskDot position="end" style={{ right: "0px" }} />
395
+ <div className="k-task-draghandle" style={{ left: "164px" }}></div>
396
+ </GanttTaskWrap>
397
+ </TableTd>
398
+ </TableRow>
399
+ <TableRow>
400
+ <TableTd>
401
+ <GanttTaskWrap style={{ left: "313px" }}>
402
+ <GanttTask style={{ width: "300px" }}>
403
+ <div className="k-task-complete" style={{ width: "69px" }}></div>
404
+ <GanttTaskContent content="Functional and Technical Specification"></GanttTaskContent>
405
+ </GanttTask>
406
+ <GanttTaskDot />
407
+ <GanttTaskDot position="end" style={{ right: "0px" }} />
408
+ <div className="k-task-draghandle" style={{ left: "69px" }}></div>
409
+ </GanttTaskWrap>
410
+ </TableTd>
411
+ </TableRow>
412
+ <TableRow>
413
+ <TableTd>
414
+ <GanttTaskWrap type="summary" style={{ left: "813px" }}>
415
+ <GanttTask type="summary" style={{ width: "500px" }}>
416
+ <div className="k-task-summary-progress" style={{ width: "300px" }}>
417
+ <div className="k-task-summary-complete" style={{ width: "500px" }}></div>
418
+ </div>
419
+ </GanttTask>
420
+ <GanttTaskDot />
421
+ <GanttTaskDot position="end" style={{ right: "0px" }} />
422
+ </GanttTaskWrap>
423
+ </TableTd>
424
+ </TableRow>
425
+ <TableRow>
426
+ <TableTd>
427
+ <GanttTaskWrap style={{ left: "813px" }}>
428
+ <GanttTask style={{ width: "200px" }}>
429
+ <div className="k-task-complete" style={{ width: "112px" }}></div>
430
+ <GanttTaskContent content="UI Design"></GanttTaskContent>
431
+ </GanttTask>
432
+ <GanttTaskDot />
433
+ <GanttTaskDot position="end" style={{ right: "0px" }} />
434
+ <div className="k-task-draghandle" style={{ left: "112px" }}></div>
435
+ </GanttTaskWrap>
436
+ </TableTd>
437
+ </TableRow>
438
+ <TableRow>
439
+ <TableTd>
440
+ <GanttTaskWrap style={{ left: "1013px" }}>
441
+ <GanttTask style={{ width: "300px" }}>
442
+ <div className="k-task-complete" style={{ width: "192px" }}></div>
443
+ <GanttTaskContent content="HTML Prototype"></GanttTaskContent>
444
+ </GanttTask>
445
+ <GanttTaskDot />
446
+ <GanttTaskDot position="end" style={{ right: "0px" }} />
447
+ <div className="k-task-draghandle" style={{ left: "192px" }}></div>
448
+ </GanttTaskWrap>
449
+ </TableTd>
450
+ </TableRow>
451
+ <TableRow>
452
+ <TableTd>
453
+ <GanttTaskWrap type="summary" style={{ left: "1013px" }}>
454
+ <GanttTask type="summary" style={{ width: "2100px" }}>
455
+ <div className="k-task-summary-progress" style={{ width: "1617px" }}>
456
+ <div className="k-task-summary-complete" style={{ width: "2100px" }}></div>
457
+ </div>
458
+ </GanttTask>
459
+ <GanttTaskDot />
460
+ <GanttTaskDot position="end" style={{ right: "0px" }} />
461
+ </GanttTaskWrap>
462
+ </TableTd>
463
+ </TableRow>
464
+ <TableRow>
465
+ <TableTd>
466
+ <GanttTaskWrap style={{ left: "1013px" }}>
467
+ <GanttTask style={{ width: "600px" }}>
468
+ <div className="k-task-complete" style={{ width: "462px" }}></div>
469
+ <GanttTaskContent content="Prototype"></GanttTaskContent>
470
+ </GanttTask>
471
+ <GanttTaskDot />
472
+ <GanttTaskDot position="end" style={{ right: "0px" }} />
473
+ <div className="k-task-draghandle" style={{ left: "462px" }}></div>
474
+ </GanttTaskWrap>
475
+ </TableTd>
476
+ </TableRow>
477
+ <TableRow>
478
+ <TableTd>
479
+ <GanttTaskWrap style={{ left: "1613px" }}>
480
+ <GanttTask style={{ width: "100px" }}>
481
+ <div className="k-task-complete" style={{ width: "82px" }}></div>
482
+ <GanttTaskContent content="Architecture"></GanttTaskContent>
483
+ </GanttTask>
484
+ <GanttTaskDot />
485
+ <GanttTaskDot position="end" style={{ right: "0px" }} />
486
+ <div className="k-task-draghandle" style={{ left: "82px" }}></div>
487
+ </GanttTaskWrap>
488
+ </TableTd>
489
+ </TableRow>
490
+ <TableRow>
491
+ <TableTd>
492
+ <GanttTaskWrap style={{ left: "1713px" }}>
493
+ <GanttTask style={{ width: "600px" }}>
494
+ <div className="k-task-complete" style={{ width: "600px" }}></div>
495
+ <GanttTaskContent content="Data Layer"></GanttTaskContent>
496
+ </GanttTask>
497
+ <GanttTaskDot />
498
+ <GanttTaskDot position="end" style={{ right: "0px" }} />
499
+ <div className="k-task-draghandle" style={{ left: "600px" }}></div>
500
+ </GanttTaskWrap>
501
+ </TableTd>
502
+ </TableRow>
503
+ <TableRow>
504
+ <TableTd>
505
+ <GanttTaskWrap style={{ left: "2613px" }}>
506
+ <GanttTask style={{ width: "500px" }}>
507
+ <div className="k-task-complete" style={{ width: "300px" }}></div>
508
+ <GanttTaskContent content="UI and Interaction"></GanttTaskContent>
509
+ </GanttTask>
510
+ <GanttTaskDot />
511
+ <GanttTaskDot position="end" style={{ right: "0px" }} />
512
+ <div className="k-task-draghandle" style={{ left: "300px" }}></div>
513
+ </GanttTaskWrap>
514
+ </TableTd>
515
+ </TableRow>
516
+ <TableRow>
517
+ <TableTd>
518
+ <GanttTaskWrap style={{ left: "1713px" }}>
519
+ <GanttTask style={{ width: "900px" }}>
520
+ <div className="k-task-complete" style={{ width: "612px" }}></div>
521
+ <GanttTaskContent content="Unit Tests"></GanttTaskContent>
522
+ </GanttTask>
523
+ <GanttTaskDot />
524
+ <GanttTaskDot position="end" style={{ right: "0px" }} />
525
+ <div className="k-task-draghandle" style={{ left: "612px" }}></div>
526
+ </GanttTaskWrap>
527
+ </TableTd>
528
+ </TableRow>
529
+ <TableRow>
530
+ <TableTd>
531
+ <GanttTaskWrap type="summary" style={{ left: "2913px" }}>
532
+ <GanttTask type="summary" style={{ width: "500px" }}>
533
+ <div className="k-task-summary-progress" style={{ width: "260px" }}>
534
+ <div className="k-task-summary-complete" style={{ width: "500px" }}></div>
535
+ </div>
536
+ </GanttTask>
537
+ <GanttTaskDot />
538
+ <GanttTaskDot position="end" style={{ right: "0px" }} />
539
+ </GanttTaskWrap>
540
+ </TableTd>
541
+ </TableRow>
542
+ <TableRow>
543
+ <TableTd>
544
+ <GanttTaskWrap style={{ left: "2913px" }}>
545
+ <GanttTask style={{ width: "500px" }}>
546
+ <div className="k-task-complete" style={{ width: "470px" }}></div>
547
+ <GanttTaskContent content="Integration Testing"></GanttTaskContent>
548
+ </GanttTask>
549
+ <GanttTaskDot />
550
+ <GanttTaskDot position="end" style={{ right: "0px" }} />
551
+ <div className="k-task-draghandle" style={{ left: "470px" }}></div>
552
+ </GanttTaskWrap>
553
+ </TableTd>
554
+ </TableRow>
555
+ <TableRow>
556
+ <TableTd>
557
+ <GanttTaskWrap style={{ left: "2913px" }}>
558
+ <GanttTask style={{ width: "500px" }}>
559
+ <div className="k-task-complete" style={{ width: '50px' }}></div>
560
+ <GanttTaskContent content="Load Testing"></GanttTaskContent>
561
+ </GanttTask>
562
+ <GanttTaskDot />
563
+ <GanttTaskDot position="end" style={{ right: "0px" }} />
564
+ <div className="k-task-draghandle" style={{ left: '50px' }}></div>
565
+ </GanttTaskWrap>
566
+ </TableTd>
567
+ </TableRow>
568
+ <TableRow>
569
+ <TableTd>
570
+ <GanttTaskWrap type="summary" style={{ left: "2213px" }}>
571
+ <GanttTask type="summary" style={{ width: "1200px" }}>
572
+ <div className="k-task-summary-progress" style={{ width: "168px" }}>
573
+ <div className="k-task-summary-complete" style={{ width: "1200px" }}></div>
574
+ </div>
575
+ </GanttTask>
576
+ <GanttTaskDot />
577
+ <GanttTaskDot position="end" style={{ right: "0px" }} />
578
+ </GanttTaskWrap>
579
+ </TableTd>
580
+ </TableRow>
581
+ <TableRow>
582
+ <TableTd>
583
+ <GanttTaskWrap style={{ left: "2213px" }}>
584
+ <GanttTask style={{ width: "300px" }}>
585
+ <div className="k-task-complete" style={{ width: "84px" }}></div>
586
+ <GanttTaskContent content="Structure"></GanttTaskContent>
587
+ </GanttTask>
588
+ <GanttTaskDot />
589
+ <GanttTaskDot position="end" style={{ right: "0px" }} />
590
+ <div className="k-task-draghandle" style={{ left: "84px" }}></div>
591
+ </GanttTaskWrap>
592
+ </TableTd>
593
+ </TableRow>
594
+ <TableRow>
595
+ <TableTd>
596
+ <GanttTaskWrap style={{ left: "2513px" }}>
597
+ <GanttTask style={{ width: "900px" }}>
598
+ <div className="k-task-complete" style={{ width: '0px' }}></div>
599
+ <GanttTaskContent content="Articles"></GanttTaskContent>
600
+ </GanttTask>
601
+ <GanttTaskDot />
602
+ <GanttTaskDot position="end" style={{ right: "0px" }} />
603
+ <div className="k-task-draghandle" style={{ left: '0px' }}></div>
604
+ </GanttTaskWrap>
605
+ </TableTd>
606
+ </TableRow>
607
+ <TableRow>
608
+ <TableTd>
609
+ <GanttTaskWrap type="summary" style={{ left: "2913px" }}>
610
+ <GanttTask type="summary" style={{ width: "1200px" }}>
611
+ <div className="k-task-summary-progress" style={{ width: "984px" }}>
612
+ <div className="k-task-summary-complete" style={{ width: "1200px" }}></div>
613
+ </div>
614
+ </GanttTask>
615
+ <GanttTaskDot />
616
+ <GanttTaskDot position="end" style={{ right: "0px" }} />
617
+ </GanttTaskWrap>
618
+ </TableTd>
619
+ </TableRow>
620
+ <TableRow>
621
+ <TableTd>
622
+ <GanttTaskWrap type="milestone" style={{ left: "4113px" }}>
623
+ <GanttTask type="milestone"></GanttTask>
624
+ <GanttTaskDot />
625
+ <GanttTaskDot position="end" style={{ right: "0px" }} />
626
+ </GanttTaskWrap>
627
+ </TableTd>
628
+ </TableRow>
629
+ </TableTbody>
630
+ </GanttTasksTable>
631
+ </GanttTables>
632
+ <div className="k-gantt-dependencies" style={{ width: "4200px" }}>
633
+ <GanttLine style={{ left: "124.5px", top: "53px", width: "10px" }}></GanttLine>
634
+ <GanttLine orientation="vertical" style={{ left: "132.5px", top: "53px", height: "18px" }}></GanttLine>
635
+ <GanttLine style={{ left: "103px", top: "71px", width: "31.5px" }}></GanttLine>
636
+ <GanttLine orientation="vertical" style={{ left: "103px", top: "71px", height: "54px" }}></GanttLine>
637
+ <GanttLine style={{ left: "103px", top: "125px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
638
+ <GanttLine style={{ left: "1013px", top: "269px", width: "10px" }}></GanttLine>
639
+ <GanttLine orientation="vertical" style={{ left: "1021px", top: "269px", height: "18px" }}></GanttLine>
640
+ <GanttLine style={{ left: "1003px", top: "287px", width: "20px" }}></GanttLine>
641
+ <GanttLine orientation="vertical" style={{ left: "1003px", top: "287px", height: "18px" }}></GanttLine>
642
+ <GanttLine style={{ left: "1003px", top: "305px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
643
+ <GanttLine style={{ left: "1313px", top: "305px", width: "10px" }}></GanttLine>
644
+ <GanttLine orientation="vertical" style={{ left: "1321px", top: "305px", height: "18px" }}></GanttLine>
645
+ <GanttLine style={{ left: "1003px", top: "323px", width: "320px" }}></GanttLine>
646
+ <GanttLine orientation="vertical" style={{ left: "1003px", top: "323px", height: "54px" }}></GanttLine>
647
+ <GanttLine style={{ left: "1003px", top: "377px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
648
+ <GanttLine style={{ left: "1613px", top: "377px", width: "10px" }}></GanttLine>
649
+ <GanttLine orientation="vertical" style={{ left: "1621px", top: "377px", height: "18px" }}></GanttLine>
650
+ <GanttLine style={{ left: "1603px", top: "395px", width: "20px" }}></GanttLine>
651
+ <GanttLine orientation="vertical" style={{ left: "1603px", top: "395px", height: "18px" }}></GanttLine>
652
+ <GanttLine style={{ left: "1603px", top: "413px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
653
+ <GanttLine style={{ left: "1713px", top: "413px", width: "10px" }}></GanttLine>
654
+ <GanttLine orientation="vertical" style={{ left: "1721px", top: "413px", height: "18px" }}></GanttLine>
655
+ <GanttLine style={{ left: "1703px", top: "431px", width: "20px" }}></GanttLine>
656
+ <GanttLine orientation="vertical" style={{ left: "1703px", top: "431px", height: "18px" }}></GanttLine>
657
+ <GanttLine style={{ left: "1703px", top: "449px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
658
+ <GanttLine style={{ left: "1713px", top: "413px", width: "10px" }}></GanttLine>
659
+ <GanttLine orientation="vertical" style={{ left: "1721px", top: "413px", height: "18px" }}></GanttLine>
660
+ <GanttLine style={{ left: "1703px", top: "431px", width: "20px" }}></GanttLine>
661
+ <GanttLine orientation="vertical" style={{ left: "1703px", top: "431px", height: "90px" }}></GanttLine>
662
+ <GanttLine style={{ left: "1703px", top: "521px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
663
+ <GanttLine style={{ left: "2313px", top: "449px", width: "10px" }}></GanttLine>
664
+ <GanttLine orientation="vertical" style={{ left: "2321px", top: "449px", height: "36px" }}></GanttLine>
665
+ <GanttLine style={{ left: "2321px", top: "485px", width: "291px" }}><span className="k-arrow-e"></span></GanttLine>
666
+ <GanttLine style={{ left: "2613px", top: "521px", width: "510px" }}></GanttLine>
667
+ <GanttLine orientation="vertical" style={{ left: "3121px", top: "485px", height: "38px" }}></GanttLine>
668
+ <GanttLine style={{ left: "3114px", top: "485px", width: "7px" }}><span className="k-caret-alt-left"></span></GanttLine>
669
+ <GanttLine style={{ left: "3113px", top: "485px", width: "10px" }}></GanttLine>
670
+ <GanttLine orientation="vertical" style={{ left: "3121px", top: "485px", height: "18px" }}></GanttLine>
671
+ <GanttLine style={{ left: "2903px", top: "503px", width: "220px" }}></GanttLine>
672
+ <GanttLine orientation="vertical" style={{ left: "2903px", top: "503px", height: "90px" }}></GanttLine>
673
+ <GanttLine style={{ left: "2903px", top: "593px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
674
+ <GanttLine style={{ left: "3113px", top: "485px", width: "10px" }}></GanttLine>
675
+ <GanttLine orientation="vertical" style={{ left: "3121px", top: "485px", height: "18px" }}></GanttLine>
676
+ <GanttLine style={{ left: "2903px", top: "503px", width: "220px" }}></GanttLine>
677
+ <GanttLine orientation="vertical" style={{ left: "2903px", top: "503px", height: "126px" }}></GanttLine>
678
+ <GanttLine style={{ left: "2903px", top: "629px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
679
+ <GanttLine style={{ left: "2513px", top: "701px", width: "10px" }}></GanttLine>
680
+ <GanttLine orientation="vertical" style={{ left: "2521px", top: "701px", height: "18px" }}></GanttLine>
681
+ <GanttLine style={{ left: "2503px", top: "719px", width: "20px" }}></GanttLine>
682
+ <GanttLine orientation="vertical" style={{ left: "2503px", top: "719px", height: "18px" }}></GanttLine>
683
+ <GanttLine style={{ left: "2503px", top: "737px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
684
+ <GanttLine style={{ left: "3413px", top: "593px", width: "10px" }}></GanttLine>
685
+ <GanttLine orientation="vertical" style={{ left: "3421px", top: "593px", height: "38px" }}></GanttLine>
686
+ <GanttLine style={{ left: "3414px", top: "629px", width: "7px" }}><span className="k-caret-alt-left"></span></GanttLine>
687
+ <GanttLine style={{ left: "3413px", top: "629px", width: "10px" }}></GanttLine>
688
+ <GanttLine orientation="vertical" style={{ left: "3421px", top: "629px", height: "180px" }}></GanttLine>
689
+ <GanttLine style={{ left: "3421px", top: "809px", width: "679.5px" }}><span className="k-arrow-e"></span></GanttLine>
690
+ <GanttLine style={{ left: "3413px", top: "737px", width: "10px" }}></GanttLine>
691
+ <GanttLine orientation="vertical" style={{ left: "3421px", top: "737px", height: "72px" }}></GanttLine>
692
+ <GanttLine style={{ left: "3421px", top: "809px", width: "679.5px" }}><span className="k-arrow-e"></span></GanttLine>
693
+ <GanttLine style={{ left: "3113px", top: "341px", width: "10px" }}></GanttLine>
694
+ <GanttLine orientation="vertical" style={{ left: "3121px", top: "341px", height: "146px" }}></GanttLine>
695
+ <GanttLine style={{ left: "3114px", top: "485px", width: "7px" }}><span className="k-caret-alt-left"></span></GanttLine>
696
+ <GanttLine style={{ left: "124.5px", top: "53px", width: "10px" }}></GanttLine>
697
+ <GanttLine orientation="vertical" style={{ left: "132.5px", top: "53px", height: "18px" }}></GanttLine>
698
+ <GanttLine style={{ left: "103px", top: "71px", width: "31.5px" }}></GanttLine>
699
+ <GanttLine orientation="vertical" style={{ left: "103px", top: "71px", height: "90px" }}></GanttLine>
700
+ <GanttLine style={{ left: "103px", top: "161px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
701
+ <GanttLine style={{ left: "313px", top: "161px", width: "10px" }}></GanttLine>
702
+ <GanttLine orientation="vertical" style={{ left: "321px", top: "161px", height: "18px" }}></GanttLine>
703
+ <GanttLine style={{ left: "303px", top: "179px", width: "20px" }}></GanttLine>
704
+ <GanttLine orientation="vertical" style={{ left: "303px", top: "179px", height: "18px" }}></GanttLine>
705
+ <GanttLine style={{ left: "303px", top: "197px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
706
+ <GanttLine style={{ left: "313px", top: "125px", width: "10px" }}></GanttLine>
707
+ <GanttLine orientation="vertical" style={{ left: "321px", top: "125px", height: "18px" }}></GanttLine>
708
+ <GanttLine style={{ left: "303px", top: "143px", width: "20px" }}></GanttLine>
709
+ <GanttLine orientation="vertical" style={{ left: "303px", top: "143px", height: "54px" }}></GanttLine>
710
+ <GanttLine style={{ left: "303px", top: "197px", width: "9px" }}><span className="k-arrow-e"></span></GanttLine>
711
+ <GanttLine style={{ left: "613px", top: "197px", width: "10px" }}></GanttLine>
712
+ <GanttLine orientation="vertical" style={{ left: "621px", top: "197px", height: "72px" }}></GanttLine>
713
+ <GanttLine style={{ left: "621px", top: "269px", width: "191px" }}><span className="k-arrow-e"></span></GanttLine>
714
+ </div>
715
+ <div className="k-current-time" style={{ left: "243px", top: "0px", width: "1px", height: "828px" }}></div>
716
+ </GridContent>
717
+ </Grid>
718
+ </SplitterPane>
719
+ ]}>
720
+ </Splitter>
721
+ </GanttContent>
722
+ </Gantt>
771
723
  </div>
772
724
  </>
773
725
  );