New <markup/> for examples

examples/kitchen-sink/app/app.js

@@ -2,7 +2,7 @@ var App = (function(lng, undefined) {
 
     lng.App.init({
         name: 'Kitchen Sink',
-        version: '1.0.4'
+        version: '1.1'
     });
 
     lng.View.Element.count('#btn-one', 7);

examples/kitchen-sink/app/events.js

@@ -1,46 +1,26 @@
 App.Events = (function(lng, undefined) {
 
-    lng.Dom.Event.live('#event_touchstart', 'TOUCH_START', function(event) {
-        alert("TOUCH_START!");
-    });
-
-    lng.Dom.Event.live('#event_touchend', 'TOUCH_END', function(event) {
-        alert("TOUCH_END!");
-    });
-
-    lng.Dom.Event.live('#event_touchmove', 'TOUCH_MOVE', function(event) {
-        alert("TOUCH_MOVE!");
-    });
-
-    lng.Dom.Event.live('#event_tap', 'TAP', function(event) {
-        alert("TAP!");
-    });
-
-    lng.Dom.Event.live('#event_doubletap', 'DOUBLE_TAP', function(event) {
-        alert("DOUBLE_TAP!");
-    });
-
-    lng.Dom.Event.live('#swipe', 'SWIPE', function(event) {
-        alert("SWIPE!");
-    });
-
-    lng.Dom.Event.live('#swipe_left', 'SWIPE_LEFT', function(event) {
-        alert("SWIPE_LEFT!");
-    });
-
-    lng.Dom.Event.live('#swipe_right', 'SWIPE_RIGHT', function(event) {
-        alert("SWIPE_RIGHT!");
-    });
-
-    lng.Dom.Event.live('#swipe_up', 'SWIPE_UP', function(event) {
-        alert("SWIPE_UP!");
-    });
-
-    lng.Dom.Event.live('#swipe_down', 'SWIPE_DOWN', function(event) {
-        alert("SWIPE_DOWN!");
-    });
-
-    lng.Dom.Event.live('a[href="#scrolls"]', 'TAP', function(event) {
+    lng.dom('#event_touchstart').touch(function(event) { alert("touchstart!"); });
+    //OR
+    //lng.dom('#event_touchstart').on('touchstart', function(event) { alert("TOUCH_START!"); });
+    lng.dom('#event_touchend').on('touchend', function(event) { alert("touchend!");  });
+    lng.dom('#event_touchmove').on('touchmove' , function(event) { alert("touchmove!"); });
+
+    //Tap Methods
+    lng.dom('#event_tap').tap(function(event) { alert("tap!"); });
+    //OR
+    //lng.dom('#event_tap').on('tap', function(event) { alert("TAP!"); });
+    lng.dom('#event_doubletap').doubleTap(function(event) { alert("doubleTap!"); });
+    lng.dom('#event_longtap').longTap(function(event) { alert("longTap!"); });
+
+    //Swipe Methods
+    lng.dom('#swipe').swipe(function(event) { alert("swipe!"); });
+    lng.dom('#swipe_left').swipeLeft(function(event) { alert("swipeLeft!"); });
+    lng.dom('#swipe_right').swipeRight(function(event) { alert("swipeRight!"); });
+    lng.dom('#swipe_up').swipeUp(function(event) { alert("swipeUp!"); });
+    lng.dom('#swipe_down').swipeDown(function(event) { alert("swipeDown!"); });
+
+    lng.dom('a[href="#scrolls"]').on('tap', function(event) {
         App.View.mockScrolls();
     });
 

examples/kitchen-sink/index.html

@@ -312,8 +312,11 @@
                     <li class="anchor">Common Events</li>
                     <li id="event_touchstart">Touchstart me!</li>
                     <li id="event_touchend">Touchend me!</li>
+                    <li id="event_touchmove">Touchmove me!</li>
+                    <li class="anchor">Tap Events</li>
                     <li id="event_tap">Tap me!</li>
                     <li id="event_doubletap">Double-Tap me!</li>
+                    <li id="event_longtap">Long-Tap me!</li>
                     <li class="anchor">Special Events</li>
                     <li id="swipe" data-icon="user">
                         Swipe me!
@@ -590,15 +593,14 @@
 
 
     <!-- Third parties dependencies -->
-    <script src="../../src/lib/zepto.js"></script>
+    <script src="../../src/lib/QuoJS.js"></script>
     <script src="../../src/lib/iscroll-lite.js"></script>
 
     <!-- LungoJS Libraries (Development mode)-->
     <script src="../../src/Lungo.js"></script>
     <script src="../../src/Lungo.App.js" ></script>
-    <script src="../../src/Lungo.Environment.js" ></script>
     <script src="../../src/Lungo.Core.js"></script>
-    <script src="../../src/Lungo.Events.js"></script>
+    <script src="../../src/Lungo.Dom.js"></script>
     <script src="../../src/Lungo.Service.js"></script>
     <script src="../../src/router/Lungo.Router.js"></script>
     <script src="../../src/router/Lungo.Router.History.js" ></script>
@@ -610,13 +612,12 @@
     <script src="../../src/view/Lungo.View.Template.js"></script>
     <script src="../../src/view/Lungo.View.Template.Binding.js"></script>
     <script src="../../src/view/Lungo.View.Template.List.js"></script>
-    <script src="../../src/dom/Lungo.Dom.js"></script>
-    <script src="../../src/dom/Lungo.Dom.Event.js"></script>
     <script src="../../src/data/Lungo.Data.Cache.js"></script>
     <script src="../../src/data/Lungo.Data.Sql.js"></script>
     <script src="../../src/data/Lungo.Data.Storage.js"></script>
     <script src="../../src/attributes/Lungo.Attributes.Data.js"></script>
     <script src="../../src/boot/Lungo.Boot.js"></script>
+    <script src="../../src/boot/Lungo.Boot.Stats.js" ></script>
     <script src="../../src/boot/Lungo.Boot.Layout.js"></script>
     <script src="../../src/boot/Lungo.Boot.Events.js"></script>
     <script src="../../src/boot/Lungo.Boot.Data.js"></script>

examples/todo.js/app/events.js

@@ -9,9 +9,9 @@ App.Events = (function(lng, undefined) {
     //Create new todo
     lng.Dom.Event.live('#btnNewTodo', 'TAP', function(event) {
 
-        var name = lng.Dom.query('#txtNewName');
-        var description = lng.Dom.query('#txtNewDescription');
-        var type = lng.Dom.query('#txtNewType');
+        var name = lng.dom('#txtNewName');
+        var description = lng.dom('#txtNewDescription');
+        var type = lng.dom('#txtNewType');
 
         App.Data.insertTodo({
             name: name.val(),
@@ -28,7 +28,7 @@ App.Events = (function(lng, undefined) {
 
     //View ToDo
     lng.Dom.Event.live('#done li, #pending li', 'TAP', function(event) {
-        var todo_id = lng.Dom.query(this).attr('id');
+        var todo_id = lng.dom(this).attr('id');
         App.View.todo(todo_id)
     });
 
@@ -43,9 +43,9 @@ App.Events = (function(lng, undefined) {
     //Update ToDo
     lng.Dom.Event.live('#btnUpdateTodo', 'TAP', function(event) {
         var current_todo = lng.Data.Cache.get('current_todo');
-        var name = lng.Dom.query('#txtEditName');
-        var description = lng.Dom.query('#txtEditDescription');
-        var type = lng.Dom.query('#txtNewType');
+        var name = lng.dom('#txtEditName');
+        var description = lng.dom('#txtEditDescription');
+        var type = lng.dom('#txtNewType');
 
         App.Data.updateTodo(current_todo.id, {
             name: name.val(),