@progress/kendo-themes-html 5.6.0 → 5.6.1-dev.2

package/dist/gantt/tests/gantt-react.js

@@ -20,7 +20,10 @@
     }
     return to;
   };
-  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+    mod
+  ));
 
   // src/gantt/tests/gantt-react.tsx
   var import_react = __toESM(__require("react"));
@@ -37,7 +40,9 @@
         result[key] = arg[key];
       }) : result[arg] = true;
     };
-    const addKeys = (list) => list.filter((arg) => arg !== true && Boolean(arg)).map((arg) => Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg));
+    const addKeys = (list) => list.filter((arg) => arg !== true && Boolean(arg)).map(
+      (arg) => Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg)
+    );
     addKeys(args);
     return Object.keys(result).map((key) => result[key] && key || null).filter((el) => el !== null).join(" ");
   };
@@ -76,9 +81,13 @@
         name
       } = this.props;
       return /* @__PURE__ */ React.createElement(React.Fragment, null, name && /* @__PURE__ */ React.createElement("span", {
-        className: classNames(className, "k-icon", {
-          [`k-i-${name}`]: name
-        }),
+        className: classNames(
+          className,
+          "k-icon",
+          {
+            [`k-i-${name}`]: name
+          }
+        ),
         style
       }));
     }
@@ -110,18 +119,22 @@
         style: this.props.style,
         ...htmlAttributes,
         dir: this.props.dir,
-        className: classNames(className, "k-button", {
-          [`k-button-${kendoThemeMaps.sizeMap[size] || size}`]: size,
-          [`k-button-${fillMode}`]: fillMode,
-          [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),
-          [`k-rounded-${kendoThemeMaps.roundedMap[rounded] || rounded}`]: rounded,
-          "k-icon-button": !hasChildren && hasIcon,
-          "k-hover": hover,
-          "k-focus": focus,
-          "k-active": active,
-          "k-selected": selected,
-          "k-disabled": disabled
-        })
+        className: classNames(
+          className,
+          "k-button",
+          {
+            [`k-button-${kendoThemeMaps.sizeMap[size] || size}`]: size,
+            [`k-button-${fillMode}`]: fillMode,
+            [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),
+            [`k-rounded-${kendoThemeMaps.roundedMap[rounded] || rounded}`]: rounded,
+            "k-icon-button": !hasChildren && hasIcon,
+            "k-hover": hover,
+            "k-focus": focus,
+            "k-active": active,
+            "k-selected": selected,
+            "k-disabled": disabled
+          }
+        )
       }, icon && /* @__PURE__ */ React2.createElement(Icon, {
         className: classNames(iconClassName, "k-button-icon"),
         name: icon
@@ -151,9 +164,13 @@
       } = this.props;
       return /* @__PURE__ */ React3.createElement("div", {
         ...htmlAttributes,
-        className: classNames(className, "k-button-group", {
-          [`k-button-group-${fillMode}`]: fillMode
-        })
+        className: classNames(
+          className,
+          "k-button-group",
+          {
+            [`k-button-group-${fillMode}`]: fillMode
+          }
+        )
       }, children);
     }
   };
@@ -163,997 +180,1001 @@
   };
 
   // src/gantt/tests/gantt-react.tsx
-  var root = import_client.default.createRoot(document.getElementById("app"));
+  var root = import_client.default.createRoot(
+    document.getElementById("app")
+  );
   var styles = `
     .k-gantt {
         height: 700px;
     }
 `;
