OSDN > ソフトウェアを探す > インターネット > WWW/HTTP > 動的コンテンツ > CMS(コンテンツ管理システム) > ぺったんR > SCM > git > clientJs > コミット

ぺったんR
Fork
pettanr
clientJs

R/O
HTTP
SSH
HTTPS

clientJs: コミット

クライアント側 js 開発用

コミットメタ情報

リビジョン	fef2e81d242a7ebd86dcb1089338303ef28659d5 (tree)
日時	2015-12-07 00:52:39
作者	itozyun <itozyun@user...>
コミッター	itozyun

ログメッセージ

Version 0.6.199, bug fixes X.Node.Anime & X.Util.Window & X.Net.OAuth2 & X.UI.*.

変更サマリ

modified: 0.6.x/js/01_core/13_XClass.js (diff)
modified: 0.6.x/js/02_dom/06_XNodeCSS.js (diff)
modified: 0.6.x/js/02_dom/10_XNodeAnime.js (diff)
modified: 0.6.x/js/02_dom/20_XNode.js (diff)
modified: 0.6.x/js/05_util/06_XWindow.js (diff)
modified: 0.6.x/js/06_net/05_XXHRGadget.js (diff)
modified: 0.6.x/js/06_net/10_XOAuth2.js (diff)
modified: 0.6.x/js/07_audio/00_XAudio.js (diff)
modified: 0.6.x/js/20_ui/01_XUI_LayoutBase.js (diff)
modified: 0.6.x/js/20_ui/05_XUI_Gesture.js (diff)
modified: 0.6.x/js/20_ui/08_Box.js (diff)
modified: 0.6.x/js/20_ui/15_ScrollBox.js (diff)
modified: 0.6.x/js/20_ui/20_Root.js (diff)

差分

--- a/0.6.x/js/01_core/13_XClass.js

+++ b/0.6.x/js/01_core/13_XClass.js

		@@ -171,7 +171,9 @@ X_Class_CommonMethods =
171	171	// index が替わっている可能性があるので取り直し
172	172	if( X_Class_SUPER_CALLER[ i ] !== me ) i = X_Class_SUPER_CALLER.indexOf( me );
173	173
174		- if( X_Class_SUPER_STACKS[ i ] === stack ) console.log( 'スーパークラス、またはスーパークラスのコンストラクタは存在しません' );
	174	+ if( X_Class_SUPER_STACKS[ i ] === stack ){
	175	+ //console.log( 'スーパークラス、またはスーパークラスのコンストラクタは存在しません' );
	176	+ };
