Version 0.6.133, fix for closure compiler - ADVANCED_OPTIMIZATIONS

[pettanr/clientJs.git] / 0.6.x / js / 02_dom / 10_XNodeAnime.js

diff --git a/0.6.x/js/02_dom/10_XNodeAnime.js b/0.6.x/js/02_dom/10_XNodeAnime.js
index 1d7a23e..06e0d70 100644 (file)
--- a/0.6.x/js/02_dom/10_XNodeAnime.js
+++ b/0.6.x/js/02_dom/10_XNodeAnime.js
@@ -64,13 +64,13 @@ var X_Node_ANIMATIONS            = [],
        X_Node_Anime_hasTransform    = !!X_Node_CSS_VENDER_PREFIX[ 'transform' ],\r
        /* Opera mobile で  translateZ(0) が有効だと XY が 0 0 になる */\r
        /* GPUレイヤーにいる間に要素のコンテンツを変更をすると transitionend が動かなくなるっぽい Mac safari と firefox, 手当てが済むまでここは常に false */\r
-       X_Node_Anime_translateZ      = X_Node_CSS_VENDER_PREFIX[ 'perspective' ] && !X_UA.OperaMobile && !X_UA.OperaTablet ? ' translateZ(0)' : '',\r
+       X_Node_Anime_translateZ      = X_Node_CSS_VENDER_PREFIX[ 'perspective' ] && !X_UA[ 'OperaMobile' ] && !X_UA[ 'OperaTablet' ] ? ' translateZ(0)' : '',\r
        /* Opera12(XP,8.1) 切った方がスムース, win Safari3 で、たまに動作が止まってしまう、、、 */\r
-       X_Node_Anime_hasTransition   = !!X_Node_CSS_VENDER_PREFIX[ 'transitionDelay' ] && !X_UA.Opera && !( X_UA.Webkit <= 528.16 ),\r
+       X_Node_Anime_hasTransition   = !!X_Node_CSS_VENDER_PREFIX[ 'transitionDelay' ] && !X_UA[ 'Opera' ] && !( X_UA[ 'Webkit' ]  <= 528.16 ),\r
        X_Node_Anime_transitionProps = X_Node_Anime_hasTransform ? X_Node_CSS_VENDER_PREFIX[ 'transform' ] : 'left,top',\r
        // transitionEnd イベント中に要素の更新( X_Node_startUpdate() )ができるか？\r
        // iOS3+4 では可能、iOS6.1.5 で不可。TODO iOS5　及び他の環境で調査。ダメな場合、anime.html が正しく描画されない。\r
-       X_Node_updateOnTransitionEnd = X_UA.iOS < 6,\r
+       X_Node_updateOnTransitionEnd = X_UA[ 'iOS' ] < 6,\r
        X_Node_Anime_onTransition    = false;\r
 \r
 // gpu化だけ transformX , willChange\r
