npm - @progress/kendo-themes-html - Versions diffs - 6.1.1-dev.8 → 6.2.1-dev.0 - Mend

@progress/kendo-themes-html 6.1.1-dev.8 → 6.2.1-dev.0

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 (375) hide show

package/dist/gantt/tests/gantt.js CHANGED Viewed

@@ -684,7 +684,7 @@
           Button,
           {
             className: "k-input-button",
-            icon: "arrow-s",
+            icon: "caret-alt-down",
             rounded: null,
             size: this.props.size,
             fillMode: this.props.fillMode
@@ -1092,7 +1092,7 @@
     }
 `;
   root.render(
-    /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("style", null, styles), /* @__PURE__ */ import_react.default.createElement("div", { id: "test-area" }, /* @__PURE__ */ import_react.default.createElement("div", { id: "gantt", className: "k-widget k-gantt" }, /* @__PURE__ */ import_react.default.createElement(Toolbar, { className: "k-gantt-toolbar k-gantt-header" }, /* @__PURE__ */ import_react.default.createElement(Button, { className: "k-gantt-toggle", icon: "layout-1-by-4" }), /* @__PURE__ */ import_react.default.createElement(Button, { className: "k-gantt-create", icon: "add" }, "Add Task"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-views-wrapper" }, /* @__PURE__ */ import_react.default.createElement("select", { className: "k-picker k-dropdown-list k-dropdown k-views-dropdown" }, /* @__PURE__ */ import_react.default.createElement("option", { value: "day" }, "Day"), /* @__PURE__ */ import_react.default.createElement("option", { value: "week" }, "Week"), /* @__PURE__ */ import_react.default.createElement("option", { value: "month" }, "Month")), /* @__PURE__ */ import_react.default.createElement(ButtonGroup, { className: "k-gantt-views" }, /* @__PURE__ */ import_react.default.createElement(Button, { className: "k-view-day" }, "Day"), /* @__PURE__ */ import_react.default.createElement(Button, { className: "k-view-week", selected: true }, "Week"), /* @__PURE__ */ import_react.default.createElement(Button, { className: "k-view-month" }, "Month")))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-treelist" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-treelist k-grid k-grid-md k-grid-display-block" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-table-thead k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table", style: { minWidth: "250px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "50px" } }), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "ID")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Title"))))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content k-auto-scrollable", style: { height: "530px", display: "block" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table k-selectable", style: { minWidth: "250px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "50px" } }), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "7"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), "Software validation, research and implementation")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "18"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Project Kickoff")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "11"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), "Research")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "19"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Validation with Customers")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "20"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Market Research")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "39"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Functional and Technical Specification")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "12"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), "Design")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "22"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "UI Design")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "23"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "HTML Prototype")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "13"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), "Implementation")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "24"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Prototype")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "26"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Architecture")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "27"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Data Layer")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "29"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "UI and Interaction")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "28"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Unit Tests")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "14"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), "Testing")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "32"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Integration Testing")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "33"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Load Testing")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "30"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "collapse" }), "Documentation")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "34"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Structure")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "35"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Articles")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "31"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "expand" }), "Demos")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "17"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Release"))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal", style: { height: "604px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-resize-handle" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-timeline" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-timeline k-grid k-grid-md" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table", style: { width: "4200px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 7, className: "k-table-td k-header" }, "Sun 6/01 - Sat 6/07"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 7, className: "k-table-td k-header" }, "Sun 6/08 - Sat 6/14"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 7, className: "k-table-td k-header" }, "Sun 6/15 - Sat 6/21"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 7, className: "k-table-td k-header" }, "Sun 6/22 - Sat 6/28"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 7, className: "k-table-td k-header" }, "Sun 6/29 - Sat 7/05"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 7, className: "k-table-td k-header" }, "Sun 7/06 - Sat 7/12")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sun 6/01"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Mon 6/02"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Tue 6/03"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Wed 6/04"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Thu 6/05"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Fri 6/06"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sat 6/07"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sun 6/08"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Mon 6/09"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Tue 6/10"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Wed 6/11"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Thu 6/12"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Fri 6/13"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sat 6/14"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sun 6/15"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Mon 6/16"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Tue 6/17"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Wed 6/18"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Thu 6/19"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Fri 6/20"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sat 6/21"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sun 6/22"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Mon 6/23"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Tue 6/24"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Wed 6/25"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Thu 6/26"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Fri 6/27"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sat 6/28"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sun 6/29"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Mon 6/30"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Tue 7/01"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Wed 7/02"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Thu 7/03"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Fri 7/04"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sat 7/05"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sun 7/06"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Mon 7/07"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Tue 7/08"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Wed 7/09"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Thu 7/10"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Fri 7/11"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sat 7/12")))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content", style: { height: "530px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-tables" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table k-gantt-rows", style: { width: "4200px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })))), /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-gantt-columns", style: { width: "4200px", height: "828px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" })))), /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-gantt-tasks", style: { width: "4200px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap k-summary-wrap", style: { left: "113px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-summary", style: { width: "4000px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-progress", style: { width: "1720px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-complete", style: { width: "4000px" } }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap k-milestone-wrap", style: { left: "113px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-milestone" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap k-summary-wrap", style: { left: "113px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-summary", style: { width: "500px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-progress", style: { width: "215px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-complete", style: { width: "500px" } }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "113px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "200px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "50px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "Validation with Customers"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "50px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "113px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "200px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "164px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "Market Research"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "164px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "313px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "300px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "69px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "Functional and Technical Specification"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "69px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap k-summary-wrap", style: { left: "813px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-summary", style: { width: "500px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-progress", style: { width: "300px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-complete", style: { width: "500px" } }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "813px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "200px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "112px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "UI Design"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "112px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "1013px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "300px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "192px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "HTML Prototype"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "192px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap k-summary-wrap", style: { left: "1013px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-summary", style: { width: "2100px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-progress", style: { width: "1617px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-complete", style: { width: "2100px" } }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "1013px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "600px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "462px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "Prototype"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "462px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "1613px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "100px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "82px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "Architecture"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "82px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "1713px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "600px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "600px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "Data Layer"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "600px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "2613px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "500px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "300px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "UI and Interaction"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "300px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "1713px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "900px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "612px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "Unit Tests"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "612px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap k-summary-wrap", style: { left: "2913px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-summary", style: { width: "500px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-progress", style: { width: "260px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-complete", style: { width: "500px" } }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "2913px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "500px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "470px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "Integration Testing"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "470px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "2913px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "500px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "50px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "Load Testing"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "50px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap k-summary-wrap", style: { left: "2213px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-summary", style: { width: "1200px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-progress", style: { width: "168px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-complete", style: { width: "1200px" } }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "2213px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "300px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "84px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "Structure"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "84px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "2513px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "900px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "Articles"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "0px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap k-summary-wrap", style: { left: "2913px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-summary", style: { width: "1200px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-progress", style: { width: "984px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-complete", style: { width: "1200px" } }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap k-milestone-wrap", style: { left: "4113px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-milestone" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-dependencies", style: { width: "4200px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "124.5px", top: "53px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "132.5px", top: "53px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "103px", top: "71px", width: "31.5px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "103px", top: "71px", height: "54px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "103px", top: "125px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1013px", top: "269px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "1021px", top: "269px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1003px", top: "287px", width: "20px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "1003px", top: "287px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1003px", top: "305px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1313px", top: "305px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "1321px", top: "305px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1003px", top: "323px", width: "320px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "1003px", top: "323px", height: "54px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1003px", top: "377px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1613px", top: "377px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "1621px", top: "377px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1603px", top: "395px", width: "20px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "1603px", top: "395px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1603px", top: "413px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1713px", top: "413px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "1721px", top: "413px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1703px", top: "431px", width: "20px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "1703px", top: "431px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1703px", top: "449px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1713px", top: "413px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "1721px", top: "413px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1703px", top: "431px", width: "20px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "1703px", top: "431px", height: "90px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1703px", top: "521px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "2313px", top: "449px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "2321px", top: "449px", height: "36px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "2321px", top: "485px", width: "291px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "2613px", top: "521px", width: "510px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "3121px", top: "485px", height: "38px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "3114px", top: "485px", width: "7px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-w" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "3113px", top: "485px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "3121px", top: "485px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "2903px", top: "503px", width: "220px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "2903px", top: "503px", height: "90px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "2903px", top: "593px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "3113px", top: "485px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "3121px", top: "485px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "2903px", top: "503px", width: "220px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "2903px", top: "503px", height: "126px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "2903px", top: "629px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "2513px", top: "701px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "2521px", top: "701px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "2503px", top: "719px", width: "20px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "2503px", top: "719px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "2503px", top: "737px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "3413px", top: "593px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "3421px", top: "593px", height: "38px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "3414px", top: "629px", width: "7px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-w" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "3413px", top: "629px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "3421px", top: "629px", height: "180px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "3421px", top: "809px", width: "679.5px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "3413px", top: "737px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "3421px", top: "737px", height: "72px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "3421px", top: "809px", width: "679.5px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "3113px", top: "341px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "3121px", top: "341px", height: "146px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "3114px", top: "485px", width: "7px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-w" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "124.5px", top: "53px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "132.5px", top: "53px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "103px", top: "71px", width: "31.5px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "103px", top: "71px", height: "90px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "103px", top: "161px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "313px", top: "161px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "321px", top: "161px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "303px", top: "179px", width: "20px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "303px", top: "179px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "303px", top: "197px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "313px", top: "125px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "321px", top: "125px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "303px", top: "143px", width: "20px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "303px", top: "143px", height: "54px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "303px", top: "197px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "613px", top: "197px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "621px", top: "197px", height: "72px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "621px", top: "269px", width: "191px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" }))))))), /* @__PURE__ */ import_react.default.createElement(Toolbar, { className: "k-gantt-toolbar k-gantt-footer" }, /* @__PURE__ */ import_react.default.createElement(Button, { className: "k-gantt-create", icon: "add" }, "Add Task")))))
+    /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("style", null, styles), /* @__PURE__ */ import_react.default.createElement("div", { id: "test-area" }, /* @__PURE__ */ import_react.default.createElement("div", { id: "gantt", className: "k-widget k-gantt" }, /* @__PURE__ */ import_react.default.createElement(Toolbar, { className: "k-gantt-toolbar k-gantt-header" }, /* @__PURE__ */ import_react.default.createElement(Button, { className: "k-gantt-toggle", icon: "layout-1-by-4" }), /* @__PURE__ */ import_react.default.createElement(Button, { className: "k-gantt-create", icon: "add" }, "Add Task"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-spacer" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-views-wrapper" }, /* @__PURE__ */ import_react.default.createElement("select", { className: "k-picker k-dropdown-list k-dropdown k-views-dropdown" }, /* @__PURE__ */ import_react.default.createElement("option", { value: "day" }, "Day"), /* @__PURE__ */ import_react.default.createElement("option", { value: "week" }, "Week"), /* @__PURE__ */ import_react.default.createElement("option", { value: "month" }, "Month")), /* @__PURE__ */ import_react.default.createElement(ButtonGroup, { className: "k-gantt-views" }, /* @__PURE__ */ import_react.default.createElement(Button, { className: "k-view-day" }, "Day"), /* @__PURE__ */ import_react.default.createElement(Button, { className: "k-view-week", selected: true }, "Week"), /* @__PURE__ */ import_react.default.createElement(Button, { className: "k-view-month" }, "Month")))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-treelist" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-treelist k-grid k-grid-md k-grid-display-block" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-table-thead k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table", style: { minWidth: "250px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "50px" } }), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "ID")))), /* @__PURE__ */ import_react.default.createElement("th", { className: "k-table-th k-header", rowSpan: 1 }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-link" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-column-title" }, "Title"))))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content k-auto-scrollable", style: { height: "530px", display: "block" } }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table k-selectable", style: { minWidth: "250px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", { style: { width: "50px" } }), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "7"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" }), "Software validation, research and implementation")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "18"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Project Kickoff")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "11"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" }), "Research")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "19"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Validation with Customers")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "20"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Market Research")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "39"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Functional and Technical Specification")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "12"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" }), "Design")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "22"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "UI Design")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "23"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "HTML Prototype")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "13"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" }), "Implementation")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "24"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Prototype")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "26"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Architecture")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "27"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Data Layer")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "29"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "UI and Interaction")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "28"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Unit Tests")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "14"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" }), "Testing")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "32"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Integration Testing")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "33"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Load Testing")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "30"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-down" }), "Documentation")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "34"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Structure")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "35"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Articles")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt k-treelist-group" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "31"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "caret-alt-right" }), "Demos")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, "17"), /* @__PURE__ */ import_react.default.createElement("td", { style: { whiteSpace: "nowrap" }, className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), /* @__PURE__ */ import_react.default.createElement(Icon, { name: "none" }), "Release"))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-splitbar k-splitbar-horizontal k-splitbar-draggable-horizontal", style: { height: "604px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-resize-handle" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-timeline" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-timeline k-grid k-grid-md" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-header-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-header-table", style: { width: "4200px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 7, className: "k-table-td k-header" }, "Sun 6/01 - Sat 6/07"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 7, className: "k-table-td k-header" }, "Sun 6/08 - Sat 6/14"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 7, className: "k-table-td k-header" }, "Sun 6/15 - Sat 6/21"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 7, className: "k-table-td k-header" }, "Sun 6/22 - Sat 6/28"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 7, className: "k-table-td k-header" }, "Sun 6/29 - Sat 7/05"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 7, className: "k-table-td k-header" }, "Sun 7/06 - Sat 7/12")), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sun 6/01"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Mon 6/02"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Tue 6/03"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Wed 6/04"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Thu 6/05"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Fri 6/06"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sat 6/07"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sun 6/08"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Mon 6/09"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Tue 6/10"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Wed 6/11"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Thu 6/12"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Fri 6/13"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sat 6/14"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sun 6/15"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Mon 6/16"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Tue 6/17"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Wed 6/18"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Thu 6/19"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Fri 6/20"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sat 6/21"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sun 6/22"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Mon 6/23"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Tue 6/24"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Wed 6/25"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Thu 6/26"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Fri 6/27"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sat 6/28"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sun 6/29"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Mon 6/30"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Tue 7/01"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Wed 7/02"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Thu 7/03"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Fri 7/04"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sat 7/05"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sun 7/06"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Mon 7/07"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Tue 7/08"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Wed 7/09"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Thu 7/10"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header" }, "Fri 7/11"), /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 1, className: "k-table-td k-header k-nonwork-hour" }, "Sat 7/12")))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-grid-content", style: { height: "530px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-tables" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-grid-table k-gantt-rows", style: { width: "4200px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row k-table-alt-row k-alt" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" })))), /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-gantt-columns", style: { width: "4200px", height: "828px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null), /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }), /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td k-nonwork-hour" })))), /* @__PURE__ */ import_react.default.createElement("table", { className: "k-table k-table-md k-gantt-tasks", style: { width: "4200px" } }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", null)), /* @__PURE__ */ import_react.default.createElement("tbody", { className: "k-table-tbody" }, /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap k-summary-wrap", style: { left: "113px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-summary", style: { width: "4000px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-progress", style: { width: "1720px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-complete", style: { width: "4000px" } }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap k-milestone-wrap", style: { left: "113px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-milestone" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap k-summary-wrap", style: { left: "113px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-summary", style: { width: "500px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-progress", style: { width: "215px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-complete", style: { width: "500px" } }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "113px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "200px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "50px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "Validation with Customers"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "50px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "113px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "200px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "164px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "Market Research"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "164px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "313px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "300px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "69px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "Functional and Technical Specification"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "69px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap k-summary-wrap", style: { left: "813px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-summary", style: { width: "500px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-progress", style: { width: "300px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-complete", style: { width: "500px" } }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "813px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "200px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "112px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "UI Design"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "112px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "1013px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "300px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "192px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "HTML Prototype"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "192px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap k-summary-wrap", style: { left: "1013px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-summary", style: { width: "2100px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-progress", style: { width: "1617px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-complete", style: { width: "2100px" } }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "1013px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "600px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "462px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "Prototype"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "462px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "1613px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "100px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "82px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "Architecture"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "82px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "1713px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "600px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "600px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "Data Layer"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "600px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "2613px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "500px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "300px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "UI and Interaction"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "300px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "1713px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "900px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "612px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "Unit Tests"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "612px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap k-summary-wrap", style: { left: "2913px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-summary", style: { width: "500px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-progress", style: { width: "260px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-complete", style: { width: "500px" } }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "2913px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "500px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "470px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "Integration Testing"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "470px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "2913px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "500px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "50px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "Load Testing"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "50px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap k-summary-wrap", style: { left: "2213px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-summary", style: { width: "1200px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-progress", style: { width: "168px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-complete", style: { width: "1200px" } }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "2213px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "300px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "84px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "Structure"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "84px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap", style: { left: "2513px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-single", style: { width: "900px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-complete", style: { width: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-template" }, "Articles"), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-task-actions" }, /* @__PURE__ */ import_react.default.createElement("a", { className: "k-link k-task-delete" }, /* @__PURE__ */ import_react.default.createElement(Icon, { name: "x" }))), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-w" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "k-resize-handle k-resize-e" }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-draghandle", style: { left: "0px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap k-summary-wrap", style: { left: "2913px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-summary", style: { width: "1200px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-progress", style: { width: "984px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-summary-complete", style: { width: "1200px" } }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } })))), /* @__PURE__ */ import_react.default.createElement("tr", { className: "k-table-row" }, /* @__PURE__ */ import_react.default.createElement("td", { className: "k-table-td" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-wrap k-milestone-wrap", style: { left: "4113px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task k-task-milestone" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-start" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-task-dot k-task-end", style: { right: "0px" } }))))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-dependencies", style: { width: "4200px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "124.5px", top: "53px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "132.5px", top: "53px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "103px", top: "71px", width: "31.5px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "103px", top: "71px", height: "54px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "103px", top: "125px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1013px", top: "269px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "1021px", top: "269px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1003px", top: "287px", width: "20px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "1003px", top: "287px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1003px", top: "305px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1313px", top: "305px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "1321px", top: "305px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1003px", top: "323px", width: "320px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "1003px", top: "323px", height: "54px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1003px", top: "377px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1613px", top: "377px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "1621px", top: "377px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1603px", top: "395px", width: "20px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "1603px", top: "395px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1603px", top: "413px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1713px", top: "413px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "1721px", top: "413px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1703px", top: "431px", width: "20px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "1703px", top: "431px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1703px", top: "449px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1713px", top: "413px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "1721px", top: "413px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1703px", top: "431px", width: "20px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "1703px", top: "431px", height: "90px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "1703px", top: "521px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "2313px", top: "449px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "2321px", top: "449px", height: "36px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "2321px", top: "485px", width: "291px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "2613px", top: "521px", width: "510px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "3121px", top: "485px", height: "38px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "3114px", top: "485px", width: "7px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-caret-alt-left" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "3113px", top: "485px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "3121px", top: "485px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "2903px", top: "503px", width: "220px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "2903px", top: "503px", height: "90px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "2903px", top: "593px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "3113px", top: "485px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "3121px", top: "485px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "2903px", top: "503px", width: "220px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "2903px", top: "503px", height: "126px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "2903px", top: "629px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "2513px", top: "701px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "2521px", top: "701px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "2503px", top: "719px", width: "20px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "2503px", top: "719px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "2503px", top: "737px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "3413px", top: "593px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "3421px", top: "593px", height: "38px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "3414px", top: "629px", width: "7px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-caret-alt-left" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "3413px", top: "629px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "3421px", top: "629px", height: "180px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "3421px", top: "809px", width: "679.5px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "3413px", top: "737px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "3421px", top: "737px", height: "72px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "3421px", top: "809px", width: "679.5px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "3113px", top: "341px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "3121px", top: "341px", height: "146px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "3114px", top: "485px", width: "7px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-caret-alt-left" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "124.5px", top: "53px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "132.5px", top: "53px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "103px", top: "71px", width: "31.5px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "103px", top: "71px", height: "90px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "103px", top: "161px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "313px", top: "161px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "321px", top: "161px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "303px", top: "179px", width: "20px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "303px", top: "179px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "303px", top: "197px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "313px", top: "125px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "321px", top: "125px", height: "18px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "303px", top: "143px", width: "20px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "303px", top: "143px", height: "54px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "303px", top: "197px", width: "9px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" })), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "613px", top: "197px", width: "10px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-v", style: { left: "621px", top: "197px", height: "72px" } }), /* @__PURE__ */ import_react.default.createElement("div", { className: "k-gantt-line k-gantt-line-h", style: { left: "621px", top: "269px", width: "191px" } }, /* @__PURE__ */ import_react.default.createElement("span", { className: "k-arrow-e" }))))))), /* @__PURE__ */ import_react.default.createElement(Toolbar, { className: "k-gantt-toolbar k-gantt-footer" }, /* @__PURE__ */ import_react.default.createElement(Button, { className: "k-gantt-create", icon: "add" }, "Add Task")))))
   );
 })();
 //# sourceMappingURL=gantt.js.map