jquery-ui/ui/jquery.ui.effect.js

1269 lines
31 KiB
JavaScript
Raw Normal View History

/*!
2008-06-09 08:55:06 +00:00
* jQuery UI Effects @VERSION
2012-07-04 13:08:08 +00:00
* http://jqueryui.com
*
2013-01-10 13:52:20 +00:00
* Copyright 2013 jQuery Foundation and other contributors
2012-08-09 14:13:24 +00:00
* Released under the MIT license.
* http://jquery.org/license
*
2012-09-29 20:32:52 +00:00
* http://api.jqueryui.com/category/effects-core/
*/
2012-04-02 23:12:21 +00:00
;(jQuery.effects || (function($, undefined) {
2008-05-23 09:26:18 +00:00
var dataSpace = "ui-effects-";
$.effects = {
effect: {}
};
2009-01-22 13:10:18 +00:00
/*!
2013-01-16 17:15:16 +00:00
* jQuery Color Animations v2.1.2
* https://github.com/jquery/jquery-color
*
2013-01-16 17:15:16 +00:00
* Copyright 2013 jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
2013-01-16 17:15:16 +00:00
* Date: Wed Jan 16 08:47:09 2013 -0600
*/
(function( jQuery, undefined ) {
var stepHooks = "backgroundColor borderBottomColor borderLeftColor borderRightColor borderTopColor color columnRuleColor outlineColor textDecorationColor textEmphasisColor",
// plusequals test for += 100 -= 100
rplusequals = /^([\-+])=\s*(\d+\.?\d*)/,
// a set of RE's that can match strings and generate color tuples.
stringParsers = [{
re: /rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,
parse: function( execResult ) {
return [
execResult[ 1 ],
execResult[ 2 ],
execResult[ 3 ],
execResult[ 4 ]
];
}
}, {
re: /rgba?\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,
parse: function( execResult ) {
return [
2012-07-09 15:46:24 +00:00
execResult[ 1 ] * 2.55,
execResult[ 2 ] * 2.55,
execResult[ 3 ] * 2.55,
execResult[ 4 ]
];
}
}, {
2012-07-09 15:46:24 +00:00
// this regex ignores A-F because it's compared against an already lowercased string
re: /#([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})/,
parse: function( execResult ) {
return [
parseInt( execResult[ 1 ], 16 ),
parseInt( execResult[ 2 ], 16 ),
parseInt( execResult[ 3 ], 16 )
];
}
}, {
2012-07-09 15:46:24 +00:00
// this regex ignores A-F because it's compared against an already lowercased string
re: /#([a-f0-9])([a-f0-9])([a-f0-9])/,
parse: function( execResult ) {
return [
parseInt( execResult[ 1 ] + execResult[ 1 ], 16 ),
parseInt( execResult[ 2 ] + execResult[ 2 ], 16 ),
parseInt( execResult[ 3 ] + execResult[ 3 ], 16 )
];
}
}, {
re: /hsla?\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,
space: "hsla",
parse: function( execResult ) {
return [
2012-07-09 15:46:24 +00:00
execResult[ 1 ],
execResult[ 2 ] / 100,
execResult[ 3 ] / 100,
execResult[ 4 ]
];
}
}],
// jQuery.Color( )
color = jQuery.Color = function( color, green, blue, alpha ) {
return new jQuery.Color.fn.parse( color, green, blue, alpha );
},
spaces = {
rgba: {
props: {
red: {
idx: 0,
2012-07-09 15:46:24 +00:00
type: "byte"
},
green: {
idx: 1,
2012-07-09 15:46:24 +00:00
type: "byte"
},
blue: {
idx: 2,
2012-07-09 15:46:24 +00:00
type: "byte"
}
}
},
2012-07-09 15:46:24 +00:00
hsla: {
props: {
hue: {
idx: 0,
2012-07-09 15:46:24 +00:00
type: "degrees"
},
saturation: {
idx: 1,
2012-07-09 15:46:24 +00:00
type: "percent"
},
lightness: {
idx: 2,
2012-07-09 15:46:24 +00:00
type: "percent"
}
}
}
},
propTypes = {
"byte": {
floor: true,
max: 255
},
"percent": {
max: 1
},
"degrees": {
mod: 360,
floor: true
}
},
support = color.support = {},
2009-01-22 13:10:18 +00:00
2012-07-09 15:46:24 +00:00
// element for support tests
supportElem = jQuery( "<p>" )[ 0 ],
// colors = jQuery.Color.names
colors,
// local aliases of functions called often
each = jQuery.each;
2012-07-09 15:46:24 +00:00
// determine rgba support immediately
supportElem.style.cssText = "background-color:rgba(1,1,1,.5)";
support.rgba = supportElem.style.backgroundColor.indexOf( "rgba" ) > -1;
2012-07-09 15:46:24 +00:00
// define cache name and alpha properties
// for rgba and hsla spaces
each( spaces, function( spaceName, space ) {
space.cache = "_" + spaceName;
space.props.alpha = {
idx: 3,
type: "percent",
def: 1
};
});
2012-07-09 15:46:24 +00:00
function clamp( value, prop, allowEmpty ) {
var type = propTypes[ prop.type ] || {};
if ( value == null ) {
return (allowEmpty || !prop.def) ? null : prop.def;
}
2012-07-09 15:46:24 +00:00
// ~~ is an short way of doing floor for positive numbers
value = type.floor ? ~~value : parseFloat( value );
// IE will pass in empty strings as value for alpha,
// which will hit this case
if ( isNaN( value ) ) {
return prop.def;
}
2012-07-09 15:46:24 +00:00
if ( type.mod ) {
2012-07-09 15:46:24 +00:00
// we add mod before modding to make sure that negatives values
// get converted properly: -10 -> 350
return (value + type.mod) % type.mod;
}
// for now all property types without mod have min and max
2012-07-09 15:46:24 +00:00
return 0 > value ? 0 : type.max < value ? type.max : value;
}
function stringParse( string ) {
var inst = color(),
rgba = inst._rgba = [];
string = string.toLowerCase();
2009-01-22 13:10:18 +00:00
each( stringParsers, function( i, parser ) {
2012-07-09 15:46:24 +00:00
var parsed,
match = parser.re.exec( string ),
values = match && parser.parse( match ),
2012-07-09 15:46:24 +00:00
spaceName = parser.space || "rgba";
if ( values ) {
parsed = inst[ spaceName ]( values );
// if this was an rgba parse the assignment might happen twice
// oh well....
2012-07-09 15:46:24 +00:00
inst[ spaces[ spaceName ].cache ] = parsed[ spaces[ spaceName ].cache ];
rgba = inst._rgba = parsed._rgba;
// exit each( stringParsers ) here because we matched
return false;
2012-04-02 23:12:21 +00:00
}
});
// Found a stringParser that handled it
2012-07-09 15:46:24 +00:00
if ( rgba.length ) {
// if this came from a parsed string, force "transparent" when alpha is 0
// chrome, (and maybe others) return "transparent" as rgba(0,0,0,0)
2012-07-09 15:46:24 +00:00
if ( rgba.join() === "0,0,0,0" ) {
jQuery.extend( rgba, colors.transparent );
2012-04-02 23:12:21 +00:00
}
return inst;
}
2012-06-28 12:45:25 +00:00
// named colors
return colors[ string ];
}
2012-06-28 12:45:25 +00:00
color.fn = jQuery.extend( color.prototype, {
parse: function( red, green, blue, alpha ) {
if ( red === undefined ) {
this._rgba = [ null, null, null, null ];
return this;
}
2012-06-28 12:45:25 +00:00
if ( red.jquery || red.nodeType ) {
red = jQuery( red ).css( green );
green = undefined;
2012-04-02 23:12:21 +00:00
}
var inst = this,
type = jQuery.type( red ),
rgba = this._rgba = [];
// more than 1 argument specified - assume ( red, green, blue, alpha )
if ( green !== undefined ) {
red = [ red, green, blue, alpha ];
type = "array";
2012-04-02 23:12:21 +00:00
}
if ( type === "string" ) {
return this.parse( stringParse( red ) || colors._default );
2012-04-02 23:12:21 +00:00
}
if ( type === "array" ) {
2012-06-28 12:45:25 +00:00
each( spaces.rgba.props, function( key, prop ) {
rgba[ prop.idx ] = clamp( red[ prop.idx ], prop );
});
return this;
2012-04-02 23:12:21 +00:00
}
if ( type === "object" ) {
if ( red instanceof color ) {
each( spaces, function( spaceName, space ) {
if ( red[ space.cache ] ) {
inst[ space.cache ] = red[ space.cache ].slice();
}
});
} else {
each( spaces, function( spaceName, space ) {
var cache = space.cache;
each( space.props, function( key, prop ) {
// if the cache doesn't exist, and we know how to convert
if ( !inst[ cache ] && space.to ) {
// if the value was null, we don't need to copy it
// if the key was alpha, we don't need to copy it either
2012-07-09 15:46:24 +00:00
if ( key === "alpha" || red[ key ] == null ) {
return;
}
inst[ cache ] = space.to( inst._rgba );
}
// this is the only case where we allow nulls for ALL properties.
// call clamp with alwaysAllowEmpty
inst[ cache ][ prop.idx ] = clamp( red[ key ], prop, true );
});
// everything defined but alpha?
if ( inst[ cache ] && jQuery.inArray( null, inst[ cache ].slice( 0, 3 ) ) < 0 ) {
// use the default of 1
inst[ cache ][ 3 ] = 1;
if ( space.from ) {
inst._rgba = space.from( inst[ cache ] );
}
}
});
}
return this;
}
},
is: function( compare ) {
var is = color( compare ),
same = true,
2012-07-09 15:46:24 +00:00
inst = this;
each( spaces, function( _, space ) {
2012-07-09 15:46:24 +00:00
var localCache,
isCache = is[ space.cache ];
if (isCache) {
2012-07-09 15:46:24 +00:00
localCache = inst[ space.cache ] || space.to && space.to( inst._rgba ) || [];
each( space.props, function( _, prop ) {
if ( isCache[ prop.idx ] != null ) {
same = ( isCache[ prop.idx ] === localCache[ prop.idx ] );
return same;
}
});
}
return same;
});
return same;
},
_space: function() {
var used = [],
inst = this;
each( spaces, function( spaceName, space ) {
if ( inst[ space.cache ] ) {
used.push( spaceName );
}
});
return used.pop();
},
transition: function( other, distance ) {
var end = color( other ),
spaceName = end._space(),
space = spaces[ spaceName ],
2012-07-09 15:46:24 +00:00
startColor = this.alpha() === 0 ? color( "transparent" ) : this,
start = startColor[ space.cache ] || space.to( startColor._rgba ),
result = start.slice();
end = end[ space.cache ];
each( space.props, function( key, prop ) {
var index = prop.idx,
startValue = start[ index ],
endValue = end[ index ],
type = propTypes[ prop.type ] || {};
// if null, don't override start value
if ( endValue === null ) {
return;
}
// if null - use end
if ( startValue === null ) {
result[ index ] = endValue;
} else {
if ( type.mod ) {
if ( endValue - startValue > type.mod / 2 ) {
startValue += type.mod;
} else if ( startValue - endValue > type.mod / 2 ) {
startValue -= type.mod;
}
2012-04-02 23:12:21 +00:00
}
2012-07-09 15:46:24 +00:00
result[ index ] = clamp( ( endValue - startValue ) * distance + startValue, prop );
}
});
return this[ spaceName ]( result );
},
blend: function( opaque ) {
// if we are already opaque - return ourself
if ( this._rgba[ 3 ] === 1 ) {
return this;
}
var rgb = this._rgba.slice(),
a = rgb.pop(),
blend = color( opaque )._rgba;
return color( jQuery.map( rgb, function( v, i ) {
return ( 1 - a ) * blend[ i ] + a * v;
}));
},
toRgbaString: function() {
var prefix = "rgba(",
rgba = jQuery.map( this._rgba, function( v, i ) {
return v == null ? ( i > 2 ? 1 : 0 ) : v;
});
if ( rgba[ 3 ] === 1 ) {
rgba.pop();
prefix = "rgb(";
}
2012-07-09 15:46:24 +00:00
return prefix + rgba.join() + ")";
},
toHslaString: function() {
var prefix = "hsla(",
hsla = jQuery.map( this.hsla(), function( v, i ) {
if ( v == null ) {
v = i > 2 ? 1 : 0;
}
// catch 1 and 2
if ( i && i < 3 ) {
v = Math.round( v * 100 ) + "%";
}
return v;
});
if ( hsla[ 3 ] === 1 ) {
hsla.pop();
prefix = "hsl(";
}
2012-07-09 15:46:24 +00:00
return prefix + hsla.join() + ")";
},
toHexString: function( includeAlpha ) {
var rgba = this._rgba.slice(),
alpha = rgba.pop();
if ( includeAlpha ) {
rgba.push( ~~( alpha * 255 ) );
}
return "#" + jQuery.map( rgba, function( v ) {
// default to 0 when nulls exist
v = ( v || 0 ).toString( 16 );
return v.length === 1 ? "0" + v : v;
}).join("");
},
toString: function() {
return this._rgba[ 3 ] === 0 ? "transparent" : this.toRgbaString();
}
2012-06-28 12:45:25 +00:00
});
color.fn.parse.prototype = color.fn;
// hsla conversions adapted from:
2012-07-09 15:46:24 +00:00
// https://code.google.com/p/maashaack/source/browse/packages/graphics/trunk/src/graphics/colors/HUE2RGB.as?r=5021
function hue2rgb( p, q, h ) {
h = ( h + 1 ) % 1;
if ( h * 6 < 1 ) {
2012-07-09 15:46:24 +00:00
return p + (q - p) * h * 6;
}
if ( h * 2 < 1) {
return q;
}
if ( h * 3 < 2 ) {
return p + (q - p) * ((2/3) - h) * 6;
}
return p;
2012-04-02 23:12:21 +00:00
}
spaces.hsla.to = function ( rgba ) {
if ( rgba[ 0 ] == null || rgba[ 1 ] == null || rgba[ 2 ] == null ) {
return [ null, null, null, rgba[ 3 ] ];
}
var r = rgba[ 0 ] / 255,
g = rgba[ 1 ] / 255,
b = rgba[ 2 ] / 255,
a = rgba[ 3 ],
max = Math.max( r, g, b ),
min = Math.min( r, g, b ),
diff = max - min,
add = max + min,
l = add * 0.5,
h, s;
if ( min === max ) {
h = 0;
} else if ( r === max ) {
h = ( 60 * ( g - b ) / diff ) + 360;
} else if ( g === max ) {
h = ( 60 * ( b - r ) / diff ) + 120;
} else {
h = ( 60 * ( r - g ) / diff ) + 240;
}
// chroma (diff) == 0 means greyscale which, by definition, saturation = 0%
// otherwise, saturation is based on the ratio of chroma (diff) to lightness (add)
if ( diff === 0 ) {
s = 0;
} else if ( l <= 0.5 ) {
s = diff / add;
} else {
s = diff / ( 2 - add );
}
return [ Math.round(h) % 360, s, l, a == null ? 1 : a ];
};
spaces.hsla.from = function ( hsla ) {
if ( hsla[ 0 ] == null || hsla[ 1 ] == null || hsla[ 2 ] == null ) {
return [ null, null, null, hsla[ 3 ] ];
}
var h = hsla[ 0 ] / 360,
s = hsla[ 1 ],
l = hsla[ 2 ],
a = hsla[ 3 ],
q = l <= 0.5 ? l * ( 1 + s ) : l + s - l * s,
p = 2 * l - q;
return [
Math.round( hue2rgb( p, q, h + ( 1 / 3 ) ) * 255 ),
Math.round( hue2rgb( p, q, h ) * 255 ),
Math.round( hue2rgb( p, q, h - ( 1 / 3 ) ) * 255 ),
a
];
};
each( spaces, function( spaceName, space ) {
var props = space.props,
cache = space.cache,
to = space.to,
from = space.from;
// makes rgba() and hsla()
color.fn[ spaceName ] = function( value ) {
// generate a cache for this space if it doesn't exist
if ( to && !this[ cache ] ) {
this[ cache ] = to( this._rgba );
}
if ( value === undefined ) {
return this[ cache ].slice();
}
2012-07-09 15:46:24 +00:00
var ret,
type = jQuery.type( value ),
arr = ( type === "array" || type === "object" ) ? value : arguments,
2012-07-09 15:46:24 +00:00
local = this[ cache ].slice();
each( props, function( key, prop ) {
var val = arr[ type === "object" ? key : prop.idx ];
if ( val == null ) {
val = local[ prop.idx ];
}
local[ prop.idx ] = clamp( val, prop );
});
if ( from ) {
ret = color( from( local ) );
ret[ cache ] = local;
return ret;
} else {
return color( local );
}
};
// makes red() green() blue() alpha() hue() saturation() lightness()
each( props, function( key, prop ) {
// alpha is included in more than one space
if ( color.fn[ key ] ) {
return;
}
color.fn[ key ] = function( value ) {
var vtype = jQuery.type( value ),
2012-07-09 15:46:24 +00:00
fn = ( key === "alpha" ? ( this._hsla ? "hsla" : "rgba" ) : spaceName ),
local = this[ fn ](),
cur = local[ prop.idx ],
match;
if ( vtype === "undefined" ) {
return cur;
}
if ( vtype === "function" ) {
value = value.call( this, cur );
vtype = jQuery.type( value );
}
if ( value == null && prop.empty ) {
return this;
}
if ( vtype === "string" ) {
match = rplusequals.exec( value );
if ( match ) {
value = cur + parseFloat( match[ 2 ] ) * ( match[ 1 ] === "+" ? 1 : -1 );
}
}
local[ prop.idx ] = value;
return this[ fn ]( local );
};
});
});
// add cssHook and .fx.step function for each named hook.
// accept a space separated string of properties
color.hook = function( hook ) {
var hooks = hook.split( " " );
each( hooks, function( i, hook ) {
jQuery.cssHooks[ hook ] = {
set: function( elem, value ) {
var parsed, curElem,
backgroundColor = "";
if ( value !== "transparent" && ( jQuery.type( value ) !== "string" || ( parsed = stringParse( value ) ) ) ) {
value = color( parsed || value );
if ( !support.rgba && value._rgba[ 3 ] !== 1 ) {
curElem = hook === "backgroundColor" ? elem.parentNode : elem;
while (
(backgroundColor === "" || backgroundColor === "transparent") &&
curElem && curElem.style
) {
try {
backgroundColor = jQuery.css( curElem, "backgroundColor" );
curElem = curElem.parentNode;
} catch ( e ) {
}
}
value = value.blend( backgroundColor && backgroundColor !== "transparent" ?
backgroundColor :
"_default" );
}
value = value.toRgbaString();
}
try {
elem.style[ hook ] = value;
} catch( e ) {
// wrapped to prevent IE from throwing errors on "invalid" values like 'auto' or 'inherit'
}
}
};
jQuery.fx.step[ hook ] = function( fx ) {
if ( !fx.colorInit ) {
fx.start = color( fx.elem, hook );
fx.end = color( fx.end );
fx.colorInit = true;
}
jQuery.cssHooks[ hook ].set( fx.elem, fx.start.transition( fx.end, fx.pos ) );
};
});
};
color.hook( stepHooks );
jQuery.cssHooks.borderColor = {
expand: function( value ) {
var expanded = {};
each( [ "Top", "Right", "Bottom", "Left" ], function( i, part ) {
expanded[ "border" + part + "Color" ] = value;
});
return expanded;
}
};
2012-07-09 15:46:24 +00:00
// Basic color names only.
// Usage of any of the other color names requires adding yourself or including
// jquery.color.svg-names.js.
colors = jQuery.Color.names = {
2012-07-09 15:46:24 +00:00
// 4.1. Basic color keywords
aqua: "#00ffff",
black: "#000000",
blue: "#0000ff",
fuchsia: "#ff00ff",
2012-07-09 15:46:24 +00:00
gray: "#808080",
green: "#008000",
lime: "#00ff00",
maroon: "#800000",
navy: "#000080",
olive: "#808000",
purple: "#800080",
red: "#ff0000",
silver: "#c0c0c0",
2012-07-09 15:46:24 +00:00
teal: "#008080",
white: "#ffffff",
yellow: "#ffff00",
2012-07-09 15:46:24 +00:00
// 4.2.3. "transparent" color keyword
transparent: [ null, null, null, 0 ],
2012-07-09 15:46:24 +00:00
_default: "#ffffff"
};
})( jQuery );
/******************************************************************************/
/****************************** CLASS ANIMATIONS ******************************/
/******************************************************************************/
2012-04-02 23:12:21 +00:00
(function() {
var classAnimationActions = [ "add", "remove", "toggle" ],
shorthandStyles = {
border: 1,
borderBottom: 1,
borderColor: 1,
borderLeft: 1,
borderRight: 1,
borderTop: 1,
borderWidth: 1,
margin: 1,
padding: 1
2012-04-02 23:12:21 +00:00
};
$.each([ "borderLeftStyle", "borderRightStyle", "borderBottomStyle", "borderTopStyle" ], function( _, prop ) {
$.fx.step[ prop ] = function( fx ) {
if ( fx.end !== "none" && !fx.setAttr || fx.pos === 1 && !fx.setAttr ) {
jQuery.style( fx.elem, prop, fx.end );
fx.setAttr = true;
}
};
});
function getElementStyles( elem ) {
var key, len,
style = elem.ownerDocument.defaultView ?
elem.ownerDocument.defaultView.getComputedStyle( elem, null ) :
elem.currentStyle,
styles = {};
2011-03-07 02:44:35 +00:00
if ( style && style.length && style[ 0 ] && style[ style[ 0 ] ] ) {
len = style.length;
while ( len-- ) {
key = style[ len ];
if ( typeof style[ key ] === "string" ) {
styles[ $.camelCase( key ) ] = style[ key ];
}
}
// support: Opera, IE <9
} else {
2011-03-07 02:44:35 +00:00
for ( key in style ) {
if ( typeof style[ key ] === "string" ) {
styles[ key ] = style[ key ];
}
}
}
return styles;
}
2011-03-07 02:44:35 +00:00
function styleDifference( oldStyle, newStyle ) {
var diff = {},
name, value;
2011-03-07 02:44:35 +00:00
for ( name in newStyle ) {
value = newStyle[ name ];
2012-04-02 23:12:21 +00:00
if ( oldStyle[ name ] !== value ) {
if ( !shorthandStyles[ name ] ) {
if ( $.fx.step[ name ] || !isNaN( parseFloat( value ) ) ) {
diff[ name ] = value;
}
}
}
}
return diff;
}
// support: jQuery <1.8
if ( !$.fn.addBack ) {
$.fn.addBack = function( selector ) {
return this.add( selector == null ?
this.prevObject : this.prevObject.filter( selector )
);
};
}
2011-03-07 02:44:35 +00:00
$.effects.animateClass = function( value, duration, easing, callback ) {
var o = $.speed( duration, easing, callback );
return this.queue( function() {
var animated = $( this ),
baseClass = animated.attr( "class" ) || "",
applyClassChange,
allAnimations = o.children ? animated.find( "*" ).addBack() : animated;
// map the animated objects to store the original styles.
allAnimations = allAnimations.map(function() {
var el = $( this );
return {
el: el,
start: getElementStyles( this )
};
});
// apply class change
applyClassChange = function() {
$.each( classAnimationActions, function(i, action) {
if ( value[ action ] ) {
animated[ action + "Class" ]( value[ action ] );
}
});
};
applyClassChange();
// map all animated objects again - calculate new styles and diff
allAnimations = allAnimations.map(function() {
this.end = getElementStyles( this.el[ 0 ] );
this.diff = styleDifference( this.start, this.end );
return this;
});
// apply original class
animated.attr( "class", baseClass );
// map all animated objects again - this time collecting a promise
allAnimations = allAnimations.map(function() {
var styleInfo = this,
dfd = $.Deferred(),
opts = $.extend({}, o, {
queue: false,
complete: function() {
dfd.resolve( styleInfo );
}
});
this.el.animate( this.diff, opts );
return dfd.promise();
});
// once all animations have completed:
$.when.apply( $, allAnimations.get() ).done(function() {
// set the final class
applyClassChange();
// for each animated element,
// clear all css properties that were animated
$.each( arguments, function() {
var el = this.el;
$.each( this.diff, function(key) {
el.css( key, "" );
});
});
// this is guarnteed to be there if you use jQuery.speed()
// it also handles dequeuing the next anim...
o.complete.call( animated[ 0 ] );
});
});
};
$.fn.extend({
_addClass: $.fn.addClass,
2011-03-07 02:44:35 +00:00
addClass: function( classNames, speed, easing, callback ) {
return speed ?
2012-08-27 21:23:30 +00:00
$.effects.animateClass.call( this,
{ add: classNames }, speed, easing, callback ) :
this._addClass( classNames );
},
_removeClass: $.fn.removeClass,
2011-03-07 02:44:35 +00:00
removeClass: function( classNames, speed, easing, callback ) {
return arguments.length > 1 ?
2012-08-27 21:23:30 +00:00
$.effects.animateClass.call( this,
{ remove: classNames }, speed, easing, callback ) :
this._removeClass.apply( this, arguments );
},
_toggleClass: $.fn.toggleClass,
2011-03-07 02:44:35 +00:00
toggleClass: function( classNames, force, speed, easing, callback ) {
if ( typeof force === "boolean" || force === undefined ) {
if ( !speed ) {
2012-08-27 21:23:30 +00:00
// without speed parameter
2011-03-07 02:44:35 +00:00
return this._toggleClass( classNames, force );
} else {
2012-08-27 21:23:30 +00:00
return $.effects.animateClass.call( this,
(force ? { add: classNames } : { remove: classNames }),
speed, easing, callback );
}
} else {
2012-08-27 21:23:30 +00:00
// without force parameter
return $.effects.animateClass.call( this,
{ toggle: classNames }, force, speed, easing );
}
},
2011-03-07 02:44:35 +00:00
switchClass: function( remove, add, speed, easing, callback) {
2012-08-27 21:23:30 +00:00
return $.effects.animateClass.call( this, {
add: add,
remove: remove
}, speed, easing, callback );
}
});
2012-04-02 23:12:21 +00:00
})();
/******************************************************************************/
/*********************************** EFFECTS **********************************/
/******************************************************************************/
2012-04-02 23:12:21 +00:00
(function() {
2011-03-07 02:44:35 +00:00
$.extend( $.effects, {
version: "@VERSION",
// Saves a set of properties in a data storage
2011-03-07 02:44:35 +00:00
save: function( element, set ) {
for( var i=0; i < set.length; i++ ) {
if ( set[ i ] !== null ) {
element.data( dataSpace + set[ i ], element[ 0 ].style[ set[ i ] ] );
2011-03-07 02:44:35 +00:00
}
}
},
// Restores a set of previously saved properties from a data storage
2011-03-07 02:44:35 +00:00
restore: function( element, set ) {
var val, i;
for( i=0; i < set.length; i++ ) {
2011-03-07 02:44:35 +00:00
if ( set[ i ] !== null ) {
val = element.data( dataSpace + set[ i ] );
// support: jQuery 1.6.2
// http://bugs.jquery.com/ticket/9917
// jQuery 1.6.2 incorrectly returns undefined for any falsy value.
// We can't differentiate between "" and 0 here, so we just assume
// empty string since it's likely to be a more common value...
if ( val === undefined ) {
val = "";
}
element.css( set[ i ], val );
2011-03-07 02:44:35 +00:00
}
}
},
2011-03-07 02:44:35 +00:00
setMode: function( el, mode ) {
if (mode === "toggle") {
mode = el.is( ":hidden" ) ? "show" : "hide";
2011-03-07 02:44:35 +00:00
}
return mode;
},
2011-03-07 02:44:35 +00:00
// Translates a [top,left] array into a baseline value
// this should be a little more flexible in the future to handle a string & hash
getBaseline: function( origin, original ) {
var y, x;
2011-03-07 02:44:35 +00:00
switch ( origin[ 0 ] ) {
case "top": y = 0; break;
case "middle": y = 0.5; break;
case "bottom": y = 1; break;
2011-03-07 02:44:35 +00:00
default: y = origin[ 0 ] / original.height;
2012-04-02 19:55:50 +00:00
}
2011-03-07 02:44:35 +00:00
switch ( origin[ 1 ] ) {
case "left": x = 0; break;
case "center": x = 0.5; break;
case "right": x = 1; break;
2011-03-07 02:44:35 +00:00
default: x = origin[ 1 ] / original.width;
2012-04-02 19:55:50 +00:00
}
2011-03-07 02:44:35 +00:00
return {
x: x,
y: y
};
},
// Wraps the element around a wrapper that copies position properties
2011-03-07 02:44:35 +00:00
createWrapper: function( element ) {
2009-11-10 16:35:55 +00:00
// if the element is already wrapped, return it
if ( element.parent().is( ".ui-effects-wrapper" )) {
return element.parent();
2009-11-10 16:35:55 +00:00
}
2009-11-10 16:35:55 +00:00
// wrap the element
var props = {
width: element.outerWidth(true),
height: element.outerHeight(true),
"float": element.css( "float" )
2009-11-10 16:35:55 +00:00
},
wrapper = $( "<div></div>" )
.addClass( "ui-effects-wrapper" )
2009-11-10 16:35:55 +00:00
.css({
fontSize: "100%",
background: "transparent",
border: "none",
2009-11-10 16:35:55 +00:00
margin: 0,
padding: 0
}),
// Store the size in case width/height are defined in % - Fixes #5245
size = {
width: element.width(),
height: element.height()
},
active = document.activeElement;
// support: Firefox
// Firefox incorrectly exposes anonymous content
// https://bugzilla.mozilla.org/show_bug.cgi?id=561664
try {
active.id;
} catch( e ) {
active = document.body;
}
2011-03-07 02:44:35 +00:00
element.wrap( wrapper );
// Fixes #7595 - Elements lose focus when wrapped.
if ( element[ 0 ] === active || $.contains( element[ 0 ], active ) ) {
$( active ).focus();
}
2011-08-10 20:01:44 +00:00
wrapper = element.parent(); //Hotfix for jQuery 1.4 since some change in wrap() seems to actually lose the reference to the wrapped element
2009-11-10 16:35:55 +00:00
// transfer positioning properties to the wrapper
if ( element.css( "position" ) === "static" ) {
wrapper.css({ position: "relative" });
element.css({ position: "relative" });
} else {
2011-03-07 02:44:35 +00:00
$.extend( props, {
position: element.css( "position" ),
zIndex: element.css( "z-index" )
2009-11-10 16:35:55 +00:00
});
$.each([ "top", "left", "bottom", "right" ], function(i, pos) {
2011-03-07 02:44:35 +00:00
props[ pos ] = element.css( pos );
if ( isNaN( parseInt( props[ pos ], 10 ) ) ) {
props[ pos ] = "auto";
}
});
2011-03-07 02:44:35 +00:00
element.css({
position: "relative",
2011-03-07 02:44:35 +00:00
top: 0,
left: 0,
right: "auto",
bottom: "auto"
2011-03-07 02:44:35 +00:00
});
}
element.css(size);
2011-03-07 02:44:35 +00:00
return wrapper.css( props ).show();
},
2011-03-07 02:44:35 +00:00
removeWrapper: function( element ) {
var active = document.activeElement;
if ( element.parent().is( ".ui-effects-wrapper" ) ) {
element.parent().replaceWith( element );
// Fixes #7595 - Elements lose focus when wrapped.
if ( element[ 0 ] === active || $.contains( element[ 0 ], active ) ) {
$( active ).focus();
}
}
return element;
},
2011-03-07 02:44:35 +00:00
setTransition: function( element, list, factor, value ) {
value = value || {};
2012-04-02 23:12:21 +00:00
$.each( list, function( i, x ) {
var unit = element.cssUnit( x );
2012-04-02 23:12:21 +00:00
if ( unit[ 0 ] > 0 ) {
value[ x ] = unit[ 0 ] * factor + unit[ 1 ];
}
});
return value;
}
});
// return an effect options object for the given parameters:
function _normalizeArguments( effect, options, speed, callback ) {
// allow passing all options as the first parameter
if ( $.isPlainObject( effect ) ) {
options = effect;
effect = effect.effect;
}
// convert to an object
effect = { effect: effect };
// catch (effect, null, ...)
if ( options == null ) {
options = {};
}
// catch (effect, callback)
if ( $.isFunction( options ) ) {
callback = options;
speed = null;
options = {};
}
// catch (effect, speed, ?)
if ( typeof options === "number" || $.fx.speeds[ options ] ) {
callback = speed;
speed = options;
options = {};
}
// catch (effect, options, callback)
if ( $.isFunction( speed ) ) {
callback = speed;
speed = null;
}
// add options to effect
if ( options ) {
$.extend( effect, options );
}
speed = speed || options.duration;
2012-04-02 19:55:50 +00:00
effect.duration = $.fx.off ? 0 :
typeof speed === "number" ? speed :
speed in $.fx.speeds ? $.fx.speeds[ speed ] :
$.fx.speeds._default;
effect.complete = callback || options.complete;
return effect;
}
function standardSpeed( speed ) {
// valid standard speeds
if ( !speed || typeof speed === "number" || $.fx.speeds[ speed ] ) {
return true;
}
// invalid strings - treat as "normal" speed
return typeof speed === "string" && !$.effects.effect[ speed ];
}
$.fn.extend({
effect: function( /* effect, options, speed, callback */ ) {
2011-03-07 02:44:35 +00:00
var args = _normalizeArguments.apply( this, arguments ),
mode = args.mode,
queue = args.queue,
effectMethod = $.effects.effect[ args.effect ];
if ( $.fx.off || !effectMethod ) {
// delegate to the original method (e.g., .show()) if possible
if ( mode ) {
return this[ mode ]( args.duration, args.complete );
} else {
2011-03-07 02:44:35 +00:00
return this.each( function() {
if ( args.complete ) {
args.complete.call( this );
}
});
}
}
function run( next ) {
var elem = $( this ),
complete = args.complete,
mode = args.mode;
function done() {
if ( $.isFunction( complete ) ) {
complete.call( elem[0] );
}
if ( $.isFunction( next ) ) {
next();
}
}
// if the element is hiddden and mode is hide,
// or element is visible and mode is show
if ( elem.is( ":hidden" ) ? mode === "hide" : mode === "show" ) {
done();
} else {
effectMethod.call( elem[0], args, done );
}
}
return queue === false ? this.each( run ) : this.queue( queue || "fx", run );
},
2009-01-22 13:10:18 +00:00
_show: $.fn.show,
2011-03-07 02:44:35 +00:00
show: function( speed ) {
if ( standardSpeed( speed ) ) {
2011-03-07 02:44:35 +00:00
return this._show.apply( this, arguments );
} else {
2011-03-07 02:44:35 +00:00
var args = _normalizeArguments.apply( this, arguments );
args.mode = "show";
2011-03-07 02:44:35 +00:00
return this.effect.call( this, args );
}
},
2009-01-22 13:10:18 +00:00
_hide: $.fn.hide,
2011-03-07 02:44:35 +00:00
hide: function( speed ) {
if ( standardSpeed( speed ) ) {
2011-03-07 02:44:35 +00:00
return this._hide.apply( this, arguments );
} else {
2011-03-07 02:44:35 +00:00
var args = _normalizeArguments.apply( this, arguments );
args.mode = "hide";
2011-03-07 02:44:35 +00:00
return this.effect.call( this, args );
}
},
2009-01-22 13:10:18 +00:00
// jQuery core overloads toggle and creates _toggle
__toggle: $.fn.toggle,
2011-03-07 02:44:35 +00:00
toggle: function( speed ) {
if ( standardSpeed( speed ) || typeof speed === "boolean" || $.isFunction( speed ) ) {
2011-03-07 02:44:35 +00:00
return this.__toggle.apply( this, arguments );
} else {
2011-03-07 02:44:35 +00:00
var args = _normalizeArguments.apply( this, arguments );
args.mode = "toggle";
2011-03-07 02:44:35 +00:00
return this.effect.call( this, args );
}
},
2009-01-22 13:10:18 +00:00
// helper functions
cssUnit: function(key) {
2011-03-07 02:44:35 +00:00
var style = this.css( key ),
val = [];
$.each( [ "em", "px", "%", "pt" ], function( i, unit ) {
2012-04-02 23:12:21 +00:00
if ( style.indexOf( unit ) > 0 ) {
2011-03-07 02:44:35 +00:00
val = [ parseFloat( style ), unit ];
2012-04-02 23:12:21 +00:00
}
});
return val;
}
});
2012-04-02 23:12:21 +00:00
})();
/******************************************************************************/
/*********************************** EASING ***********************************/
/******************************************************************************/
2012-04-02 23:12:21 +00:00
(function() {
// based on easing equations from Robert Penner (http://www.robertpenner.com/easing)
2008-05-23 09:26:18 +00:00
var baseEasings = {};
2008-05-23 09:26:18 +00:00
$.each( [ "Quad", "Cubic", "Quart", "Quint", "Expo" ], function( i, name ) {
baseEasings[ name ] = function( p ) {
return Math.pow( p, i + 2 );
};
});
$.extend( baseEasings, {
Sine: function ( p ) {
return 1 - Math.cos( p * Math.PI / 2 );
2011-03-07 02:44:35 +00:00
},
Circ: function ( p ) {
return 1 - Math.sqrt( 1 - p * p );
2011-03-07 02:44:35 +00:00
},
Elastic: function( p ) {
return p === 0 || p === 1 ? p :
-Math.pow( 2, 8 * (p - 1) ) * Math.sin( ( (p - 1) * 80 - 7.5 ) * Math.PI / 15 );
2011-03-07 02:44:35 +00:00
},
Back: function( p ) {
return p * p * ( 3 * p - 2 );
2008-05-23 09:26:18 +00:00
},
Bounce: function ( p ) {
var pow2,
bounce = 4;
while ( p < ( ( pow2 = Math.pow( 2, --bounce ) ) - 1 ) / 11 ) {}
return 1 / Math.pow( 4, 3 - bounce ) - 7.5625 * Math.pow( ( pow2 * 3 - 2 ) / 22 - p, 2 );
2008-05-23 09:26:18 +00:00
}
});
$.each( baseEasings, function( name, easeIn ) {
$.easing[ "easeIn" + name ] = easeIn;
$.easing[ "easeOut" + name ] = function( p ) {
return 1 - easeIn( 1 - p );
};
$.easing[ "easeInOut" + name ] = function( p ) {
2012-04-02 19:55:50 +00:00
return p < 0.5 ?
easeIn( p * 2 ) / 2 :
2012-04-20 17:58:33 +00:00
1 - easeIn( p * -2 + 2 ) / 2;
};
});
2008-05-23 09:26:18 +00:00
2012-04-02 23:12:21 +00:00
})();
})(jQuery));