@@ -89,12 +89,12 @@ Node.prototype.animate = function( start, dest, duration, easing, wait ){
        var isNew = !this._anime,\r
                obj   = this._anime || ( this._anime = {} );\r
        \r
-       obj.duration  = 0 <= duration && X.Type.isFinite( duration ) ? duration : 500;\r
+       obj.duration  = 0 <= duration && X_Type_isFinite( duration ) ? duration : 500;\r
        obj.easing    = ease[ easing ] || ease.circular;\r
        // 現在 GPUレイヤーのtop になっているか？将来については phase で判定\r
        obj.gpuParent = obj.gpuParent || false;\r
        obj.phase     = duration === 0 ? 9 : obj.phase === 9 ? 9 : 0; //\r
-       obj.wait      = X.Type.isFinite( wait ) ? wait : 1000;\r
+       obj.wait      = X_Type_isFinite( wait ) ? wait : 1000;\r
                \r
        obj.startTime = X_Timer_now();\r
        obj.startX    = ( start.x || start.x === 0 ) ? start.x : obj.x || 0;\r
@@ -123,10 +123,10 @@ Node.prototype.animate = function( start, dest, duration, easing, wait ){
                \r
                X_Node_Anime_reserveUpdate( true );\r
        } else {\r
-               X_System.unlisten( X.Event.UPDATED, X_Node_Anime_updateAnimationsNoTransition );\r
+               X_System.unlisten( X_Event.UPDATED, X_Node_Anime_updateAnimationsNoTransition );\r
                X_Node_Anime_updateTimerID || ( X_Node_Anime_updateTimerID = X.Timer.requestFrame( X_Node_Anime_updateAnimationsNoTransition ) );\r
                \r
-               isNew && this.dispatch( { type : X.Event.ANIME_START, gpu : false } );\r
+               isNew && this.dispatch( { type : X_Event.ANIME_START, gpu : false } );\r
        };\r
        \r
        console.log( 'animate ' + this._id + ' y:' + obj.startX + ' > ' + obj.destX + ' d:' + obj.duration );\r
@@ -156,12 +156,12 @@ function X_Node_Anime_reserveUpdate( before ){
                if( X_Node_updateTimerID ){\r
                        console.log( before ? '> BEFORE_UPDATE' : '> UPDATED' );\r
                        before = false;\r
-                       X_System.listenOnce( before ? X.Event.BEFORE_UPDATE : X.Event.UPDATED, X_Node_Anime_updateAnimations );\r
+                       X_System.listenOnce( before ? X_Event.BEFORE_UPDATE : X_Event.UPDATED, X_Node_Anime_updateAnimations );\r
                } else {\r
                        console.log( '> Timer' );\r
                        // Opera12 requestAnimationFrame では transition が動かない、、、\r
                        X_Node_Anime_updateTimerID =\r
-                               X_UA.Opera ?\r
+                               X_UA[ 'Opera' ] ?\r
                                        X.Timer.once( 0, X_Node_Anime_updateAnimations ) :\r
                                        X.Timer.requestFrame( X_Node_Anime_updateAnimations );                  \r
                };\r
@@ -278,7 +278,7 @@ function X_Node_Anime_updateAnimation( xnode ){
                        break;\r
                case  0 : // 開始位置+アニメーションの設定 \r
                case  8 :\r
-                       X_ViewPort.unlisten( X.Event.AFTER_UPDATE, xnode, X_Node_Anime_gpuReleased );\r
+                       X_ViewPort.unlisten( X_Event.AFTER_UPDATE, xnode, X_Node_Anime_gpuReleased );\r
                        \r
                        xnode.css({\r
                                //willChange               : X_Node_Anime_transitionProps + ',opacity,width,height',\r
@@ -290,7 +290,7 @@ function X_Node_Anime_updateAnimation( xnode ){
                        console.log( '開始位置 ' + phase );\r
                        X_Node_Anime_updatePosition( xnode, obj.startX, obj.startY, obj.startA, phase === 8 );\r
                        \r
-                       xnode.dispatch( { type : X.Event.ANIME_START, gpu : phase === 8 } );\r
+                       xnode.dispatch( { type : X_Event.ANIME_START, gpu : phase === 8 } );\r
                        ++obj.phase;\r
                        break;\r
                case  1 :\r
@@ -316,7 +316,7 @@ function X_Node_Anime_updateAnimation( xnode ){
                        obj.phase = obj.gpuParent ? 10 : 4;\r
                        // このタイミングで animation 関連の css を削除したところ(X_Node_Anime_clearTransition)、iOS3、4 で再描画忘れが度々起きるように、、、\r
                        if( !obj.gpuParent ) X_Node_Anime_clearTransition( xnode );\r
-                       xnode.dispatch( { type : X.Event.ANIME_END, gpu : obj.gpuParent } );\r
+                       xnode.dispatch( { type : X_Event.ANIME_END, gpu : obj.gpuParent } );\r
                        break;\r
 \r
                case 4 :\r
@@ -351,7 +351,7 @@ function X_Node_Anime_updateAnimation( xnode ){
                                X_Node_Anime_clearTransition( xnode );\r
                                X_Node_Anime_updatePosition( xnode, obj.destX, obj.destY, obj.destA, phase === 14 );\r
                                obj.phase = phase === 14 ? 10 : 4;\r
-                               xnode.dispatch( { type : X.Event.ANIME_END, gpu : obj.gpuParent } );\r
+                               xnode.dispatch( { type : X_Event.ANIME_END, gpu : obj.gpuParent } );\r
                        } else {\r
                                current = X_Node_Anime_getComputedPosition( xnode );\r
                                obj.startX    = current.x;\r
@@ -371,7 +371,7 @@ function X_Node_Anime_updateAnimation( xnode ){
                        X_Node_Anime_clearTransition( xnode );\r
                        X_Node_Anime_updatePosition( xnode, obj.destX, obj.destY, obj.destA, false );\r
                        obj.gpuTimerID && X.Timer.remove( obj.gpuTimerID );\r
-                       X_ViewPort.listenOnce( X.Event.AFTER_UPDATE, xnode, X_Node_Anime_gpuReleased );\r
+                       X_ViewPort.listenOnce( X_Event.AFTER_UPDATE, xnode, X_Node_Anime_gpuReleased );\r
                        return true;\r
                \r
                case 100 : // stop() : アニメーションを中断して削除\r
@@ -410,7 +410,7 @@ function X_Node_Anime_onTransitionEnd( e ){
        console.log( 'トランジション終了' );\r
        \r
        X_Node_Anime_onTransition = true;\r
-       this.dispatch( { type : X.Event.ANIME_END, gpu : this._anime.gpuParent } );\r
+       this.dispatch( { type : X_Event.ANIME_END, gpu : this._anime.gpuParent } );\r
        X_Node_Anime_onTransition = false;\r
        \r
        X_Node_Anime_needsDetection = true;\r
@@ -434,12 +434,12 @@ function X_Node_Anime_releaseGPULayer(){
        delete this._anime;\r
        console.log( 'GPUレイヤーの破棄を指示' );\r
        \r
-       X_ViewPort.listenOnce( X.Event.AFTER_UPDATE, this, X_Node_Anime_gpuReleased );\r
+       X_ViewPort.listenOnce( X_Event.AFTER_UPDATE, this, X_Node_Anime_gpuReleased );\r
 };\r
 \r
 function X_Node_Anime_gpuReleased(){\r
        console.log( 'GPU レイヤーが解放されました' );\r
-       this.dispatch( { type : X.Event.GPU_RELEASED, gpu : true } );\r
+       this.dispatch( { type : X_Event.GPU_RELEASED, gpu : true } );\r
 };\r
 \r
 function X_Node_Anime_clearTransition( xnode ){\r
@@ -513,7 +513,7 @@ function X_Node_Anime_updateAnimationsNoTransition(){
                        X_Node_ANIMATIONS.splice( i, 1 );\r
                        \r
                        // filter な 親が解除されないと子要素への filter が反映されない\r
-                       xnode.asyncDispatch( { type : X.Event.ANIME_END, gpu : false } );\r
+                       xnode.asyncDispatch( { type : X_Event.ANIME_END, gpu : false } );\r
                } else {\r
                        easing = obj.easing.fn( ( now - obj.startTime ) / obj.duration );\r
                        newX   = ( obj.destX - obj.startX ) * easing + obj.startX;\r
@@ -529,7 +529,7 @@ function X_Node_Anime_updateAnimationsNoTransition(){
        \r
        if( c ){\r
                if( X_Node_updateTimerID ){\r
-                       X_System.listen( X.Event.UPDATED, X_Node_Anime_updateAnimationsNoTransition );\r
+                       X_System.listen( X_Event.UPDATED, X_Node_Anime_updateAnimationsNoTransition );\r
                        X_Node_Anime_updateTimerID = 0;\r
                } else {\r
                        X_Node_Anime_updateTimerID = X.Timer.requestFrame( X_Node_Anime_updateAnimationsNoTransition );\r