diff --git a/ganttzk/src/main/resources/metainfo/zk/lang-addon.xml b/ganttzk/src/main/resources/metainfo/zk/lang-addon.xml
index 44f071ab3..e46ae66ce 100755
--- a/ganttzk/src/main/resources/metainfo/zk/lang-addon.xml
+++ b/ganttzk/src/main/resources/metainfo/zk/lang-addon.xml
@@ -64,9 +64,11 @@
 	<component>
 		<component-name>ganttpanel</component-name>
 		<component-class>org.zkoss.ganttz.GanttPanel</component-class>
+        <widget-class>ganttz.GanttPanel</widget-class>
 		<mold>
 			<mold-name>default</mold-name>
-			<mold-uri>~./ganttz/ganttpanel.dsp</mold-uri>
+			<!-- <mold-uri>~./ganttz/ganttpanel.dsp</mold-uri> -->
+            <mold-uri>mold/gantt-panel.js</mold-uri>
 		</mold>
 	</component>
 
@@ -84,18 +86,22 @@
 	<component>
         <component-name>taskRow</component-name>
         <component-class>org.zkoss.ganttz.TaskRow</component-class>
+        <widget-class>ganttz.TaskRow</widget-class>
         <mold>
             <mold-name>default</mold-name>
-            <mold-uri>~./ganttz/row.dsp</mold-uri>
+            <!-- <mold-uri>~./ganttz/row.dsp</mold-uri> -->
+            <mold-uri>mold/task-row.js</mold-uri>
         </mold>
     </component>
 
 	<component>
 		<component-name>task</component-name>
 		<component-class>org.zkoss.ganttz.TaskComponent</component-class>
+        <widget-class>ganttz.TaskComponent</widget-class>
 		<mold>
 			<mold-name>default</mold-name>
-			<mold-uri>~./ganttz/task.dsp</mold-uri>
+			<!-- <mold-uri>~./ganttz/task.dsp</mold-uri> -->
+            <mold-uri>mold/task-component.js</mold-uri>
 		</mold>
 	</component>
 
@@ -122,18 +128,22 @@
 	<component>
 		<component-name>tasklist</component-name>
 		<component-class>org.zkoss.ganttz.TaskList</component-class>
+        <widget-class>ganttz.TaskList</widget-class>
 		<mold>
 			<mold-name>default</mold-name>
-			<mold-uri>~./ganttz/tasklist.dsp</mold-uri>
+			<!-- <mold-uri>~./ganttz/tasklist.dsp</mold-uri> -->
+            <mold-uri>mold/task-list.js</mold-uri>
 		</mold>
 	</component>
 
 	<component>
 		<component-name>dependencylist</component-name>
 		<component-class>org.zkoss.ganttz.DependencyList</component-class>
+        <widget-class>ganttz.DependencyList</widget-class>
 		<mold>
 			<mold-name>default</mold-name>
-			<mold-uri>~./ganttz/dependencylist.dsp</mold-uri>
+			<!-- <mold-uri>~./ganttz/dependencylist.dsp</mold-uri> -->
+            <mold-uri>mold/dependency-list.js</mold-uri>
 		</mold>
 	</component>
 
