|
7
|
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);
|
