targetj 1.0.66 → 1.0.68

package/Exports.js

@@ -1,7 +1,11 @@
 export * from "./src/App.js"
 export * from "./src/TModel.js"
+export * from "./src/Moves.js"
 export * from "./src/SearchUtil.js"
 export * from "./src/TargetUtil.js"
 export * from "./src/TUtil.js"
+export * from "./src/ColorUtil.js"
 export * from "./src/Browser.js"
 export * from "./src/Bracket.js"
+export * from "./src/ColorUtil.js"
+export * from "./src/Easing.js"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "targetj",
-  "version": "1.0.66",
+  "version": "1.0.68",
   "keywords": [
     "targetj"
   ],

package/src/$Dom.js

@@ -54,7 +54,7 @@ $Dom.prototype.value = function(value) {
     if (!this.element) return;
     
     if (TUtil.isDefined(value)) {
-        this.element.value = value
+        this.element.value = value;
     } else {
         return this.element.value;
     }    
@@ -260,10 +260,14 @@ $Dom.prototype.transform = function(x, y, rotate, scale) {
 };
 
 $Dom.prototype.createTrasformValue = function(x, y, rotate, scale) {
-    rotate = TUtil.isDefined(rotate) && rotate !== 0 ? 'rotate(' + rotate + 'deg)' : '';
-    scale = TUtil.isDefined(scale) && scale !== 1 ? 'scale(' + scale + ')' : '';
-        
-    return 'translate(' + x + 'px,' + y + 'px)' + rotate + scale;
+    var xy = TUtil.isDefined(x) && TUtil.isDefined(y) ? 'translate(' + (x !== 0 ? x + 'px' : '0') + ',' + (y !== 0 ? y + 'px' : '0') + ') ': '';
+    rotate = TUtil.isDefined(rotate) ? 'rotate(' + rotate + 'deg) ' : '';        
+    scale = TUtil.isDefined(scale) ? 'scale(' + scale + ')' : '';
+    return (xy + rotate + scale).trim();
+};
+
+$Dom.prototype.animate = function(keyFrames, options) {
+    return this.element.animate(keyFrames, options);
 };
 
 $Dom.prototype.getContext = function(type, selector) {

package/src/App.js

@@ -122,7 +122,7 @@ function AppFn(firstChild) {
         my.events.addWindowHandlers();
                         
         my.dim.measureScreen();    
-        my.resetRuns();
+        my.manager.resetRuns();
 
         my.runningFlag = true;
                         
@@ -143,28 +143,17 @@ function AppFn(firstChild) {
 
         my.events.clearAll();
         
-        my.resetRuns();
+        my.manager.resetRuns();
                 
         return my;
     };
-   
-    my.resetRuns = function() {
-        my.manager.nextRuns = [];
-        my.manager.runningStep = 0;
-        my.manager.runningFlag = false;
-        my.manager.rerunFlag = false; 
-    };
     
     my.reset = function() {
         my.manager.lists.visible.forEach(function(tmodel) { tmodel.domValues = {}; });
-        my.manager.lists.visible.length = 0;
-        my.manager.lists.invisibleDom.length = 0;
-        my.manager.lists.deletedTModel.length = 0; 
-        my.manager.lists.visibleNoDom.length = 0;
-        my.manager.visibleTypeMap = {};
-        my.manager.visibleOidMap = {};
-        my.manager.targetMethodMap = {};
+        my.manager.clear();
         my.locationManager.hasLocationList.length = 0;
+        my.locationManager.screenWidth = 0;
+        my.locationManager.screenHeight = 0;
         SearchUtil.foundParentWithTarget = {};
         SearchUtil.foundTypeMap = {};
         SearchUtil.foundTargetMap = {}; 

package/src/Bracket.js

@@ -26,7 +26,7 @@ function Bracket(parent) {
     };
     
     tm.getInnerXEast = function() {
-        return TUtil.isDefined(tm.getRealParent().getValue('innerXEast')) ? this.getRealParent().getValue('innerXEast') : this.getRealParent().absX + this.getRealParent().getWidth();        
+        return TUtil.isDefined(tm.getRealParent().val('innerXEast')) ? this.getRealParent().val('innerXEast') : this.getRealParent().absX + this.getRealParent().getWidth();        
     };
     
     tm.getInnerContentHeight = function() {
@@ -55,11 +55,11 @@ function Bracket(parent) {
     };
 
     tm.isVisible = function () {
-        return this.yVisible;
+        return this.visibilityStatus.top && this.visibilityStatus.bottom;
     };
     
-    tm.addUpdatingChild = function(child) {
-        this.getRealParent().addUpdatingChild(child);
+    tm.addToUpdatingChildren = function(child) {
+        this.getRealParent().addToUpdatingChildren(child);
     };
     
     tm.createViewport = function() { 

package/src/ColorUtil.js

@@ -0,0 +1,164 @@
+function ColorUtil() {}
+
+ColorUtil.colors = {
+    aliceblue : "#f0f8ff",
+    antiquewhite : "#faebd7",
+    aqua : "#00ffff",
+    aquamarine : "#7fffd4",
+    azure : "#f0ffff",
+    beige : "#f5f5dc",
+    bisque : "#ffe4c4",
+    black : "#000000",
+    blanchedalmond : "#ffebcd",
+    blue : "#0000ff",
+    blueviolet : "#8a2be2",
+    brown : "#a52a2a",
+    burlywood : "#deb887",
+    cadetblue : "#5f9ea0",
+    chartreuse : "#7fff00",
+    chocolate : "#d2691e",
+    coral : "#ff7f50",
+    cornflowerblue : "#6495ed",
+    cornsilk : "#fff8dc",
+    crimson : "#dc143c",
+    cyan : "#00ffff",
+    darkblue : "#00008b",
+    darkcyan : "#008b8b",
+    darkgoldenrod : "#b8860b",
+    darkgray : "#a9a9a9",
+    darkgreen : "#006400",
+    darkkhaki : "#bdb76b",
+    darkmagenta : "#8b008b",
+    darkolivegreen : "#556b2f",
+    darkorange : "#ff8c00",
+    darkorchid : "#9932cc",
+    darkred : "#8b0000",
+    darksalmon : "#e9967a",
+    darkseagreen : "#8fbc8f",
+    darkslateblue : "#483d8b",
+    darkslategray : "#2f4f4f",
+    darkturquoise : "#00ced1",
+    darkviolet : "#9400d3",
+    deeppink : "#ff1493",
+    deepskyblue : "#00bfff",
+    dimgray : "#696969",
+    dodgerblue : "#1e90ff",
+    firebrick : "#b22222",
+    floralwhite : "#fffaf0",
+    forestgreen : "#228b22",
+    fuchsia : "#ff00ff",
+    gainsboro : "#dcdcdc",
+    ghostwhite : "#f8f8ff",
+    gold : "#ffd700",
+    goldenrod : "#daa520",
+    gray : "#808080",
+    green : "#008000",
+    greenyellow : "#adff2f",
+    honeydew : "#f0fff0",
+    hotpink : "#ff69b4",
+    indianred  : "#cd5c5c",
+    indigo : "#4b0082",
+    ivory : "#fffff0",
+    khaki : "#f0e68c",
+    lavender : "#e6e6fa",
+    lavenderblush : "#fff0f5",
+    lawngreen : "#7cfc00",
+    lemonchiffon : "#fffacd",
+    lightblue : "#add8e6",
+    lightcoral : "#f08080",
+    lightcyan : "#e0ffff",
+    lightgoldenrodyellow : "#fafad2",
+    lightgrey : "#d3d3d3",
+    lightgreen : "#90ee90",
+    lightpink : "#ffb6c1",
+    lightsalmon : "#ffa07a",
+    lightseagreen : "#20b2aa",
+    lightskyblue : "#87cefa",
+    lightslategray : "#778899",
+    lightsteelblue : "#b0c4de",
+    lightyellow : "#ffffe0",
+    lime : "#00ff00",
+    limegreen : "#32cd32",
+    linen : "#faf0e6",
+    magenta : "#ff00ff",
+    maroon : "#800000",
+    mediumaquamarine : "#66cdaa",
+    mediumblue : "#0000cd",
+    mediumorchid : "#ba55d3",
+    mediumpurple : "#9370d8",
+    mediumseagreen : "#3cb371",
+    mediumslateblue : "#7b68ee",
+    mediumspringgreen : "#00fa9a",
+    mediumturquoise : "#48d1cc",
+    mediumvioletred : "#c71585",
+    midnightblue : "#191970",
+    mintcream : "#f5fffa",
+    mistyrose : "#ffe4e1",
+    moccasin : "#ffe4b5",
+    navajowhite : "#ffdead",
+    navy : "#000080",
+    oldlace : "#fdf5e6",
+    olive : "#808000",
+    olivedrab : "#6b8e23",
+    orange : "#ffa500",
+    orangered : "#ff4500",
+    orchid : "#da70d6",
+    palegoldenrod : "#eee8aa",
+    palegreen : "#98fb98",
+    paleturquoise : "#afeeee",
+    palevioletred : "#d87093",
+    papayawhip : "#ffefd5",
+    peachpuff : "#ffdab9",
+    peru : "#cd853f",
+    pink : "#ffc0cb",
+    plum : "#dda0dd",
+    powderblue : "#b0e0e6",
+    purple : "#800080",
+    rebeccapurple : "#663399",
+    red : "#ff0000",
+    rosybrown : "#bc8f8f",
+    royalblue : "#4169e1",
+    saddlebrown : "#8b4513",
+    salmon : "#fa8072",
+    sandybrown : "#f4a460",
+    seagreen : "#2e8b57",
+    seashell : "#fff5ee",
+    sienna : "#a0522d",
+    silver : "#c0c0c0",
+    skyblue : "#87ceeb",
+    slateblue : "#6a5acd",
+    slategray : "#708090",
+    snow : "#fffafa",
+    springgreen : "#00ff7f",
+    steelblue : "#4682b4",
+    tan : "#d2b48c",
+    teal : "#008080",
+    thistle : "#d8bfd8",
+    tomato : "#ff6347",
+    turquoise : "#40e0d0",
+    violet : "#ee82ee",
+    wheat : "#f5deb3",
+    white : "#ffffff",
+    whitesmoke : "#f5f5f5",
+    yellow : "#ffff00",
+    yellowgreen : "#9acd32"
+};
+
+ColorUtil.color2Integers = function(color) {
+    color = color ? color + '' : '';
+    color = ColorUtil.colors[color.toLowerCase()] ? ColorUtil.colors[color.toLowerCase()] : color;
+        
+    if (!color) return;
+    
+    if (color.startsWith('#')) {
+        color = color.slice(1);
+        color = color.length === 3 ? color = color.split('').map(function(char) { return char + char; }).join('') : color;
+        var bigint = parseInt(color, 16);
+        return [(bigint >> 16) & 255, (bigint >> 8) & 255, bigint & 255];  
+    } else {
+        var rgbArray = color.match(/\d+/g);
+        return rgbArray && rgbArray.length === 3 ? rgbArray.map(Number) : undefined;
+    }
+};
+
+export { ColorUtil };

package/src/Easing.js

@@ -0,0 +1,41 @@
+function Easing() {}
+
+Easing.linear =function (t) {
+    return t;
+};
+
+Easing.inQuad = function (t) {
+    return t * t;
+};
+
+Easing.outQuad = function(t) {
+    return t * (2 - t);
+};
+
+Easing.outExpo = function (t) {
+    return 1 - (1 - t) * (1 - t);
+};
+  
+Easing.circular = function (t) {
+    return Math.sqrt(1 - (--t * t));
+};
+
+Easing.inOutQuad = function (t) {
+    return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
+};
+
+Easing.inOut = function (t) {
+    return t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2;
+};
+
+Easing.outElastic = function(t) {
+    var c4 = (2 * Math.PI) / 3;
+
+    return t === 0
+        ? 0
+        : t === 1
+        ? 1
+        : Math.pow(2, -10 * t) * Math.sin((t * 10 - 0.75) * c4) + 1;
+};
+
+export { Easing };

package/src/EventListener.js

@@ -107,12 +107,14 @@ EventListener.prototype.captureEvents = function() {
     if (lastEvent.eventName === 'resize') {
         tapp.dim.measureScreen();
     } else {
-        this.findEventHandlers(lastEvent.tmodel);
+        if (lastEvent.tmodel) {
+            this.findEventHandlers(lastEvent.tmodel);
+        }
         this.currentEvent = lastEvent.eventName;
         this.currentKey = this.currentTouch.key;
         this.currentTouch.key = "";        
     }
-    
+
     tapp.manager.scheduleRun(10, 'captureEvents' + '-' + lastEvent);   
     
 };
@@ -136,7 +138,7 @@ EventListener.prototype.handleEvent = function (event) {
     this.touchTimeStamp = now > this.touchTimeStamp ? now : this.touchTimeStamp;
 
     var tmodel = this.getTModelFromEvent(event);
-
+        
     var lastEvent = this.eventQueue.length > 0 ? this.eventQueue[this.eventQueue.length - 1] : null;
     
     if (lastEvent) {
@@ -232,8 +234,8 @@ EventListener.prototype.handleEvent = function (event) {
 EventListener.prototype.findEventHandlers = function(tmodel) {
 
     var touchHandler = tmodel ? SearchUtil.findFirstTouchHandler(tmodel) : null;
-    var scrollLeftHandler = tmodel ? SearchUtil.findFirstScrollLeftHandler(tmodel) : null;
-    var scrollTopHandler = tmodel ? SearchUtil.findFirstScrollTopHandler(tmodel) : null;
+    var scrollLeftHandler = this.end0 ? this.currentHandlers.scrollLeft : tmodel ? SearchUtil.findFirstScrollLeftHandler(tmodel) : null;
+    var scrollTopHandler = this.end0 ? this.currentHandlers.scrollTop : tmodel ? SearchUtil.findFirstScrollTopHandler(tmodel) : null;
     var pinchHandler = tmodel ? SearchUtil.findFirstPinchHandler(tmodel) : null;
 
     if (this.currentHandlers.scrollLeft !== scrollLeftHandler || this.currentHandlers.scrollTop !== scrollTopHandler) {
@@ -384,8 +386,20 @@ EventListener.prototype.isClickHandlerType = function(type) {
     return this.getTouchHandlerType() === type && this.isClickEvent();
 };
 
-EventListener.prototype.isTouchHandler = function(target) {
-    return this.getTouchHandler() === target;
+EventListener.prototype.isTouchHandler = function(handler) {
+    return this.getTouchHandler() === handler;
+};
+
+EventListener.prototype.isScrollLeftHandler = function(handler)  {
+    return this.currentHandlers.scrollLeft === handler;
+};
+
+EventListener.prototype.isScrollTopHandler = function(handler)  {
+    return this.currentHandlers.scrollTop === handler;
+};
+
+EventListener.prototype.isPinchHandler = function(handler)  {
+    return this.currentHandlers.pinch === handler;
 };
 
 EventListener.prototype.isCurrentSource = function(source) {
@@ -410,18 +424,6 @@ EventListener.prototype.isTouchHandlerOrAncestor = function(target) {
     return false;
 };
 
-EventListener.prototype.isScrollLeftHandler = function(handler)  {
-    return this.currentHandlers.scrollLeft === handler;
-};
-
-EventListener.prototype.isScrollTopHandler = function(handler)  {
-    return this.currentHandlers.scrollTop === handler;
-};
-
-EventListener.prototype.isPinchHandler = function(handler)  {
-    return this.currentHandlers.pinch === handler;
-};
-
 EventListener.prototype.countTouches = function(event)   {
     var count =  event.touches && event.touches.length ? event.touches.length : 
         event.originalEvent && event.originalEvent.touches && event.originalEvent.touches.length ? event.originalEvent.touches.length : 1;

package/src/LocationManager.js

@@ -1,6 +1,7 @@
 import { Bracket } from "./Bracket.js";
 import { TUtil } from "./TUtil.js";
 import { TargetUtil } from "./TargetUtil.js";
+import { TargetExecutor } from "./TargetExecutor.js";
 import { tapp, getEvents, getScreenWidth, getScreenHeight } from "./App.js";
 import { browser } from "./Browser.js";
 
@@ -56,14 +57,18 @@ LocationManager.prototype.calculateContainer = function(container) {
         
     var viewport = container.createViewport();
     container.resetVisibleList();
-                   
+    
     var i = 0, length = allChildren.length;
-
+   
     while (i < length && tapp.isRunning()) {
         
         var child = allChildren[i++];
-                        
+        if (!child) continue;
+                      
         var outerXEast = undefined, innerXEast = undefined;
+        
+        var preX = child.domValues.x;
+        var preY = child.domValues.y;
                 
         this.calculateTargets(child);
         
@@ -75,8 +80,8 @@ LocationManager.prototype.calculateContainer = function(container) {
         child.setLocation(viewport);
         child.calculateAbsolutePosition(child.x, child.y);
         
-        innerXEast = TUtil.isDefined(container.getValue('innerXEast')) ? container.getValue('innerXEast') : container.getInnerXEast();
-        outerXEast = TUtil.isDefined(child.getValue('outerXEast')) ? child.getValue('outerXEast') : child.getOuterXEast();
+        innerXEast = TUtil.isDefined(container.val('innerXEast')) ? container.val('innerXEast') : container.getInnerXEast();
+        outerXEast = TUtil.isDefined(child.val('outerXEast')) ? child.val('outerXEast') : child.getOuterXEast();
         
         if (viewport.isOverflow(outerXEast, innerXEast)) {   
             viewport.overflow();                       
@@ -89,87 +94,132 @@ LocationManager.prototype.calculateContainer = function(container) {
             this.addToLocationList(child);          
         }
 
-        if (!child.targetUpdatingMap.x) {
-            if (child.isTargetEnabled('x')) {
-                TargetUtil.assignValueArray(child, 'x');
-                tapp.targetManager.setJustActualValue(child, 'x');
-            } else if (!TUtil.isDefined(child.targetValues.x)) {
-                child.setValue('x', child.x);                
-            }
+        if (child.isTargetEnabled('x') && !child.isTargetUpdating('x') && !child.isTargetImperative('x') && child.getTargetSteps('x') === 0) {
+            TargetExecutor.resolveTargetValue(child, 'x');
+            TargetExecutor.snapActualToTarget(child, 'x');  
+        } else if (!TUtil.isDefined(child.targetValues.x)) {
+            child.val('x', child.x);                
         }
 
-        if (!child.targetUpdatingMap.y) {
-            if (child.isTargetEnabled('y')) {
-                TargetUtil.assignValueArray(child, 'y');
-                tapp.targetManager.setJustActualValue(child, 'y');
-            } else if (!TUtil.isDefined(child.targetValues.y)) {
-                child.setValue('y', child.y);
-            }            
+        if (child.isTargetEnabled('y') && !child.isTargetUpdating('y') && !child.isTargetImperative('y') && child.getTargetSteps('y') === 0) {
+            TargetExecutor.resolveTargetValue(child, 'y');
+            TargetExecutor.snapActualToTarget(child, 'y');              
+        } else if (!TUtil.isDefined(child.targetValues.y)) {
+            child.val('y', child.y);          
         }
         
+        if (preX !== child.getX() || preY !== child.getY()) {
+            child.addToStyleTargetList('transform');          
+        }
+                
         child.calculateAbsolutePosition(child.getX(), child.getY());
         
         viewport.isVisible(child);
-                               
+                   
         child.addToParentVisibleList();
-       
+               
         if (child.shouldCalculateChildren()) {
             this.calculateContainer(child);  
         }
-        
-        if (child.isVisible() && child.isIncluded() && (child.targetUpdatingList.length > 0 || child.updatingChildren.length > 0)) {
-            container.addUpdatingChild(child);
-        } 
-          
+  
         if (child.isInFlow()) {
-            var childLastHeight = child.getHeight();
-           
-            if (child.hasChildren()) {
-                if (child.isTargetEnabled('width')) {
-                    TargetUtil.assignValueArray(child, 'width');
-                    tapp.targetManager.setJustActualValue(child, 'width');
-                }
-                if (child.isTargetEnabled('height')) {
-                    TargetUtil.assignValueArray(child, 'height');
-                    tapp.targetManager.setJustActualValue(child, 'height');
-                }
-            }
-
-            if (child.getHeight() !== childLastHeight && getEvents().isScrollTopHandler(child.getParent())
-                        && getEvents().dir() === 'up') {
-                this.calculateContainer(child); 
-            } 
             
-            if (TUtil.isNumber(child.getValue('appendNewLine'))) {
+            if (TUtil.isNumber(child.val('appendNewLine'))) {
                 viewport.appendNewLine();
+                viewport.calcContentWidthHeight();
             } else {
-                viewport.nextLocation();             
+                viewport.calcContentWidthHeight();                
+                viewport.nextLocation();
             }
         }
-        
-        this.locationCount.push(child.oid + "-" + child.targetUpdatingList.length + "-" + (browser.now() - this.startTime));
-    }
+            
+        if (Array.isArray(child.val('contentHeight'))) {
+            child.val('contentHeight').forEach(function(key) {
+                var preVal = child.val(key);
+                child.val(key, child.getContentHeight());
+                if (preVal !== child.val(key)) child.addToStyleTargetList(key);
+            });
+        }
 
-    viewport.calcContentWidthHeight();
+        if (Array.isArray(child.val('contentWidth'))) {
+            child.val('contentWidth').forEach(function(key) {
+                var preVal = child.val(key);                
+                child.val(key, child.getContentWidth());
+                if (preVal !== child.val(key)) child.addToStyleTargetList(key);                
+            });
+        }
+        
+        viewport.calcContentWidthHeight();
+        
+        
+        this.locationCount.push(child.oid + "-" + child.updatingTargetList.length + "-" + (browser.now() - this.startTime));
+    }   
+    
 };
 
 LocationManager.prototype.calculateTargets = function(tmodel) {
-    if (this.resizeFlag && Array.isArray(tmodel.getValue('onResize'))) {
-        tmodel.getValue('onResize').forEach(function(key) {
-            if (tmodel.targets[key] && !tmodel.targets[key] !== 'number' && tmodel.targetValues[key] && !tmodel.isTargetActive(key)) {
-                tmodel.activeTargetMap[key] = true;
-                tmodel.targetValues[key].status = '';
-            }            
-        });     
-    }
-
-    tapp.targetManager.setTargetValues(tmodel, Object.keys(tmodel.activeTargetMap));        
+    this.resetTargetsOnEvents(tmodel);
+    tapp.targetManager.applyTargetValues(tmodel);        
     tapp.targetManager.setActualValues(tmodel);
    
     if (tmodel.hasDom()) {
-        if ((!TUtil.isDefined(tmodel.targetValues.width) && !TUtil.isDefined(tmodel.targets.width)) || tmodel.getTargetValue('widthFromDom')) TargetUtil.setWidthFromDom(tmodel);
-        if ((!TUtil.isDefined(tmodel.targetValues.height) && !TUtil.isDefined(tmodel.targets.height)) || tmodel.getTargetValue('heightFromDom')) TargetUtil.setHeightFromDom(tmodel);
+        var preWidth = tmodel.getWidth();
+        var preHeight = tmodel.getHeight();
+        
+        
+        if ((!TUtil.isDefined(tmodel.targetValues.width) && !TUtil.isDefined(tmodel.targets.width) && !TUtil.isDefined(tmodel.targetValues.contentWidth)) || tmodel.getTargetValue('widthFromDom')) {
+            TargetUtil.setWidthFromDom(tmodel);
+        }
+        if ((!TUtil.isDefined(tmodel.targetValues.height) && !TUtil.isDefined(tmodel.targets.height) && !TUtil.isDefined(tmodel.targetValues.contentHeight)) || tmodel.getTargetValue('heightFromDom')) {
+           TargetUtil.setHeightFromDom(tmodel);
+        }
+
+        if (preWidth !== tmodel.getWidth() || preHeight !== tmodel.getHeight()) {
+            tmodel.addToStyleTargetList('dim');
+        }    
+    }
+};
+
+LocationManager.prototype.resetTargetsOnEvents = function(tmodel) {
+    var resetTargets = [];
+
+    if (this.resizeFlag && tmodel.targets['onResize']) {
+        resetTargets = resetTargets.concat(tmodel.targets['onResize']);
+    }
+
+    if (getEvents().isTouchHandler(tmodel) && tmodel.targets['onTouchEvent']) {
+        resetTargets = resetTargets.concat(tmodel.targets['onTouchEvent']);
+    }
+    
+    if (getEvents().isClickHandler(tmodel) && tmodel.targets['onClickEvent']) {        
+        resetTargets = resetTargets.concat(tmodel.targets['onClickEvent']);
+    }
+
+    if ((getEvents().isScrollLeftHandler(tmodel) && getEvents().deltaX()) 
+        || (getEvents().isScrollTopHandler(tmodel) && getEvents().deltaY())) {
+        if (tmodel.targets['onScrollEvent']) {
+            resetTargets = resetTargets.concat(tmodel.targets['onScrollEvent']);
+        }
     }
+
+    if (TargetJ.getEvents().currentKey && tmodel.targets['onKeyEvent']) {
+        resetTargets = resetTargets.concat(tmodel.targets['onKeyEvent']);
+    }
+    
+    resetTargets.forEach(function(target) {        
+        var key, obj;
+        if (typeof target === 'object') {
+            key = target.key;
+            obj = target.object || tmodel;
+        } else {
+            key = target;
+            obj = tmodel;
+        }
+        
+        if (obj.targets[key] && obj.isTargetComplete(key)) {
+            obj.resetTarget(key);
+        }            
+    });    
 };
 
 LocationManager.prototype.addToLocationList = function(child)   {

package/src/Moves.js

@@ -0,0 +1,35 @@
+import { Easing } from "./Easing.js";
+
+function Moves() {}
+
+Moves.bounce = function (from, to, bounceFactor) {
+    bounceFactor = bounceFactor || 0.6;
+    
+    var bounce = to * bounceFactor;
+    var moves = [from];
+    while ((bounce | 0) > 1) {
+        moves.push(to);
+        moves.push(to - bounce);
+        bounce *= 0.5;
+    }
+    
+    return moves;
+};
+
+Moves.spiral = function (startAngle, endAngle, angleStep, x, y, width, height) {
+        
+    var xCoords = [], yCoords = [], rotations = [];
+            
+    for (var angle = startAngle; angle <= endAngle; angle += angleStep) {
+        var radians = angle * (Math.PI / 180);
+        xCoords.push(Math.floor(x + width * Math.cos(radians)));
+        yCoords.push(Math.floor(y + height * Math.sin(radians)));
+        rotations.push(90 + angle);
+    }
+    
+    return { x: xCoords, y: yCoords, rotate: rotations };
+};
+
+
+
+export { Moves };