source: issm/trunk-jpl/src/mobile/web/js/dev/ui/jquery.ui.effect.js@ 15487

Last change on this file since 15487 was 15487, checked in by ltnguyen, 12 years ago

ADD: Basic backbone for ISSM Web_Development
File size: 31.2 KB
Line 
1/*!
2 * jQuery UI Effects 1.10.3
3 * http://jqueryui.com
4 *
5 * Copyright 2013 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
13var 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
153supportElem.style.cssText = "background-color:rgba(1,1,1,.5)";
154support.rgba = supportElem.style.backgroundColor.indexOf( "rgba" ) > -1;
155
156// define cache name and alpha properties
157// for rgba and hsla spaces
158each( spaces, function( spaceName, space ) {
159 space.cache = "_" + spaceName;
160 space.props.alpha = {
161 idx: 3,
162 type: "percent",
163 def: 1
164 };
165});
166
167function 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
193function 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
233color.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});
438color.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
443function 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
457spaces.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
494spaces.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
514each( 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
591color.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
640color.hook( stepHooks );
641
642jQuery.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.
656colors = 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
689var 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
711function 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
739function 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
758if ( !$.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.3",
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:
1060function _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
1112function 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
1244var 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.