diff --git a/ganttzk/src/main/resources/web/js/ganttz/DependencyList.js b/ganttzk/src/main/resources/web/js/ganttz/DependencyList.js
new file mode 100644
index 000000000..c2ee856b6
--- /dev/null
+++ b/ganttzk/src/main/resources/web/js/ganttz/DependencyList.js
@@ -0,0 +1,3 @@
+zk.$package("ganttz");
+
+ganttz.DependencyList = zk.$extends(zk.Widget, {});
\ No newline at end of file
diff --git a/ganttzk/src/main/resources/web/js/ganttz/GanttPanel.js b/ganttzk/src/main/resources/web/js/ganttz/GanttPanel.js
new file mode 100644
index 000000000..9a593de0b
--- /dev/null
+++ b/ganttzk/src/main/resources/web/js/ganttz/GanttPanel.js
@@ -0,0 +1,3 @@
+zk.$package("ganttz");
+
+ganttz.GanttPanel = zk.$extends(zk.Widget, {});
\ No newline at end of file
diff --git a/ganttzk/src/main/resources/web/js/ganttz/TaskComponent.js b/ganttzk/src/main/resources/web/js/ganttz/TaskComponent.js
new file mode 100644
index 000000000..bde101aea
--- /dev/null
+++ b/ganttzk/src/main/resources/web/js/ganttz/TaskComponent.js
@@ -0,0 +1,3 @@
+zk.$package("ganttz");
+
+ganttz.TaskComponent = zk.$extends(zk.Widget, {});
\ No newline at end of file
diff --git a/ganttzk/src/main/resources/web/js/ganttz/TaskList.js b/ganttzk/src/main/resources/web/js/ganttz/TaskList.js
new file mode 100644
index 000000000..22e3e16e9
--- /dev/null
+++ b/ganttzk/src/main/resources/web/js/ganttz/TaskList.js
@@ -0,0 +1,3 @@
+zk.$package("ganttz");
+
+ganttz.TaskList = zk.$extends(zk.Widget, {});
\ No newline at end of file
diff --git a/ganttzk/src/main/resources/web/js/ganttz/TaskRow.js b/ganttzk/src/main/resources/web/js/ganttz/TaskRow.js
new file mode 100644
index 000000000..ac5182c25
--- /dev/null
+++ b/ganttzk/src/main/resources/web/js/ganttz/TaskRow.js
@@ -0,0 +1,3 @@
+zk.$package("ganttz");
+
+ganttz.TaskRow = zk.$extends(zk.Widget, {});
\ No newline at end of file
diff --git a/ganttzk/src/main/resources/web/js/ganttz/mold/dependency-list.js b/ganttzk/src/main/resources/web/js/ganttz/mold/dependency-list.js
new file mode 100644
index 000000000..99befbb5a
--- /dev/null
+++ b/ganttzk/src/main/resources/web/js/ganttz/mold/dependency-list.js
@@ -0,0 +1 @@
+function(out){}
\ No newline at end of file
diff --git a/ganttzk/src/main/resources/web/js/ganttz/mold/gantt-panel.js b/ganttzk/src/main/resources/web/js/ganttz/mold/gantt-panel.js
new file mode 100644
index 000000000..99befbb5a
--- /dev/null
+++ b/ganttzk/src/main/resources/web/js/ganttz/mold/gantt-panel.js
@@ -0,0 +1 @@
+function(out){}
\ No newline at end of file
diff --git a/ganttzk/src/main/resources/web/js/ganttz/mold/task-component.js b/ganttzk/src/main/resources/web/js/ganttz/mold/task-component.js
new file mode 100644
index 000000000..99befbb5a
--- /dev/null
+++ b/ganttzk/src/main/resources/web/js/ganttz/mold/task-component.js
@@ -0,0 +1 @@
+function(out){}
\ No newline at end of file
diff --git a/ganttzk/src/main/resources/web/js/ganttz/mold/task-list.js b/ganttzk/src/main/resources/web/js/ganttz/mold/task-list.js
new file mode 100644
index 000000000..99befbb5a
--- /dev/null
+++ b/ganttzk/src/main/resources/web/js/ganttz/mold/task-list.js
@@ -0,0 +1 @@
+function(out){}
\ No newline at end of file
diff --git a/ganttzk/src/main/resources/web/js/ganttz/mold/task-row.js b/ganttzk/src/main/resources/web/js/ganttz/mold/task-row.js
new file mode 100644
index 000000000..99befbb5a
--- /dev/null
+++ b/ganttzk/src/main/resources/web/js/ganttz/mold/task-row.js
@@ -0,0 +1 @@
+function(out){}
\ No newline at end of file
diff --git a/ganttzk/src/main/resources/web/js/ganttz/zk.wpd b/ganttzk/src/main/resources/web/js/ganttz/zk.wpd
new file mode 100644
index 000000000..47d086a15
--- /dev/null
+++ b/ganttzk/src/main/resources/web/js/ganttz/zk.wpd
@@ -0,0 +1,7 @@
+<package name="ganttz" language="xul/html">
+    <widget name="GanttPanel"/>
+    <widget name="TaskRow"/>
+    <widget name="TaskComponent"/>
+    <widget name="TaskList"/>
+    <widget name="DependencyList"/>
+</package>
\ No newline at end of file