175	177
176	178	if( stack === 0 ){
177	179	X_Class_SUPER_CALLER.splice( i, 1 );

		@@ -662,7 +664,7 @@ function X_Class_actualConstructor( f, args ){
662	664
663	665	obj = def.Constructor ?
664	666	def.Constructor.apply( instance, args ) :
665		- instance[ 'Super' ].apply( instance, args );
	667	+ def.SuperClass && instance[ 'Super' ].apply( instance, args );
666	668
667	669	if( obj !== instance && ( X_Type_isObject( obj ) \|\| X_Type_isFunction( obj ) ) ){ // Class
668	670	instance[ 'kill' ]();

--- a/0.6.x/js/02_dom/06_XNodeCSS.js

+++ b/0.6.x/js/02_dom/06_XNodeCSS.js

		@@ -831,7 +831,7 @@ X[ 'CSS' ] = {
831	831	for( j = vendors.length; j; ){
832	832	v = vendors[ --j ];
833	833	if( testStyle[ v + prop ] !== undefined ){
834		- if( v === 'ms' && !( 10 <= X_UA[ 'IEHost' ] ) ) v = 'Ms';// for ie9, 但し ie11 のieには不要
	834	+ if( v === 'ms'/* && !( 10 <= X_UA[ 'IEHost' ] )*/ ) v = 'Ms';// for ie9, 但し ie11 のieには不要
835	835	if( v === 'o' ) v = 'O';//for opera12
836	836	X_Node_CSS_VENDER_PREFIX[ search ] = v + prop;
837	837	break;

--- a/0.6.x/js/02_dom/10_XNodeAnime.js

+++ b/0.6.x/js/02_dom/10_XNodeAnime.js

		@@ -1,531 +1,361 @@
1	1
2		-var
3		- ease = {
4		- 'quadratic' : {
5		- style: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',
6		- fn: function (k) {
7		- return k * ( 2 - k );
8		- }
9		- },
10		- 'circular' : {
11		- style: 'cubic-bezier(0.1, 0.57, 0.1, 1)', // Not properly "circular" but this looks better, it should be (0.075, 0.82, 0.165, 1)
12		- fn: function (k) {
13		- return Math.sqrt( 1 - ( --k * k ) );
14		- }
15		- },
16		- 'back' : {
17		- style: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',
18		- fn: function (k) {
19		- var b = 4;
20		- return ( k = k - 1 ) * k * ( ( b + 1 ) * k + b ) + 1;
21		- }
22		- },
23		- 'bounce' : {
24		- style: '',
25		- fn: function (k) {
26		- if ( ( k /= 1 ) < ( 1 / 2.75 ) ) {
27		- return 7.5625 * k * k;
28		- } else if ( k < ( 2 / 2.75 ) ) {
29		- return 7.5625 * ( k -= ( 1.5 / 2.75 ) ) * k + 0.75;
30		- } else if ( k < ( 2.5 / 2.75 ) ) {
31		- return 7.5625 * ( k -= ( 2.25 / 2.75 ) ) * k + 0.9375;
32		- } else {
33		- return 7.5625 * ( k -= ( 2.625 / 2.75 ) ) * k + 0.984375;
34		- }
35		- }
36		- },
37		- 'elastic' : {
38		- style: '',
39		- fn: function (k) {
40		- var f = 0.22,
41		- e = 0.4;
42		-
43		- if ( k === 0 ) { return 0; }
44		- if ( k == 1 ) { return 1; }
45		-
46		- return ( e * Math.pow( 2, - 10 * k ) * Math.sin( ( k - f / 4 ) * ( 2 * Math.PI ) / f ) + 1 );
47		- }
48		- }
49		- };
50		-
51		-// お約束
52		-// transform や transition animation はスタイルシートに書かない
53		-
54		-// 新規アニメーションが追加された場合、
55		-// tree が dirty なら AFTER_COMMIT を待つ
56		-// 1) xnode の既存アニメーションとの親子関係の調査
57		-// 親なら -> 既存アニメーションの GPU レイヤー解除
58		-// 子なら -> GPU レイヤーを設定しない
59		-// 2) 目標座標のセット
60		-// 3) アニメーション完了後も GPU レイヤーはしばらく解除しないスクロール等の連続アニメーション時に GPU 転送時間で画面ががたつくから
61		-// アニメ中の remove
62		-
63		-var X_Node_ANIMATIONS = [],
64		- X_Node_Anime_reserved = false,
65		- X_Node_Anime_updateTimerID = 0,
66		- X_Node_Anime_needsDetection = false,
67		- X_Node_Anime_onTransition = false,
	2	+var X_NodeAnime_QUEUE = [],
	3	+ X_NodeAnime_uid = 0,
	4	+ X_NodeAnime_reserved = false,
	5	+ X_NodeAnime_updateTimerID = 0,
	6	+ X_NodeAnime_needsDetection = false,
68	7
69		- X_Node_Anime_hasTransform = !!X_Node_CSS_VENDER_PREFIX[ 'transform' ],
	8	+ X_NodeAnime_hasTransform = !!X_Node_CSS_VENDER_PREFIX[ 'transform' ],
70	9	/* Opera mobile で translateZ(0) が有効だと XY が 0 0 になる */
71	10	/* GPUレイヤーにいる間に要素のコンテンツを変更をすると transitionend が動かなくなるっぽい Mac safari と firefox */
72		- X_Node_Anime_translateZ = X_Node_CSS_VENDER_PREFIX[ 'perspective' ] && !X_UA[ 'OperaMobile' ] && !X_UA[ 'OperaTablet' ] ? ' translateZ(0)' : '',
73		- /* Opera12(XP,8.1) 切った方がスムース, win Safari3 で、たまに動作が止まってしまう、、、 */
74		- X_Node_Anime_hasTransition = false && !!X_Node_CSS_VENDER_PREFIX[ 'transitionDelay' ] && !( X_UA[ 'iOS' ] < 6 ) && !X_UA[ 'Opera' ] && !X_UA[ 'Blink' ], // && !( X_UA[ 'Webkit' ] <= 528.16 ),
75		- X_Node_Anime_transitionProps = X_Node_Anime_hasTransform ? X_Node_CSS_VENDER_PREFIX[ 'transform' ] : 'left,top',
76		- // transitionEnd イベント中に要素の更新( X_Node_startUpdate() )ができるか？
77		- // iOS3+4 では可能、iOS6.1.5 で不可。TODO iOS5　及び他の環境で調査。ダメな場合、anime.html が正しく描画されない。
78		- X_Node_updateOnTransitionEnd = false;
79		-
80		-// gpu化だけ transformX , willChange
81		-// 終了位置の変更
82		-// 中断
	11	+ X_NodeAnime_translateZ = X_Node_CSS_VENDER_PREFIX[ 'perspective' ] && !X_UA[ 'OperaMobile' ] && !X_UA[ 'OperaTablet' ] ? ' translateZ(0)' : '',
	12	+
	13	+ X_NodeAnime_transitionProps = X_NodeAnime_hasTransform ? X_Node_CSS_VENDER_PREFIX[ 'transform' ] : 'left,top';
83	14
84	15	/*
85		- * TODO : DX Anime
86		- * TODO : scale, ActiveX transform, zoom, fontSizeScale
87		- * TODO : rotate, ActiveX transform -> 位置補正のために size 情報が必要なので、commitUpdate 後に計算して適用
88		- * TODO : matrix
89		- * TODO : skew
90		- * TODO : filter
91		- * TODO 前回位置からの継続
92		- * TODO scrollLeft, scrollTop
	16	+ * phase:
	17	+ * 0: アニメーション無
	18	+ * 1: 登録されたばかり
	19	+ * 2: 準待機
	20	+ * 3: 後続待機
	21	+ * 4: 強制停止(GPU転送予約)
	22	+ * 5: GPU解除待ち
	23	+ * 6: 開始可能
	24	+ * 7: アニメーション中
	25	+ * TODO node.css( 'opacity' ) の上書き
93	26	*/
	27	+
	28	+var X_NODE_ANIME_RESET = 1,
	29	+ X_NODE_ANIME_STAY_GPU = 2;
	30	+
94	31	/**
95	32	* GPU サポートの効いたアニメーションの設定 X.Event.ANIME_START, X.Event.ANIME_END, X.Event.GPU_RELEASED
96		- *
97	33	* @alias Node.prototype.animate
98	34	* @param {object} start { x : 0, y : 0, opacity : 1 }
99	35	* @param {object} dest { x : 100, y : 100, opacity : 0 }
100	36	* @param {number=} duartion アニメーション時間 ms
101	37	* @param {string=} easing 'quadratic', 'circular', 'back', 'bounce', 'elastic'
102	38	* @param {number=} wait GPU レイヤーの遅延解除 ms
	39	+ * @param {number=} option フォールバックについて
103	40	* @return {Node} メソッドチェーン
104	41	*/
105		-function X_Node_animate( start, dest, duration, easing, wait ){
106		- var isNew = !this[ '_anime' ],
107		- obj = this[ '_anime' ];
	42	+function X_Node_animate( start, dest, duration, easing, lazyRelease, option ){
	43	+ var list = X_NodeAnime_QUEUE,
	44	+ obj = this[ '_anime' ],
	45	+ isNew = !obj,
	46	+ now, stop;
108	47
109		- if( !obj ){
110		- this[ '_anime' ] = obj = X_Node_Anime_getComputedPosition( this );
111		- obj.destX = obj.x;
112		- obj.destY = obj.y;
113		- obj.destA = obj.a;
	48	+ if( !( this[ '_flags' ] & X_NodeFlags_IN_TREE ) ){
	49	+ alert( '@animate 要素はツリーに追加されていません!' );
	50	+ // それでもアニメーションしてタイマー代わりにするとか、、、?
	51	+ return this;
114	52	};
115	53
116		- obj.duration = 0 <= duration && X_Type_isFinite( duration ) ? duration : 500;
117		- obj.easing = ease[ easing ] \|\| ease[ 'circular' ];
118		- // 現在 GPUレイヤーのtop になっているか？将来については phase で判定
119		- obj.gpuParent = obj.gpuParent \|\| false;
120		- obj.phase = duration === 0 ? 9 : obj.phase === 9 ? 9 : 0; //
121		- obj.wait = X_Type_isFinite( wait ) ? wait : 1000;
122		-
123		- obj.startTime = X_Timer_now();
124		- obj.startX = ( start.x \|\| start.x === 0 ) ? start.x : obj.x \|\| NaN;
125		- obj.startY = ( start.y \|\| start.y === 0 ) ? start.y : obj.y \|\| NaN;
126		- obj.startA = 0 <= start.opacity && start.opacity <= 1 ? start.opacity : obj.a \|\| 1;
127		-
128		- obj.destTime = obj.startTime + obj.duration;
129		- obj.destX = ( dest.x \|\| dest.x === 0 ) ? dest.x : obj.destX \|\| NaN;
130		- obj.destY = ( dest.y \|\| dest.y === 0 ) ? dest.y : obj.destY \|\| NaN;
131		- obj.destA = 0 <= dest.opacity && dest.opacity <= 1 ? dest.opacity : obj.destA \|\| 1;
132		-
133		- X_Node_ANIMATIONS.indexOf( this ) === -1 &&
134		- ( X_Node_ANIMATIONS[ X_Node_ANIMATIONS.length ] = this );
135		-
	54	+ if( isNew ){
	55	+ this[ '_anime' ] = obj = {
	56	+ x : 0, y : 0, a : 1,
	57	+ destX : 0, destY : 0, destA : 1,
	58	+ duration : 0
	59	+ //phase, lazyRelease, easing, follower, releaseNow
	60	+ };
	61	+ };
136	62
137		- if( X_Node_Anime_onTransition ) return this;
	63	+ if( 0 <= duration && X_Type_isFinite( duration ) ){
	64	+ obj.duration = duration;
	65	+ stop = !duration;
	66	+ };
138	67
139		- if( X_Node_Anime_hasTransition ){
140		-
141		- if( obj.gpuTimerID ){
142		- X_Timer_remove( obj.gpuTimerID );
143		- delete obj.gpuTimerID;
144		- };
145		-
146		- X_Node_Anime_needsDetection = true;
	68	+ if( obj.phase !== 7 ){
	69	+ // アニメーション中は easing の変更ができない
	70	+ obj.easing = X_Type_isFunction( easing ) ? easing : X_NodeAnime_ease[ easing ] \|\| X_NodeAnime_ease[ 'circular' ];
	71	+ };
	72	+// form :
	73	+ obj.startX = obj.x = X_NodeAnime_getFinite( start[ 'x' ], obj.x );
	74	+ obj.startY = obj.y = X_NodeAnime_getFinite( start[ 'y' ], obj.y );
	75	+ obj.startA = obj.a = X_NodeAnime_getFinite( start[ 'opacity' ], obj.a );
	76	+
	77	+ // to :
	78	+ obj.destX = X_NodeAnime_getFinite( dest[ 'x' ], obj.destX );
	79	+ obj.destY = X_NodeAnime_getFinite( dest[ 'y' ], obj.destY );
	80	+ obj.destA = X_NodeAnime_getFinite( dest[ 'opacity' ], obj.destA );
	81	+
	82	+ obj.lazyRelease = 0 <= lazyRelease && X_Type_isFinite( lazyRelease ) ? lazyRelease : 0;
	83	+
	84	+ if( stop && 6 <= obj.phase ){
	85	+ this[ 'stop' ](); // 現在値で停止
	86	+ } else
	87	+ if( !stop \|\| obj.lazyRelease ){
	88	+ if( isNew \|\| !obj.phase ){
	89	+ list[ list.length ] = this;
	90	+ obj.phase = 1;
	91	+ obj.uid = ++X_NodeAnime_uid;
	92	+ X_NodeAnime_needsDetection = true;
	93	+ } else
	94	+ if( obj.phase < 4 ){
	95	+ list.splice( list.indexOf( this ), 1 );
	96	+ list[ list.length ] = this;
	97	+ obj.uid = ++X_NodeAnime_uid;
	98	+ X_NodeAnime_needsDetection = true;
	99	+ } else
	100	+ if( !stop ){
	101	+ // リストの先頭にいるため検査不要でアニメーション開始可能 4, 5, 6, 7
	102	+ obj.phase = 6;
	103	+ } else
	104	+ // obj.lazyRelease はあり
	105	+ if( obj.phase !== 5 ){ // GPU解除待ちではない -> 4. 6, 7
	106	+ obj.phase = 4; // 強制停止(GPU転送予約)
	107	+ obj.releaseNow = false; // TODO folower が要るため GPU 転送できないケースあり
	108	+ X_NodeAnime_needsDetection = true;
	109	+ };
147	110
148		- X_Node_Anime_reserveUpdate( true );
149		- } else {
150		- if( !X_Node_Anime_reserved ){
151		- X_Node_Anime_reserved = true;
	111	+ if( !X_NodeAnime_reserved ){
	112	+ X_NodeAnime_reserved = true;
	113	+
152	114	if( X_Node_updateTimerID ){
153		- X_System[ 'listen' ]( X_EVENT_UPDATED, X_Node_Anime_updateAnimationsNoTransition );
154		- X_Node_Anime_updateTimerID && X_Timer_cancelFrame( X_Node_Anime_updateTimerID );
155		- X_Node_Anime_updateTimerID = 0;
	115	+ if( X_NodeAnime_updateTimerID ) X_NodeAnime_updateTimerID = X_Timer_cancelFrame( X_NodeAnime_updateTimerID );
	116	+
	117	+ X_System[ 'listen' ]( X_EVENT_UPDATED, X_NodeAnime_updateAnimations );
156	118	} else {
157		- X_System[ 'unlisten' ]( X_EVENT_UPDATED, X_Node_Anime_updateAnimationsNoTransition );
158		- X_Node_Anime_updateTimerID = X_Timer_requestFrame( X_Node_Anime_updateAnimationsNoTransition );
	119	+ X_System[ 'unlisten' ]( X_EVENT_UPDATED, X_NodeAnime_updateAnimations );
	120	+ X_NodeAnime_updateTimerID = X_Timer_requestFrame( X_NodeAnime_updateAnimations );
159	121	};
	122	+ };
	123	+ } else {
	124	+ if( obj.phase ){
	125	+ this[ 'stop' ](); // リストから外す
160	126	};
161		-
162		- isNew && this[ 'dispatch' ]( { type : X_EVENT_ANIME_START, 'gpu' : false } );
	127	+ console.log( 'リストに加えない!' );
163	128	};
164		-
165		- // console.log( 'animate() ' + this[ '_id' ] + ' y:' + obj.startY + ' > ' + obj.destY + ' d:' + obj.duration );
166		-
	129	+
167	130	return this;
168	131	};
169	132
	133	+function X_NodeAnime_getFinite( a, b ){
	134	+ if( a \|\| a === 0 ) return a;
	135	+ if( b \|\| b === 0 ) return b;
	136	+ return NaN;
	137	+};
	138	+
	139	+/*
	140	+ * 1.アニメーション中の要素の停止 ->後続アニメーションの開始
	141	+ * 2.アニメーション待機中の要素の停止 -> 後続アニメーションの再調査
	142	+ */
170	143	/**
171	144	* アニメーションの停止。
172	145	* @alias Node.prototype.stop
173	146	* @return {Node} メソッドチェーン
174	147	*/
175		-function X_Node_stop(){
176		- var obj = this[ '_anime' ];
	148	+function X_Node_stop( option ){
	149	+ var obj = this[ '_anime' ],
	150	+ list = X_NodeAnime_QUEUE,
	151	+ i, rm, j, xnode, _obj;
177	152
178		- if( !obj ) return this;
179		-
180		- if( X_Node_Anime_hasTransition ){
181		- obj.phase = 100;
182		- X_Node_Anime_needsDetection = true;
183		- X_Node_Anime_reserveUpdate();
184		- } else {
185		- X_Node_ANIMATIONS.splice( X_Node_ANIMATIONS.indexOf( this ), 1 );
186		- //obj.gpuTimerID && X_Timer_remove( obj.gpuTimerID );
187		- delete this[ '_anime' ];
	153	+ if( !obj \|\| !obj.phase ) return this;
	154	+
	155	+ switch( obj.phase ){
	156	+ case 6 : // アニメーション開始可能 ??
	157	+ case 2 : // 準待機
	158	+ case 3 : // アニメーション待機中
	159	+ X_NodeAnime_needsDetection = true;
	160	+ case 1 :
	161	+ rm = true;
	162	+
	163	+ case 4 : // 強制停止(GPU転送予約)
	164	+ case 7 : // アニメーション中
	165	+ if( option & X_NODE_ANIME_RESET ){
	166	+ obj.startX = obj.startY = obj.destX = obj.destY = obj.x = obj.y = 0;
	167	+ obj.startA = obj.destA = obj.a = 1;
	168	+ }; // TODO 終了値で停止も,,,
	169	+
	170	+ if( rm ) break; // 1,2,3,6 の場合ここまで
	171	+
	172	+ obj.destX = obj.x;
	173	+ obj.destY = obj.y;
	174	+ obj.destA = obj.a;
	175	+
	176	+ obj.phase = 4; // 強制解除
	177	+ X_NodeAnime_needsDetection = true;
	178	+
	179	+ case 5 : // GPU解除待ち
	180	+ obj.releaseNow = !( option & X_NODE_ANIME_STAY_GPU );
	181	+ break;
188	182	};
	183	+
	184	+ if( rm ){
	185	+ list.splice( list.indexOf( this ), 1 );
	186	+ obj.phase = 0;
	187	+ };
	188	+
189	189	return this;
190	190	};
191	191
192		-function X_Node_Anime_reserveUpdate( before ){
193		- if( !X_Node_Anime_reserved ){
194		- X_Node_Anime_reserved = true;
	192	+/*
	193	+ * 1. 新規アニメーションが現在アニメーション中の要素の親か子であればアニメーションを待機
	194	+ * 2.
	195	+ */
	196	+function X_NodeAnime_detectWaitAnimation( xnode, duration, isText ){
	197	+ var list = X_NodeAnime_QUEUE,
	198	+ i = 0, _xnode;
	199	+
	200	+ for( ; _xnode = list[ i ]; ++i ){
	201	+ if( _xnode === xnode ) break;
195	202
196		- if( X_Node_updateTimerID ){
197		- //console.log( before ? '> BEFORE_UPDATE' : '> UPDATED' );
198		- before = false;
199		- X_System[ 'listenOnce' ]( before ? X_EVENT_BEFORE_UPDATE : X_EVENT_UPDATED, X_Node_Anime_updateAnimations );
200		- } else {
201		- //console.log( '> Timer' );
202		- // Opera12 requestAnimationFrame では transition が動かない、、、
203		- X_Node_Anime_updateTimerID =
204		- X_UA[ 'Opera' ] ?
205		- X_Timer_once( 0, X_Node_Anime_updateAnimations ) :
206		- X_Timer_requestFrame( X_Node_Anime_updateAnimations );
	203	+ // アニメーションの優先度はリストにいる順
	204	+ // まず先行する後続待機要素の中に、親子関係のものがいないか？探す
	205	+ if( _xnode[ '_anime' ].phase <= 3 ){
	206	+ if( xnode[ 'contains' ]( _xnode ) \|\| _xnode[ 'contains' ]( xnode ) ){
	207	+ // -> いる、このような要素が複数いる場合、誰に後続すればいいか？判然としないため、準待機フラグを立てる
	208	+ return 2;
	209	+ };
207	210	};
208		- } else {
209		- // console.log( ' X_Node_Anime_reserved 済、予約なし' );
210	211	};
211		-};
212	212
213		-function X_Node_Anime_updateAnimations( v, updateNow ){
214		- var i = X_Node_ANIMATIONS.length, c = false, ret, xnode;
215		-
216		- // console.log( v.type \|\| v );
217		-
218		- //console.log( 'updateAnimations len:' + i + ' time:' + v + ' det:' + X_Node_Anime_needsDetection );
219		-
220		- if( X_Node_Anime_needsDetection ) X_Node_Anime_detectAnimationLayers();
221		-
222		- for( ; i; ){
223		- xnode = X_Node_ANIMATIONS[ --i ];
224		- //console.log( 'phase : ' + xnode[ '_id' ] + ' ' + xnode[ '_anime' ].phase + ' ' + xnode[ '_anime' ].duration );
225		- ret = X_Node_Anime_updateAnimation( xnode );
226		- if( ret === true ){
227		- X_Node_ANIMATIONS.splice( i, 1 );
228		- xnode[ '_anime' ].gpuTimerID && X_Timer_remove( xnode[ '_anime' ].gpuTimerID );
229		- delete xnode[ '_anime' ];
230		- } else
231		- if( ret !== false ){
232		- c = true;
	213	+ // -> いない、アニメーション中(開始可能も)の要素の中に、親子関係のものがいないか？探す
	214	+ // -> いる、待機状態へ
	215	+ // -> いない、アニメーションが可能
	216	+ for( i = 0; _xnode = list[ i ]; ++i ){
	217	+ if( _xnode === xnode ) break;
	218	+
	219	+ if( 6 <= _xnode[ '_anime' ].phase ){
	220	+ if( xnode[ 'contains' ]( _xnode ) \|\| _xnode[ 'contains' ]( xnode ) ){
	221	+ return isText ? 3 : _xnode;
	222	+ };
233	223	};
234	224	};
235		-
236		- if( ( X_Node_Anime_updateTimerID \|\| updateNow ) && X_Node_updateTimerID ) X_Node_startUpdate();
237		-
238		- X_Node_Anime_updateTimerID = 0;
239		- X_Node_Anime_reserved = false;
240		- if( c ){
241		- X_Node_Anime_reserveUpdate();
242		- };
	225	+ // アニメーション可能
	226	+ return duration ? 6 : 4; // duration がない場合は、アニメーション強制停止へ進みそこから GPU 解除待ちへ
243	227	};
244	228
245		-// TODO X_Timer_requestFrame 経由の BEFORE_UPDATE で更新を行う
246		-function X_Node_Anime_detectAnimationLayers(){
247		- var i = X_Node_ANIMATIONS.length,
248		- l = i,
249		- j, xnode, parent, _xnode, hasGPUChild, remove;
250		-
251		- for( ; i; ){
252		- xnode = X_Node_ANIMATIONS[ --i ];
253		- parent = hasGPUChild = false;
254		- for( j = l; j; ){
255		- _xnode = X_Node_ANIMATIONS[ --j ];
	229	+function X_NodeAnime_updateAnimations( e ){
	230	+ var list = X_NodeAnime_QUEUE,
	231	+ i = list.length,
	232	+ now = X_Timer_now(),
	233	+ c = false,
	234	+ i, xnode, obj, _xnode,
	235	+ rm, easing, follower, lazy;
	236	+
	237	+ if( X_NodeAnime_needsDetection ){
	238	+ X_NodeAnime_needsDetection = false;
	239	+
	240	+ //
	241	+ list.sort( X_NodeAnime_sortAnimationNode );
	242	+
	243	+ for( i = 0; xnode = list[ i ]; ++i ){
	244	+ obj = xnode[ '_anime' ];
256	245
257		- if( xnode.parent === _xnode.parent ){
258		- continue;
259		- } else
260		- if( _xnode[ 'contains' ]( xnode ) ){
261		- if( ( _xnode[ '_anime' ].phase === 3 && _xnode[ '_anime' ].gpuParent ) \|\| _xnode[ '_anime' ].phase === 10 ){
262		- _xnode[ '_anime' ].phase = 15;
263		- } else
264		- if( xnode[ '_anime' ].gpuParent ){
265		- parent = true;
266		- xnode[ '_anime' ].phase = xnode[ '_anime' ].phase === 2 ? 6 : 15;// GPU レイヤーの解除 > アニメーションは継続, すでに終了フェイズなら破棄
267		- } else
268		- if( [ 7, 8, 9, 13, 14 ].indexOf( xnode[ '_anime' ].phase ) !== -1 ){// GPU レイヤーの中止
269		- parent = true;
270		- xnode[ '_anime' ].phase -= 8;
	246	+ if( obj.phase <= 3 ){
	247	+ if( !X_Type_isNumber( obj.phase = _xnode = X_NodeAnime_detectWaitAnimation( xnode, obj.duration ) ) ){
	248	+ _xnode[ '_anime' ].follower = true;
	249	+ obj.phase = 3; // 後続待機
271	250	};
272		- break;
273		- } else
274		- if( xnode[ 'contains' ]( _xnode ) ){
275		- if( ( xnode[ '_anime' ].phase === 3 && xnode[ '_anime' ].gpuParent ) \|\| xnode[ '_anime' ].phase === 10 ){
276		- xnode[ '_anime' ].phase = 15;
277		- } else
278		- if( _xnode[ '_anime' ].gpuParent ){
279		- hasGPUChild = true;
280		- _xnode[ '_anime' ].phase = _xnode[ '_anime' ].phase === 2 ? 6 : 15;// GPU レイヤーの解除 > アニメーションは継続, すでに終了フェイズなら破棄
281		- } else
282		- if( [ 7, 8, 9, 13, 14 ].indexOf( _xnode[ '_anime' ].phase ) !== -1 ){// GPU レイヤーの中止
283		- hasGPUChild = true;
284		- _xnode[ '_anime' ].phase -= 8;
285		- };
286		- break;
287		- };
288		- };
289		-
290		- if( !parent && xnode[ '_anime' ].phase !== 15 ){
291		- if( xnode[ '_anime' ].phase === 0 ){
292		- // 新規
293		- xnode[ '_anime' ].phase = hasGPUChild ? 7 : 8;// 非GPU -> GPU 子に GPU アニメをもつなら、タイミングをずらす。
294		- } else
295		- if( [ 3, 4, 10, 100 ].indexOf( xnode[ '_anime' ].phase ) === -1 ){
296		- // 非GPU -> GPU
297		- xnode[ '_anime' ].phase = hasGPUChild ? 13 : 14;// 非GPU -> GPU 子に GPU アニメをもつなら、タイミングをずらす。
	251	+ } else {
	252	+ obj.follower = false;
298	253	};
299	254	};
300	255	};
301	256
302		- X_Node_Anime_needsDetection = false;
303		-};
	257	+ for( ; i; ){
	258	+ rm = false;
	259	+ xnode = list[ --i ];
	260	+ obj = xnode[ '_anime' ];
304	261
305		-function X_Node_Anime_updateAnimation( xnode ){
306		- var obj = xnode[ '_anime' ],
307		- phase = obj.phase,
308		- current, time;
309		- switch( phase ){
310		- case 2 :
311		- // アニメーション中
312		- return false;
313		-
314		- case -1 :// 子の GPU レイヤー解除待ち
315		- case 7 :
316		- ++obj.phase;
317		- break;
318		- case 0 : // 開始位置+アニメーションの設定
319		- case 8 :
320		- X_ViewPort[ 'unlisten' ]( X_EVENT_AFTER_UPDATE, xnode, X_Node_Anime_gpuReleased );
321		-
322		- xnode[ 'css' ]({
323		- //willChange : X_Node_Anime_transitionProps + ',opacity,width,height',
324		- backfaceVisibility : 'hidden',
325		- transitionTimingFunction : obj.easing.style,
326		- transitionDelay : '0s' // 0.001 にすると transitionend のタイミングが狂う、、、
327		- });
328		-
329		- //console.log( '開始位置 ' + phase );
330		- X_Node_Anime_updatePosition( xnode, obj.startX, obj.startY, obj.startA, phase === 8 );
331		-
332		- xnode[ 'dispatch' ]( { type : X_EVENT_ANIME_START, 'gpu' : phase === 8 } );
333		- ++obj.phase;
334		- break;
335		- case 1 :
336		- case 9 : // 終了位置の設定
337		- obj.gpuParent = phase === 9;
338		- if( obj.duration ){
339		- xnode[ 'listenOnce' ]( 'transitionend', X_Node_Anime_onTransitionEnd );
340		-
341		- xnode[ 'css' ]({
342		- transitionProperty : X_Node_Anime_transitionProps + ',opacity,width,height',
343		- transitionDuration : obj.duration + 'ms'
344		- });
	262	+ switch( obj.phase ){
	263	+ case 7 : // アニメーション中
	264	+ if( now < obj.destTime ){
	265	+ easing = obj.progress = obj.easing.fn( ( now - obj.startTime ) / obj.duration );
	266	+ X_NodeAnime_updatePosition( xnode,
	267	+ obj.x = ( obj.destX - obj.startX ) * easing + obj.startX \| 0,
	268	+ obj.y = ( obj.destY - obj.startY ) * easing + obj.startY \| 0,
	269	+ obj.a = ( obj.destA - obj.startA ) * easing + obj.startA, true );
	270	+ c = true;
	271	+ break;
	272	+ };
	273	+ // アニメーション終了
	274	+ case 4 : // 強制停止(GPU転送予約)
	275	+ lazy = !obj.follower && !obj.releaseNow && obj.lazyRelease;
	276	+ X_NodeAnime_updatePosition( xnode, obj.destX, obj.destY, obj.destA, !!lazy );
	277	+
	278	+ xnode[ 'asyncDispatch' ]( X_EVENT_ANIME_END );
345	279
346		- //console.log( '修了位置 ' + phase );
347		- X_Node_Anime_updatePosition( xnode, obj.destX, obj.destY, obj.destA, obj.gpuParent );
348		- obj.phase = 2;
	280	+ if( lazy ){
	281	+ console.log( 'アニメーション終了(' + obj.phase + ') -> GPU 解除待機 ' + lazy );
	282	+ obj.releaseTime = now + lazy;
	283	+ obj.phase = 5; // GPU解除待ち
	284	+ c = true;
	285	+ } else {
	286	+ console.log( 'アニメーション終了(' + obj.phase + ') -> ' );
	287	+ rm = true;
	288	+ };
349	289	break;
350		- };
351		- //console.log( 'duration = 0 の場合、アニメーションの解除' );
352		- // duration = 0 の場合、アニメーションの解除
353		-
354		- case 3 : // TransitionEnd　-> アニメーションの解除
355		- obj.phase = obj.gpuParent ? 10 : 4;
356		-
357		- //console.log( '#### アニメーションの解除 ' + obj.phase );
358		-
359		- // このタイミングで animation 関連の css を削除したところ(X_Node_Anime_clearTransition)、iOS3、4 で再描画忘れが度々起きるように、、、
360		- if( !obj.gpuParent ) X_Node_Anime_clearTransition( xnode );
361		- break;
362	290
363		- case 4 :
364		- // アニメーションは停止・GPU=false -> リストから削除
365		- obj.gpuParent = false;
366		- return true;
367		-
368		- case 10 :
369		- // アニメーションは停止・GPUレイヤーは解除していない(再アニメーションに備えて待機)
370		- if( !obj.gpuTimerID ){
371		- //console.log( '#### アニメーションは停止 ' + obj.wait );
372		- if( obj.wait ){
373		- obj.gpuTimerID = X_Timer_once( obj.wait, xnode, X_Node_Anime_releaseGPULayer );
	291	+ case 6 : // アニメーション開始可能
	292	+ obj.startTime = now;
	293	+ obj.destTime = now + obj.duration;
	294	+ obj.phase = 7; // アニメーション中
	295	+ obj.progress = 0;
	296	+ X_NodeAnime_updatePosition( xnode, obj.startX, obj.startY, obj.startA, true );
	297	+ xnode[ 'asyncDispatch' ]( X_EVENT_ANIME_START );
	298	+ c = true;
	299	+ break;
	300	+
	301	+ case 5 : // GPU解除待ち
	302	+ if( obj.releaseTime <= now \|\| obj.follower \|\| obj.releaseNow ){
	303	+ X_NodeAnime_translateZ && X_NodeAnime_updatePosition( xnode, obj.destX, obj.destY, obj.destA, false );
	304	+ rm = true;
374	305	} else {
375		- X_Node_Anime_releaseGPULayer.call( xnode );
	306	+ c = true;
376	307	};
377		- };
378		- return false;
379		-
380		- case 5 :
381		- case 13 :
382		- // 子のGPU解除待ち
383		- ++obj.phase;
384		- break;
385		-
386		- // GPU レイヤーの変更> アニメーションは継続,但し残り時間が短ければ停止
387		- case 6 :
388		- case 14 :
389		- now = X_Timer_now();
390		- time = obj.duration - now + obj.startTime;
391		- if( time < 16 ){
392		- X_Node_Anime_clearTransition( xnode );
393		- X_Node_Anime_updatePosition( xnode, obj.destX, obj.destY, obj.destA, phase === 14 );
394		- obj.phase = phase === 14 ? 10 : 4;
395		- xnode[ 'dispatch' ]( time, { type : X_EVENT_ANIME_END, 'gpu' : obj.gpuParent } );
396		- } else {
397		- current = X_Node_Anime_getComputedPosition( xnode );
398		- obj.startX = current.x;
399		- obj.startY = current.y;
400		- obj.startA = current.a;
401		- obj.duration = time;
402		- obj.startTime = now;
403		- X_Node_Anime_updatePosition( xnode, current.x, current.y, current.a, phase === 14 );
404		- obj.phase = phase === 14 ? 9 : 1;
405		- };
406		- break;
407		-
408		- case 15 :
409		- // GPU有効で停止（待機）している xnode の解除
410		- //console.log( 'GPU有効で停止（待機）している xnode の解除' + xnode[ '_tag' ] + xnode[ 'getOrder' ]() );
411		- // console.log( 'GPU有効で停止（待機）している xnode のGPU解除' );
412		- X_Node_Anime_clearTransition( xnode );
413		- X_Node_Anime_updatePosition( xnode, obj.destX, obj.destY, obj.destA, false );
414		- //obj.gpuTimerID && X_Timer_remove( obj.gpuTimerID );
415		- //delete obj.gpuTimerID;
416		- X_ViewPort[ 'listenOnce' ]( X_EVENT_AFTER_UPDATE, xnode, X_Node_Anime_gpuReleased );
417		- return true;
	308	+ break;
	309	+ };
418	310
419		- case 100 : // stop() : アニメーションを中断して削除
420		- //console.log( 'stop() gpu:' + obj.gpuParent );
421		- // console.log( 'アニメーションを中断して削除' );
422		- current = X_Node_Anime_getComputedPosition( xnode );
423		-
424		- X_Node_Anime_clearTransition( xnode );
425		- X_Node_Anime_updatePosition( xnode, current.x, current.y, current.a, obj.gpuParent );
426		- obj.phase = obj.gpuParent ? 10 : 4;
427		- break;
	311	+ obj.releaseNow = false;
428	312
429		- };
430		-};
431		-
432		-function X_Node_Anime_getComputedPosition( that ){
433		- var raw = that[ '_rawObject' ],
434		- x = NaN, y = NaN, a = 1, style, matrix;
435		-
436		- if( raw ){
437		- if( X_Node_Anime_hasTransform ){
438		- if( style = X_Node_CSS_getComputedStyle( raw, null ) ){
439		- matrix = ( style[ X_Node_CSS_VENDER_PREFIX[ 'transform' ] ] \|\| '' ).split( ')' )[ 0 ].split( ', ' );
440		- x = + ( matrix[ 12 ] \|\| matrix[ 4 ] );
441		- y = + ( matrix[ 13 ] \|\| matrix[ 5 ] );
442		- a = matrix[ X_Node_CSS_Support[ 'opacity' ] ];
443		- };
444		- } else
445		- if( X_Node_CSS_getComputedStyle ){
446		- if( style = X_Node_CSS_getComputedStyle( raw, null ) ){
447		- x = parseFloat( style[ 'left' ] );
448		- y = parseFloat( style[ 'top' ] );
449		- a = parseFloat( style[ X_Node_CSS_Support[ 'opacity' ] ] );
450		- };
451		- } else
452		- if( style = ( raw.currentStyle \|\| raw.style ) ){
453		- x = parseFloat( style[ 'left' ] );
454		- y = parseFloat( style[ 'top' ] );
455		- a = that[ '_css' ] && 0 <= that[ '_css' ].opacity ? that[ '_css' ].opacity : 1;
456		- //parseFloat( ( style[ 'filter' ] \|\| 'opacity=1' ).split( 'opacity=' )[ 1 ] );
	313	+ if( rm ){
	314	+ X_NodeAnime_translateZ && xnode[ 'asyncDispatch' ]( X_EVENT_GPU_RELEASED );
	315	+ // 後続のアニメーションがある場合
	316	+ if( obj.follower ) X_NodeAnime_needsDetection = c = true;
	317	+ list.splice( i, 1 );
	318	+ obj.phase = 0;
457	319	};
458	320	};
459		-
460		- return { x : x, y : y, a : a };
461		-};
462		-
463		-function X_Node_Anime_onTransitionEnd( e ){
464		- console.log( '[TransitionEnd] ' + ( this[ '_anime' ] && this[ '_anime' ].phase ) );
465		-
466		- if( !this[ '_anime' ] \|\| this[ '_anime' ].phase !== 2 ){
467		- // ここで return してしまうと、view の更新イベント待ちの場合、アニメが止まる
468		- X_Node_Anime_reserved && !X_Node_Anime_updateTimerID && !X_Node_updateTimerID && X_Node_Anime_reserveUpdate( X_Node_Anime_reserved = false );
469		- return X_CALLBACK_PREVENT_DEFAULT \| X_CALLBACK_STOP_PROPAGATION;
470		- };
471	321
472		- this[ '_anime' ].phase = 3;
473		-
474		- X_Node_Anime_clearTransition( this ); // X_EVENT_ANIME_END より前で呼んでおく
475		-
476		- X_Node_Anime_onTransition = true;
477		- this[ 'dispatch' ]( { type : X_EVENT_ANIME_END, 'gpu' : this[ '_anime' ].gpuParent } );
478		- X_Node_Anime_onTransition = false;
479		-
480		- X_Node_Anime_needsDetection = true;
481		- // iOS は transitionend 内の更新でアニメーション可能 iOS3, iOS4 で確認
482		- // win+Gecko は不可
483		- X_Node_Anime_updateAnimations( 0, X_Node_updateOnTransitionEnd );
	322	+ //c && console.log( 'anime... ' + X_Node_updateTimerID );
484	323
485		- return X_CALLBACK_PREVENT_DEFAULT \| X_CALLBACK_STOP_PROPAGATION;
486		-};
487		-
488		-function X_Node_Anime_releaseGPULayer(){
489		- var obj = this[ '_anime' ], tmp;
490		- if( !obj ){
491		- // console.log( '_anime無' );
492		- return;
	324	+ if( X_NodeAnime_reserved = c ){
	325	+ if( X_Node_updateTimerID ){
	326	+ // scrollbox では X_System X_EVENT_UPDATED は不可。。。
	327	+ !e \|\| e.type !== X_EVENT_UPDATED ?
	328	+ X_System[ 'listen' ]( X_EVENT_UPDATED, X_NodeAnime_updateAnimations ) :
	329	+ X_NodeAnime_updateTimerID && X_Timer_cancelFrame( X_NodeAnime_updateTimerID );
	330	+ X_NodeAnime_updateTimerID = 0;
	331	+ } else {
	332	+ X_System[ 'unlisten' ]( X_EVENT_UPDATED, X_NodeAnime_updateAnimations );
	333	+ X_NodeAnime_updateTimerID = X_Timer_requestFrame( X_NodeAnime_updateAnimations );
	334	+ };
	335	+ } else {
	336	+ X_System[ 'unlisten' ]( X_EVENT_UPDATED, X_NodeAnime_updateAnimations );
	337	+ X_NodeAnime_updateTimerID = 0;
493	338	};
494		- X_Node_Anime_clearTransition( this );
495		- X_Node_Anime_updatePosition( this, obj.destX, obj.destY, obj.destA, false );
496		- X_Node_ANIMATIONS.splice( X_Node_ANIMATIONS.indexOf( this ), 1 );
497		- delete obj.gpuTimerID;
498		- delete this[ '_anime' ];
499		- //console.log( 'GPUレイヤーの破棄を指示' );
500		-
501		- X_ViewPort[ 'listenOnce' ]( X_EVENT_AFTER_UPDATE, this, X_Node_Anime_gpuReleased );
502		-};
503		-
504		-function X_Node_Anime_gpuReleased(){
505		- //console.log( 'GPU レイヤーが解放されました' );
506		- this[ 'dispatch' ]( { type : X_EVENT_GPU_RELEASED, 'gpu' : true } );
507	339	};
508	340
509		-function X_Node_Anime_clearTransition( xnode ){
510		- // 開始座標のセット(新規のみ)
511		- // アニメーション指定のセット(または解除)(対象のみ)
512		- // 目標座標のセット
513		- xnode[ 'unlisten' ]( 'transitionend', X_Node_Anime_onTransitionEnd );
514		-
515		- xnode[ 'css' ]({
516		- //willChange : '',
517		- backfaceVisibility : '',
518		- transitionTimingFunction : '',
519		- transitionDelay : '',
520		- transitionDuration : ''
521		- });
	341	+/*
	342	+ * アニメーション開始、アニメーション中、強制停止(GPU転送予約)、GPU解除待ちの要素をリストの先頭に
	343	+ */
	344	+function X_NodeAnime_sortAnimationNode( xnode1, xnode2 ){
	345	+ var a = 4 <= xnode1[ '_anime' ].phase,
	346	+ b = 4 <= xnode2[ '_anime' ].phase;
	347	+
	348	+ if( ( a && b ) && ( !a && !b ) ){ // Chrome のみ
	349	+ return xnode1[ '_anime' ].uid - xnode2[ '_anime' ].uid;
	350	+ };
	351	+ return a ? -1 : 1;
522	352	};
523	353
524		-function X_Node_Anime_updatePosition( xnode, x, y, opacity, useGPU ){
	354	+function X_NodeAnime_updatePosition( xnode, x, y, opacity, useGPU ){
525	355	//console.log( 'updatePosition x:' + x + ' gpu:' + !!useGPU );
526		- if( X_Node_Anime_hasTransform ){
	356	+ if( X_NodeAnime_hasTransform ){
527	357	xnode[ 'css' ]({
528		- transform : 'translate(' + ( x \| 0 ) + 'px,' + ( y \| 0 ) + 'px)' + ( useGPU ? X_Node_Anime_translateZ : '' ),
	358	+ transform : 'translate(' + ( x \| 0 ) + 'px,' + ( y \| 0 ) + 'px)' + ( useGPU ? X_NodeAnime_translateZ : '' ),
529	359	opacity : opacity
530	360	});
531	361	} else {

		@@ -534,7 +364,7 @@ function X_Node_Anime_updatePosition( xnode, x, y, opacity, useGPU ){
534	364	opacity === opacity && xnode[ 'css' ]( 'opacity', opacity );
535	365	};
536	366
537		- if( X_Node_Anime_translateZ ){
	367	+ if( X_NodeAnime_translateZ ){
538	368	if( useGPU ){
539	369	if( xnode[ '_flags' ] & X_NodeFlags_GPU_RELEASE_RESERVED ){
540	370	xnode[ '_flags' ] &= X_Node_BitMask_RESET_GPU;

		@@ -556,54 +386,52 @@ function X_Node_Anime_updatePosition( xnode, x, y, opacity, useGPU ){
556	386	};
557	387	};
558	388
559		-function X_Node_Anime_updateAnimationsNoTransition( e ){
560		- var i = X_Node_ANIMATIONS.length,
561		- now = X_Timer_now(),
562		- obj,
563		- newX, newY, newA, easing,
564		- c = false;
565		-
566		- for( ; i; ){
567		- xnode = X_Node_ANIMATIONS[ --i ];
568		- obj = xnode[ '_anime' ];
569	389
570		- if( obj.destTime <= now ){
571		- X_Node_Anime_updatePosition( xnode, obj.destX, obj.destY, obj.destA, false );
	390	+var
	391	+ X_NodeAnime_ease = {
	392	+ 'quadratic' : {
	393	+ style: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',
	394	+ fn: function (k) {
	395	+ return k * ( 2 - k );
	396	+ }
	397	+ },
	398	+ 'circular' : {
	399	+ style: 'cubic-bezier(0.1, 0.57, 0.1, 1)', // Not properly "circular" but this looks better, it should be (0.075, 0.82, 0.165, 1)
	400	+ fn: function (k) {
	401	+ return Math.sqrt( 1 - ( --k * k ) );
	402	+ }
	403	+ },
	404	+ 'back' : {
	405	+ style: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',
	406	+ fn: function (k) {
	407	+ var b = 4;
	408	+ return ( k = k - 1 ) * k * ( ( b + 1 ) * k + b ) + 1;
	409	+ }
	410	+ },
	411	+ 'bounce' : {
	412	+ style: '',
	413	+ fn: function (k) {
	414	+ if ( ( k /= 1 ) < ( 1 / 2.75 ) ) {
	415	+ return 7.5625 * k * k;
	416	+ } else if ( k < ( 2 / 2.75 ) ) {
	417	+ return 7.5625 * ( k -= ( 1.5 / 2.75 ) ) * k + 0.75;
	418	+ } else if ( k < ( 2.5 / 2.75 ) ) {
	419	+ return 7.5625 * ( k -= ( 2.25 / 2.75 ) ) * k + 0.9375;
	420	+ } else {
	421	+ return 7.5625 * ( k -= ( 2.625 / 2.75 ) ) * k + 0.984375;
	422	+ }
	423	+ }
	424	+ },
	425	+ 'elastic' : {
	426	+ style: '',
	427	+ fn: function (k) {
	428	+ var f = 0.22,
	429	+ e = 0.4;
572	430
573		- delete xnode[ '_anime' ];
574		- X_Node_ANIMATIONS.splice( i, 1 );
575		- //console.log( obj.destA );
576		- // filter な親が解除されないと子要素への filter が反映されない
577		- xnode[ 'asyncDispatch' ]( { type : X_EVENT_ANIME_END, 'gpu' : false } );
578		- } else {
579		- easing = obj.easing.fn( ( now - obj.startTime ) / obj.duration );
580		- newX = ( obj.destX - obj.startX ) * easing + obj.startX;
581		- newY = ( obj.destY - obj.startY ) * easing + obj.startY;
582		- newA = ( obj.destA - obj.startA ) * easing + obj.startA;
583		- X_Node_Anime_updatePosition( xnode, newX, newY, newA, false );
584		- obj.x = newX;
585		- obj.y = newY;
586		- obj.a = newA;
587		- c = true;
588		- };
589		- };
590		-
591		- //c && console.log( 'anime... ' + X_Node_updateTimerID );
592		-
593		- if( X_Node_Anime_reserved = c ){
594		- if( X_Node_updateTimerID ){
595		- // scrollbox では X_System X_EVENT_UPDATED は不可。。。
596		- !e \|\| e.type !== X_EVENT_UPDATED ?
597		- X_System[ 'listen' ]( X_EVENT_UPDATED, X_Node_Anime_updateAnimationsNoTransition ) :
598		- X_Node_Anime_updateTimerID && X_Timer_cancelFrame( X_Node_Anime_updateTimerID );
599		- X_Node_Anime_updateTimerID = 0;
600		- } else {
601		- X_System[ 'unlisten' ]( X_EVENT_UPDATED, X_Node_Anime_updateAnimationsNoTransition );
602		- X_Node_Anime_updateTimerID = X_Timer_requestFrame( X_Node_Anime_updateAnimationsNoTransition );
603		- };
604		- } else {
605		- X_System[ 'unlisten' ]( X_EVENT_UPDATED, X_Node_Anime_updateAnimationsNoTransition );
606		- X_Node_Anime_updateTimerID = 0;
607		- };
608		-};
	431	+ if ( k === 0 ) { return 0; }
	432	+ if ( k == 1 ) { return 1; }
609	433
	434	+ return ( e * Math.pow( 2, - 10 * k ) * Math.sin( ( k - f / 4 ) * ( 2 * Math.PI ) / f ) + 1 );
	435	+ }
	436	+ }
	437	+ };

--- a/0.6.x/js/02_dom/20_XNode.js

+++ b/0.6.x/js/02_dom/20_XNode.js

		@@ -560,7 +560,8 @@ function X_Node_append( v ){
560	560	return X_Node_append.apply( this, X_HtmlParser_parse( v, true ) );
561	561	case X_NodeType_XNODE :
562	562	// 親の xnodes から v を消す
563		- v.parent && v[ 'remove' ]();
	563	+ if( v.parent === this && xnodes[ xnodes.length - 1 ] === v ) return this;
	564	+ v[ 'remove' ]();
564	565	// IE4 でテキストノードの追加、FIXED 済でない場合、親に要素の追加を通知
565	566	if( X_UA[ 'IE4' ] && !v[ '_tag' ] && ( ( this[ '_flags' ] & X_NodeFlags_IE4_FIXED ) === 0 ) ) this[ '_flags' ] \|= X_NodeFlags_IE4_DIRTY_CHILDREN;
566	567	break;

		@@ -780,6 +781,13 @@ function X_Node_remove(){
780	781
781	782	if( !parent ) return this;
782	783
	784	+ // TODO anime
	785	+ // stop() ->
	786	+ if( this[ '_anime' ] && this[ '_anime' ].phase ){
	787	+ console.log( 'Animation 中の REMOVE' );
	788	+ this[ 'stop' ]();
	789	+ };
	790	+
783	791	delete this.parent;
784	792	parent[ '_xnodes' ].splice( parent[ '_xnodes' ].indexOf( this ), 1 );
785	793

		@@ -852,7 +860,13 @@ function X_Node_onKill( that ){
852	860	};
853	861
854	862	X_Node_CHASHE[ that[ '_uid' ] ] = null; // array に対して delete X_Node_CHASHE[ uid ]　はまずい!
855		-
	863	+
	864	+// TODO anime
	865	+ if( that[ '_anime' ] && that[ '_anime' ].phase ){
	866	+ console.log( 'Animation 中の KILL' );
	867	+ that[ 'stop' ]();
	868	+ };
	869	+
856	870	// remove _xnodes
857	871	if( X_UA_DOM.IE4 ){
858	872	if( elm ){

		@@ -882,17 +896,22 @@ function X_Node_onKill( that ){
882	896	*/
883	897	function X_Node_contains( v ){
884	898	var elm, type, xnodes, i;
	899	+
885	900	if( !v \|\| !this[ '_tag' ] \|\| this === v ) return false;
	901	+
886	902	// contains ie4+
	903	+ /*
887	904	if( ( elm = this[ '_rawObject' ] \|\| X_UA_DOM.IE4 && X_Node__ie4getRawNode( this ) ) && document.contains && ( type = X_Node_getType( v ) ) && ( type === X_NodeType_RAW_HTML \|\| type === X_NodeType_RAW_TEXT ) ){
888	905	return elm.contains( v );
889		- };
	906	+ }; */
890	907
891	908	//if( document.compareDocumentPosition ){
892	909	//
893	910	//};
	911	+
894	912	xnodes = this[ '_xnodes' ];
895	913	if( !xnodes \|\| !xnodes.length ) return false;
	914	+ if( this === v[ 'parent' ] ) return true; // fast
896	915	if( xnodes.indexOf( v ) !== -1 ) return true; // fast
897	916	for( i = xnodes.length; i; ){
898	917	if( xnodes[ --i ][ 'contains' ]( v ) ) return true;

		@@ -1218,6 +1237,12 @@ function X_Node_call( name /, opt_args... / ){
1218	1237	return this.parent ? X_Node_CSS_getCharSize( this ) : 0;
1219	1238	case 'inGPU' :
1220	1239	return !!( this[ '_flags' ] & ( X_NodeFlags_GPU_NOW \| X_NodeFlags_GPU_RELEASE_RESERVED ) );
	1240	+ case 'canAnimateNow' :
	1241	+ return ( this[ '_flags' ] & X_NodeFlags_IN_TREE ) && X_NodeAnime_detectWaitAnimation( this, true, true ) === 6;
	1242	+ case 'animeState' :
	1243	+ return this[ '_anime' ] ? this[ '_anime' ].phase : 0;
	1244	+ case 'animeProgress' :
	1245	+ return this[ '_anime' ] && this[ '_anime' ].phase === 7 ? this[ '_anime' ].progress : 0;
1221	1246	};
1222	1247
1223	1248	X_Node_updateTimerID && X_Node_startUpdate();

		@@ -1362,6 +1387,7 @@ function X_Node_startUpdate( time ){
1362	1387	for( ; i; ){
1363	1388	xnodeOrElm = removal[ --i ];
1364	1389	// TODO GPU レイヤーの子の場合、remove をスキップする。非GPU レイヤーへ apppend される場合、clone する?
	1390	+ // GPU レイヤーを削除する場合、cssText = '' して GPU レイヤーを解除する
1365	1391	if( !xnodeOrElm[ 'instanceOf' ] ){
1366	1392	if( X_UA_DOM.IE4 ){
1367	1393	xnodeOrElm.removeAttribute( 'id' ); // ?

		@@ -1424,14 +1450,14 @@ var X_Node__commitUpdate =
1424	1450
1425	1451	// 1. GPU 一切の更新をスキップ
1426	1452	if( that[ '_flags' ] & X_NodeFlags_GPU_NOW ){
1427		- //console.log( '更新のskip ' + !!( that[ '_flags' ] & X_Node_BitMask_IS_DIRTY ) );
	1453	+ console.log( '更新のskip ' + !!( that[ '_flags' ] & X_Node_BitMask_IS_DIRTY ) );
1428	1454	that[ '_flags' ] & X_Node_BitMask_IS_DIRTY && X_Node__updateRawNode( that, elm );
1429	1455	return elm;
1430	1456	};
1431	1457
1432	1458	// 2. GPU解放予約
1433	1459	if( that[ '_flags' ] & X_NodeFlags_GPU_RELEASE_RESERVED ){
1434		- // console.log( 'GPU 解放 ' );
	1460	+ console.log( 'GPU 解放 ' );
1435	1461	//X_Node_updateReservedByReleaseGPU = true;
1436	1462	that[ '_flags' ] &= X_Node_BitMask_RESET_GPU;
1437	1463	//return elm;// TODO もしかしたらこのタイミングで更新できるかも。

		@@ -1439,6 +1465,7 @@ var X_Node__commitUpdate =
1439	1465
1440	1466	// 3. GPU予約 -> GPU
1441	1467	if( that[ '_flags' ] & X_NodeFlags_GPU_RESERVED ){
	1468	+ // TODO size 取得のための update の場合、GPU化を待つ
1442	1469	that[ '_flags' ] &= X_Node_BitMask_RESET_GPU;
1443	1470	that[ '_flags' ] \|= X_NodeFlags_GPU_NOW;
1444	1471	};

--- a/0.6.x/js/05_util/06_XWindow.js

+++ b/0.6.x/js/05_util/06_XWindow.js

		@@ -25,23 +25,13 @@ var X_Window = X[ 'Util' ][ 'Window' ] = X_EventDispatcher[ 'inherits' ](
25	25	'X.Window',
26	26
27	27	/** @lends X.Util.Window.prototype */
28		- {
29		-
30		- // TODO pair 側に
31		- /**
32		- * closed の監視用タイマーID
33		- * @private
34		- * @type {number} */
35		- _timerID : 0,
36		-
	28	+ {
37	29	'Constructor' : function( options ){
38	30	var url = options[ 'url' ],
39	31	page = window.open( url \|\| ''/* 'about:blank' */, options[ 'name' ] \|\| '', options[ 'params' ] \|\| '' ),
40	32	html = options[ 'html' ],
41	33	doc = X_Script_try( X_Object_find, [ page, 'document' ] );
42		-
43		- X_Pair_create( this, page );
44		-
	34	+
45	35	if( !url && html ){
46	36	this[ 'write' ]( html );
47	37	};

		@@ -49,7 +39,10 @@ var X_Window = X[ 'Util' ][ 'Window' ] = X_EventDispatcher[ 'inherits' ](
49	39	X_ViewPort[ 'listenOnce' ]( X_EVENT_UNLOAD, this, X_Util_Window_handleEvent );
50	40	this[ 'listenOnce' ]( [ X_EVENT_UNLOAD, X_EVENT_KILL_INSTANCE ], X_Util_Window_handleEvent );
51	41
52		- this._timerID = X_Timer_add( options[ 'interval' ] \|\| 500, 0, this, X_Util_Window_onTimer );
	42	+ X_Pair_create( this, {
	43	+ page : page,
	44	+ timerID : X_Timer_add( options[ 'interval' ] \|\| 500, 0, this, X_Util_Window_onTimer )
	45	+ } );
53	46	},
54	47
55	48	/**

		@@ -61,16 +54,30 @@ var X_Window = X[ 'Util' ][ 'Window' ] = X_EventDispatcher[ 'inherits' ](
61	54	* @return {boolean}
62	55	*/
63	56	'closed' : function(){
64		- return X_Script_try( X_Object_find, [ X_Pair_get( this ), 'closed' ] );
	57	+ var pair = X_Pair_get( this );
	58	+
	59	+ return pair ? X_Script_try( X_Object_find, [ pair.page, 'closed' ] ) : true;
65	60	},
66		-
	61	+
	62	+ /**
	63	+ * 別窓の url を書き換える
	64	+ * @param {string} url
	65	+ * @return {Window} チェーンメソッド
	66	+ */
	67	+ 'url' : function( url ){
	68	+ var pair = X_Pair_get( this );
	69	+
	70	+ pair && ( pair.location.href = url );
	71	+ },
	72	+
67	73	/**
68	74	* 別窓の内容を書き換える
69	75	* @param {string=} opt_html html文字列
70	76	* @return {Window} チェーンメソッド
71	77	*/
72	78	'write' : function( opt_html ){
73		- var doc = X_Script_try( X_Object_find, [ X_Pair_get( this ), 'document' ] );
	79	+ var pair = X_Pair_get( this ),
	80	+ doc = pair && X_Script_try( X_Object_find, [ pair.page, 'document' ] );
74	81
75	82	if( doc ){
76	83	doc.open();

		@@ -81,23 +88,34 @@ var X_Window = X[ 'Util' ][ 'Window' ] = X_EventDispatcher[ 'inherits' ](
81	88	};
82	89
83	90	return this;
	91	+ },
	92	+
	93	+ /**
	94	+ * 別窓の値にアクセスする, X.Object.find 参照
	95	+ * @param {string} selector 'navigator>mineTypes>hoge'
	96	+ * @return {*}
	97	+ */
	98	+ 'find' : function( selector ){
	99	+ var pair = X_Pair_get( this );
	100	+
	101	+ if( pair ) return X_Script_try( X_Object_find, [ pair.page, selector ] );
84	102	}
85		-
86		- // TODO url
87		-
88	103	}
89	104	);
90	105
91	106	function X_Util_Window_onTimer( e ){
	107	+ var pair = X_Pair_get( this );
	108	+
92	109	if( this[ 'closed' ]() ){
93	110	this[ 'asyncDispatch' ]( X_EVENT_UNLOAD );
94		- delete this._timerID;
	111	+ delete pair.timerID;
95	112	return X_CALLBACK_UN_LISTEN;
96	113	};
97	114	};
98	115
99	116	function X_Util_Window_handleEvent( e ){
100		- var page = X_Pair_get( this );
	117	+ var pair = X_Pair_get( this ),
	118	+ page = pair && pair.page;
101	119
102	120	switch( e.type ){
103	121	case X_EVENT_UNLOAD :

		@@ -113,7 +131,7 @@ function X_Util_Window_handleEvent( e ){
113	131	};
114	132	X_Pair_release( this, page );
115	133	};
116		- this._timerID && X_Timer_remove( this._timerID );
	134	+ pair.timerID && X_Timer_remove( pair.timerID );
117	135	X_ViewPort[ 'unlisten' ]( X_EVENT_UNLOAD, this, X_Util_Window_handleEvent );
118	136	break;
119	137	};

--- a/0.6.x/js/06_net/05_XXHRGadget.js

+++ b/0.6.x/js/06_net/05_XXHRGadget.js

		@@ -1,4 +1,4 @@
1		-//{+xhrgadget"OpenSocialガジェット通信プロキシ"(Xドメインは元よりXプロトコルな擬似xhr通信を可能にする)[+xhr]
	1	+//{+xhrgadget"OpenSocialガジェット通信プロキシ"(クロスドメインは元よりクロスプロトコルな擬似xhr通信を可能にする)[+xhr]
2	2
3	3	/*
4	4	* gadgets.io.makeRequest

--- a/0.6.x/js/06_net/10_XOAuth2.js

+++ b/0.6.x/js/06_net/10_XOAuth2.js

		@@ -1,7 +1,7 @@
1	1
2		-//{+oauth2"OAuth2 サービスの定義"(OAuth2外部サービスを定義し、認可プロセス・xhrの署名を自動化します)[+xhr]
3		-var X_NET_OAUTH2_authorizationWindow,
4		- X_NET_OAUTH2_authorizationTimerID;
	2	+//{+oauth2"OAuth2 サービスの定義"(OAuth2外部サービスを定義し、認可プロセス・xhrの署名を自動化します)[+xhr,+window]
	3	+var X_OAUTH2_authWindow,
	4	+ X_OAUTH2_authTimerID;
5	5
6	6	/**
7	7	* イベント

		@@ -73,7 +73,7 @@ X[ 'OAuth2' ] = X_EventDispatcher[ 'inherits' ](
73	73	};
74	74
75	75	// TODO canUse gadgetProxy
76		- this[ 'listen' ]( [ X_EVENT_KILL_INSTANCE, X_EVENT_SUCCESS, X_EVENT_ERROR, X_EVENT_NEED_AUTH ], X_NET_OAUTH2_handleEvent );
	76	+ this[ 'listen' ]( [ X_EVENT_KILL_INSTANCE, X_EVENT_SUCCESS, X_EVENT_ERROR, X_EVENT_NEED_AUTH ], X_OAUTH2_handleEvent );
77	77	},
78	78
79	79	/**

		@@ -113,7 +113,7 @@ X[ 'OAuth2' ] = X_EventDispatcher[ 'inherits' ](
113	113	};
114	114
115	115	// 二つ以上の popup を作らない
116		- if( X_NET_OAUTH2_authorizationWindow ) return;
	116	+ if( X_OAUTH2_authWindow ) return;
117	117
118	118	pair = X_Pair_get( this );
119	119

		@@ -121,25 +121,25 @@ X[ 'OAuth2' ] = X_EventDispatcher[ 'inherits' ](
121	121
122	122	w = pair[ 'authorizeWindowWidth' ] \|\| 500;
123	123	h = pair[ 'authorizeWindowHeight' ] \|\| 500;
	124	+
	125	+ X_OAUTH2_authWindow = X_Window( {
	126	+ 'url' : X_URL_create( pair[ 'authorizeEndpoint' ],
	127	+ {
	128	+ 'response_type' : 'code',
	129	+ 'client_id' : pair[ 'clientID' ],
	130	+ 'redirect_uri' : pair[ 'redirectURI' ],
	131	+ 'scope' : ( pair[ 'scopes' ] \|\| [] ).join( ' ' )
	132	+ }
	133	+ ),
	134	+ 'name' : 'oauthauthorize',
	135	+ 'params' : 'width=' + w
	136	+ + ',height=' + h
	137	+ + ',left=' + ( screen.width - w ) / 2
	138	+ + ',top=' + ( screen.height - h ) / 2
	139	+ + ',menubar=no,toolbar=no'
	140	+ } )[ 'listen' ]( X_EVENT_UNLOAD, this, X_OAuth2_detectAuthPopup );
124	141
125		- // TODO X.Util.Window
126		- X_NET_OAUTH2_authorizationWindow = window.open(
127		- X_URL_create( pair[ 'authorizeEndpoint' ],
128		- {
129		- 'response_type' : 'code',
130		- 'client_id' : pair[ 'clientID' ],
131		- 'redirect_uri' : pair[ 'redirectURI' ],
132		- 'scope' : ( pair[ 'scopes' ] \|\| [] ).join( ' ' )
133		- }
134		- ),
135		- 'oauthauthorize',
136		- 'width=' + w
137		- + ',height=' + h
138		- + ',left=' + ( screen.width - w ) / 2
139		- + ',top=' + ( screen.height - h ) / 2
140		- + ',menubar=no,toolbar=no');
141		-
142		- X_NET_OAUTH2_authorizationTimerID = X_Timer_add( 333, 0, this, X_Net_OAuth2_detectAuthPopup );
	142	+ X_OAUTH2_authTimerID = X_Timer_add( 333, 0, this, X_OAuth2_detectAuthPopup );
143	143
144	144	pair.oauth2State = 1;
145	145

		@@ -162,17 +162,13 @@ X[ 'OAuth2' ] = X_EventDispatcher[ 'inherits' ](
162	162	};
163	163
164	164	// http://kojikoji75.hatenablog.com/entry/2013/12/15/223839
165		- if( X_NET_OAUTH2_authorizationWindow ){
166		- if( 9 < X_UA[ 'IEHost' ] ){
167		- X_NET_OAUTH2_authorizationWindow.close();
168		- } else {
169		- X_NET_OAUTH2_authorizationWindow.open( 'about:blank', '_self' ).close();
170		- };
171		- X_NET_OAUTH2_authorizationWindow = null;
	165	+ if( X_OAUTH2_authWindow ){
	166	+ X_OAUTH2_authWindow[ 'kill' ]();
	167	+ X_OAUTH2_authWindow = null;
172	168	};
173	169
174		- X_NET_OAUTH2_authorizationTimerID && X_Timer_remove( X_NET_OAUTH2_authorizationTimerID );
175		- X_NET_OAUTH2_authorizationTimerID = 0;
	170	+ X_OAUTH2_authTimerID && X_Timer_remove( X_OAUTH2_authTimerID );
	171	+ X_OAUTH2_authTimerID = 0;
176	172
177	173	this[ 'asyncDispatch' ]( X_EVENT_CANCELED );
178	174	},

		@@ -213,14 +209,14 @@ X[ 'OAuth2' ] = X_EventDispatcher[ 'inherits' ](
213	209	'Content-Type' : 'application/x-www-form-urlencoded'
214	210	},
215	211	'test' : 'gadget' // canuse
216		- } ).listenOnce( [ X_EVENT_SUCCESS, X_EVENT_ERROR ], this, X_Net_OAuth2_responceHandler );
	212	+ } ).listenOnce( [ X_EVENT_SUCCESS, X_EVENT_ERROR ], this, X_OAuth2_responceHandler );
217	213
218	214	this[ 'asyncDispatch' ]( { type : X_EVENT_PROGRESS, message : 'Start to refresh token.' } );
219	215	}
220	216	}
221	217	);
222	218
223		-function X_NET_OAUTH2_handleEvent( e ){
	219	+function X_OAUTH2_handleEvent( e ){
224	220	var pair = X_Pair_get( this );
225	221
226	222	switch( e.type ){

		@@ -241,41 +237,35 @@ function X_NET_OAUTH2_handleEvent( e ){
241	237	};
242	238	};
243	239
244		-function X_Net_OAuth2_detectAuthPopup(){
245		- var closed, search, pair = X_Pair_get( this );
246		-
247		- if( X_NET_OAUTH2_authorizationWindow.closed ){
248		- pair.oauth2State = 0;
249		- closed = true;
	240	+function X_OAuth2_detectAuthPopup( e ){
	241	+ var pair = X_Pair_get( this ),
	242	+ status, search;
250	243
	244	+ if( X_OAUTH2_authWindow[ 'closed' ]() ){
	245	+ status = 0;
251	246	this[ 'asyncDispatch' ]( X_EVENT_CANCELED );
252	247	} else
253		- if( search = X_Script_try( X_Object_find, [ X_NET_OAUTH2_authorizationWindow, 'location>search' ] ) ){
254		- pair = X_Pair_get( this );
	248	+ if( search = X_OAUTH2_authWindow[ 'find' ]( 'location>search' ) ){
	249	+ pair = X_Pair_get( this );
255	250	pair.code = X_URL_paramToObj( search.slice( 1 ) )[ 'code' ];
256		-
257		- if( 9 < X_UA[ 'IEHost' ] ){
258		- X_NET_OAUTH2_authorizationWindow.close();
259		- } else {
260		- X_NET_OAUTH2_authorizationWindow.open( 'about:blank', '_self' ).close();
261		- };
262		- closed = true;
263		-
264		- X_Net_OAuth2_authorizationCode( this, pair );
265		-
266		- pair.oauth2State = 2;
	251	+ status = 2;
	252	+ X_OAuth2_authorizationCode( this, pair );
267	253	this[ 'asyncDispatch' ]( { type : X_EVENT_PROGRESS, message : 'Get code success, then authorization code.' } );
268	254	};
269	255
270		- if( closed ){
271		- X_NET_OAUTH2_authorizationWindow = null;
272		- X_NET_OAUTH2_authorizationTimerID = 0;
	256	+ if( 0 <= status ){
	257	+ pair = pair \|\| X_Pair_get( this );
	258	+ pair.oauth2State = status;
	259	+
	260	+ X_OAUTH2_authWindow[ 'kill' ]();
	261	+ X_OAUTH2_authWindow = null;
	262	+ X_OAUTH2_authTimerID = X_Timer_remove( X_OAUTH2_authTimerID );
273	263
274	264	return X_CALLBACK_UN_LISTEN;
275	265	};
276	266	};
277	267
278		-function X_Net_OAuth2_authorizationCode( oauth2, pair ){
	268	+function X_OAuth2_authorizationCode( oauth2, pair ){
279	269	pair.net = X.Net( {
280	270	'xhr' : pair[ 'tokenEndpoint' ],
281	271	'postdata' : X_URL_objToParam({

		@@ -291,10 +281,10 @@ function X_Net_OAuth2_authorizationCode( oauth2, pair ){
291	281	'Content-Type' : 'application/x-www-form-urlencoded'
292	282	},
293	283	'test' : 'gadget'
294		- } ).listenOnce( [ X_EVENT_SUCCESS, X_EVENT_ERROR ], oauth2, X_Net_OAuth2_responceHandler );
	284	+ } ).listenOnce( [ X_EVENT_SUCCESS, X_EVENT_ERROR ], oauth2, X_OAuth2_responceHandler );
295	285	};
296	286
297		-function X_Net_OAuth2_responceHandler( e ){
	287	+function X_OAuth2_responceHandler( e ){
298	288	var data = e.response,
299	289	pair = X_Pair_get( this ),
300	290	isRefresh = pair.oauth2State === 3;

		@@ -353,7 +343,7 @@ function X_Net_OAuth2_responceHandler( e ){
353	343	X_OAuth2_setAuthMechanism( this, 'param' );
354	344	this[ 'asyncDispatch' ]( { type : X_EVENT_PROGRESS, message : 'Refresh access token failed. retry header -> param. ' } );
355	345	// retry
356		- X_Net_OAuth2_authorizationCode( this, pair );
	346	+ X_OAuth2_authorizationCode( this, pair );
357	347	};
358	348	break;
359	349	};

--- a/0.6.x/js/07_audio/00_XAudio.js

+++ b/0.6.x/js/07_audio/00_XAudio.js

		@@ -62,7 +62,7 @@ X_TEMP.onSystemReady.push(
62	62	*/
63	63	X[ 'Audio' ] = X_EventDispatcher[ 'inherits' ](
64	64	'X.Audio',
65		- X_Class.POOL_OBJECT,
	65	+ X_Class.NONE,
66	66	{
67	67	/**
68	68	* 音声の url。X.Event.BACKEND_READY で設定される。

--- a/0.6.x/js/20_ui/01_XUI_LayoutBase.js

+++ b/0.6.x/js/20_ui/01_XUI_LayoutBase.js

		@@ -17,8 +17,6 @@ XUI_Dirty = {
17	17	FONT : 3, // フォントサイズが変更された
18	18	CONTENT : 4 // コンテンツが変更された
19	19	},
20		-
21		-XUI_currentRootData,
22	20
23	21	XUI_LayoutBase = X_Class_create(
24	22	'X.UI.Layout.Base',

--- a/0.6.x/js/20_ui/05_XUI_Gesture.js

+++ b/0.6.x/js/20_ui/05_XUI_Gesture.js

		@@ -303,7 +303,7 @@ function XUI_Gesture_handleEvent( e ){
303	303	hammerEvent.touches = touches;
304	304
305	305	if( isStart && !hammer.gestureStartEvent ){
306		- console.log( '=- add -=' );
	306	+ //console.log( '=- add -=' );
307	307	// already busy with a Hammer.gesture detection on an element
308	308	hammer.gestureStartEvent = hammerEvent;
309	309	XUI_rootData[ 'listen' ]( [ XUI_Event._POINTER_MOVE, XUI_Event._POINTER_UP, XUI_Event._POINTER_CANCEL, XUI_Event.POINTER_OUT ], hammer, XUI_Gesture_handleEvent );

		@@ -357,13 +357,13 @@ function XUI_Gesture_handleEvent( e ){
357	357	// store as previous event event
358	358	hammer.gestureLastEvent = hammerEvent;
359	359	activated = hammer.gestureActivated;
360		- console.log( '... ' );
	360	+ //console.log( '... ' );
361	361	// call Hammer.gesture handlers
362	362	for( i = 0, l = gestures.length; i < l; ++i ){
363	363	gesture = gestures[ i ];
364	364
365	365	if( activated[ gesture.name ] && !hammer.gestureCanceled[ gesture.name ] ){
366		- ( console.log( '... ' + i + ' ' + gesture.name ) );
	366	+ //( console.log( '... ' + i + ' ' + gesture.name ) );
367	367	// if a handler returns false, we stop with the detection
368	368	( ret \|= ( gesture.handler( hammerEvent, hammer ) \|\| X_CALLBACK_NONE ) );
369	369	};

		@@ -389,14 +389,14 @@ function XUI_Gesture_handleEvent( e ){
389	389	for( i = touches.length; i; ){
390	390	uid = touches[ --i ][ 'pointerId' ];
391	391	if( XUI_Gesture_CAPTURED[ uid ] === hammer ){
392		- console.log( 'released. ' + uid );
	392	+ //console.log( 'released. ' + uid );
393	393	delete XUI_Gesture_CAPTURED[ uid ];
394	394	};
395	395	};
396	396	};
397	397
398	398	if( isEnd ){
399		- console.log( '=- clear -=' );
	399	+ //console.log( '=- clear -=' );
400	400	XUI_rootData[ 'unlisten' ]( [ XUI_Event._POINTER_MOVE, XUI_Event._POINTER_UP, XUI_Event._POINTER_CANCEL, XUI_Event.POINTER_OUT ], hammer, XUI_Gesture_handleEvent );
401	401
402	402	hammer.previous = {

		@@ -624,7 +624,7 @@ var XUI_Gesture_LIST = [
624	624	// break;
625	625	//};
626	626	ret \|= X_CALLBACK_CAPTURE_POINTER;
627		- console.log( '----- drag start ....' + e.type );
	627	+ //console.log( '----- drag start ....' + e.type );
628	628	hammer.gestureTriggered[ drag.name ] = true;
629	629	break;
630	630	};

		@@ -653,13 +653,13 @@ var XUI_Gesture_LIST = [
653	653	break;
654	654
655	655	case XUI_Event.POINTER_OUT :
656		- console.log( 'cancel!!' );
	656	+ //console.log( 'cancel!!' );
657	657	case XUI_Event._POINTER_CANCEL :
658	658	case XUI_Event._POINTER_UP:
659	659	// trigger dragend
660	660	if( hammer.gestureTriggered[ drag.name ] ){
661	661	ret = XUI_Gesture_trigger( hammer, XUI_Event.DRAG_END, e ) \| X_CALLBACK_CAPTURE_POINTER;
662		- console.log( '----- drag end ....' + e.type );
	662	+ //console.log( '----- drag end ....' + e.type );
663	663	hammer.gestureTriggered[ drag.name ] = false;
664	664	};
665	665	break;

		@@ -704,7 +704,7 @@ var XUI_Gesture_LIST = [
704	704	// do a single tap
705	705	if( hammer.gestureOptions.tap_always ){
706	706	hammer.gestureCurrentName = 'tap';
707		- console.log( 'tap! ' + e.deltaTime + 'ms ' + e.type );
	707	+ //console.log( 'tap! ' + e.deltaTime + 'ms ' + e.type );
708	708	return XUI_Gesture_trigger( hammer, XUI_Event.TAP, e );
709	709	};
710	710	};

--- a/0.6.x/js/20_ui/08_Box.js

+++ b/0.6.x/js/20_ui/08_Box.js

		@@ -233,6 +233,8 @@ var XUI_Box = XUI_AbstractUINode.inherits(
233	233	};
234	234	p3 && data.phase < 3 && data.creationComplete();
235	235	};
	236	+
	237	+ console.log( 'addAt レイアウト 4? ' + this.phase );
236	238	4 <= this.phase && this.rootData.reserveCalc();
237	239	},
238	240

--- a/0.6.x/js/20_ui/15_ScrollBox.js

+++ b/0.6.x/js/20_ui/15_ScrollBox.js

		@@ -9,44 +9,54 @@ var XUI_ScrollBox_current,
9	9
10	10	function XUI_ScrollBox_start( scrollBox ){
11	11	// 既存スクロールの停止
12		- if( scrollBox.hasVScroll ){
	12	+ if( XUI_ScrollBox_current && XUI_ScrollBox_current !== scrollBox ){
	13	+ XUI_ScrollBox_indicatorV &&
	14	+ XUI_ScrollBox_current[ 'unlisten' ]( [ X_EVENT_CANCELED, XUI_Event.SCROLL_END ], XUI_ScrollBox_indicatorV, XUI_ScrollBox_indicatorHandleEvent );
	15	+
	16	+ XUI_ScrollBox_indicatorH &&
	17	+ XUI_ScrollBox_current[ 'unlisten' ]( [ X_EVENT_CANCELED, XUI_Event.SCROLL_END ], XUI_ScrollBox_indicatorH, XUI_ScrollBox_indicatorHandleEvent );
	18	+ };
	19	+
	20	+ if( scrollBox && scrollBox.hasVScroll ){
13	21	if( !XUI_ScrollBox_indicatorV ){
14	22	XUI_ScrollBox_indicatorV = X_Doc_create( 'div' )[ 'className' ]( 'ScrollBox-IndicatorV' );
15	23	};
16		- if( XUI_ScrollBox_current )
17		- XUI_ScrollBox_current[ 'unlisten' ]( [ X_EVENT_CANCELED, XUI_Event.SCROLL_END ], XUI_ScrollBox_indicatorV, XUI_ScrollBox_indicatorHandleEvent );
18		-
19		- scrollBox.xnode[ 'append' ]( XUI_ScrollBox_indicatorV );
20		- XUI_ScrollBox_indicatorV[ 'animate' ](
21		- { opacity : 0 },
22		- { opacity : 1 },
23		- 900, 'circular', 300
24		- );
25		- scrollBox
26		- [ 'listenOnce' ]( [ X_EVENT_CANCELED, XUI_Event.SCROLL_END ], XUI_ScrollBox_indicatorV, XUI_ScrollBox_indicatorHandleEvent );
	24	+ if( scrollBox.xnode !== XUI_ScrollBox_indicatorV.parent ){
	25	+ console.log( '* Scroll Indicator add *' );
	26	+ scrollBox.xnode[ 'append' ]( XUI_ScrollBox_indicatorV );
	27	+ XUI_ScrollBox_indicatorV[ 'animate' ](
	28	+ { opacity : 0 },
	29	+ { opacity : 1 },
	30	+ 900, 'circular', 300
	31	+ );
	32	+ scrollBox
	33	+ [ 'listen' ]( [ X_EVENT_CANCELED, XUI_Event.SCROLL_END ], XUI_ScrollBox_indicatorV, XUI_ScrollBox_indicatorHandleEvent );
	34	+ };
27	35	} else
28	36	if( XUI_ScrollBox_indicatorV ){
	37	+ console.log( '* Scroll Indicator remove *' );
29	38	XUI_ScrollBox_indicatorV[ 'remove' ]();
30	39	};
31	40
32		- if( scrollBox.hasHScroll ){
	41	+ if( scrollBox && scrollBox.hasHScroll ){
33	42	if( !XUI_ScrollBox_indicatorH ){
34	43	XUI_ScrollBox_indicatorH = X_Doc_create( 'div' )[ 'className' ]( 'ScrollBox-IndicatorH' );
35	44	};
36		- if( XUI_ScrollBox_current )
37		- XUI_ScrollBox_current[ 'unlisten' ]( [ X_EVENT_CANCELED, XUI_Event.SCROLL_END ], XUI_ScrollBox_indicatorH, XUI_ScrollBox_indicatorHandleEvent );
38		- scrollBox.xnode[ 'append' ]( XUI_ScrollBox_indicatorH );
39		- XUI_ScrollBox_indicatorH[ 'animate' ](
40		- { opacity : 0 },
41		- { opacity : 1 },
42		- 900, 'circular', 300
43		- );
44		- scrollBox
45		- [ 'listenOnce' ]( [ X_EVENT_CANCELED, XUI_Event.SCROLL_END ], XUI_ScrollBox_indicatorH, XUI_ScrollBox_indicatorHandleEvent );
	45	+ if( scrollBox.xnode !== XUI_ScrollBox_indicatorH.parent ){
	46	+ scrollBox.xnode[ 'append' ]( XUI_ScrollBox_indicatorH );
	47	+ XUI_ScrollBox_indicatorH[ 'animate' ](
	48	+ { opacity : 0 },
	49	+ { opacity : 1 },
	50	+ 900, 'circular', 300
	51	+ );
	52	+ scrollBox
	53	+ [ 'listen' ]( [ X_EVENT_CANCELED, XUI_Event.SCROLL_END ], XUI_ScrollBox_indicatorH, XUI_ScrollBox_indicatorHandleEvent );
	54	+ };
46	55	} else
47	56	if( XUI_ScrollBox_indicatorH ){
48	57	XUI_ScrollBox_indicatorH[ 'remove' ]();
49	58	};
	59	+
50	60	XUI_ScrollBox_current = scrollBox;
51	61	};
52	62

		@@ -198,6 +208,10 @@ var XUI_ScrollBox = XUI_ChromeBox.inherits(
198	208	this[ 'unlisten' ]( XUI_Event.SCROLL_END, XUI_rootData, XUI_rootData.calculate );
199	209
200	210	this.xnodeSlider[ 'stop' ]();
	211	+
	212	+ XUI_ScrollBox_current === this && XUI_ScrollBox_start( null );
	213	+
	214	+ this.scrolling = false;
201	215	};
202	216	}
203	217

		@@ -205,7 +219,7 @@ var XUI_ScrollBox = XUI_ChromeBox.inherits(
205	219	);
206	220
207	221	function X_UI_ScrollBox_onLayoutBefore( e ){
208		- if( e[ 'cancelable' ] && this.isInTransition && X_Node_Anime_translateZ ){
	222	+ if( e[ 'cancelable' ] && this.isInTransition && X_NodeAnime_translateZ ){
209	223	this[ 'listenOnce' ]( XUI_Event.SCROLL_END, XUI_rootData, XUI_rootData.calculate );
210	224	return X_CALLBACK_PREVENT_DEFAULT;
211	225	};

		@@ -298,7 +312,7 @@ function X_UI_ScrollBox_translate( that, x, y, opt_time, opt_easing, opt_release
298	312	XUI_ScrollBox_indicatorH && XUI_ScrollBox_indicatorH[ 'css' ]( 'top' , ( scrollBoxH - that.fontSize * 0.6 \| 0 ) + 'px' );
299	313	};
300	314
301		- if( that.hasVScroll && XUI_ScrollBox_indicatorV ){
	315	+ if( that.hasVScroll && XUI_ScrollBox_indicatorV && XUI_ScrollBox_indicatorV.parent === that.xnode ){
302	316	indicatorH = scrollBoxH * scrollBoxH / ( - that.scrollYMax + scrollBoxH );
303	317	scrollBoxH -= indicatorH;
304	318

		@@ -317,7 +331,7 @@ function X_UI_ScrollBox_translate( that, x, y, opt_time, opt_easing, opt_release
317	331	opt_time, opt_easing, opt_release
318	332	);
319	333	};
320		- if( that.hasHScroll && XUI_ScrollBox_indicatorH ){
	334	+ if( that.hasHScroll && XUI_ScrollBox_indicatorH && XUI_ScrollBox_indicatorH.parent === that.xnode ){
321	335	indicatorW = scrollBoxW * scrollBoxW / ( - that.scrollXMax + scrollBoxW );
322	336	scrollBoxW -= indicatorW;
323	337	XUI_ScrollBox_indicatorH

		@@ -393,7 +407,7 @@ function X_UI_ScrollBox_onMove( e ){
393	407	};
394	408
395	409	// gpu の用意
396		- if( !this.xnodeSlider[ '_anime' ] ){
	410	+ if( !this.xnodeSlider[ '_anime' ] \|\| !this.xnodeSlider[ '_anime' ].phase ){
397	411	//console.log( 'gpuレイヤーの用意 ' + e.pageY );
398	412	//console.log( 'mov1 x:' + this.scrollX + ' y:' + this.scrollY );
399	413	X_UI_ScrollBox_translate( this, this.scrollX, this.scrollY, 0, '', 300 );

--- a/0.6.x/js/20_ui/20_Root.js

+++ b/0.6.x/js/20_ui/20_Root.js

		@@ -208,9 +208,12 @@ var XUI_Root = XUI_Box.inherits(
208	208	size, font, w, h;
209	209
210	210	if( ( this[ 'dispatch' ]( { type : XUI_Event.LAYOUT_BEFORE, 'cancelable' : cancelable } ) & X_CALLBACK_PREVENT_DEFAULT ) && cancelable ){
	211	+ console.log( 'Layout のキャンセル' );
211	212	return X_CALLBACK_NONE;
212	213	};
213	214
	215	+ console.log( 'レイアウト開始' );
	216	+
214	217	XUI_mousemoveFix && XUI_mousemoveFixResetScroll();
215	218
216	219	size = X[ 'ViewPort' ][ 'getSize' ]();

		@@ -219,9 +222,14 @@ var XUI_Root = XUI_Box.inherits(
219	222	this.updateLayout();
220	223
221	224	this.calcReserved = false;
222		-
223		- X_ViewPort[ 'listenOnce' ]( X_EVENT_AFTER_UPDATE, this, XUI_Root_onViewUpdate );
224		-
	225	+
	226	+ // size を測りながらレイアウトする結果、アップデートがない場合がある
	227	+ if( X_Node_updateTimerID ){
	228	+ X_ViewPort[ 'listenOnce' ]( X_EVENT_AFTER_UPDATE, this, XUI_Root_onViewUpdate );
	229	+ } else {
	230	+ this[ 'asyncDispatch' ]( XUI_Event.LAYOUT_COMPLETE );
	231	+ };
	232	+
225	233	return X_CALLBACK_NONE;
226	234	},
227	235

		@@ -240,6 +248,7 @@ function XUI_Root_do1stCalculate(){
240	248	};
241	249
242	250	function XUI_Root_onViewUpdate( e ){
	251	+ console.log( 'レイアウト完了' );
243	252	this[ 'dispatch' ]( XUI_Event.LAYOUT_COMPLETE );
244	253	};
245	254

旧リポジトリブラウザで表示

ぺったんR ForkpettanrclientJs

clientJs: コミット

コミットメタ情報

ログメッセージ

変更サマリ

差分

ぺったんR
Fork
pettanr
clientJs