@progress/kendo-themes-html 7.2.1-dev.1 → 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 (481) hide show
  1. package/dist/cjs/autocomplete/tests/autocomplete-prefix-suffix.js +64 -46
  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/combobox/tests/combobox-prefix-suffix.js +64 -46
  27. package/dist/cjs/dock-manager/tests/dock-manager-unpinned-pane.js +64 -46
  28. package/dist/cjs/dock-manager/tests/dock-manager.js +64 -46
  29. package/dist/cjs/editor/editor-toolbar.js +64 -46
  30. package/dist/cjs/editor/templates/editor-normal.js +64 -46
  31. package/dist/cjs/editor/tests/editor-find-replace.js +64 -46
  32. package/dist/cjs/editor/tests/editor-states.js +64 -46
  33. package/dist/cjs/editor/tests/editor-table-wizard.js +64 -46
  34. package/dist/cjs/editor/tests/editor.js +64 -46
  35. package/dist/cjs/filemanager/file-info.js +64 -46
  36. package/dist/cjs/filemanager/filemanager-toolbar.spec.js +64 -46
  37. package/dist/cjs/filemanager/filemanager.spec.js +64 -46
  38. package/dist/cjs/filemanager/templates/filemanager-grid-preview.js +64 -46
  39. package/dist/cjs/filemanager/templates/filemanager-grid.js +64 -46
  40. package/dist/cjs/filemanager/templates/filemanager-normal.js +64 -46
  41. package/dist/cjs/filemanager/templates/filemanager-preview.js +64 -46
  42. package/dist/cjs/filemanager/tests/filemanager-contextmenu.js +64 -46
  43. package/dist/cjs/filemanager/tests/filemanager-drag-hint.js +64 -46
  44. package/dist/cjs/filemanager/tests/filemanager-gridview-preview.js +64 -46
  45. package/dist/cjs/filemanager/tests/filemanager-gridview.js +64 -46
  46. package/dist/cjs/filemanager/tests/filemanager-listview-preview.js +64 -46
  47. package/dist/cjs/filemanager/tests/filemanager-listview.js +64 -46
  48. package/dist/cjs/filter/templates/filter-normal.js +64 -46
  49. package/dist/cjs/filter/templates/filter-preview.js +64 -46
  50. package/dist/cjs/filter/tests/filter-preview.js +64 -46
  51. package/dist/cjs/filter/tests/filter.js +64 -46
  52. package/dist/cjs/form/tests/form-field-dropdowns.js +64 -46
  53. package/dist/cjs/form/tests/form-field-inputs-rtl.js +64 -46
  54. package/dist/cjs/form/tests/form-field-inputs.js +64 -46
  55. package/dist/cjs/gantt/gantt-columns-table.spec.js +283 -0
  56. package/dist/cjs/gantt/gantt-content.spec.js +46 -0
  57. package/dist/cjs/gantt/gantt-footer-toolbar.spec.js +7895 -0
  58. package/dist/cjs/gantt/gantt-header-toolbar.spec.js +7895 -0
  59. package/dist/cjs/gantt/gantt-line.spec.js +67 -0
  60. package/dist/cjs/gantt/gantt-rows-table.spec.js +283 -0
  61. package/dist/cjs/gantt/gantt-tables-wrapper.spec.js +46 -0
  62. package/dist/cjs/gantt/gantt-task-content.spec.js +4355 -0
  63. package/dist/cjs/gantt/gantt-task-dot.spec.js +67 -0
  64. package/dist/cjs/gantt/gantt-task-wrap.spec.js +67 -0
  65. package/dist/cjs/gantt/gantt-task.spec.js +68 -0
  66. package/dist/cjs/gantt/gantt-tasks-table.spec.js +283 -0
  67. package/dist/cjs/gantt/gantt.spec.js +67 -0
  68. package/dist/cjs/gantt/tests/gantt-editing-popup-predecessors.js +64 -46
  69. package/dist/cjs/gantt/tests/gantt-editing-popup-resources.js +64 -46
  70. package/dist/cjs/gantt/tests/gantt-editing-popup-successors.js +64 -46
  71. package/dist/cjs/gantt/tests/gantt-react.js +2197 -1216
  72. package/dist/cjs/gantt/tests/gantt-row-reordering.js +2795 -1610
  73. package/dist/cjs/gantt/tests/gantt.js +2770 -1585
  74. package/dist/cjs/grid/grid-toolbar.spec.js +64 -46
  75. package/dist/cjs/grid/tests/grid-adaptive-pager.js +64 -46
  76. package/dist/cjs/grid/tests/grid-adaptive-search.js +64 -46
  77. package/dist/cjs/grid/tests/grid-angular.js +64 -46
  78. package/dist/cjs/grid/tests/grid-column-menu-angular.js +64 -46
  79. package/dist/cjs/grid/tests/grid-column-menu-blazor.js +64 -46
  80. package/dist/cjs/grid/tests/grid-column-reordering-actions.js +64 -46
  81. package/dist/cjs/grid/tests/grid-column-reordering.js +64 -46
  82. package/dist/cjs/grid/tests/grid-column-resizing-actions.js +64 -46
  83. package/dist/cjs/grid/tests/grid-editing-custom-editor.js +64 -46
  84. package/dist/cjs/grid/tests/grid-editing-inline-angular.js +64 -46
  85. package/dist/cjs/grid/tests/grid-editing-inline-blazor.js +64 -46
  86. package/dist/cjs/grid/tests/grid-editing.js +64 -46
  87. package/dist/cjs/grid/tests/grid-filter-menu-angular.js +64 -46
  88. package/dist/cjs/grid/tests/grid-filter-menu-blazor.js +64 -46
  89. package/dist/cjs/grid/tests/grid-filter-row-angular.js +64 -46
  90. package/dist/cjs/grid/tests/grid-filter-row-blazor.js +64 -46
  91. package/dist/cjs/grid/tests/grid-filter-row.js +64 -46
  92. package/dist/cjs/grid/tests/grid-grouping-actions.js +64 -46
  93. package/dist/cjs/grid/tests/grid-grouping-blazor.js +64 -46
  94. package/dist/cjs/grid/tests/grid-grouping-detail-template.js +64 -46
  95. package/dist/cjs/grid/tests/grid-grouping.js +64 -46
  96. package/dist/cjs/grid/tests/grid-hierarchy.js +64 -46
  97. package/dist/cjs/grid/tests/grid-locked-columns-rtl.js +64 -46
  98. package/dist/cjs/grid/tests/grid-locked-columns.js +64 -46
  99. package/dist/cjs/grid/tests/grid-long-titles.js +64 -46
  100. package/dist/cjs/grid/tests/grid-multicolumn-headers.js +64 -46
  101. package/dist/cjs/grid/tests/grid-no-records.js +64 -46
  102. package/dist/cjs/grid/tests/grid-pager.js +64 -46
  103. package/dist/cjs/grid/tests/grid-react-basic.js +64 -46
  104. package/dist/cjs/grid/tests/grid-react.js +64 -46
  105. package/dist/cjs/grid/tests/grid-row-reordering.js +64 -46
  106. package/dist/cjs/grid/tests/grid-rows-resizing.js +64 -46
  107. package/dist/cjs/grid/tests/grid-rows-states.js +64 -46
  108. package/dist/cjs/grid/tests/grid-rtl-angular.js +64 -46
  109. package/dist/cjs/grid/tests/grid-rtl.js +64 -46
  110. package/dist/cjs/grid/tests/grid-selection-aggregates.js +64 -46
  111. package/dist/cjs/grid/tests/grid-size-sm-comp-sm.js +64 -46
  112. package/dist/cjs/grid/tests/grid-size-sm.js +64 -46
  113. package/dist/cjs/grid/tests/grid-sticky-columns-rtl.js +64 -46
  114. package/dist/cjs/grid/tests/grid-sticky-columns.js +64 -46
  115. package/dist/cjs/grid/tests/grid-sticky-multicolumn-headers.js +64 -46
  116. package/dist/cjs/grid/tests/grid-toolbar.js +64 -46
  117. package/dist/cjs/grid/tests/grid-virtualization.js +64 -46
  118. package/dist/cjs/grid/tests/grid.js +64 -46
  119. package/dist/cjs/imageeditor/tests/imageeditor-crop-pane.js +64 -46
  120. package/dist/cjs/imageeditor/tests/imageeditor-resize-pane.js +64 -46
  121. package/dist/cjs/imageeditor/tests/imageeditor.js +64 -46
  122. package/dist/cjs/index.js +87 -55
  123. package/dist/cjs/mediaplayer/tests/mediaplayer.js +64 -46
  124. package/dist/cjs/multiselect/templates/multiselect-prefix.js +64 -46
  125. package/dist/cjs/multiselect/templates/multiselect-suffix.js +64 -46
  126. package/dist/cjs/multiselect/tests/multiselect-adaptive.js +64 -46
  127. package/dist/cjs/multiselect/tests/multiselect-flat.js +64 -46
  128. package/dist/cjs/multiselect/tests/multiselect-grouping.js +64 -46
  129. package/dist/cjs/multiselect/tests/multiselect-opened.js +64 -46
  130. package/dist/cjs/multiselect/tests/multiselect-outline.js +64 -46
  131. package/dist/cjs/multiselect/tests/multiselect-prefix-suffix.js +64 -46
  132. package/dist/cjs/multiselect/tests/multiselect-size-rounded.js +64 -46
  133. package/dist/cjs/multiselect/tests/multiselect-solid.js +64 -46
  134. package/dist/cjs/pdf-viewer/pdf-viewer.spec.js +64 -46
  135. package/dist/cjs/pdf-viewer/templates/pdf-viewer-blank.js +64 -46
  136. package/dist/cjs/pdf-viewer/templates/pdf-viewer-normal.js +64 -46
  137. package/dist/cjs/pdf-viewer/templates/pdf-viewer-with-search-panel.js +64 -46
  138. package/dist/cjs/pdf-viewer/tests/pdf-viewer-blank-page.js +64 -46
  139. package/dist/cjs/pdf-viewer/tests/pdf-viewer-search-panel.js +64 -46
  140. package/dist/cjs/pdf-viewer/tests/pdf-viewer.js +64 -46
  141. package/dist/cjs/pivotgrid/tests/pivotgrid-jquery.js +64 -46
  142. package/dist/cjs/prompt/templates/prompt-more-actions.js +87 -55
  143. package/dist/cjs/prompt/templates/prompt-normal.js +64 -46
  144. package/dist/cjs/prompt/templates/prompt-output.js +64 -46
  145. package/dist/cjs/prompt/templates/prompt-popup.js +64 -46
  146. package/dist/cjs/prompt/templates/prompt-settings.js +64 -46
  147. package/dist/cjs/prompt/templates/prompt-suggestions.js +64 -46
  148. package/dist/cjs/prompt/tests/prompt-more-actions.js +87 -55
  149. package/dist/cjs/prompt/tests/prompt-normal.js +64 -46
  150. package/dist/cjs/prompt/tests/prompt-output.js +64 -46
  151. package/dist/cjs/scheduler/tests/scheduler-adaptive-agenda.js +64 -46
  152. package/dist/cjs/scheduler/tests/scheduler-adaptive-day-resource-group.js +64 -46
  153. package/dist/cjs/scheduler/tests/scheduler-adaptive-day.js +64 -46
  154. package/dist/cjs/scheduler/tests/scheduler-adaptive-month.js +64 -46
  155. package/dist/cjs/scheduler/tests/scheduler-angular-agenda-rtl.js +64 -46
  156. package/dist/cjs/scheduler/tests/scheduler-angular-agenda.js +64 -46
  157. package/dist/cjs/scheduler/tests/scheduler-angular-day-rtl.js +64 -46
  158. package/dist/cjs/scheduler/tests/scheduler-angular-month-rtl.js +64 -46
  159. package/dist/cjs/scheduler/tests/scheduler-angular-month.js +64 -46
  160. package/dist/cjs/scheduler/tests/scheduler-angular-rtl.js +64 -46
  161. package/dist/cjs/scheduler/tests/scheduler-angular.js +64 -46
  162. package/dist/cjs/scheduler/tests/scheduler-edit-dialog.js +64 -46
  163. package/dist/cjs/scheduler/tests/scheduler-editing-weekly.js +64 -46
  164. package/dist/cjs/scheduler/tests/scheduler-flex-layout.js +64 -46
  165. package/dist/cjs/scheduler/tests/scheduler-jquery-agenda.js +64 -46
  166. package/dist/cjs/scheduler/tests/scheduler-jquery-month.js +64 -46
  167. package/dist/cjs/scheduler/tests/scheduler-react-agenda.js +64 -46
  168. package/dist/cjs/scheduler/tests/scheduler-react-day.js +64 -46
  169. package/dist/cjs/scheduler/tests/scheduler-react-month.js +64 -46
  170. package/dist/cjs/scheduler/tests/scheduler-react-timeline-multi.js +64 -46
  171. package/dist/cjs/scheduler/tests/scheduler-react-timeline.js +64 -46
  172. package/dist/cjs/scheduler/tests/scheduler-react-week.js +64 -46
  173. package/dist/cjs/scheduler/tests/scheduler-year.js +64 -46
  174. package/dist/cjs/scheduler/tests/scheduler.js +64 -46
  175. package/dist/cjs/slider/slider-tick.js +16 -7
  176. package/dist/cjs/slider/slider.spec.js +48 -39
  177. package/dist/cjs/slider/templates/slider-gradient-vertical.js +64 -46
  178. package/dist/cjs/slider/templates/slider-gradient.js +64 -46
  179. package/dist/cjs/slider/templates/slider-normal.js +64 -46
  180. package/dist/cjs/slider/templates/slider-range-vertical.js +64 -46
  181. package/dist/cjs/slider/templates/slider-range.js +64 -46
  182. package/dist/cjs/slider/templates/slider-vertical.js +64 -46
  183. package/dist/cjs/slider/tests/slider-css-vars.js +64 -46
  184. package/dist/cjs/slider/tests/slider-tick-absolute-position.js +64 -46
  185. package/dist/cjs/slider/tests/slider.js +64 -46
  186. package/dist/cjs/spreadsheet/tests/spreadsheet-borders-config.js +64 -46
  187. package/dist/cjs/spreadsheet/tests/spreadsheet-cell-contextmenu.js +64 -46
  188. package/dist/cjs/spreadsheet/tests/spreadsheet-filtering.js +64 -46
  189. package/dist/cjs/spreadsheet/tests/spreadsheet-format-dialogs.js +64 -46
  190. package/dist/cjs/spreadsheet/tests/spreadsheet-formula.js +64 -46
  191. package/dist/cjs/spreadsheet/tests/spreadsheet-jquery.js +64 -46
  192. package/dist/cjs/spreadsheet/tests/spreadsheet-row-contextmenu.js +64 -46
  193. package/dist/cjs/spreadsheet/tests/spreadsheet-tools.js +64 -46
  194. package/dist/cjs/spreadsheet/tests/spreadsheet.js +64 -46
  195. package/dist/cjs/taskboard/taskboard-pane.js +64 -46
  196. package/dist/cjs/taskboard/taskboard-toolbar.js +64 -46
  197. package/dist/cjs/taskboard/taskboard.spec.js +64 -46
  198. package/dist/cjs/taskboard/templates/taskboard-normal.js +64 -46
  199. package/dist/cjs/taskboard/tests/taskboard-card.js +64 -46
  200. package/dist/cjs/taskboard/tests/taskboard-column.js +64 -46
  201. package/dist/cjs/taskboard/tests/taskboard-pane.js +64 -46
  202. package/dist/cjs/taskboard/tests/taskboard-resources.js +64 -46
  203. package/dist/cjs/taskboard/tests/taskboard-rtl.js +64 -46
  204. package/dist/cjs/taskboard/tests/taskboard.js +64 -46
  205. package/dist/cjs/toolbar/templates/toolbar-angular-normal.js +64 -46
  206. package/dist/cjs/toolbar/templates/toolbar-angular-resizable.js +64 -46
  207. package/dist/cjs/toolbar/templates/toolbar-normal.js +64 -46
  208. package/dist/cjs/toolbar/templates/toolbar-resizable.js +64 -46
  209. package/dist/cjs/toolbar/tests/toolbar-adaptive.js +64 -46
  210. package/dist/cjs/toolbar/tests/toolbar-angular.js +64 -46
  211. package/dist/cjs/toolbar/tests/toolbar-components.js +64 -46
  212. package/dist/cjs/toolbar/tests/toolbar-popup-size.js +64 -46
  213. package/dist/cjs/toolbar/tests/toolbar-popup.js +64 -46
  214. package/dist/cjs/toolbar/tests/toolbar-sizes.js +64 -46
  215. package/dist/cjs/toolbar/tests/toolbar.js +64 -46
  216. package/dist/cjs/toolbar/toolbar-angular.spec.js +64 -46
  217. package/dist/cjs/toolbar/toolbar.spec.js +64 -46
  218. package/dist/cjs/treelist/tests/treelist-aggregate-react.js +64 -46
  219. package/dist/cjs/treelist/tests/treelist-aggregates.js +64 -46
  220. package/dist/cjs/treelist/tests/treelist-react.js +64 -46
  221. package/dist/cjs/treelist/tests/treelist-row-reordering.js +64 -46
  222. package/dist/cjs/treelist/tests/treelist.js +64 -46
  223. package/dist/cjs/treelist/treelist.spec.js +64 -46
  224. package/dist/esm/autocomplete/tests/autocomplete-prefix-suffix.js +64 -46
  225. package/dist/esm/coloreditor/color-editor.spec.js +64 -46
  226. package/dist/esm/coloreditor/templates/coloreditor-group.js +64 -46
  227. package/dist/esm/coloreditor/templates/coloreditor-normal.js +64 -46
  228. package/dist/esm/coloreditor/templates/coloreditor-palette-group.js +64 -46
  229. package/dist/esm/coloreditor/templates/coloreditor-palette.js +64 -46
  230. package/dist/esm/coloreditor/tests/coloreditor-focused-colorgradient.js +64 -46
  231. package/dist/esm/coloreditor/tests/coloreditor-rtl.js +64 -46
  232. package/dist/esm/coloreditor/tests/coloreditor-states.js +64 -46
  233. package/dist/esm/coloreditor/tests/coloreditor.js +64 -46
  234. package/dist/esm/colorgradient/color-gradient.spec.js +64 -46
  235. package/dist/esm/colorgradient/templates/colorgradient-contrast.js +64 -46
  236. package/dist/esm/colorgradient/templates/colorgradient-normal.js +64 -46
  237. package/dist/esm/colorgradient/tests/colorgradient-contrast.js +64 -46
  238. package/dist/esm/colorgradient/tests/colorgradient-draghandle.js +64 -46
  239. package/dist/esm/colorgradient/tests/colorgradient-modes.js +64 -46
  240. package/dist/esm/colorgradient/tests/colorgradient-rtl.js +64 -46
  241. package/dist/esm/colorgradient/tests/colorgradient-states.js +64 -46
  242. package/dist/esm/colorgradient/tests/colorgradient.js +64 -46
  243. package/dist/esm/colorpicker/templates/colorpicker-popup-gradient.js +64 -46
  244. package/dist/esm/colorpicker/templates/colorpicker-popup-palette.js +64 -46
  245. package/dist/esm/colorpicker/tests/colorpicker-opened.js +64 -46
  246. package/dist/esm/colorpicker/tests/colorpicker-size.js +64 -46
  247. package/dist/esm/colorpicker/tests/colorpicker-states.js +64 -46
  248. package/dist/esm/colorpicker/tests/colorpicker.js +64 -46
  249. package/dist/esm/combobox/tests/combobox-prefix-suffix.js +64 -46
  250. package/dist/esm/dock-manager/tests/dock-manager-unpinned-pane.js +64 -46
  251. package/dist/esm/dock-manager/tests/dock-manager.js +64 -46
  252. package/dist/esm/editor/editor-toolbar.js +64 -46
  253. package/dist/esm/editor/templates/editor-normal.js +64 -46
  254. package/dist/esm/editor/tests/editor-find-replace.js +64 -46
  255. package/dist/esm/editor/tests/editor-states.js +64 -46
  256. package/dist/esm/editor/tests/editor-table-wizard.js +64 -46
  257. package/dist/esm/editor/tests/editor.js +64 -46
  258. package/dist/esm/filemanager/file-info.js +64 -46
  259. package/dist/esm/filemanager/filemanager-toolbar.spec.js +64 -46
  260. package/dist/esm/filemanager/filemanager.spec.js +64 -46
  261. package/dist/esm/filemanager/templates/filemanager-grid-preview.js +64 -46
  262. package/dist/esm/filemanager/templates/filemanager-grid.js +64 -46
  263. package/dist/esm/filemanager/templates/filemanager-normal.js +64 -46
  264. package/dist/esm/filemanager/templates/filemanager-preview.js +64 -46
  265. package/dist/esm/filemanager/tests/filemanager-contextmenu.js +64 -46
  266. package/dist/esm/filemanager/tests/filemanager-drag-hint.js +64 -46
  267. package/dist/esm/filemanager/tests/filemanager-gridview-preview.js +64 -46
  268. package/dist/esm/filemanager/tests/filemanager-gridview.js +64 -46
  269. package/dist/esm/filemanager/tests/filemanager-listview-preview.js +64 -46
  270. package/dist/esm/filemanager/tests/filemanager-listview.js +64 -46
  271. package/dist/esm/filter/templates/filter-normal.js +64 -46
  272. package/dist/esm/filter/templates/filter-preview.js +64 -46
  273. package/dist/esm/filter/tests/filter-preview.js +64 -46
  274. package/dist/esm/filter/tests/filter.js +64 -46
  275. package/dist/esm/form/tests/form-field-dropdowns.js +64 -46
  276. package/dist/esm/form/tests/form-field-inputs-rtl.js +64 -46
  277. package/dist/esm/form/tests/form-field-inputs.js +64 -46
  278. package/dist/esm/gantt/gantt-columns-table.spec.js +261 -0
  279. package/dist/esm/gantt/gantt-content.spec.js +24 -0
  280. package/dist/esm/gantt/gantt-footer-toolbar.spec.js +7879 -0
  281. package/dist/esm/gantt/gantt-header-toolbar.spec.js +7879 -0
  282. package/dist/esm/gantt/gantt-line.spec.js +45 -0
  283. package/dist/esm/gantt/gantt-rows-table.spec.js +261 -0
  284. package/dist/esm/gantt/gantt-tables-wrapper.spec.js +24 -0
  285. package/dist/esm/gantt/gantt-task-content.spec.js +4339 -0
  286. package/dist/esm/gantt/gantt-task-dot.spec.js +45 -0
  287. package/dist/esm/gantt/gantt-task-wrap.spec.js +45 -0
  288. package/dist/esm/gantt/gantt-task.spec.js +46 -0
  289. package/dist/esm/gantt/gantt-tasks-table.spec.js +261 -0
  290. package/dist/esm/gantt/gantt.spec.js +45 -0
  291. package/dist/esm/gantt/tests/gantt-editing-popup-predecessors.js +64 -46
  292. package/dist/esm/gantt/tests/gantt-editing-popup-resources.js +64 -46
  293. package/dist/esm/gantt/tests/gantt-editing-popup-successors.js +64 -46
  294. package/dist/esm/gantt/tests/gantt-react.js +1900 -919
  295. package/dist/esm/gantt/tests/gantt-row-reordering.js +2498 -1313
  296. package/dist/esm/gantt/tests/gantt.js +2473 -1288
  297. package/dist/esm/grid/grid-toolbar.spec.js +64 -46
  298. package/dist/esm/grid/tests/grid-adaptive-pager.js +64 -46
  299. package/dist/esm/grid/tests/grid-adaptive-search.js +64 -46
  300. package/dist/esm/grid/tests/grid-angular.js +64 -46
  301. package/dist/esm/grid/tests/grid-column-menu-angular.js +64 -46
  302. package/dist/esm/grid/tests/grid-column-menu-blazor.js +64 -46
  303. package/dist/esm/grid/tests/grid-column-reordering-actions.js +64 -46
  304. package/dist/esm/grid/tests/grid-column-reordering.js +64 -46
  305. package/dist/esm/grid/tests/grid-column-resizing-actions.js +64 -46
  306. package/dist/esm/grid/tests/grid-editing-custom-editor.js +64 -46
  307. package/dist/esm/grid/tests/grid-editing-inline-angular.js +64 -46
  308. package/dist/esm/grid/tests/grid-editing-inline-blazor.js +64 -46
  309. package/dist/esm/grid/tests/grid-editing.js +64 -46
  310. package/dist/esm/grid/tests/grid-filter-menu-angular.js +64 -46
  311. package/dist/esm/grid/tests/grid-filter-menu-blazor.js +64 -46
  312. package/dist/esm/grid/tests/grid-filter-row-angular.js +64 -46
  313. package/dist/esm/grid/tests/grid-filter-row-blazor.js +64 -46
  314. package/dist/esm/grid/tests/grid-filter-row.js +64 -46
  315. package/dist/esm/grid/tests/grid-grouping-actions.js +64 -46
  316. package/dist/esm/grid/tests/grid-grouping-blazor.js +64 -46
  317. package/dist/esm/grid/tests/grid-grouping-detail-template.js +64 -46
  318. package/dist/esm/grid/tests/grid-grouping.js +64 -46
  319. package/dist/esm/grid/tests/grid-hierarchy.js +64 -46
  320. package/dist/esm/grid/tests/grid-locked-columns-rtl.js +64 -46
  321. package/dist/esm/grid/tests/grid-locked-columns.js +64 -46
  322. package/dist/esm/grid/tests/grid-long-titles.js +64 -46
  323. package/dist/esm/grid/tests/grid-multicolumn-headers.js +64 -46
  324. package/dist/esm/grid/tests/grid-no-records.js +64 -46
  325. package/dist/esm/grid/tests/grid-pager.js +64 -46
  326. package/dist/esm/grid/tests/grid-react-basic.js +64 -46
  327. package/dist/esm/grid/tests/grid-react.js +64 -46
  328. package/dist/esm/grid/tests/grid-row-reordering.js +64 -46
  329. package/dist/esm/grid/tests/grid-rows-resizing.js +64 -46
  330. package/dist/esm/grid/tests/grid-rows-states.js +64 -46
  331. package/dist/esm/grid/tests/grid-rtl-angular.js +64 -46
  332. package/dist/esm/grid/tests/grid-rtl.js +64 -46
  333. package/dist/esm/grid/tests/grid-selection-aggregates.js +64 -46
  334. package/dist/esm/grid/tests/grid-size-sm-comp-sm.js +64 -46
  335. package/dist/esm/grid/tests/grid-size-sm.js +64 -46
  336. package/dist/esm/grid/tests/grid-sticky-columns-rtl.js +64 -46
  337. package/dist/esm/grid/tests/grid-sticky-columns.js +64 -46
  338. package/dist/esm/grid/tests/grid-sticky-multicolumn-headers.js +64 -46
  339. package/dist/esm/grid/tests/grid-toolbar.js +64 -46
  340. package/dist/esm/grid/tests/grid-virtualization.js +64 -46
  341. package/dist/esm/grid/tests/grid.js +64 -46
  342. package/dist/esm/imageeditor/tests/imageeditor-crop-pane.js +64 -46
  343. package/dist/esm/imageeditor/tests/imageeditor-resize-pane.js +64 -46
  344. package/dist/esm/imageeditor/tests/imageeditor.js +64 -46
  345. package/dist/esm/index.js +87 -55
  346. package/dist/esm/mediaplayer/tests/mediaplayer.js +64 -46
  347. package/dist/esm/multiselect/templates/multiselect-prefix.js +64 -46
  348. package/dist/esm/multiselect/templates/multiselect-suffix.js +64 -46
  349. package/dist/esm/multiselect/tests/multiselect-adaptive.js +64 -46
  350. package/dist/esm/multiselect/tests/multiselect-flat.js +64 -46
  351. package/dist/esm/multiselect/tests/multiselect-grouping.js +64 -46
  352. package/dist/esm/multiselect/tests/multiselect-opened.js +64 -46
  353. package/dist/esm/multiselect/tests/multiselect-outline.js +64 -46
  354. package/dist/esm/multiselect/tests/multiselect-prefix-suffix.js +64 -46
  355. package/dist/esm/multiselect/tests/multiselect-size-rounded.js +64 -46
  356. package/dist/esm/multiselect/tests/multiselect-solid.js +64 -46
  357. package/dist/esm/pdf-viewer/pdf-viewer.spec.js +64 -46
  358. package/dist/esm/pdf-viewer/templates/pdf-viewer-blank.js +64 -46
  359. package/dist/esm/pdf-viewer/templates/pdf-viewer-normal.js +64 -46
  360. package/dist/esm/pdf-viewer/templates/pdf-viewer-with-search-panel.js +64 -46
  361. package/dist/esm/pdf-viewer/tests/pdf-viewer-blank-page.js +64 -46
  362. package/dist/esm/pdf-viewer/tests/pdf-viewer-search-panel.js +64 -46
  363. package/dist/esm/pdf-viewer/tests/pdf-viewer.js +64 -46
  364. package/dist/esm/pivotgrid/tests/pivotgrid-jquery.js +64 -46
  365. package/dist/esm/prompt/templates/prompt-more-actions.js +87 -55
  366. package/dist/esm/prompt/templates/prompt-normal.js +64 -46
  367. package/dist/esm/prompt/templates/prompt-output.js +64 -46
  368. package/dist/esm/prompt/templates/prompt-popup.js +64 -46
  369. package/dist/esm/prompt/templates/prompt-settings.js +64 -46
  370. package/dist/esm/prompt/templates/prompt-suggestions.js +64 -46
  371. package/dist/esm/prompt/tests/prompt-more-actions.js +87 -55
  372. package/dist/esm/prompt/tests/prompt-normal.js +64 -46
  373. package/dist/esm/prompt/tests/prompt-output.js +64 -46
  374. package/dist/esm/scheduler/tests/scheduler-adaptive-agenda.js +64 -46
  375. package/dist/esm/scheduler/tests/scheduler-adaptive-day-resource-group.js +64 -46
  376. package/dist/esm/scheduler/tests/scheduler-adaptive-day.js +64 -46
  377. package/dist/esm/scheduler/tests/scheduler-adaptive-month.js +64 -46
  378. package/dist/esm/scheduler/tests/scheduler-angular-agenda-rtl.js +64 -46
  379. package/dist/esm/scheduler/tests/scheduler-angular-agenda.js +64 -46
  380. package/dist/esm/scheduler/tests/scheduler-angular-day-rtl.js +64 -46
  381. package/dist/esm/scheduler/tests/scheduler-angular-month-rtl.js +64 -46
  382. package/dist/esm/scheduler/tests/scheduler-angular-month.js +64 -46
  383. package/dist/esm/scheduler/tests/scheduler-angular-rtl.js +64 -46
  384. package/dist/esm/scheduler/tests/scheduler-angular.js +64 -46
  385. package/dist/esm/scheduler/tests/scheduler-edit-dialog.js +64 -46
  386. package/dist/esm/scheduler/tests/scheduler-editing-weekly.js +64 -46
  387. package/dist/esm/scheduler/tests/scheduler-flex-layout.js +64 -46
  388. package/dist/esm/scheduler/tests/scheduler-jquery-agenda.js +64 -46
  389. package/dist/esm/scheduler/tests/scheduler-jquery-month.js +64 -46
  390. package/dist/esm/scheduler/tests/scheduler-react-agenda.js +64 -46
  391. package/dist/esm/scheduler/tests/scheduler-react-day.js +64 -46
  392. package/dist/esm/scheduler/tests/scheduler-react-month.js +64 -46
  393. package/dist/esm/scheduler/tests/scheduler-react-timeline-multi.js +64 -46
  394. package/dist/esm/scheduler/tests/scheduler-react-timeline.js +64 -46
  395. package/dist/esm/scheduler/tests/scheduler-react-week.js +64 -46
  396. package/dist/esm/scheduler/tests/scheduler-year.js +64 -46
  397. package/dist/esm/scheduler/tests/scheduler.js +64 -46
  398. package/dist/esm/slider/slider-tick.js +16 -7
  399. package/dist/esm/slider/slider.spec.js +48 -39
  400. package/dist/esm/slider/templates/slider-gradient-vertical.js +64 -46
  401. package/dist/esm/slider/templates/slider-gradient.js +64 -46
  402. package/dist/esm/slider/templates/slider-normal.js +64 -46
  403. package/dist/esm/slider/templates/slider-range-vertical.js +64 -46
  404. package/dist/esm/slider/templates/slider-range.js +64 -46
  405. package/dist/esm/slider/templates/slider-vertical.js +64 -46
  406. package/dist/esm/slider/tests/slider-css-vars.js +64 -46
  407. package/dist/esm/slider/tests/slider-tick-absolute-position.js +64 -46
  408. package/dist/esm/slider/tests/slider.js +64 -46
  409. package/dist/esm/spreadsheet/tests/spreadsheet-borders-config.js +64 -46
  410. package/dist/esm/spreadsheet/tests/spreadsheet-cell-contextmenu.js +64 -46
  411. package/dist/esm/spreadsheet/tests/spreadsheet-filtering.js +64 -46
  412. package/dist/esm/spreadsheet/tests/spreadsheet-format-dialogs.js +64 -46
  413. package/dist/esm/spreadsheet/tests/spreadsheet-formula.js +64 -46
  414. package/dist/esm/spreadsheet/tests/spreadsheet-jquery.js +64 -46
  415. package/dist/esm/spreadsheet/tests/spreadsheet-row-contextmenu.js +64 -46
  416. package/dist/esm/spreadsheet/tests/spreadsheet-tools.js +64 -46
  417. package/dist/esm/spreadsheet/tests/spreadsheet.js +64 -46
  418. package/dist/esm/taskboard/taskboard-pane.js +64 -46
  419. package/dist/esm/taskboard/taskboard-toolbar.js +64 -46
  420. package/dist/esm/taskboard/taskboard.spec.js +64 -46
  421. package/dist/esm/taskboard/templates/taskboard-normal.js +64 -46
  422. package/dist/esm/taskboard/tests/taskboard-card.js +64 -46
  423. package/dist/esm/taskboard/tests/taskboard-column.js +64 -46
  424. package/dist/esm/taskboard/tests/taskboard-pane.js +64 -46
  425. package/dist/esm/taskboard/tests/taskboard-resources.js +64 -46
  426. package/dist/esm/taskboard/tests/taskboard-rtl.js +64 -46
  427. package/dist/esm/taskboard/tests/taskboard.js +64 -46
  428. package/dist/esm/toolbar/templates/toolbar-angular-normal.js +64 -46
  429. package/dist/esm/toolbar/templates/toolbar-angular-resizable.js +64 -46
  430. package/dist/esm/toolbar/templates/toolbar-normal.js +64 -46
  431. package/dist/esm/toolbar/templates/toolbar-resizable.js +64 -46
  432. package/dist/esm/toolbar/tests/toolbar-adaptive.js +64 -46
  433. package/dist/esm/toolbar/tests/toolbar-angular.js +64 -46
  434. package/dist/esm/toolbar/tests/toolbar-components.js +64 -46
  435. package/dist/esm/toolbar/tests/toolbar-popup-size.js +64 -46
  436. package/dist/esm/toolbar/tests/toolbar-popup.js +64 -46
  437. package/dist/esm/toolbar/tests/toolbar-sizes.js +64 -46
  438. package/dist/esm/toolbar/tests/toolbar.js +64 -46
  439. package/dist/esm/toolbar/toolbar-angular.spec.js +64 -46
  440. package/dist/esm/toolbar/toolbar.spec.js +64 -46
  441. package/dist/esm/treelist/tests/treelist-aggregate-react.js +64 -46
  442. package/dist/esm/treelist/tests/treelist-aggregates.js +64 -46
  443. package/dist/esm/treelist/tests/treelist-react.js +64 -46
  444. package/dist/esm/treelist/tests/treelist-row-reordering.js +64 -46
  445. package/dist/esm/treelist/tests/treelist.js +64 -46
  446. package/dist/esm/treelist/treelist.spec.js +64 -46
  447. package/dist/types/gantt/gantt-columns-table.spec.d.ts +3 -0
  448. package/dist/types/gantt/gantt-content.spec.d.ts +1 -0
  449. package/dist/types/gantt/gantt-footer-toolbar.spec.d.ts +2 -0
  450. package/dist/types/gantt/gantt-header-toolbar.spec.d.ts +2 -0
  451. package/dist/types/gantt/gantt-line.spec.d.ts +14 -0
  452. package/dist/types/gantt/gantt-rows-table.spec.d.ts +3 -0
  453. package/dist/types/gantt/gantt-tables-wrapper.spec.d.ts +1 -0
  454. package/dist/types/gantt/gantt-task-content.spec.d.ts +13 -0
  455. package/dist/types/gantt/gantt-task-dot.spec.d.ts +14 -0
  456. package/dist/types/gantt/gantt-task-wrap.spec.d.ts +14 -0
  457. package/dist/types/gantt/gantt-task.spec.d.ts +14 -0
  458. package/dist/types/gantt/gantt-tasks-table.spec.d.ts +3 -0
  459. package/dist/types/gantt/gantt.spec.d.ts +14 -0
  460. package/dist/types/gantt/index.d.ts +13 -0
  461. package/package.json +2 -2
  462. package/src/gantt/gantt-columns-table.spec.tsx +20 -0
  463. package/src/gantt/gantt-content.spec.tsx +16 -0
  464. package/src/gantt/gantt-footer-toolbar.spec.tsx +20 -0
  465. package/src/gantt/gantt-header-toolbar.spec.tsx +20 -0
  466. package/src/gantt/gantt-line.spec.tsx +47 -0
  467. package/src/gantt/gantt-rows-table.spec.tsx +20 -0
  468. package/src/gantt/gantt-tables-wrapper.spec.tsx +16 -0
  469. package/src/gantt/gantt-task-content.spec.tsx +44 -0
  470. package/src/gantt/gantt-task-dot.spec.tsx +47 -0
  471. package/src/gantt/gantt-task-wrap.spec.tsx +47 -0
  472. package/src/gantt/gantt-task.spec.tsx +48 -0
  473. package/src/gantt/gantt-tasks-table.spec.tsx +20 -0
  474. package/src/gantt/gantt.spec.tsx +47 -0
  475. package/src/gantt/index.ts +13 -0
  476. package/src/gantt/tests/gantt-react.tsx +350 -347
  477. package/src/gantt/tests/gantt-row-reordering.tsx +701 -748
  478. package/src/gantt/tests/gantt.tsx +694 -742
  479. package/src/prompt/templates/prompt-more-actions.tsx +56 -13
  480. package/src/slider/slider-tick.tsx +12 -9
  481. package/src/slider/slider.spec.tsx +17 -14
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
  );