-  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", {
-    className: "k-gantt"
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-widget k-toolbar k-gantt-toolbar k-gantt-header"
-  }, /* @__PURE__ */ import_react.default.createElement("span", {
-    className: "k-spacer"
-  }), /* @__PURE__ */ import_react.default.createElement("span", {
-    className: "k-gantt-views"
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-gantt-views-wrapper"
-  }, /* @__PURE__ */ import_react.default.createElement(ButtonGroup, {
-    className: "k-gantt-views"
-  }, /* @__PURE__ */ import_react.default.createElement(Button, null, "Day"), /* @__PURE__ */ import_react.default.createElement(Button, {
-    selected: true
-  }, "Week"), /* @__PURE__ */ import_react.default.createElement(Button, null, "Month")), /* @__PURE__ */ import_react.default.createElement("select", {
-    className: "k-picker k-dropdown-list k-dropdown k-views-dropdown k-rounded-md"
-  }, /* @__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("div", {
-    className: "k-gantt-content"
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-widget k-grid k-treelist-scrollable"
-  }, /* @__PURE__ */ import_react.default.createElement("table", {
-    className: "k-table-layout-fixed",
-    style: { width: "4500px" }
-  }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", {
-    style: { width: "100px" }
-  }), /* @__PURE__ */ import_react.default.createElement("col", {
-    style: { width: "200px" }
-  }), /* @__PURE__ */ import_react.default.createElement("col", {
-    style: { width: "4200px" }
-  })), /* @__PURE__ */ import_react.default.createElement("thead", {
-    className: "k-grid-header"
-  }, /* @__PURE__ */ import_react.default.createElement("tr", null, /* @__PURE__ */ import_react.default.createElement("th", {
-    colSpan: 2,
-    rowSpan: 1,
-    className: "k-header k-grid-header-sticky",
-    style: { left: "0px", right: "0px", borderRightWidth: "1px; top: 0px" }
-  }, /* @__PURE__ */ import_react.default.createElement("a", {
-    className: "k-link"
-  }, "summary")), /* @__PURE__ */ import_react.default.createElement("th", {
-    colSpan: 1,
-    rowSpan: 2,
-    className: "k-header",
-    style: { top: "0px" }
-  }, /* @__PURE__ */ import_react.default.createElement("table", null, /* @__PURE__ */ import_react.default.createElement("tbody", null, /* @__PURE__ */ import_react.default.createElement("tr", null, /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 7,
-    className: "k-header k-nonwork-hour"
-  }, "Sun, 6/1 - Sun, 6/8"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 7,
-    className: "k-header k-nonwork-hour"
-  }, "Sun, 6/8 - Sun, 6/15"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 7,
-    className: "k-header k-nonwork-hour"
-  }, "Sun, 6/15 - Sun, 6/22"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 7,
-    className: "k-header k-nonwork-hour"
-  }, "Sun, 6/22 - Sun, 6/29"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 7,
-    className: "k-header k-nonwork-hour"
-  }, "Sun, 6/29 - Sun, 7/6"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 7,
-    className: "k-header k-nonwork-hour"
-  }, "Sun, 7/6 - Sun, 7/13")), /* @__PURE__ */ import_react.default.createElement("tr", null, /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header k-nonwork-hour"
-  }, "Sun, 6/1"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Mon, 6/2"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Tue, 6/3"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Wed, 6/4"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Thu, 6/5"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Fri, 6/6"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header k-nonwork-hour"
-  }, "Sat, 6/7"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header k-nonwork-hour"
-  }, "Sun, 6/8"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Mon, 6/9"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Tue, 6/10"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Wed, 6/11"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Thu, 6/12"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Fri, 6/13"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header k-nonwork-hour"
-  }, "Sat, 6/14"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header k-nonwork-hour"
-  }, "Sun, 6/15"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Mon, 6/16"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Tue, 6/17"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Wed, 6/18"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Thu, 6/19"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Fri, 6/20"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header k-nonwork-hour"
-  }, "Sat, 6/21"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header k-nonwork-hour"
-  }, "Sun, 6/22"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Mon, 6/23"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Tue, 6/24"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Wed, 6/25"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Thu, 6/26"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Fri, 6/27"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header k-nonwork-hour"
-  }, "Sat, 6/28"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header k-nonwork-hour"
-  }, "Sun, 6/29"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Mon, 6/30"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Tue, 7/1"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Wed, 7/2"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Thu, 7/3"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Fri, 7/4"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header k-nonwork-hour"
-  }, "Sat, 7/5"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header k-nonwork-hour"
-  }, "Sun, 7/6"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Mon, 7/7"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Tue, 7/8"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Wed, 7/9"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Thu, 7/10"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header"
-  }, "Fri, 7/11"), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-header k-nonwork-hour"
-  }, "Sat, 7/12")))))), /* @__PURE__ */ import_react.default.createElement("tr", null, /* @__PURE__ */ import_react.default.createElement("th", {
-    colSpan: 1,
-    rowSpan: 1,
-    className: "k-header k-grid-header-sticky",
-    style: { left: "0px", right: "200px; top: 37px" }
-  }, /* @__PURE__ */ import_react.default.createElement("a", {
-    className: "k-link"
-  }, "id title")), /* @__PURE__ */ import_react.default.createElement("th", {
-    colSpan: 1,
-    rowSpan: 1,
-    className: "k-header k-grid-header-sticky",
-    style: { left: "100px", right: "0px", borderRightWidth: "1px; top: 37px" }
-  }, /* @__PURE__ */ import_react.default.createElement("a", {
-    className: "k-link"
-  }, "title")))), /* @__PURE__ */ import_react.default.createElement("tbody", null, /* @__PURE__ */ import_react.default.createElement("tr", {
-    className: "k-master-row",
-    style: { height: "40px" }
-  }, /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky k-text-nowrap",
-    colSpan: 1,
-    style: { left: "0px", right: "200px" }
-  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "collapse"
-  }), "7"), /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky",
-    colSpan: 1,
-    style: { left: "100px", right: "0px", borderRightWidth: "1px" }
-  }, "Software validation, research and implementation"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task k-task-summary",
-    style: { left: "83px", top: "15px", width: "4000px" }
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task-summary-progress",
-    style: { width: "1828px" }
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task-summary-complete"
-  })), /* @__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"
-  })))), /* @__PURE__ */ import_react.default.createElement("tr", {
-    className: "k-master-row k-alt",
-    style: { height: "40px" }
-  }, /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky k-text-nowrap",
-    colSpan: 1,
-    style: { left: "0px", right: "200px" }
-  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), "18"), /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky",
-    colSpan: 1,
-    style: { left: "100px", right: "0px", borderRightWidth: "1px" }
-  }, "Project Kickoff"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task k-task-milestone",
-    style: { left: "77px", top: "13px" }
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task-milestone-content"
-  }), /* @__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"
-  })))), /* @__PURE__ */ import_react.default.createElement("tr", {
-    className: "k-master-row",
-    style: { height: "40px" }
-  }, /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky k-text-nowrap",
-    colSpan: 1,
-    style: { left: "0px", right: "200px" }
-  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "collapse"
-  }), "11"), /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky",
-    colSpan: 1,
-    style: { left: "100px", right: "0px", borderRightWidth: "1px" }
-  }, "Research"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task k-task-summary",
-    style: { left: "83px", top: "15px", width: "500px" }
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task-summary-progress",
-    style: { width: "288px" }
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task-summary-complete"
-  })), /* @__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"
-  })))), /* @__PURE__ */ import_react.default.createElement("tr", {
-    className: "k-master-row k-alt",
-    style: { height: "40px" }
-  }, /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky k-text-nowrap",
-    colSpan: 1,
-    style: { left: "0px", right: "200px" }
-  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), "19"), /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky",
-    colSpan: 1,
-    style: { left: "100px", right: "0px", borderRightWidth: "1px" }
-  }, "Validation with Customers"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task k-task-single",
-    style: { left: "83px", top: "8px", 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"
-  }, "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-draghandle"
-  }), /* @__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"
-  })))), /* @__PURE__ */ import_react.default.createElement("tr", {
-    className: "k-master-row",
-    style: { height: "40px" }
-  }, /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky k-text-nowrap",
-    colSpan: 1,
-    style: { left: "0px", right: "200px" }
-  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), "20"), /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky",
-    colSpan: 1,
-    style: { left: "100px", right: "0px", borderRightWidth: "1px" }
-  }, "Market Research"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task k-task-single",
-    style: { left: "83px", top: "8px", 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"
-  }, "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-draghandle"
-  }), /* @__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"
-  })))), /* @__PURE__ */ import_react.default.createElement("tr", {
-    className: "k-master-row k-alt",
-    style: { height: "40px" }
-  }, /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky k-text-nowrap",
-    colSpan: 1,
-    style: { left: "0px", right: "200px" }
-  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), "39"), /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky",
-    colSpan: 1,
-    style: { left: "100px", right: "0px", borderRightWidth: "1px" }
-  }, "Functional and Technical Specification"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task k-task-single",
-    style: { left: "283px", top: "8px", width: "300px" }
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task-complete",
-    style: { width: "198px" }
-  }), /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task-content"
-  }, "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-draghandle"
-  }), /* @__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"
-  })))), /* @__PURE__ */ import_react.default.createElement("tr", {
-    className: "k-master-row",
-    style: { height: "40px" }
-  }, /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky k-text-nowrap",
-    colSpan: 1,
-    style: { left: "0px", right: "200px" }
-  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "collapse"
-  }), "12"), /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky",
-    colSpan: 1,
-    style: { left: "100px", right: "0px", borderRightWidth: "1px" }
-  }, "Design"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task k-task-summary",
-    style: { left: "783px", top: "15px", 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"
-  })), /* @__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"
-  })))), /* @__PURE__ */ import_react.default.createElement("tr", {
-    className: "k-master-row k-alt",
-    style: { height: "40px" }
-  }, /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky k-text-nowrap",
-    colSpan: 1,
-    style: { left: "0px", right: "200px" }
-  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), "22"), /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky",
-    colSpan: 1,
-    style: { left: "100px", right: "0px", borderRightWidth: "1px" }
-  }, "UI Design"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task k-task-single",
-    style: { left: "783px", top: "8px", 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"
-  }, "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-draghandle"
-  }), /* @__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"
-  })))), /* @__PURE__ */ import_react.default.createElement("tr", {
-    className: "k-master-row k-state-selected",
-    style: { height: "40px" }
-  }, /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky k-text-nowrap",
-    colSpan: 1,
-    style: { left: "0px", right: "200px" }
-  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), "23"), /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky",
-    colSpan: 1,
-    style: { left: "100px", right: "0px", borderRightWidth: "1px" }
-  }, "HTML Prototype"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task k-task-single",
-    style: { left: "983px", top: "8px", 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"
-  }, "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-draghandle"
-  }), /* @__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"
-  })))), /* @__PURE__ */ import_react.default.createElement("tr", {
-    className: "k-master-row k-alt",
-    style: { height: "40px" }
-  }, /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky k-text-nowrap",
-    colSpan: 1,
-    style: { left: "0px", right: "200px" }
-  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "collapse"
-  }), "13"), /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky",
-    colSpan: 1,
-    style: { left: "100px", right: "0px", borderRightWidth: "1px" }
-  }, "Implementation"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task k-task-summary",
-    style: { left: "983px", top: "15px", 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"
-  })), /* @__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"
-  })))), /* @__PURE__ */ import_react.default.createElement("tr", {
-    className: "k-master-row",
-    style: { height: "40px" }
-  }, /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky k-text-nowrap",
-    colSpan: 1,
-    style: { left: "0px", right: "200px" }
-  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), "24"), /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky",
-    colSpan: 1,
-    style: { left: "100px", right: "0px", borderRightWidth: "1px" }
-  }, "Prototype"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task k-task-single",
-    style: { left: "983px", top: "8px", 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"
-  }, "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-draghandle"
-  }), /* @__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"
-  })))), /* @__PURE__ */ import_react.default.createElement("tr", {
-    className: "k-master-row k-alt",
-    style: { height: "40px" }
-  }, /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky k-text-nowrap",
-    colSpan: 1,
-    style: { left: "0px", right: "200px" }
-  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), "26"), /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky",
-    colSpan: 1,
-    style: { left: "100px", right: "0px", borderRightWidth: "1px" }
-  }, "Architecture"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task k-task-single",
-    style: { left: "1583px", top: "8px", 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"
-  }, "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-draghandle"
-  }), /* @__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"
-  })))), /* @__PURE__ */ import_react.default.createElement("tr", {
-    className: "k-master-row",
-    style: { height: "40px" }
-  }, /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky k-text-nowrap",
-    colSpan: 1,
-    style: { left: "0px", right: "200px" }
-  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), "27"), /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky",
-    colSpan: 1,
-    style: { left: "100px", right: "0px", borderRightWidth: "1px" }
-  }, "Data Layer"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task k-task-single",
-    style: { left: "1683px", top: "8px", width: "600px" }
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task-complete",
-    style: { width: "300px" }
-  }), /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task-content"
-  }, "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-draghandle"
-  }), /* @__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"
-  })))), /* @__PURE__ */ import_react.default.createElement("tr", {
-    className: "k-master-row k-alt",
-    style: { height: "40px" }
-  }, /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky k-text-nowrap",
-    colSpan: 1,
-    style: { left: "0px", right: "200px" }
-  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), "29"), /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky",
-    colSpan: 1,
-    style: { left: "100px", right: "0px", borderRightWidth: "1px" }
-  }, "UI and Interaction"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task k-task-single",
-    style: { left: "2583px", top: "8px", 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"
-  }, "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-draghandle"
-  }), /* @__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"
-  })))), /* @__PURE__ */ import_react.default.createElement("tr", {
-    className: "k-master-row",
-    style: { height: "40px" }
-  }, /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky k-text-nowrap",
-    colSpan: 1,
-    style: { left: "0px", right: "200px" }
-  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), "28"), /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky",
-    colSpan: 1,
-    style: { left: "100px", right: "0px", borderRightWidth: "1px" }
-  }, "Unit Tests"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task k-task-single",
-    style: { left: "1683px", top: "8px", 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"
-  }, "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-draghandle"
-  }), /* @__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"
-  })))), /* @__PURE__ */ import_react.default.createElement("tr", {
-    className: "k-master-row k-alt",
-    style: { height: "40px" }
-  }, /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky k-text-nowrap",
-    colSpan: 1,
-    style: { left: "0px", right: "200px" }
-  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "expand"
-  }), "14"), /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky",
-    colSpan: 1,
-    style: { left: "100px", right: "0px", borderRightWidth: "1px" }
-  }, "Testing"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task k-task-summary",
-    style: { left: "2883px", top: "15px", 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"
-  })), /* @__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"
-  })))), /* @__PURE__ */ import_react.default.createElement("tr", {
-    className: "k-master-row",
-    style: { height: "40px" }
-  }, /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky k-text-nowrap",
-    colSpan: 1,
-    style: { left: "0px", right: "200px" }
-  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "expand"
-  }), "30"), /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky",
-    colSpan: 1,
-    style: { left: "100px", right: "0px", borderRightWidth: "1px" }
-  }, "Documentation"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task k-task-summary",
-    style: { left: "2183px", top: "15px", 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"
-  })), /* @__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"
-  })))), /* @__PURE__ */ import_react.default.createElement("tr", {
-    className: "k-master-row k-alt",
-    style: { height: "40px" }
-  }, /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky k-text-nowrap",
-    colSpan: 1,
-    style: { left: "0px", right: "200px" }
-  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "expand"
-  }), "31"), /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky",
-    colSpan: 1,
-    style: { left: "100px", right: "0px", borderRightWidth: "1px" }
-  }, "Demos"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task k-task-summary",
-    style: { left: "2883px", top: "15px", 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"
-  })), /* @__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"
-  })))), /* @__PURE__ */ import_react.default.createElement("tr", {
-    className: "k-master-row",
-    style: { height: "40px" }
-  }, /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky k-text-nowrap",
-    colSpan: 1,
-    style: { left: "0px", right: "200px" }
-  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), /* @__PURE__ */ import_react.default.createElement(Icon, {
-    name: "none"
-  }), "17"), /* @__PURE__ */ import_react.default.createElement("td", {
-    className: "k-grid-content-sticky",
-    colSpan: 1,
-    style: { left: "100px", right: "0px", borderRightWidth: "1px" }
-  }, "Release"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task k-task-milestone",
-    style: { left: "4077px", top: "13px" }
-  }, /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "k-task-milestone-content"
-  }), /* @__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"
-  })))))), /* @__PURE__ */ import_react.default.createElement("svg", {
-    className: "k-gantt-dependencies-svg"
-  }, /* @__PURE__ */ import_react.default.createElement("polyline", {
-    points: "391,135 401,135 401,155 373,155 373,214 379,214 379,216 382,214 379,212 379,214"
-  }), /* @__PURE__ */ import_react.default.createElement("polyline", {
-    points: "1283,374 1293,374 1293,394 1273,394 1273,414 1279,414 1279,416 1282,414 1279,412 1279,414"
-  }), /* @__PURE__ */ import_react.default.createElement("polyline", {
-    points: "1583,414 1593,414 1593,434 1273,434 1273,494 1279,494 1279,496 1282,494 1279,492 1279,494"
-  }), /* @__PURE__ */ import_react.default.createElement("polyline", {
-    points: "1883,494 1893,494 1893,514 1873,514 1873,534 1879,534 1879,536 1882,534 1879,532 1879,534"
-  }), /* @__PURE__ */ import_react.default.createElement("polyline", {
-    points: "1983,534 1993,534 1993,554 1973,554 1973,574 1979,574 1979,576 1982,574 1979,572 1979,574"
-  }), /* @__PURE__ */ import_react.default.createElement("polyline", {
-    points: "1983,534 1993,534 1993,554 1973,554 1973,654 1979,654 1979,656 1982,654 1979,652 1979,654"
-  }), /* @__PURE__ */ import_react.default.createElement("polyline", {
-    points: "2583,574 2593,574 2593,614 2879,614 2879,616 2882,614 2879,612 2879,614"
-  }), /* @__PURE__ */ import_react.default.createElement("polyline", {
-    points: "2883,654 3393,654 3393,614 3387,614 3387,612 3384,614 3387,616 3387,614"
-  }), /* @__PURE__ */ import_react.default.createElement("polyline", {
-    points: "3383,454 3393,454 3393,614 3387,614 3387,612 3384,614 3387,616 3387,614"
-  }), /* @__PURE__ */ import_react.default.createElement("polyline", {
-    points: "391,135 401,135 401,155 373,155 373,254 379,254 379,256 382,254 379,252 379,254"
-  }), /* @__PURE__ */ import_react.default.createElement("polyline", {
-    points: "391,254 401,254 401,294 579,294 579,296 582,294 579,292 579,294"
-  }), /* @__PURE__ */ import_react.default.createElement("polyline", {
-    points: "583,214 593,214 593,234 573,234 573,294 579,294 579,296 582,294 579,292 579,294"
-  }), /* @__PURE__ */ import_react.default.createElement("polyline", {
-    points: "883,294 893,294 893,374 1079,374 1079,376 1082,374 1079,372 1079,374"
-  }), /* @__PURE__ */ import_react.default.createElement("polyline", {
-    points: "2883,614 1973,614 1973,654 1979,654 1979,656 1982,654 1979,652 1979,654"
-  }), /* @__PURE__ */ import_react.default.createElement("polyline", {
-    points: "383,94 373,94 373,114 893,114 893,174 887,174 887,172 884,174 887,176 887,174"
-  })), /* @__PURE__ */ import_react.default.createElement("table", {
-    className: "k-gantt-columns",
-    style: { top: "74px", left: "300px", width: "4200px", height: "760px" }
-  }, /* @__PURE__ */ import_react.default.createElement("tbody", null, /* @__PURE__ */ import_react.default.createElement("tr", null, /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-nonwork-hour"
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-nonwork-hour"
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-nonwork-hour"
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-nonwork-hour"
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-nonwork-hour"
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-nonwork-hour"
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-nonwork-hour"
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-nonwork-hour"
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-nonwork-hour"
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-nonwork-hour"
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-nonwork-hour"
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1
-  }), /* @__PURE__ */ import_react.default.createElement("td", {
-    colSpan: 1,
-    className: "k-nonwork-hour"
-  }))))))))));
+  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", {
+      className: "k-gantt"
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-widget k-toolbar k-gantt-toolbar k-gantt-header"
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-spacer"
+    }), /* @__PURE__ */ import_react.default.createElement("span", {
+      className: "k-gantt-views"
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-gantt-views-wrapper"
+    }, /* @__PURE__ */ import_react.default.createElement(ButtonGroup, {
+      className: "k-gantt-views"
+    }, /* @__PURE__ */ import_react.default.createElement(Button, null, "Day"), /* @__PURE__ */ import_react.default.createElement(Button, {
+      selected: true
+    }, "Week"), /* @__PURE__ */ import_react.default.createElement(Button, null, "Month")), /* @__PURE__ */ import_react.default.createElement("select", {
+      className: "k-picker k-dropdown-list k-dropdown k-views-dropdown k-rounded-md"
+    }, /* @__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("div", {
+      className: "k-gantt-content"
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-widget k-grid k-treelist-scrollable"
+    }, /* @__PURE__ */ import_react.default.createElement("table", {
+      className: "k-table-layout-fixed",
+      style: { width: "4500px" }
+    }, /* @__PURE__ */ import_react.default.createElement("colgroup", null, /* @__PURE__ */ import_react.default.createElement("col", {
+      style: { width: "100px" }
+    }), /* @__PURE__ */ import_react.default.createElement("col", {
+      style: { width: "200px" }
+    }), /* @__PURE__ */ import_react.default.createElement("col", {
+      style: { width: "4200px" }
+    })), /* @__PURE__ */ import_react.default.createElement("thead", {
+      className: "k-grid-header"
+    }, /* @__PURE__ */ import_react.default.createElement("tr", null, /* @__PURE__ */ import_react.default.createElement("th", {
+      colSpan: 2,
+      rowSpan: 1,
+      className: "k-header k-grid-header-sticky",
+      style: { left: "0px", right: "0px", borderRightWidth: "1px; top: 0px" }
+    }, /* @__PURE__ */ import_react.default.createElement("a", {
+      className: "k-link"
+    }, "summary")), /* @__PURE__ */ import_react.default.createElement("th", {
+      colSpan: 1,
+      rowSpan: 2,
+      className: "k-header",
+      style: { top: "0px" }
+    }, /* @__PURE__ */ import_react.default.createElement("table", null, /* @__PURE__ */ import_react.default.createElement("tbody", null, /* @__PURE__ */ import_react.default.createElement("tr", null, /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 7,
+      className: "k-header k-nonwork-hour"
+    }, "Sun, 6/1 - Sun, 6/8"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 7,
+      className: "k-header k-nonwork-hour"
+    }, "Sun, 6/8 - Sun, 6/15"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 7,
+      className: "k-header k-nonwork-hour"
+    }, "Sun, 6/15 - Sun, 6/22"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 7,
+      className: "k-header k-nonwork-hour"
+    }, "Sun, 6/22 - Sun, 6/29"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 7,
+      className: "k-header k-nonwork-hour"
+    }, "Sun, 6/29 - Sun, 7/6"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 7,
+      className: "k-header k-nonwork-hour"
+    }, "Sun, 7/6 - Sun, 7/13")), /* @__PURE__ */ import_react.default.createElement("tr", null, /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header k-nonwork-hour"
+    }, "Sun, 6/1"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Mon, 6/2"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Tue, 6/3"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Wed, 6/4"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Thu, 6/5"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Fri, 6/6"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header k-nonwork-hour"
+    }, "Sat, 6/7"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header k-nonwork-hour"
+    }, "Sun, 6/8"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Mon, 6/9"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Tue, 6/10"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Wed, 6/11"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Thu, 6/12"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Fri, 6/13"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header k-nonwork-hour"
+    }, "Sat, 6/14"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header k-nonwork-hour"
+    }, "Sun, 6/15"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Mon, 6/16"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Tue, 6/17"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Wed, 6/18"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Thu, 6/19"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Fri, 6/20"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header k-nonwork-hour"
+    }, "Sat, 6/21"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header k-nonwork-hour"
+    }, "Sun, 6/22"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Mon, 6/23"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Tue, 6/24"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Wed, 6/25"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Thu, 6/26"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Fri, 6/27"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header k-nonwork-hour"
+    }, "Sat, 6/28"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header k-nonwork-hour"
+    }, "Sun, 6/29"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Mon, 6/30"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Tue, 7/1"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Wed, 7/2"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Thu, 7/3"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Fri, 7/4"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header k-nonwork-hour"
+    }, "Sat, 7/5"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header k-nonwork-hour"
+    }, "Sun, 7/6"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Mon, 7/7"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Tue, 7/8"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Wed, 7/9"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Thu, 7/10"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header"
+    }, "Fri, 7/11"), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-header k-nonwork-hour"
+    }, "Sat, 7/12")))))), /* @__PURE__ */ import_react.default.createElement("tr", null, /* @__PURE__ */ import_react.default.createElement("th", {
+      colSpan: 1,
+      rowSpan: 1,
+      className: "k-header k-grid-header-sticky",
+      style: { left: "0px", right: "200px; top: 37px" }
+    }, /* @__PURE__ */ import_react.default.createElement("a", {
+      className: "k-link"
+    }, "id title")), /* @__PURE__ */ import_react.default.createElement("th", {
+      colSpan: 1,
+      rowSpan: 1,
+      className: "k-header k-grid-header-sticky",
+      style: { left: "100px", right: "0px", borderRightWidth: "1px; top: 37px" }
+    }, /* @__PURE__ */ import_react.default.createElement("a", {
+      className: "k-link"
+    }, "title")))), /* @__PURE__ */ import_react.default.createElement("tbody", null, /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-master-row",
+      style: { height: "40px" }
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky k-text-nowrap",
+      colSpan: 1,
+      style: { left: "0px", right: "200px" }
+    }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "collapse"
+    }), "7"), /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky",
+      colSpan: 1,
+      style: { left: "100px", right: "0px", borderRightWidth: "1px" }
+    }, "Software validation, research and implementation"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task k-task-summary",
+      style: { left: "83px", top: "15px", width: "4000px" }
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task-summary-progress",
+      style: { width: "1828px" }
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task-summary-complete"
+    })), /* @__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"
+    })))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-master-row k-alt",
+      style: { height: "40px" }
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky k-text-nowrap",
+      colSpan: 1,
+      style: { left: "0px", right: "200px" }
+    }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), "18"), /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky",
+      colSpan: 1,
+      style: { left: "100px", right: "0px", borderRightWidth: "1px" }
+    }, "Project Kickoff"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task k-task-milestone",
+      style: { left: "77px", top: "13px" }
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task-milestone-content"
+    }), /* @__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"
+    })))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-master-row",
+      style: { height: "40px" }
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky k-text-nowrap",
+      colSpan: 1,
+      style: { left: "0px", right: "200px" }
+    }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "collapse"
+    }), "11"), /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky",
+      colSpan: 1,
+      style: { left: "100px", right: "0px", borderRightWidth: "1px" }
+    }, "Research"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task k-task-summary",
+      style: { left: "83px", top: "15px", width: "500px" }
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task-summary-progress",
+      style: { width: "288px" }
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task-summary-complete"
+    })), /* @__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"
+    })))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-master-row k-alt",
+      style: { height: "40px" }
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky k-text-nowrap",
+      colSpan: 1,
+      style: { left: "0px", right: "200px" }
+    }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), "19"), /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky",
+      colSpan: 1,
+      style: { left: "100px", right: "0px", borderRightWidth: "1px" }
+    }, "Validation with Customers"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task k-task-single",
+      style: { left: "83px", top: "8px", 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"
+    }, "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-draghandle"
+    }), /* @__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"
+    })))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-master-row",
+      style: { height: "40px" }
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky k-text-nowrap",
+      colSpan: 1,
+      style: { left: "0px", right: "200px" }
+    }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), "20"), /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky",
+      colSpan: 1,
+      style: { left: "100px", right: "0px", borderRightWidth: "1px" }
+    }, "Market Research"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task k-task-single",
+      style: { left: "83px", top: "8px", 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"
+    }, "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-draghandle"
+    }), /* @__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"
+    })))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-master-row k-alt",
+      style: { height: "40px" }
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky k-text-nowrap",
+      colSpan: 1,
+      style: { left: "0px", right: "200px" }
+    }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), "39"), /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky",
+      colSpan: 1,
+      style: { left: "100px", right: "0px", borderRightWidth: "1px" }
+    }, "Functional and Technical Specification"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task k-task-single",
+      style: { left: "283px", top: "8px", width: "300px" }
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task-complete",
+      style: { width: "198px" }
+    }), /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task-content"
+    }, "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-draghandle"
+    }), /* @__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"
+    })))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-master-row",
+      style: { height: "40px" }
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky k-text-nowrap",
+      colSpan: 1,
+      style: { left: "0px", right: "200px" }
+    }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "collapse"
+    }), "12"), /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky",
+      colSpan: 1,
+      style: { left: "100px", right: "0px", borderRightWidth: "1px" }
+    }, "Design"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task k-task-summary",
+      style: { left: "783px", top: "15px", 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"
+    })), /* @__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"
+    })))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-master-row k-alt",
+      style: { height: "40px" }
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky k-text-nowrap",
+      colSpan: 1,
+      style: { left: "0px", right: "200px" }
+    }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), "22"), /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky",
+      colSpan: 1,
+      style: { left: "100px", right: "0px", borderRightWidth: "1px" }
+    }, "UI Design"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task k-task-single",
+      style: { left: "783px", top: "8px", 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"
+    }, "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-draghandle"
+    }), /* @__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"
+    })))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-master-row k-state-selected",
+      style: { height: "40px" }
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky k-text-nowrap",
+      colSpan: 1,
+      style: { left: "0px", right: "200px" }
+    }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), "23"), /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky",
+      colSpan: 1,
+      style: { left: "100px", right: "0px", borderRightWidth: "1px" }
+    }, "HTML Prototype"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task k-task-single",
+      style: { left: "983px", top: "8px", 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"
+    }, "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-draghandle"
+    }), /* @__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"
+    })))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-master-row k-alt",
+      style: { height: "40px" }
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky k-text-nowrap",
+      colSpan: 1,
+      style: { left: "0px", right: "200px" }
+    }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "collapse"
+    }), "13"), /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky",
+      colSpan: 1,
+      style: { left: "100px", right: "0px", borderRightWidth: "1px" }
+    }, "Implementation"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task k-task-summary",
+      style: { left: "983px", top: "15px", 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"
+    })), /* @__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"
+    })))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-master-row",
+      style: { height: "40px" }
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky k-text-nowrap",
+      colSpan: 1,
+      style: { left: "0px", right: "200px" }
+    }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), "24"), /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky",
+      colSpan: 1,
+      style: { left: "100px", right: "0px", borderRightWidth: "1px" }
+    }, "Prototype"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task k-task-single",
+      style: { left: "983px", top: "8px", 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"
+    }, "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-draghandle"
+    }), /* @__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"
+    })))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-master-row k-alt",
+      style: { height: "40px" }
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky k-text-nowrap",
+      colSpan: 1,
+      style: { left: "0px", right: "200px" }
+    }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), "26"), /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky",
+      colSpan: 1,
+      style: { left: "100px", right: "0px", borderRightWidth: "1px" }
+    }, "Architecture"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task k-task-single",
+      style: { left: "1583px", top: "8px", 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"
+    }, "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-draghandle"
+    }), /* @__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"
+    })))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-master-row",
+      style: { height: "40px" }
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky k-text-nowrap",
+      colSpan: 1,
+      style: { left: "0px", right: "200px" }
+    }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), "27"), /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky",
+      colSpan: 1,
+      style: { left: "100px", right: "0px", borderRightWidth: "1px" }
+    }, "Data Layer"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task k-task-single",
+      style: { left: "1683px", top: "8px", width: "600px" }
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task-complete",
+      style: { width: "300px" }
+    }), /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task-content"
+    }, "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-draghandle"
+    }), /* @__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"
+    })))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-master-row k-alt",
+      style: { height: "40px" }
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky k-text-nowrap",
+      colSpan: 1,
+      style: { left: "0px", right: "200px" }
+    }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), "29"), /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky",
+      colSpan: 1,
+      style: { left: "100px", right: "0px", borderRightWidth: "1px" }
+    }, "UI and Interaction"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task k-task-single",
+      style: { left: "2583px", top: "8px", 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"
+    }, "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-draghandle"
+    }), /* @__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"
+    })))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-master-row",
+      style: { height: "40px" }
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky k-text-nowrap",
+      colSpan: 1,
+      style: { left: "0px", right: "200px" }
+    }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), "28"), /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky",
+      colSpan: 1,
+      style: { left: "100px", right: "0px", borderRightWidth: "1px" }
+    }, "Unit Tests"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task k-task-single",
+      style: { left: "1683px", top: "8px", 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"
+    }, "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-draghandle"
+    }), /* @__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"
+    })))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-master-row k-alt",
+      style: { height: "40px" }
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky k-text-nowrap",
+      colSpan: 1,
+      style: { left: "0px", right: "200px" }
+    }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "expand"
+    }), "14"), /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky",
+      colSpan: 1,
+      style: { left: "100px", right: "0px", borderRightWidth: "1px" }
+    }, "Testing"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task k-task-summary",
+      style: { left: "2883px", top: "15px", 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"
+    })), /* @__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"
+    })))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-master-row",
+      style: { height: "40px" }
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky k-text-nowrap",
+      colSpan: 1,
+      style: { left: "0px", right: "200px" }
+    }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "expand"
+    }), "30"), /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky",
+      colSpan: 1,
+      style: { left: "100px", right: "0px", borderRightWidth: "1px" }
+    }, "Documentation"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task k-task-summary",
+      style: { left: "2183px", top: "15px", 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"
+    })), /* @__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"
+    })))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-master-row k-alt",
+      style: { height: "40px" }
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky k-text-nowrap",
+      colSpan: 1,
+      style: { left: "0px", right: "200px" }
+    }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "expand"
+    }), "31"), /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky",
+      colSpan: 1,
+      style: { left: "100px", right: "0px", borderRightWidth: "1px" }
+    }, "Demos"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task k-task-summary",
+      style: { left: "2883px", top: "15px", 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"
+    })), /* @__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"
+    })))), /* @__PURE__ */ import_react.default.createElement("tr", {
+      className: "k-master-row",
+      style: { height: "40px" }
+    }, /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky k-text-nowrap",
+      colSpan: 1,
+      style: { left: "0px", right: "200px" }
+    }, /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), /* @__PURE__ */ import_react.default.createElement(Icon, {
+      name: "none"
+    }), "17"), /* @__PURE__ */ import_react.default.createElement("td", {
+      className: "k-grid-content-sticky",
+      colSpan: 1,
+      style: { left: "100px", right: "0px", borderRightWidth: "1px" }
+    }, "Release"), /* @__PURE__ */ import_react.default.createElement("td", null, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task k-task-milestone",
+      style: { left: "4077px", top: "13px" }
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "k-task-milestone-content"
+    }), /* @__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"
+    })))))), /* @__PURE__ */ import_react.default.createElement("svg", {
+      className: "k-gantt-dependencies-svg"
+    }, /* @__PURE__ */ import_react.default.createElement("polyline", {
+      points: "391,135 401,135 401,155 373,155 373,214 379,214 379,216 382,214 379,212 379,214"
+    }), /* @__PURE__ */ import_react.default.createElement("polyline", {
+      points: "1283,374 1293,374 1293,394 1273,394 1273,414 1279,414 1279,416 1282,414 1279,412 1279,414"
+    }), /* @__PURE__ */ import_react.default.createElement("polyline", {
+      points: "1583,414 1593,414 1593,434 1273,434 1273,494 1279,494 1279,496 1282,494 1279,492 1279,494"
+    }), /* @__PURE__ */ import_react.default.createElement("polyline", {
+      points: "1883,494 1893,494 1893,514 1873,514 1873,534 1879,534 1879,536 1882,534 1879,532 1879,534"
+    }), /* @__PURE__ */ import_react.default.createElement("polyline", {
+      points: "1983,534 1993,534 1993,554 1973,554 1973,574 1979,574 1979,576 1982,574 1979,572 1979,574"
+    }), /* @__PURE__ */ import_react.default.createElement("polyline", {
+      points: "1983,534 1993,534 1993,554 1973,554 1973,654 1979,654 1979,656 1982,654 1979,652 1979,654"
+    }), /* @__PURE__ */ import_react.default.createElement("polyline", {
+      points: "2583,574 2593,574 2593,614 2879,614 2879,616 2882,614 2879,612 2879,614"
+    }), /* @__PURE__ */ import_react.default.createElement("polyline", {
+      points: "2883,654 3393,654 3393,614 3387,614 3387,612 3384,614 3387,616 3387,614"
+    }), /* @__PURE__ */ import_react.default.createElement("polyline", {
+      points: "3383,454 3393,454 3393,614 3387,614 3387,612 3384,614 3387,616 3387,614"
+    }), /* @__PURE__ */ import_react.default.createElement("polyline", {
+      points: "391,135 401,135 401,155 373,155 373,254 379,254 379,256 382,254 379,252 379,254"
+    }), /* @__PURE__ */ import_react.default.createElement("polyline", {
+      points: "391,254 401,254 401,294 579,294 579,296 582,294 579,292 579,294"
+    }), /* @__PURE__ */ import_react.default.createElement("polyline", {
+      points: "583,214 593,214 593,234 573,234 573,294 579,294 579,296 582,294 579,292 579,294"
+    }), /* @__PURE__ */ import_react.default.createElement("polyline", {
+      points: "883,294 893,294 893,374 1079,374 1079,376 1082,374 1079,372 1079,374"
+    }), /* @__PURE__ */ import_react.default.createElement("polyline", {
+      points: "2883,614 1973,614 1973,654 1979,654 1979,656 1982,654 1979,652 1979,654"
+    }), /* @__PURE__ */ import_react.default.createElement("polyline", {
+      points: "383,94 373,94 373,114 893,114 893,174 887,174 887,172 884,174 887,176 887,174"
+    })), /* @__PURE__ */ import_react.default.createElement("table", {
+      className: "k-gantt-columns",
+      style: { top: "74px", left: "300px", width: "4200px", height: "760px" }
+    }, /* @__PURE__ */ import_react.default.createElement("tbody", null, /* @__PURE__ */ import_react.default.createElement("tr", null, /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-nonwork-hour"
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-nonwork-hour"
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-nonwork-hour"
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-nonwork-hour"
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-nonwork-hour"
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-nonwork-hour"
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-nonwork-hour"
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-nonwork-hour"
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-nonwork-hour"
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-nonwork-hour"
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-nonwork-hour"
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1
+    }), /* @__PURE__ */ import_react.default.createElement("td", {
+      colSpan: 1,
+      className: "k-nonwork-hour"
+    })))))))))
+  );
 })();
 //# sourceMappingURL=gantt-react.js.map