Context Navigation

source: ether_iasi/trunk/web/resources/js/library/jquery-ui-1.10.4.custom/development-bundle/ui/jquery.ui.effect.js @ 786

Last change on this file since 786 was 786, checked in by cbipsl, 10 years ago
commit temp bug libraries
File size: 31.2 KB

Line
1	/*!
2	* jQuery UI Effects 1.10.4
3	* http://jqueryui.com
4	*
5	* Copyright 2014 jQuery Foundation and other contributors
6	* Released under the MIT license.
7	* http://jquery.org/license
8	*
9	* http://api.jqueryui.com/category/effects-core/
10	*/
11	(function($, undefined) {
12
13	var dataSpace = "ui-effects-";
14
15	$.effects = {
16	effect: {}
17	};
18
19	/*!
20	* jQuery Color Animations v2.1.2
21	* https://github.com/jquery/jquery-color
22	*
23	* Copyright 2013 jQuery Foundation and other contributors
24	* Released under the MIT license.
25	* http://jquery.org/license
26	*
27	* Date: Wed Jan 16 08:47:09 2013 -0600
28	*/
29	(function( jQuery, undefined ) {
30
31	var stepHooks = "backgroundColor borderBottomColor borderLeftColor borderRightColor borderTopColor color columnRuleColor outlineColor textDecorationColor textEmphasisColor",
32
33	// plusequals test for += 100 -= 100
34	rplusequals = /^([\-+])=\s(\d+\.?\d)/,
35	// a set of RE's that can match strings and generate color tuples.
36	stringParsers = [{
37	re: /rgba?\(\s(\d{1,3})\s,\s(\d{1,3})\s,\s(\d{1,3})\s(?:,\s(\d?(?:\.\d+)?)\s)?\)/,
38	parse: function( execResult ) {
39	return [
40	execResult[ 1 ],
41	execResult[ 2 ],
42	execResult[ 3 ],
43	execResult[ 4 ]
44	];
45	}
46	}, {
47	re: /rgba?\(\s(\d+(?:\.\d+)?)\%\s,\s(\d+(?:\.\d+)?)\%\s,\s(\d+(?:\.\d+)?)\%\s(?:,\s(\d?(?:\.\d+)?)\s)?\)/,
48	parse: function( execResult ) {
49	return [
50	execResult[ 1 ] * 2.55,
51	execResult[ 2 ] * 2.55,
52	execResult[ 3 ] * 2.55,
53	execResult[ 4 ]
54	];
55	}
56	}, {
57	// this regex ignores A-F because it's compared against an already lowercased string
58	re: /#([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})/,
59	parse: function( execResult ) {
60	return [
61	parseInt( execResult[ 1 ], 16 ),
62	parseInt( execResult[ 2 ], 16 ),
63	parseInt( execResult[ 3 ], 16 )
64	];
65	}
66	}, {
67	// this regex ignores A-F because it's compared against an already lowercased string
68	re: /#([a-f0-9])([a-f0-9])([a-f0-9])/,
69	parse: function( execResult ) {
70	return [
71	parseInt( execResult[ 1 ] + execResult[ 1 ], 16 ),
72	parseInt( execResult[ 2 ] + execResult[ 2 ], 16 ),
73	parseInt( execResult[ 3 ] + execResult[ 3 ], 16 )
74	];
75	}
76	}, {
77	re: /hsla?\(\s(\d+(?:\.\d+)?)\s,\s(\d+(?:\.\d+)?)\%\s,\s(\d+(?:\.\d+)?)\%\s(?:,\s(\d?(?:\.\d+)?)\s)?\)/,
78	space: "hsla",
79	parse: function( execResult ) {
80	return [
81	execResult[ 1 ],
82	execResult[ 2 ] / 100,
83	execResult[ 3 ] / 100,
84	execResult[ 4 ]
85	];
86	}
87	}],
88
89	// jQuery.Color( )
90	color = jQuery.Color = function( color, green, blue, alpha ) {
91	return new jQuery.Color.fn.parse( color, green, blue, alpha );
92	},
93	spaces = {
94	rgba: {
95	props: {
96	red: {
97	idx: 0,
98	type: "byte"
99	},
100	green: {
101	idx: 1,
102	type: "byte"
103	},
104	blue: {
105	idx: 2,
106	type: "byte"
107	}
108	}
109	},
110
111	hsla: {
112	props: {
113	hue: {
114	idx: 0,
115	type: "degrees"
116	},
117	saturation: {
118	idx: 1,
119	type: "percent"
120	},
121	lightness: {
122	idx: 2,
123	type: "percent"
124	}
125	}
126	}
127	},
128	propTypes = {
129	"byte": {
130	floor: true,
131	max: 255
132	},
133	"percent": {
134	max: 1
135	},
136	"degrees": {
137	mod: 360,
138	floor: true
139	}
140	},
141	support = color.support = {},
142
143	// element for support tests
144	supportElem = jQuery( "<p>" )[ 0 ],
145
146	// colors = jQuery.Color.names
147	colors,
148
149	// local aliases of functions called often
150	each = jQuery.each;
151
152	// determine rgba support immediately
153	supportElem.style.cssText = "background-color:rgba(1,1,1,.5)";
154	support.rgba = supportElem.style.backgroundColor.indexOf( "rgba" ) > -1;
155
156	// define cache name and alpha properties
157	// for rgba and hsla spaces
158	each( spaces, function( spaceName, space ) {
159	space.cache = "_" + spaceName;
160	space.props.alpha = {
161	idx: 3,
162	type: "percent",
163	def: 1
164	};
165	});
166
167	function clamp( value, prop, allowEmpty ) {
168	var type = propTypes[ prop.type ] \|\| {};
169
170	if ( value == null ) {
171	return (allowEmpty \|\| !prop.def) ? null : prop.def;
172	}
173
174	// ~~ is an short way of doing floor for positive numbers
175	value = type.floor ? ~~value : parseFloat( value );
176
177	// IE will pass in empty strings as value for alpha,
178	// which will hit this case
179	if ( isNaN( value ) ) {
180	return prop.def;
181	}
182
183	if ( type.mod ) {
184	// we add mod before modding to make sure that negatives values
185	// get converted properly: -10 -> 350
186	return (value + type.mod) % type.mod;
187	}
188
189	// for now all property types without mod have min and max
190	return 0 > value ? 0 : type.max < value ? type.max : value;
191	}
192
193	function stringParse( string ) {
194	var inst = color(),
195	rgba = inst._rgba = [];
196
197	string = string.toLowerCase();
198
199	each( stringParsers, function( i, parser ) {
200	var parsed,
201	match = parser.re.exec( string ),
202	values = match && parser.parse( match ),
203	spaceName = parser.space \|\| "rgba";
204
205	if ( values ) {
206	parsed = inst[ spaceName ]( values );
207
208	// if this was an rgba parse the assignment might happen twice
209	// oh well....
210	inst[ spaces[ spaceName ].cache ] = parsed[ spaces[ spaceName ].cache ];
211	rgba = inst._rgba = parsed._rgba;
212
213	// exit each( stringParsers ) here because we matched
214	return false;
215	}
216	});
217
218	// Found a stringParser that handled it
219	if ( rgba.length ) {
220
221	// if this came from a parsed string, force "transparent" when alpha is 0
222	// chrome, (and maybe others) return "transparent" as rgba(0,0,0,0)
223	if ( rgba.join() === "0,0,0,0" ) {
224	jQuery.extend( rgba, colors.transparent );
225	}
226	return inst;
227	}
228
229	// named colors
230	return colors[ string ];
231	}
232
233	color.fn = jQuery.extend( color.prototype, {
234	parse: function( red, green, blue, alpha ) {
235	if ( red === undefined ) {
236	this._rgba = [ null, null, null, null ];
237	return this;
238	}
239	if ( red.jquery \|\| red.nodeType ) {
240	red = jQuery( red ).css( green );
241	green = undefined;
242	}
243
244	var inst = this,
245	type = jQuery.type( red ),
246	rgba = this._rgba = [];
247
248	// more than 1 argument specified - assume ( red, green, blue, alpha )
249	if ( green !== undefined ) {
250	red = [ red, green, blue, alpha ];
251	type = "array";
252	}
253
254	if ( type === "string" ) {
255	return this.parse( stringParse( red ) \|\| colors._default );
256	}
257
258	if ( type === "array" ) {
259	each( spaces.rgba.props, function( key, prop ) {
260	rgba[ prop.idx ] = clamp( red[ prop.idx ], prop );
261	});
262	return this;
263	}
264
265	if ( type === "object" ) {
266	if ( red instanceof color ) {
267	each( spaces, function( spaceName, space ) {
268	if ( red[ space.cache ] ) {
269	inst[ space.cache ] = red[ space.cache ].slice();
270	}
271	});
272	} else {
273	each( spaces, function( spaceName, space ) {
274	var cache = space.cache;
275	each( space.props, function( key, prop ) {
276
277	// if the cache doesn't exist, and we know how to convert
278	if ( !inst[ cache ] && space.to ) {
279
280	// if the value was null, we don't need to copy it
281	// if the key was alpha, we don't need to copy it either
282	if ( key === "alpha" \|\| red[ key ] == null ) {
283	return;
284	}
285	inst[ cache ] = space.to( inst._rgba );
286	}
287
288	// this is the only case where we allow nulls for ALL properties.
289	// call clamp with alwaysAllowEmpty
290	inst[ cache ][ prop.idx ] = clamp( red[ key ], prop, true );
291	});
292
293	// everything defined but alpha?
294	if ( inst[ cache ] && jQuery.inArray( null, inst[ cache ].slice( 0, 3 ) ) < 0 ) {
295	// use the default of 1
296	inst[ cache ][ 3 ] = 1;
297	if ( space.from ) {
298	inst._rgba = space.from( inst[ cache ] );
299	}
300	}
301	});
302	}
303	return this;
304	}
305	},
306	is: function( compare ) {
307	var is = color( compare ),
308	same = true,
309	inst = this;
310
311	each( spaces, function( _, space ) {
312	var localCache,
313	isCache = is[ space.cache ];
314	if (isCache) {
315	localCache = inst[ space.cache ] \|\| space.to && space.to( inst._rgba ) \|\| [];
316	each( space.props, function( _, prop ) {
317	if ( isCache[ prop.idx ] != null ) {
318	same = ( isCache[ prop.idx ] === localCache[ prop.idx ] );
319	return same;
320	}
321	});
322	}
323	return same;
324	});
325	return same;
326	},
327	_space: function() {
328	var used = [],
329	inst = this;
330	each( spaces, function( spaceName, space ) {
331	if ( inst[ space.cache ] ) {
332	used.push( spaceName );
333	}
334	});
335	return used.pop();
336	},
337	transition: function( other, distance ) {
338	var end = color( other ),
339	spaceName = end._space(),
340	space = spaces[ spaceName ],
341	startColor = this.alpha() === 0 ? color( "transparent" ) : this,
342	start = startColor[ space.cache ] \|\| space.to( startColor._rgba ),
343	result = start.slice();
344
345	end = end[ space.cache ];
346	each( space.props, function( key, prop ) {
347	var index = prop.idx,
348	startValue = start[ index ],
349	endValue = end[ index ],
350	type = propTypes[ prop.type ] \|\| {};
351
352	// if null, don't override start value
353	if ( endValue === null ) {
354	return;
355	}
356	// if null - use end
357	if ( startValue === null ) {
358	result[ index ] = endValue;
359	} else {
360	if ( type.mod ) {
361	if ( endValue - startValue > type.mod / 2 ) {
362	startValue += type.mod;
363	} else if ( startValue - endValue > type.mod / 2 ) {
364	startValue -= type.mod;
365	}
366	}
367	result[ index ] = clamp( ( endValue - startValue ) * distance + startValue, prop );
368	}
369	});
370	return this[ spaceName ]( result );
371	},
372	blend: function( opaque ) {
373	// if we are already opaque - return ourself
374	if ( this._rgba[ 3 ] === 1 ) {
375	return this;
376	}
377
378	var rgb = this._rgba.slice(),
379	a = rgb.pop(),
380	blend = color( opaque )._rgba;
381
382	return color( jQuery.map( rgb, function( v, i ) {
383	return ( 1 - a ) * blend[ i ] + a * v;
384	}));
385	},
386	toRgbaString: function() {
387	var prefix = "rgba(",
388	rgba = jQuery.map( this._rgba, function( v, i ) {
389	return v == null ? ( i > 2 ? 1 : 0 ) : v;
390	});
391
392	if ( rgba[ 3 ] === 1 ) {
393	rgba.pop();
394	prefix = "rgb(";
395	}
396
397	return prefix + rgba.join() + ")";
398	},
399	toHslaString: function() {
400	var prefix = "hsla(",
401	hsla = jQuery.map( this.hsla(), function( v, i ) {
402	if ( v == null ) {
403	v = i > 2 ? 1 : 0;
404	}
405
406	// catch 1 and 2
407	if ( i && i < 3 ) {
408	v = Math.round( v * 100 ) + "%";
409	}
410	return v;
411	});
412
413	if ( hsla[ 3 ] === 1 ) {
414	hsla.pop();
415	prefix = "hsl(";
416	}
417	return prefix + hsla.join() + ")";
418	},
419	toHexString: function( includeAlpha ) {
420	var rgba = this._rgba.slice(),
421	alpha = rgba.pop();
422
423	if ( includeAlpha ) {
424	rgba.push( ~~( alpha * 255 ) );
425	}
426
427	return "#" + jQuery.map( rgba, function( v ) {
428
429	// default to 0 when nulls exist
430	v = ( v \|\| 0 ).toString( 16 );
431	return v.length === 1 ? "0" + v : v;
432	}).join("");
433	},
434	toString: function() {
435	return this._rgba[ 3 ] === 0 ? "transparent" : this.toRgbaString();
436	}
437	});
438	color.fn.parse.prototype = color.fn;
439
440	// hsla conversions adapted from:
441	// https://code.google.com/p/maashaack/source/browse/packages/graphics/trunk/src/graphics/colors/HUE2RGB.as?r=5021
442
443	function hue2rgb( p, q, h ) {
444	h = ( h + 1 ) % 1;
445	if ( h * 6 < 1 ) {
446	return p + (q - p) * h * 6;
447	}
448	if ( h * 2 < 1) {
449	return q;
450	}
451	if ( h * 3 < 2 ) {
452	return p + (q - p) * ((2/3) - h) * 6;
453	}
454	return p;
455	}
456
457	spaces.hsla.to = function ( rgba ) {
458	if ( rgba[ 0 ] == null \|\| rgba[ 1 ] == null \|\| rgba[ 2 ] == null ) {
459	return [ null, null, null, rgba[ 3 ] ];
460	}
461	var r = rgba[ 0 ] / 255,
462	g = rgba[ 1 ] / 255,
463	b = rgba[ 2 ] / 255,
464	a = rgba[ 3 ],
465	max = Math.max( r, g, b ),
466	min = Math.min( r, g, b ),
467	diff = max - min,
468	add = max + min,
469	l = add * 0.5,
470	h, s;
471
472	if ( min === max ) {
473	h = 0;
474	} else if ( r === max ) {
475	h = ( 60 * ( g - b ) / diff ) + 360;
476	} else if ( g === max ) {
477	h = ( 60 * ( b - r ) / diff ) + 120;
478	} else {
479	h = ( 60 * ( r - g ) / diff ) + 240;
480	}
481
482	// chroma (diff) == 0 means greyscale which, by definition, saturation = 0%
483	// otherwise, saturation is based on the ratio of chroma (diff) to lightness (add)
484	if ( diff === 0 ) {
485	s = 0;
486	} else if ( l <= 0.5 ) {
487	s = diff / add;
488	} else {
489	s = diff / ( 2 - add );
490	}
491	return [ Math.round(h) % 360, s, l, a == null ? 1 : a ];
492	};
493
494	spaces.hsla.from = function ( hsla ) {
495	if ( hsla[ 0 ] == null \|\| hsla[ 1 ] == null \|\| hsla[ 2 ] == null ) {
496	return [ null, null, null, hsla[ 3 ] ];
497	}
498	var h = hsla[ 0 ] / 360,
499	s = hsla[ 1 ],
500	l = hsla[ 2 ],
501	a = hsla[ 3 ],
502	q = l <= 0.5 ? l * ( 1 + s ) : l + s - l * s,
503	p = 2 * l - q;
504
505	return [
506	Math.round( hue2rgb( p, q, h + ( 1 / 3 ) ) * 255 ),
507	Math.round( hue2rgb( p, q, h ) * 255 ),
508	Math.round( hue2rgb( p, q, h - ( 1 / 3 ) ) * 255 ),
509	a
510	];
511	};
512
513
514	each( spaces, function( spaceName, space ) {
515	var props = space.props,
516	cache = space.cache,
517	to = space.to,
518	from = space.from;
519
520	// makes rgba() and hsla()
521	color.fn[ spaceName ] = function( value ) {
522
523	// generate a cache for this space if it doesn't exist
524	if ( to && !this[ cache ] ) {
525	this[ cache ] = to( this._rgba );
526	}
527	if ( value === undefined ) {
528	return this[ cache ].slice();
529	}
530
531	var ret,
532	type = jQuery.type( value ),
533	arr = ( type === "array" \|\| type === "object" ) ? value : arguments,
534	local = this[ cache ].slice();
535
536	each( props, function( key, prop ) {
537	var val = arr[ type === "object" ? key : prop.idx ];
538	if ( val == null ) {
539	val = local[ prop.idx ];
540	}
541	local[ prop.idx ] = clamp( val, prop );
542	});
543
544	if ( from ) {
545	ret = color( from( local ) );
546	ret[ cache ] = local;
547	return ret;
548	} else {
549	return color( local );
550	}
551	};
552
553	// makes red() green() blue() alpha() hue() saturation() lightness()
554	each( props, function( key, prop ) {
555	// alpha is included in more than one space
556	if ( color.fn[ key ] ) {
557	return;
558	}
559	color.fn[ key ] = function( value ) {
560	var vtype = jQuery.type( value ),
561	fn = ( key === "alpha" ? ( this._hsla ? "hsla" : "rgba" ) : spaceName ),
562	local = this[ fn ](),
563	cur = local[ prop.idx ],
564	match;
565
566	if ( vtype === "undefined" ) {
567	return cur;
568	}
569
570	if ( vtype === "function" ) {
571	value = value.call( this, cur );
572	vtype = jQuery.type( value );
573	}
574	if ( value == null && prop.empty ) {
575	return this;
576	}
577	if ( vtype === "string" ) {
578	match = rplusequals.exec( value );
579	if ( match ) {
580	value = cur + parseFloat( match[ 2 ] ) * ( match[ 1 ] === "+" ? 1 : -1 );
581	}
582	}
583	local[ prop.idx ] = value;
584	return this[ fn ]( local );
585	};
586	});
587	});
588
589	// add cssHook and .fx.step function for each named hook.
590	// accept a space separated string of properties
591	color.hook = function( hook ) {
592	var hooks = hook.split( " " );
593	each( hooks, function( i, hook ) {
594	jQuery.cssHooks[ hook ] = {
595	set: function( elem, value ) {
596	var parsed, curElem,
597	backgroundColor = "";
598
599	if ( value !== "transparent" && ( jQuery.type( value ) !== "string" \|\| ( parsed = stringParse( value ) ) ) ) {
600	value = color( parsed \|\| value );
601	if ( !support.rgba && value._rgba[ 3 ] !== 1 ) {
602	curElem = hook === "backgroundColor" ? elem.parentNode : elem;
603	while (
604	(backgroundColor === "" \|\| backgroundColor === "transparent") &&
605	curElem && curElem.style
606	) {
607	try {
608	backgroundColor = jQuery.css( curElem, "backgroundColor" );
609	curElem = curElem.parentNode;
610	} catch ( e ) {
611	}
612	}
613
614	value = value.blend( backgroundColor && backgroundColor !== "transparent" ?
615	backgroundColor :
616	"_default" );
617	}
618
619	value = value.toRgbaString();
620	}
621	try {
622	elem.style[ hook ] = value;
623	} catch( e ) {
624	// wrapped to prevent IE from throwing errors on "invalid" values like 'auto' or 'inherit'
625	}
626	}
627	};
628	jQuery.fx.step[ hook ] = function( fx ) {
629	if ( !fx.colorInit ) {
630	fx.start = color( fx.elem, hook );
631	fx.end = color( fx.end );
632	fx.colorInit = true;
633	}
634	jQuery.cssHooks[ hook ].set( fx.elem, fx.start.transition( fx.end, fx.pos ) );
635	};
636	});
637
638	};
639
640	color.hook( stepHooks );
641
642	jQuery.cssHooks.borderColor = {
643	expand: function( value ) {
644	var expanded = {};
645
646	each( [ "Top", "Right", "Bottom", "Left" ], function( i, part ) {
647	expanded[ "border" + part + "Color" ] = value;
648	});
649	return expanded;
650	}
651	};
652
653	// Basic color names only.
654	// Usage of any of the other color names requires adding yourself or including
655	// jquery.color.svg-names.js.
656	colors = jQuery.Color.names = {
657	// 4.1. Basic color keywords
658	aqua: "#00ffff",
659	black: "#000000",
660	blue: "#0000ff",
661	fuchsia: "#ff00ff",
662	gray: "#808080",
663	green: "#008000",
664	lime: "#00ff00",
665	maroon: "#800000",
666	navy: "#000080",
667	olive: "#808000",
668	purple: "#800080",
669	red: "#ff0000",
670	silver: "#c0c0c0",
671	teal: "#008080",
672	white: "#ffffff",
673	yellow: "#ffff00",
674
675	// 4.2.3. "transparent" color keyword
676	transparent: [ null, null, null, 0 ],
677
678	_default: "#ffffff"
679	};
680
681	})( jQuery );
682
683
684	/******************************************************************************/
685	/**************************** CLASS ANIMATIONS ****************************/
686	/******************************************************************************/
687	(function() {
688
689	var classAnimationActions = [ "add", "remove", "toggle" ],
690	shorthandStyles = {
691	border: 1,
692	borderBottom: 1,
693	borderColor: 1,
694	borderLeft: 1,
695	borderRight: 1,
696	borderTop: 1,
697	borderWidth: 1,
698	margin: 1,
699	padding: 1
700	};
701
702	$.each([ "borderLeftStyle", "borderRightStyle", "borderBottomStyle", "borderTopStyle" ], function( _, prop ) {
703	$.fx.step[ prop ] = function( fx ) {
704	if ( fx.end !== "none" && !fx.setAttr \|\| fx.pos === 1 && !fx.setAttr ) {
705	jQuery.style( fx.elem, prop, fx.end );
706	fx.setAttr = true;
707	}
708	};
709	});
710
711	function getElementStyles( elem ) {
712	var key, len,
713	style = elem.ownerDocument.defaultView ?
714	elem.ownerDocument.defaultView.getComputedStyle( elem, null ) :
715	elem.currentStyle,
716	styles = {};
717
718	if ( style && style.length && style[ 0 ] && style[ style[ 0 ] ] ) {
719	len = style.length;
720	while ( len-- ) {
721	key = style[ len ];
722	if ( typeof style[ key ] === "string" ) {
723	styles[ $.camelCase( key ) ] = style[ key ];
724	}
725	}
726	// support: Opera, IE <9
727	} else {
728	for ( key in style ) {
729	if ( typeof style[ key ] === "string" ) {
730	styles[ key ] = style[ key ];
731	}
732	}
733	}
734
735	return styles;
736	}
737
738
739	function styleDifference( oldStyle, newStyle ) {
740	var diff = {},
741	name, value;
742
743	for ( name in newStyle ) {
744	value = newStyle[ name ];
745	if ( oldStyle[ name ] !== value ) {
746	if ( !shorthandStyles[ name ] ) {
747	if ( $.fx.step[ name ] \|\| !isNaN( parseFloat( value ) ) ) {
748	diff[ name ] = value;
749	}
750	}
751	}
752	}
753
754	return diff;
755	}
756
757	// support: jQuery <1.8
758	if ( !$.fn.addBack ) {
759	$.fn.addBack = function( selector ) {
760	return this.add( selector == null ?
761	this.prevObject : this.prevObject.filter( selector )
762	);
763	};
764	}
765
766	$.effects.animateClass = function( value, duration, easing, callback ) {
767	var o = $.speed( duration, easing, callback );
768
769	return this.queue( function() {
770	var animated = $( this ),
771	baseClass = animated.attr( "class" ) \|\| "",
772	applyClassChange,
773	allAnimations = o.children ? animated.find( "*" ).addBack() : animated;
774
775	// map the animated objects to store the original styles.
776	allAnimations = allAnimations.map(function() {
777	var el = $( this );
778	return {
779	el: el,
780	start: getElementStyles( this )
781	};
782	});
783
784	// apply class change
785	applyClassChange = function() {
786	$.each( classAnimationActions, function(i, action) {
787	if ( value[ action ] ) {
788	animated[ action + "Class" ]( value[ action ] );
789	}
790	});
791	};
792	applyClassChange();
793
794	// map all animated objects again - calculate new styles and diff
795	allAnimations = allAnimations.map(function() {
796	this.end = getElementStyles( this.el[ 0 ] );
797	this.diff = styleDifference( this.start, this.end );
798	return this;
799	});
800
801	// apply original class
802	animated.attr( "class", baseClass );
803
804	// map all animated objects again - this time collecting a promise
805	allAnimations = allAnimations.map(function() {
806	var styleInfo = this,
807	dfd = $.Deferred(),
808	opts = $.extend({}, o, {
809	queue: false,
810	complete: function() {
811	dfd.resolve( styleInfo );
812	}
813	});
814
815	this.el.animate( this.diff, opts );
816	return dfd.promise();
817	});
818
819	// once all animations have completed:
820	$.when.apply( $, allAnimations.get() ).done(function() {
821
822	// set the final class
823	applyClassChange();
824
825	// for each animated element,
826	// clear all css properties that were animated
827	$.each( arguments, function() {
828	var el = this.el;
829	$.each( this.diff, function(key) {
830	el.css( key, "" );
831	});
832	});
833
834	// this is guarnteed to be there if you use jQuery.speed()
835	// it also handles dequeuing the next anim...
836	o.complete.call( animated[ 0 ] );
837	});
838	});
839	};
840
841	$.fn.extend({
842	addClass: (function( orig ) {
843	return function( classNames, speed, easing, callback ) {
844	return speed ?
845	$.effects.animateClass.call( this,
846	{ add: classNames }, speed, easing, callback ) :
847	orig.apply( this, arguments );
848	};
849	})( $.fn.addClass ),
850
851	removeClass: (function( orig ) {
852	return function( classNames, speed, easing, callback ) {
853	return arguments.length > 1 ?
854	$.effects.animateClass.call( this,
855	{ remove: classNames }, speed, easing, callback ) :
856	orig.apply( this, arguments );
857	};
858	})( $.fn.removeClass ),
859
860	toggleClass: (function( orig ) {
861	return function( classNames, force, speed, easing, callback ) {
862	if ( typeof force === "boolean" \|\| force === undefined ) {
863	if ( !speed ) {
864	// without speed parameter
865	return orig.apply( this, arguments );
866	} else {
867	return $.effects.animateClass.call( this,
868	(force ? { add: classNames } : { remove: classNames }),
869	speed, easing, callback );
870	}
871	} else {
872	// without force parameter
873	return $.effects.animateClass.call( this,
874	{ toggle: classNames }, force, speed, easing );
875	}
876	};
877	})( $.fn.toggleClass ),
878
879	switchClass: function( remove, add, speed, easing, callback) {
880	return $.effects.animateClass.call( this, {
881	add: add,
882	remove: remove
883	}, speed, easing, callback );
884	}
885	});
886
887	})();
888
889	/******************************************************************************/
890	/********************************* EFFECTS ********************************/
891	/******************************************************************************/
892
893	(function() {
894
895	$.extend( $.effects, {
896	version: "1.10.4",
897
898	// Saves a set of properties in a data storage
899	save: function( element, set ) {
900	for( var i=0; i < set.length; i++ ) {
901	if ( set[ i ] !== null ) {
902	element.data( dataSpace + set[ i ], element[ 0 ].style[ set[ i ] ] );
903	}
904	}
905	},
906
907	// Restores a set of previously saved properties from a data storage
908	restore: function( element, set ) {
909	var val, i;
910	for( i=0; i < set.length; i++ ) {
911	if ( set[ i ] !== null ) {
912	val = element.data( dataSpace + set[ i ] );
913	// support: jQuery 1.6.2
914	// http://bugs.jquery.com/ticket/9917
915	// jQuery 1.6.2 incorrectly returns undefined for any falsy value.
916	// We can't differentiate between "" and 0 here, so we just assume
917	// empty string since it's likely to be a more common value...
918	if ( val === undefined ) {
919	val = "";
920	}
921	element.css( set[ i ], val );
922	}
923	}
924	},
925
926	setMode: function( el, mode ) {
927	if (mode === "toggle") {
928	mode = el.is( ":hidden" ) ? "show" : "hide";
929	}
930	return mode;
931	},
932
933	// Translates a [top,left] array into a baseline value
934	// this should be a little more flexible in the future to handle a string & hash
935	getBaseline: function( origin, original ) {
936	var y, x;
937	switch ( origin[ 0 ] ) {
938	case "top": y = 0; break;
939	case "middle": y = 0.5; break;
940	case "bottom": y = 1; break;
941	default: y = origin[ 0 ] / original.height;
942	}
943	switch ( origin[ 1 ] ) {
944	case "left": x = 0; break;
945	case "center": x = 0.5; break;
946	case "right": x = 1; break;
947	default: x = origin[ 1 ] / original.width;
948	}
949	return {
950	x: x,
951	y: y
952	};
953	},
954
955	// Wraps the element around a wrapper that copies position properties
956	createWrapper: function( element ) {
957
958	// if the element is already wrapped, return it
959	if ( element.parent().is( ".ui-effects-wrapper" )) {
960	return element.parent();
961	}
962
963	// wrap the element
964	var props = {
965	width: element.outerWidth(true),
966	height: element.outerHeight(true),
967	"float": element.css( "float" )
968	},
969	wrapper = $( "<div></div>" )
970	.addClass( "ui-effects-wrapper" )
971	.css({
972	fontSize: "100%",
973	background: "transparent",
974	border: "none",
975	margin: 0,
976	padding: 0
977	}),
978	// Store the size in case width/height are defined in % - Fixes #5245
979	size = {
980	width: element.width(),
981	height: element.height()
982	},
983	active = document.activeElement;
984
985	// support: Firefox
986	// Firefox incorrectly exposes anonymous content
987	// https://bugzilla.mozilla.org/show_bug.cgi?id=561664
988	try {
989	active.id;
990	} catch( e ) {
991	active = document.body;
992	}
993
994	element.wrap( wrapper );
995
996	// Fixes #7595 - Elements lose focus when wrapped.
997	if ( element[ 0 ] === active \|\| $.contains( element[ 0 ], active ) ) {
998	$( active ).focus();
999	}
1000
1001	wrapper = element.parent(); //Hotfix for jQuery 1.4 since some change in wrap() seems to actually lose the reference to the wrapped element
1002
1003	// transfer positioning properties to the wrapper
1004	if ( element.css( "position" ) === "static" ) {
1005	wrapper.css({ position: "relative" });
1006	element.css({ position: "relative" });
1007	} else {
1008	$.extend( props, {
1009	position: element.css( "position" ),
1010	zIndex: element.css( "z-index" )
1011	});
1012	$.each([ "top", "left", "bottom", "right" ], function(i, pos) {
1013	props[ pos ] = element.css( pos );
1014	if ( isNaN( parseInt( props[ pos ], 10 ) ) ) {
1015	props[ pos ] = "auto";
1016	}
1017	});
1018	element.css({
1019	position: "relative",
1020	top: 0,
1021	left: 0,
1022	right: "auto",
1023	bottom: "auto"
1024	});
1025	}
1026	element.css(size);
1027
1028	return wrapper.css( props ).show();
1029	},
1030
1031	removeWrapper: function( element ) {
1032	var active = document.activeElement;
1033
1034	if ( element.parent().is( ".ui-effects-wrapper" ) ) {
1035	element.parent().replaceWith( element );
1036
1037	// Fixes #7595 - Elements lose focus when wrapped.
1038	if ( element[ 0 ] === active \|\| $.contains( element[ 0 ], active ) ) {
1039	$( active ).focus();
1040	}
1041	}
1042
1043
1044	return element;
1045	},
1046
1047	setTransition: function( element, list, factor, value ) {
1048	value = value \|\| {};
1049	$.each( list, function( i, x ) {
1050	var unit = element.cssUnit( x );
1051	if ( unit[ 0 ] > 0 ) {
1052	value[ x ] = unit[ 0 ] * factor + unit[ 1 ];
1053	}
1054	});
1055	return value;
1056	}
1057	});
1058
1059	// return an effect options object for the given parameters:
1060	function _normalizeArguments( effect, options, speed, callback ) {
1061
1062	// allow passing all options as the first parameter
1063	if ( $.isPlainObject( effect ) ) {
1064	options = effect;
1065	effect = effect.effect;
1066	}
1067
1068	// convert to an object
1069	effect = { effect: effect };
1070
1071	// catch (effect, null, ...)
1072	if ( options == null ) {
1073	options = {};
1074	}
1075
1076	// catch (effect, callback)
1077	if ( $.isFunction( options ) ) {
1078	callback = options;
1079	speed = null;
1080	options = {};
1081	}
1082
1083	// catch (effect, speed, ?)
1084	if ( typeof options === "number" \|\| $.fx.speeds[ options ] ) {
1085	callback = speed;
1086	speed = options;
1087	options = {};
1088	}
1089
1090	// catch (effect, options, callback)
1091	if ( $.isFunction( speed ) ) {
1092	callback = speed;
1093	speed = null;
1094	}
1095
1096	// add options to effect
1097	if ( options ) {
1098	$.extend( effect, options );
1099	}
1100
1101	speed = speed \|\| options.duration;
1102	effect.duration = $.fx.off ? 0 :
1103	typeof speed === "number" ? speed :
1104	speed in $.fx.speeds ? $.fx.speeds[ speed ] :
1105	$.fx.speeds._default;
1106
1107	effect.complete = callback \|\| options.complete;
1108
1109	return effect;
1110	}
1111
1112	function standardAnimationOption( option ) {
1113	// Valid standard speeds (nothing, number, named speed)
1114	if ( !option \|\| typeof option === "number" \|\| $.fx.speeds[ option ] ) {
1115	return true;
1116	}
1117
1118	// Invalid strings - treat as "normal" speed
1119	if ( typeof option === "string" && !$.effects.effect[ option ] ) {
1120	return true;
1121	}
1122
1123	// Complete callback
1124	if ( $.isFunction( option ) ) {
1125	return true;
1126	}
1127
1128	// Options hash (but not naming an effect)
1129	if ( typeof option === "object" && !option.effect ) {
1130	return true;
1131	}
1132
1133	// Didn't match any standard API
1134	return false;
1135	}
1136
1137	$.fn.extend({
1138	effect: function( /* effect, options, speed, callback */ ) {
1139	var args = _normalizeArguments.apply( this, arguments ),
1140	mode = args.mode,
1141	queue = args.queue,
1142	effectMethod = $.effects.effect[ args.effect ];
1143
1144	if ( $.fx.off \|\| !effectMethod ) {
1145	// delegate to the original method (e.g., .show()) if possible
1146	if ( mode ) {
1147	return this[ mode ]( args.duration, args.complete );
1148	} else {
1149	return this.each( function() {
1150	if ( args.complete ) {
1151	args.complete.call( this );
1152	}
1153	});
1154	}
1155	}
1156
1157	function run( next ) {
1158	var elem = $( this ),
1159	complete = args.complete,
1160	mode = args.mode;
1161
1162	function done() {
1163	if ( $.isFunction( complete ) ) {
1164	complete.call( elem[0] );
1165	}
1166	if ( $.isFunction( next ) ) {
1167	next();
1168	}
1169	}
1170
1171	// If the element already has the correct final state, delegate to
1172	// the core methods so the internal tracking of "olddisplay" works.
1173	if ( elem.is( ":hidden" ) ? mode === "hide" : mode === "show" ) {
1174	elem[ mode ]();
1175	done();
1176	} else {
1177	effectMethod.call( elem[0], args, done );
1178	}
1179	}
1180
1181	return queue === false ? this.each( run ) : this.queue( queue \|\| "fx", run );
1182	},
1183
1184	show: (function( orig ) {
1185	return function( option ) {
1186	if ( standardAnimationOption( option ) ) {
1187	return orig.apply( this, arguments );
1188	} else {
1189	var args = _normalizeArguments.apply( this, arguments );
1190	args.mode = "show";
1191	return this.effect.call( this, args );
1192	}
1193	};
1194	})( $.fn.show ),
1195
1196	hide: (function( orig ) {
1197	return function( option ) {
1198	if ( standardAnimationOption( option ) ) {
1199	return orig.apply( this, arguments );
1200	} else {
1201	var args = _normalizeArguments.apply( this, arguments );
1202	args.mode = "hide";
1203	return this.effect.call( this, args );
1204	}
1205	};
1206	})( $.fn.hide ),
1207
1208	toggle: (function( orig ) {
1209	return function( option ) {
1210	if ( standardAnimationOption( option ) \|\| typeof option === "boolean" ) {
1211	return orig.apply( this, arguments );
1212	} else {
1213	var args = _normalizeArguments.apply( this, arguments );
1214	args.mode = "toggle";
1215	return this.effect.call( this, args );
1216	}
1217	};
1218	})( $.fn.toggle ),
1219
1220	// helper functions
1221	cssUnit: function(key) {
1222	var style = this.css( key ),
1223	val = [];
1224
1225	$.each( [ "em", "px", "%", "pt" ], function( i, unit ) {
1226	if ( style.indexOf( unit ) > 0 ) {
1227	val = [ parseFloat( style ), unit ];
1228	}
1229	});
1230	return val;
1231	}
1232	});
1233
1234	})();
1235
1236	/******************************************************************************/
1237	/********************************* EASING *********************************/
1238	/******************************************************************************/
1239
1240	(function() {
1241
1242	// based on easing equations from Robert Penner (http://www.robertpenner.com/easing)
1243
1244	var baseEasings = {};
1245
1246	$.each( [ "Quad", "Cubic", "Quart", "Quint", "Expo" ], function( i, name ) {
1247	baseEasings[ name ] = function( p ) {
1248	return Math.pow( p, i + 2 );
1249	};
1250	});
1251
1252	$.extend( baseEasings, {
1253	Sine: function ( p ) {
1254	return 1 - Math.cos( p * Math.PI / 2 );
1255	},
1256	Circ: function ( p ) {
1257	return 1 - Math.sqrt( 1 - p * p );
1258	},
1259	Elastic: function( p ) {
1260	return p === 0 \|\| p === 1 ? p :
1261	-Math.pow( 2, 8 * (p - 1) ) * Math.sin( ( (p - 1) * 80 - 7.5 ) * Math.PI / 15 );
1262	},
1263	Back: function( p ) {
1264	return p * p * ( 3 * p - 2 );
1265	},
1266	Bounce: function ( p ) {
1267	var pow2,
1268	bounce = 4;
1269
1270	while ( p < ( ( pow2 = Math.pow( 2, --bounce ) ) - 1 ) / 11 ) {}
1271	return 1 / Math.pow( 4, 3 - bounce ) - 7.5625 * Math.pow( ( pow2 * 3 - 2 ) / 22 - p, 2 );
1272	}
1273	});
1274
1275	$.each( baseEasings, function( name, easeIn ) {
1276	$.easing[ "easeIn" + name ] = easeIn;
1277	$.easing[ "easeOut" + name ] = function( p ) {
1278	return 1 - easeIn( 1 - p );
1279	};
1280	$.easing[ "easeInOut" + name ] = function( p ) {
1281	return p < 0.5 ?
1282	easeIn( p * 2 ) / 2 :
1283	1 - easeIn( p * -2 + 2 ) / 2;
1284	};
1285	});
1286
1287	})();
1288
1289	})(jQuery);

Note: See TracBrowser for help on using the repository browser.

Download in other formats: