|
1 /*! |
|
2 * jQuery UI Effects 1.12.1 |
|
3 * http://jqueryui.com |
|
4 * |
|
5 * Copyright jQuery Foundation and other contributors |
|
6 * Released under the MIT license. |
|
7 * http://jquery.org/license |
|
8 */ |
|
9 |
|
10 //>>label: Effects Core |
|
11 //>>group: Effects |
|
12 // jscs:disable maximumLineLength |
|
13 //>>description: Extends the internal jQuery effects. Includes morphing and easing. Required by all other effects. |
|
14 // jscs:enable maximumLineLength |
|
15 //>>docs: http://api.jqueryui.com/category/effects-core/ |
|
16 //>>demos: http://jqueryui.com/effect/ |
|
17 |
|
18 ( function( factory ) { |
|
19 if ( typeof define === "function" && define.amd ) { |
|
20 |
|
21 // AMD. Register as an anonymous module. |
|
22 define( [ "jquery" ], factory ); |
|
23 } else { |
|
24 |
|
25 // Browser globals |
|
26 factory( jQuery ); |
|
27 } |
|
28 }( function( $ ) { |
|
29 |
|
30 // Include version.js |
|
31 $.ui = $.ui || {}; |
|
32 $.ui.version = "1.12.1"; |
|
33 |
|
34 var dataSpace = "ui-effects-", |
|
35 dataSpaceStyle = "ui-effects-style", |
|
36 dataSpaceAnimated = "ui-effects-animated", |
|
37 |
|
38 // Create a local jQuery because jQuery Color relies on it and the |
|
39 // global may not exist with AMD and a custom build (#10199) |
|
40 jQuery = $; |
|
41 |
|
42 $.effects = { |
|
43 effect: {} |
|
44 }; |
|
45 |
|
46 /*! |
|
47 * jQuery Color Animations v2.1.2 |
|
48 * https://github.com/jquery/jquery-color |
|
49 * |
|
50 * Copyright 2014 jQuery Foundation and other contributors |
|
51 * Released under the MIT license. |
|
52 * http://jquery.org/license |
|
53 * |
|
54 * Date: Wed Jan 16 08:47:09 2013 -0600 |
|
55 */ |
|
56 ( function( jQuery, undefined ) { |
|
57 |
|
58 var stepHooks = "backgroundColor borderBottomColor borderLeftColor borderRightColor " + |
|
59 "borderTopColor color columnRuleColor outlineColor textDecorationColor textEmphasisColor", |
|
60 |
|
61 // Plusequals test for += 100 -= 100 |
|
62 rplusequals = /^([\-+])=\s*(\d+\.?\d*)/, |
|
63 |
|
64 // A set of RE's that can match strings and generate color tuples. |
|
65 stringParsers = [ { |
|
66 re: /rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/, |
|
67 parse: function( execResult ) { |
|
68 return [ |
|
69 execResult[ 1 ], |
|
70 execResult[ 2 ], |
|
71 execResult[ 3 ], |
|
72 execResult[ 4 ] |
|
73 ]; |
|
74 } |
|
75 }, { |
|
76 re: /rgba?\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/, |
|
77 parse: function( execResult ) { |
|
78 return [ |
|
79 execResult[ 1 ] * 2.55, |
|
80 execResult[ 2 ] * 2.55, |
|
81 execResult[ 3 ] * 2.55, |
|
82 execResult[ 4 ] |
|
83 ]; |
|
84 } |
|
85 }, { |
|
86 |
|
87 // This regex ignores A-F because it's compared against an already lowercased string |
|
88 re: /#([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})/, |
|
89 parse: function( execResult ) { |
|
90 return [ |
|
91 parseInt( execResult[ 1 ], 16 ), |
|
92 parseInt( execResult[ 2 ], 16 ), |
|
93 parseInt( execResult[ 3 ], 16 ) |
|
94 ]; |
|
95 } |
|
96 }, { |
|
97 |
|
98 // This regex ignores A-F because it's compared against an already lowercased string |
|
99 re: /#([a-f0-9])([a-f0-9])([a-f0-9])/, |
|
100 parse: function( execResult ) { |
|
101 return [ |
|
102 parseInt( execResult[ 1 ] + execResult[ 1 ], 16 ), |
|
103 parseInt( execResult[ 2 ] + execResult[ 2 ], 16 ), |
|
104 parseInt( execResult[ 3 ] + execResult[ 3 ], 16 ) |
|
105 ]; |
|
106 } |
|
107 }, { |
|
108 re: /hsla?\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/, |
|
109 space: "hsla", |
|
110 parse: function( execResult ) { |
|
111 return [ |
|
112 execResult[ 1 ], |
|
113 execResult[ 2 ] / 100, |
|
114 execResult[ 3 ] / 100, |
|
115 execResult[ 4 ] |
|
116 ]; |
|
117 } |
|
118 } ], |
|
119 |
|
120 // JQuery.Color( ) |
|
121 color = jQuery.Color = function( color, green, blue, alpha ) { |
|
122 return new jQuery.Color.fn.parse( color, green, blue, alpha ); |
|
123 }, |
|
124 spaces = { |
|
125 rgba: { |
|
126 props: { |
|
127 red: { |
|
128 idx: 0, |
|
129 type: "byte" |
|
130 }, |
|
131 green: { |
|
132 idx: 1, |
|
133 type: "byte" |
|
134 }, |
|
135 blue: { |
|
136 idx: 2, |
|
137 type: "byte" |
|
138 } |
|
139 } |
|
140 }, |
|
141 |
|
142 hsla: { |
|
143 props: { |
|
144 hue: { |
|
145 idx: 0, |
|
146 type: "degrees" |
|
147 }, |
|
148 saturation: { |
|
149 idx: 1, |
|
150 type: "percent" |
|
151 }, |
|
152 lightness: { |
|
153 idx: 2, |
|
154 type: "percent" |
|
155 } |
|
156 } |
|
157 } |
|
158 }, |
|
159 propTypes = { |
|
160 "byte": { |
|
161 floor: true, |
|
162 max: 255 |
|
163 }, |
|
164 "percent": { |
|
165 max: 1 |
|
166 }, |
|
167 "degrees": { |
|
168 mod: 360, |
|
169 floor: true |
|
170 } |
|
171 }, |
|
172 support = color.support = {}, |
|
173 |
|
174 // Element for support tests |
|
175 supportElem = jQuery( "<p>" )[ 0 ], |
|
176 |
|
177 // Colors = jQuery.Color.names |
|
178 colors, |
|
179 |
|
180 // Local aliases of functions called often |
|
181 each = jQuery.each; |
|
182 |
|
183 // Determine rgba support immediately |
|
184 supportElem.style.cssText = "background-color:rgba(1,1,1,.5)"; |
|
185 support.rgba = supportElem.style.backgroundColor.indexOf( "rgba" ) > -1; |
|
186 |
|
187 // Define cache name and alpha properties |
|
188 // for rgba and hsla spaces |
|
189 each( spaces, function( spaceName, space ) { |
|
190 space.cache = "_" + spaceName; |
|
191 space.props.alpha = { |
|
192 idx: 3, |
|
193 type: "percent", |
|
194 def: 1 |
|
195 }; |
|
196 } ); |
|
197 |
|
198 function clamp( value, prop, allowEmpty ) { |
|
199 var type = propTypes[ prop.type ] || {}; |
|
200 |
|
201 if ( value == null ) { |
|
202 return ( allowEmpty || !prop.def ) ? null : prop.def; |
|
203 } |
|
204 |
|
205 // ~~ is an short way of doing floor for positive numbers |
|
206 value = type.floor ? ~~value : parseFloat( value ); |
|
207 |
|
208 // IE will pass in empty strings as value for alpha, |
|
209 // which will hit this case |
|
210 if ( isNaN( value ) ) { |
|
211 return prop.def; |
|
212 } |
|
213 |
|
214 if ( type.mod ) { |
|
215 |
|
216 // We add mod before modding to make sure that negatives values |
|
217 // get converted properly: -10 -> 350 |
|
218 return ( value + type.mod ) % type.mod; |
|
219 } |
|
220 |
|
221 // For now all property types without mod have min and max |
|
222 return 0 > value ? 0 : type.max < value ? type.max : value; |
|
223 } |
|
224 |
|
225 function stringParse( string ) { |
|
226 var inst = color(), |
|
227 rgba = inst._rgba = []; |
|
228 |
|
229 string = string.toLowerCase(); |
|
230 |
|
231 each( stringParsers, function( i, parser ) { |
|
232 var parsed, |
|
233 match = parser.re.exec( string ), |
|
234 values = match && parser.parse( match ), |
|
235 spaceName = parser.space || "rgba"; |
|
236 |
|
237 if ( values ) { |
|
238 parsed = inst[ spaceName ]( values ); |
|
239 |
|
240 // If this was an rgba parse the assignment might happen twice |
|
241 // oh well.... |
|
242 inst[ spaces[ spaceName ].cache ] = parsed[ spaces[ spaceName ].cache ]; |
|
243 rgba = inst._rgba = parsed._rgba; |
|
244 |
|
245 // Exit each( stringParsers ) here because we matched |
|
246 return false; |
|
247 } |
|
248 } ); |
|
249 |
|
250 // Found a stringParser that handled it |
|
251 if ( rgba.length ) { |
|
252 |
|
253 // If this came from a parsed string, force "transparent" when alpha is 0 |
|
254 // chrome, (and maybe others) return "transparent" as rgba(0,0,0,0) |
|
255 if ( rgba.join() === "0,0,0,0" ) { |
|
256 jQuery.extend( rgba, colors.transparent ); |
|
257 } |
|
258 return inst; |
|
259 } |
|
260 |
|
261 // Named colors |
|
262 return colors[ string ]; |
|
263 } |
|
264 |
|
265 color.fn = jQuery.extend( color.prototype, { |
|
266 parse: function( red, green, blue, alpha ) { |
|
267 if ( red === undefined ) { |
|
268 this._rgba = [ null, null, null, null ]; |
|
269 return this; |
|
270 } |
|
271 if ( red.jquery || red.nodeType ) { |
|
272 red = jQuery( red ).css( green ); |
|
273 green = undefined; |
|
274 } |
|
275 |
|
276 var inst = this, |
|
277 type = jQuery.type( red ), |
|
278 rgba = this._rgba = []; |
|
279 |
|
280 // More than 1 argument specified - assume ( red, green, blue, alpha ) |
|
281 if ( green !== undefined ) { |
|
282 red = [ red, green, blue, alpha ]; |
|
283 type = "array"; |
|
284 } |
|
285 |
|
286 if ( type === "string" ) { |
|
287 return this.parse( stringParse( red ) || colors._default ); |
|
288 } |
|
289 |
|
290 if ( type === "array" ) { |
|
291 each( spaces.rgba.props, function( key, prop ) { |
|
292 rgba[ prop.idx ] = clamp( red[ prop.idx ], prop ); |
|
293 } ); |
|
294 return this; |
|
295 } |
|
296 |
|
297 if ( type === "object" ) { |
|
298 if ( red instanceof color ) { |
|
299 each( spaces, function( spaceName, space ) { |
|
300 if ( red[ space.cache ] ) { |
|
301 inst[ space.cache ] = red[ space.cache ].slice(); |
|
302 } |
|
303 } ); |
|
304 } else { |
|
305 each( spaces, function( spaceName, space ) { |
|
306 var cache = space.cache; |
|
307 each( space.props, function( key, prop ) { |
|
308 |
|
309 // If the cache doesn't exist, and we know how to convert |
|
310 if ( !inst[ cache ] && space.to ) { |
|
311 |
|
312 // If the value was null, we don't need to copy it |
|
313 // if the key was alpha, we don't need to copy it either |
|
314 if ( key === "alpha" || red[ key ] == null ) { |
|
315 return; |
|
316 } |
|
317 inst[ cache ] = space.to( inst._rgba ); |
|
318 } |
|
319 |
|
320 // This is the only case where we allow nulls for ALL properties. |
|
321 // call clamp with alwaysAllowEmpty |
|
322 inst[ cache ][ prop.idx ] = clamp( red[ key ], prop, true ); |
|
323 } ); |
|
324 |
|
325 // Everything defined but alpha? |
|
326 if ( inst[ cache ] && |
|
327 jQuery.inArray( null, inst[ cache ].slice( 0, 3 ) ) < 0 ) { |
|
328 |
|
329 // Use the default of 1 |
|
330 inst[ cache ][ 3 ] = 1; |
|
331 if ( space.from ) { |
|
332 inst._rgba = space.from( inst[ cache ] ); |
|
333 } |
|
334 } |
|
335 } ); |
|
336 } |
|
337 return this; |
|
338 } |
|
339 }, |
|
340 is: function( compare ) { |
|
341 var is = color( compare ), |
|
342 same = true, |
|
343 inst = this; |
|
344 |
|
345 each( spaces, function( _, space ) { |
|
346 var localCache, |
|
347 isCache = is[ space.cache ]; |
|
348 if ( isCache ) { |
|
349 localCache = inst[ space.cache ] || space.to && space.to( inst._rgba ) || []; |
|
350 each( space.props, function( _, prop ) { |
|
351 if ( isCache[ prop.idx ] != null ) { |
|
352 same = ( isCache[ prop.idx ] === localCache[ prop.idx ] ); |
|
353 return same; |
|
354 } |
|
355 } ); |
|
356 } |
|
357 return same; |
|
358 } ); |
|
359 return same; |
|
360 }, |
|
361 _space: function() { |
|
362 var used = [], |
|
363 inst = this; |
|
364 each( spaces, function( spaceName, space ) { |
|
365 if ( inst[ space.cache ] ) { |
|
366 used.push( spaceName ); |
|
367 } |
|
368 } ); |
|
369 return used.pop(); |
|
370 }, |
|
371 transition: function( other, distance ) { |
|
372 var end = color( other ), |
|
373 spaceName = end._space(), |
|
374 space = spaces[ spaceName ], |
|
375 startColor = this.alpha() === 0 ? color( "transparent" ) : this, |
|
376 start = startColor[ space.cache ] || space.to( startColor._rgba ), |
|
377 result = start.slice(); |
|
378 |
|
379 end = end[ space.cache ]; |
|
380 each( space.props, function( key, prop ) { |
|
381 var index = prop.idx, |
|
382 startValue = start[ index ], |
|
383 endValue = end[ index ], |
|
384 type = propTypes[ prop.type ] || {}; |
|
385 |
|
386 // If null, don't override start value |
|
387 if ( endValue === null ) { |
|
388 return; |
|
389 } |
|
390 |
|
391 // If null - use end |
|
392 if ( startValue === null ) { |
|
393 result[ index ] = endValue; |
|
394 } else { |
|
395 if ( type.mod ) { |
|
396 if ( endValue - startValue > type.mod / 2 ) { |
|
397 startValue += type.mod; |
|
398 } else if ( startValue - endValue > type.mod / 2 ) { |
|
399 startValue -= type.mod; |
|
400 } |
|
401 } |
|
402 result[ index ] = clamp( ( endValue - startValue ) * distance + startValue, prop ); |
|
403 } |
|
404 } ); |
|
405 return this[ spaceName ]( result ); |
|
406 }, |
|
407 blend: function( opaque ) { |
|
408 |
|
409 // If we are already opaque - return ourself |
|
410 if ( this._rgba[ 3 ] === 1 ) { |
|
411 return this; |
|
412 } |
|
413 |
|
414 var rgb = this._rgba.slice(), |
|
415 a = rgb.pop(), |
|
416 blend = color( opaque )._rgba; |
|
417 |
|
418 return color( jQuery.map( rgb, function( v, i ) { |
|
419 return ( 1 - a ) * blend[ i ] + a * v; |
|
420 } ) ); |
|
421 }, |
|
422 toRgbaString: function() { |
|
423 var prefix = "rgba(", |
|
424 rgba = jQuery.map( this._rgba, function( v, i ) { |
|
425 return v == null ? ( i > 2 ? 1 : 0 ) : v; |
|
426 } ); |
|
427 |
|
428 if ( rgba[ 3 ] === 1 ) { |
|
429 rgba.pop(); |
|
430 prefix = "rgb("; |
|
431 } |
|
432 |
|
433 return prefix + rgba.join() + ")"; |
|
434 }, |
|
435 toHslaString: function() { |
|
436 var prefix = "hsla(", |
|
437 hsla = jQuery.map( this.hsla(), function( v, i ) { |
|
438 if ( v == null ) { |
|
439 v = i > 2 ? 1 : 0; |
|
440 } |
|
441 |
|
442 // Catch 1 and 2 |
|
443 if ( i && i < 3 ) { |
|
444 v = Math.round( v * 100 ) + "%"; |
|
445 } |
|
446 return v; |
|
447 } ); |
|
448 |
|
449 if ( hsla[ 3 ] === 1 ) { |
|
450 hsla.pop(); |
|
451 prefix = "hsl("; |
|
452 } |
|
453 return prefix + hsla.join() + ")"; |
|
454 }, |
|
455 toHexString: function( includeAlpha ) { |
|
456 var rgba = this._rgba.slice(), |
|
457 alpha = rgba.pop(); |
|
458 |
|
459 if ( includeAlpha ) { |
|
460 rgba.push( ~~( alpha * 255 ) ); |
|
461 } |
|
462 |
|
463 return "#" + jQuery.map( rgba, function( v ) { |
|
464 |
|
465 // Default to 0 when nulls exist |
|
466 v = ( v || 0 ).toString( 16 ); |
|
467 return v.length === 1 ? "0" + v : v; |
|
468 } ).join( "" ); |
|
469 }, |
|
470 toString: function() { |
|
471 return this._rgba[ 3 ] === 0 ? "transparent" : this.toRgbaString(); |
|
472 } |
|
473 } ); |
|
474 color.fn.parse.prototype = color.fn; |
|
475 |
|
476 // Hsla conversions adapted from: |
|
477 // https://code.google.com/p/maashaack/source/browse/packages/graphics/trunk/src/graphics/colors/HUE2RGB.as?r=5021 |
|
478 |
|
479 function hue2rgb( p, q, h ) { |
|
480 h = ( h + 1 ) % 1; |
|
481 if ( h * 6 < 1 ) { |
|
482 return p + ( q - p ) * h * 6; |
|
483 } |
|
484 if ( h * 2 < 1 ) { |
|
485 return q; |
|
486 } |
|
487 if ( h * 3 < 2 ) { |
|
488 return p + ( q - p ) * ( ( 2 / 3 ) - h ) * 6; |
|
489 } |
|
490 return p; |
|
491 } |
|
492 |
|
493 spaces.hsla.to = function( rgba ) { |
|
494 if ( rgba[ 0 ] == null || rgba[ 1 ] == null || rgba[ 2 ] == null ) { |
|
495 return [ null, null, null, rgba[ 3 ] ]; |
|
496 } |
|
497 var r = rgba[ 0 ] / 255, |
|
498 g = rgba[ 1 ] / 255, |
|
499 b = rgba[ 2 ] / 255, |
|
500 a = rgba[ 3 ], |
|
501 max = Math.max( r, g, b ), |
|
502 min = Math.min( r, g, b ), |
|
503 diff = max - min, |
|
504 add = max + min, |
|
505 l = add * 0.5, |
|
506 h, s; |
|
507 |
|
508 if ( min === max ) { |
|
509 h = 0; |
|
510 } else if ( r === max ) { |
|
511 h = ( 60 * ( g - b ) / diff ) + 360; |
|
512 } else if ( g === max ) { |
|
513 h = ( 60 * ( b - r ) / diff ) + 120; |
|
514 } else { |
|
515 h = ( 60 * ( r - g ) / diff ) + 240; |
|
516 } |
|
517 |
|
518 // Chroma (diff) == 0 means greyscale which, by definition, saturation = 0% |
|
519 // otherwise, saturation is based on the ratio of chroma (diff) to lightness (add) |
|
520 if ( diff === 0 ) { |
|
521 s = 0; |
|
522 } else if ( l <= 0.5 ) { |
|
523 s = diff / add; |
|
524 } else { |
|
525 s = diff / ( 2 - add ); |
|
526 } |
|
527 return [ Math.round( h ) % 360, s, l, a == null ? 1 : a ]; |
|
528 }; |
|
529 |
|
530 spaces.hsla.from = function( hsla ) { |
|
531 if ( hsla[ 0 ] == null || hsla[ 1 ] == null || hsla[ 2 ] == null ) { |
|
532 return [ null, null, null, hsla[ 3 ] ]; |
|
533 } |
|
534 var h = hsla[ 0 ] / 360, |
|
535 s = hsla[ 1 ], |
|
536 l = hsla[ 2 ], |
|
537 a = hsla[ 3 ], |
|
538 q = l <= 0.5 ? l * ( 1 + s ) : l + s - l * s, |
|
539 p = 2 * l - q; |
|
540 |
|
541 return [ |
|
542 Math.round( hue2rgb( p, q, h + ( 1 / 3 ) ) * 255 ), |
|
543 Math.round( hue2rgb( p, q, h ) * 255 ), |
|
544 Math.round( hue2rgb( p, q, h - ( 1 / 3 ) ) * 255 ), |
|
545 a |
|
546 ]; |
|
547 }; |
|
548 |
|
549 each( spaces, function( spaceName, space ) { |
|
550 var props = space.props, |
|
551 cache = space.cache, |
|
552 to = space.to, |
|
553 from = space.from; |
|
554 |
|
555 // Makes rgba() and hsla() |
|
556 color.fn[ spaceName ] = function( value ) { |
|
557 |
|
558 // Generate a cache for this space if it doesn't exist |
|
559 if ( to && !this[ cache ] ) { |
|
560 this[ cache ] = to( this._rgba ); |
|
561 } |
|
562 if ( value === undefined ) { |
|
563 return this[ cache ].slice(); |
|
564 } |
|
565 |
|
566 var ret, |
|
567 type = jQuery.type( value ), |
|
568 arr = ( type === "array" || type === "object" ) ? value : arguments, |
|
569 local = this[ cache ].slice(); |
|
570 |
|
571 each( props, function( key, prop ) { |
|
572 var val = arr[ type === "object" ? key : prop.idx ]; |
|
573 if ( val == null ) { |
|
574 val = local[ prop.idx ]; |
|
575 } |
|
576 local[ prop.idx ] = clamp( val, prop ); |
|
577 } ); |
|
578 |
|
579 if ( from ) { |
|
580 ret = color( from( local ) ); |
|
581 ret[ cache ] = local; |
|
582 return ret; |
|
583 } else { |
|
584 return color( local ); |
|
585 } |
|
586 }; |
|
587 |
|
588 // Makes red() green() blue() alpha() hue() saturation() lightness() |
|
589 each( props, function( key, prop ) { |
|
590 |
|
591 // Alpha is included in more than one space |
|
592 if ( color.fn[ key ] ) { |
|
593 return; |
|
594 } |
|
595 color.fn[ key ] = function( value ) { |
|
596 var vtype = jQuery.type( value ), |
|
597 fn = ( key === "alpha" ? ( this._hsla ? "hsla" : "rgba" ) : spaceName ), |
|
598 local = this[ fn ](), |
|
599 cur = local[ prop.idx ], |
|
600 match; |
|
601 |
|
602 if ( vtype === "undefined" ) { |
|
603 return cur; |
|
604 } |
|
605 |
|
606 if ( vtype === "function" ) { |
|
607 value = value.call( this, cur ); |
|
608 vtype = jQuery.type( value ); |
|
609 } |
|
610 if ( value == null && prop.empty ) { |
|
611 return this; |
|
612 } |
|
613 if ( vtype === "string" ) { |
|
614 match = rplusequals.exec( value ); |
|
615 if ( match ) { |
|
616 value = cur + parseFloat( match[ 2 ] ) * ( match[ 1 ] === "+" ? 1 : -1 ); |
|
617 } |
|
618 } |
|
619 local[ prop.idx ] = value; |
|
620 return this[ fn ]( local ); |
|
621 }; |
|
622 } ); |
|
623 } ); |
|
624 |
|
625 // Add cssHook and .fx.step function for each named hook. |
|
626 // accept a space separated string of properties |
|
627 color.hook = function( hook ) { |
|
628 var hooks = hook.split( " " ); |
|
629 each( hooks, function( i, hook ) { |
|
630 jQuery.cssHooks[ hook ] = { |
|
631 set: function( elem, value ) { |
|
632 var parsed, curElem, |
|
633 backgroundColor = ""; |
|
634 |
|
635 if ( value !== "transparent" && ( jQuery.type( value ) !== "string" || |
|
636 ( parsed = stringParse( value ) ) ) ) { |
|
637 value = color( parsed || value ); |
|
638 if ( !support.rgba && value._rgba[ 3 ] !== 1 ) { |
|
639 curElem = hook === "backgroundColor" ? elem.parentNode : elem; |
|
640 while ( |
|
641 ( backgroundColor === "" || backgroundColor === "transparent" ) && |
|
642 curElem && curElem.style |
|
643 ) { |
|
644 try { |
|
645 backgroundColor = jQuery.css( curElem, "backgroundColor" ); |
|
646 curElem = curElem.parentNode; |
|
647 } catch ( e ) { |
|
648 } |
|
649 } |
|
650 |
|
651 value = value.blend( backgroundColor && backgroundColor !== "transparent" ? |
|
652 backgroundColor : |
|
653 "_default" ); |
|
654 } |
|
655 |
|
656 value = value.toRgbaString(); |
|
657 } |
|
658 try { |
|
659 elem.style[ hook ] = value; |
|
660 } catch ( e ) { |
|
661 |
|
662 // Wrapped to prevent IE from throwing errors on "invalid" values like |
|
663 // 'auto' or 'inherit' |
|
664 } |
|
665 } |
|
666 }; |
|
667 jQuery.fx.step[ hook ] = function( fx ) { |
|
668 if ( !fx.colorInit ) { |
|
669 fx.start = color( fx.elem, hook ); |
|
670 fx.end = color( fx.end ); |
|
671 fx.colorInit = true; |
|
672 } |
|
673 jQuery.cssHooks[ hook ].set( fx.elem, fx.start.transition( fx.end, fx.pos ) ); |
|
674 }; |
|
675 } ); |
|
676 |
|
677 }; |
|
678 |
|
679 color.hook( stepHooks ); |
|
680 |
|
681 jQuery.cssHooks.borderColor = { |
|
682 expand: function( value ) { |
|
683 var expanded = {}; |
|
684 |
|
685 each( [ "Top", "Right", "Bottom", "Left" ], function( i, part ) { |
|
686 expanded[ "border" + part + "Color" ] = value; |
|
687 } ); |
|
688 return expanded; |
|
689 } |
|
690 }; |
|
691 |
|
692 // Basic color names only. |
|
693 // Usage of any of the other color names requires adding yourself or including |
|
694 // jquery.color.svg-names.js. |
|
695 colors = jQuery.Color.names = { |
|
696 |
|
697 // 4.1. Basic color keywords |
|
698 aqua: "#00ffff", |
|
699 black: "#000000", |
|
700 blue: "#0000ff", |
|
701 fuchsia: "#ff00ff", |
|
702 gray: "#808080", |
|
703 green: "#008000", |
|
704 lime: "#00ff00", |
|
705 maroon: "#800000", |
|
706 navy: "#000080", |
|
707 olive: "#808000", |
|
708 purple: "#800080", |
|
709 red: "#ff0000", |
|
710 silver: "#c0c0c0", |
|
711 teal: "#008080", |
|
712 white: "#ffffff", |
|
713 yellow: "#ffff00", |
|
714 |
|
715 // 4.2.3. "transparent" color keyword |
|
716 transparent: [ null, null, null, 0 ], |
|
717 |
|
718 _default: "#ffffff" |
|
719 }; |
|
720 |
|
721 } )( jQuery ); |
|
722 |
|
723 /******************************************************************************/ |
|
724 /****************************** CLASS ANIMATIONS ******************************/ |
|
725 /******************************************************************************/ |
|
726 ( function() { |
|
727 |
|
728 var classAnimationActions = [ "add", "remove", "toggle" ], |
|
729 shorthandStyles = { |
|
730 border: 1, |
|
731 borderBottom: 1, |
|
732 borderColor: 1, |
|
733 borderLeft: 1, |
|
734 borderRight: 1, |
|
735 borderTop: 1, |
|
736 borderWidth: 1, |
|
737 margin: 1, |
|
738 padding: 1 |
|
739 }; |
|
740 |
|
741 $.each( |
|
742 [ "borderLeftStyle", "borderRightStyle", "borderBottomStyle", "borderTopStyle" ], |
|
743 function( _, prop ) { |
|
744 $.fx.step[ prop ] = function( fx ) { |
|
745 if ( fx.end !== "none" && !fx.setAttr || fx.pos === 1 && !fx.setAttr ) { |
|
746 jQuery.style( fx.elem, prop, fx.end ); |
|
747 fx.setAttr = true; |
|
748 } |
|
749 }; |
|
750 } |
|
751 ); |
|
752 |
|
753 function getElementStyles( elem ) { |
|
754 var key, len, |
|
755 style = elem.ownerDocument.defaultView ? |
|
756 elem.ownerDocument.defaultView.getComputedStyle( elem, null ) : |
|
757 elem.currentStyle, |
|
758 styles = {}; |
|
759 |
|
760 if ( style && style.length && style[ 0 ] && style[ style[ 0 ] ] ) { |
|
761 len = style.length; |
|
762 while ( len-- ) { |
|
763 key = style[ len ]; |
|
764 if ( typeof style[ key ] === "string" ) { |
|
765 styles[ $.camelCase( key ) ] = style[ key ]; |
|
766 } |
|
767 } |
|
768 |
|
769 // Support: Opera, IE <9 |
|
770 } else { |
|
771 for ( key in style ) { |
|
772 if ( typeof style[ key ] === "string" ) { |
|
773 styles[ key ] = style[ key ]; |
|
774 } |
|
775 } |
|
776 } |
|
777 |
|
778 return styles; |
|
779 } |
|
780 |
|
781 function styleDifference( oldStyle, newStyle ) { |
|
782 var diff = {}, |
|
783 name, value; |
|
784 |
|
785 for ( name in newStyle ) { |
|
786 value = newStyle[ name ]; |
|
787 if ( oldStyle[ name ] !== value ) { |
|
788 if ( !shorthandStyles[ name ] ) { |
|
789 if ( $.fx.step[ name ] || !isNaN( parseFloat( value ) ) ) { |
|
790 diff[ name ] = value; |
|
791 } |
|
792 } |
|
793 } |
|
794 } |
|
795 |
|
796 return diff; |
|
797 } |
|
798 |
|
799 // Support: jQuery <1.8 |
|
800 if ( !$.fn.addBack ) { |
|
801 $.fn.addBack = function( selector ) { |
|
802 return this.add( selector == null ? |
|
803 this.prevObject : this.prevObject.filter( selector ) |
|
804 ); |
|
805 }; |
|
806 } |
|
807 |
|
808 $.effects.animateClass = function( value, duration, easing, callback ) { |
|
809 var o = $.speed( duration, easing, callback ); |
|
810 |
|
811 return this.queue( function() { |
|
812 var animated = $( this ), |
|
813 baseClass = animated.attr( "class" ) || "", |
|
814 applyClassChange, |
|
815 allAnimations = o.children ? animated.find( "*" ).addBack() : animated; |
|
816 |
|
817 // Map the animated objects to store the original styles. |
|
818 allAnimations = allAnimations.map( function() { |
|
819 var el = $( this ); |
|
820 return { |
|
821 el: el, |
|
822 start: getElementStyles( this ) |
|
823 }; |
|
824 } ); |
|
825 |
|
826 // Apply class change |
|
827 applyClassChange = function() { |
|
828 $.each( classAnimationActions, function( i, action ) { |
|
829 if ( value[ action ] ) { |
|
830 animated[ action + "Class" ]( value[ action ] ); |
|
831 } |
|
832 } ); |
|
833 }; |
|
834 applyClassChange(); |
|
835 |
|
836 // Map all animated objects again - calculate new styles and diff |
|
837 allAnimations = allAnimations.map( function() { |
|
838 this.end = getElementStyles( this.el[ 0 ] ); |
|
839 this.diff = styleDifference( this.start, this.end ); |
|
840 return this; |
|
841 } ); |
|
842 |
|
843 // Apply original class |
|
844 animated.attr( "class", baseClass ); |
|
845 |
|
846 // Map all animated objects again - this time collecting a promise |
|
847 allAnimations = allAnimations.map( function() { |
|
848 var styleInfo = this, |
|
849 dfd = $.Deferred(), |
|
850 opts = $.extend( {}, o, { |
|
851 queue: false, |
|
852 complete: function() { |
|
853 dfd.resolve( styleInfo ); |
|
854 } |
|
855 } ); |
|
856 |
|
857 this.el.animate( this.diff, opts ); |
|
858 return dfd.promise(); |
|
859 } ); |
|
860 |
|
861 // Once all animations have completed: |
|
862 $.when.apply( $, allAnimations.get() ).done( function() { |
|
863 |
|
864 // Set the final class |
|
865 applyClassChange(); |
|
866 |
|
867 // For each animated element, |
|
868 // clear all css properties that were animated |
|
869 $.each( arguments, function() { |
|
870 var el = this.el; |
|
871 $.each( this.diff, function( key ) { |
|
872 el.css( key, "" ); |
|
873 } ); |
|
874 } ); |
|
875 |
|
876 // This is guarnteed to be there if you use jQuery.speed() |
|
877 // it also handles dequeuing the next anim... |
|
878 o.complete.call( animated[ 0 ] ); |
|
879 } ); |
|
880 } ); |
|
881 }; |
|
882 |
|
883 $.fn.extend( { |
|
884 addClass: ( function( orig ) { |
|
885 return function( classNames, speed, easing, callback ) { |
|
886 return speed ? |
|
887 $.effects.animateClass.call( this, |
|
888 { add: classNames }, speed, easing, callback ) : |
|
889 orig.apply( this, arguments ); |
|
890 }; |
|
891 } )( $.fn.addClass ), |
|
892 |
|
893 removeClass: ( function( orig ) { |
|
894 return function( classNames, speed, easing, callback ) { |
|
895 return arguments.length > 1 ? |
|
896 $.effects.animateClass.call( this, |
|
897 { remove: classNames }, speed, easing, callback ) : |
|
898 orig.apply( this, arguments ); |
|
899 }; |
|
900 } )( $.fn.removeClass ), |
|
901 |
|
902 toggleClass: ( function( orig ) { |
|
903 return function( classNames, force, speed, easing, callback ) { |
|
904 if ( typeof force === "boolean" || force === undefined ) { |
|
905 if ( !speed ) { |
|
906 |
|
907 // Without speed parameter |
|
908 return orig.apply( this, arguments ); |
|
909 } else { |
|
910 return $.effects.animateClass.call( this, |
|
911 ( force ? { add: classNames } : { remove: classNames } ), |
|
912 speed, easing, callback ); |
|
913 } |
|
914 } else { |
|
915 |
|
916 // Without force parameter |
|
917 return $.effects.animateClass.call( this, |
|
918 { toggle: classNames }, force, speed, easing ); |
|
919 } |
|
920 }; |
|
921 } )( $.fn.toggleClass ), |
|
922 |
|
923 switchClass: function( remove, add, speed, easing, callback ) { |
|
924 return $.effects.animateClass.call( this, { |
|
925 add: add, |
|
926 remove: remove |
|
927 }, speed, easing, callback ); |
|
928 } |
|
929 } ); |
|
930 |
|
931 } )(); |
|
932 |
|
933 /******************************************************************************/ |
|
934 /*********************************** EFFECTS **********************************/ |
|
935 /******************************************************************************/ |
|
936 |
|
937 ( function() { |
|
938 |
|
939 if ( $.expr && $.expr.filters && $.expr.filters.animated ) { |
|
940 $.expr.filters.animated = ( function( orig ) { |
|
941 return function( elem ) { |
|
942 return !!$( elem ).data( dataSpaceAnimated ) || orig( elem ); |
|
943 }; |
|
944 } )( $.expr.filters.animated ); |
|
945 } |
|
946 |
|
947 if ( $.uiBackCompat !== false ) { |
|
948 $.extend( $.effects, { |
|
949 |
|
950 // Saves a set of properties in a data storage |
|
951 save: function( element, set ) { |
|
952 var i = 0, length = set.length; |
|
953 for ( ; i < length; i++ ) { |
|
954 if ( set[ i ] !== null ) { |
|
955 element.data( dataSpace + set[ i ], element[ 0 ].style[ set[ i ] ] ); |
|
956 } |
|
957 } |
|
958 }, |
|
959 |
|
960 // Restores a set of previously saved properties from a data storage |
|
961 restore: function( element, set ) { |
|
962 var val, i = 0, length = set.length; |
|
963 for ( ; i < length; i++ ) { |
|
964 if ( set[ i ] !== null ) { |
|
965 val = element.data( dataSpace + set[ i ] ); |
|
966 element.css( set[ i ], val ); |
|
967 } |
|
968 } |
|
969 }, |
|
970 |
|
971 setMode: function( el, mode ) { |
|
972 if ( mode === "toggle" ) { |
|
973 mode = el.is( ":hidden" ) ? "show" : "hide"; |
|
974 } |
|
975 return mode; |
|
976 }, |
|
977 |
|
978 // Wraps the element around a wrapper that copies position properties |
|
979 createWrapper: function( element ) { |
|
980 |
|
981 // If the element is already wrapped, return it |
|
982 if ( element.parent().is( ".ui-effects-wrapper" ) ) { |
|
983 return element.parent(); |
|
984 } |
|
985 |
|
986 // Wrap the element |
|
987 var props = { |
|
988 width: element.outerWidth( true ), |
|
989 height: element.outerHeight( true ), |
|
990 "float": element.css( "float" ) |
|
991 }, |
|
992 wrapper = $( "<div></div>" ) |
|
993 .addClass( "ui-effects-wrapper" ) |
|
994 .css( { |
|
995 fontSize: "100%", |
|
996 background: "transparent", |
|
997 border: "none", |
|
998 margin: 0, |
|
999 padding: 0 |
|
1000 } ), |
|
1001 |
|
1002 // Store the size in case width/height are defined in % - Fixes #5245 |
|
1003 size = { |
|
1004 width: element.width(), |
|
1005 height: element.height() |
|
1006 }, |
|
1007 active = document.activeElement; |
|
1008 |
|
1009 // Support: Firefox |
|
1010 // Firefox incorrectly exposes anonymous content |
|
1011 // https://bugzilla.mozilla.org/show_bug.cgi?id=561664 |
|
1012 try { |
|
1013 active.id; |
|
1014 } catch ( e ) { |
|
1015 active = document.body; |
|
1016 } |
|
1017 |
|
1018 element.wrap( wrapper ); |
|
1019 |
|
1020 // Fixes #7595 - Elements lose focus when wrapped. |
|
1021 if ( element[ 0 ] === active || $.contains( element[ 0 ], active ) ) { |
|
1022 $( active ).trigger( "focus" ); |
|
1023 } |
|
1024 |
|
1025 // Hotfix for jQuery 1.4 since some change in wrap() seems to actually |
|
1026 // lose the reference to the wrapped element |
|
1027 wrapper = element.parent(); |
|
1028 |
|
1029 // Transfer positioning properties to the wrapper |
|
1030 if ( element.css( "position" ) === "static" ) { |
|
1031 wrapper.css( { position: "relative" } ); |
|
1032 element.css( { position: "relative" } ); |
|
1033 } else { |
|
1034 $.extend( props, { |
|
1035 position: element.css( "position" ), |
|
1036 zIndex: element.css( "z-index" ) |
|
1037 } ); |
|
1038 $.each( [ "top", "left", "bottom", "right" ], function( i, pos ) { |
|
1039 props[ pos ] = element.css( pos ); |
|
1040 if ( isNaN( parseInt( props[ pos ], 10 ) ) ) { |
|
1041 props[ pos ] = "auto"; |
|
1042 } |
|
1043 } ); |
|
1044 element.css( { |
|
1045 position: "relative", |
|
1046 top: 0, |
|
1047 left: 0, |
|
1048 right: "auto", |
|
1049 bottom: "auto" |
|
1050 } ); |
|
1051 } |
|
1052 element.css( size ); |
|
1053 |
|
1054 return wrapper.css( props ).show(); |
|
1055 }, |
|
1056 |
|
1057 removeWrapper: function( element ) { |
|
1058 var active = document.activeElement; |
|
1059 |
|
1060 if ( element.parent().is( ".ui-effects-wrapper" ) ) { |
|
1061 element.parent().replaceWith( element ); |
|
1062 |
|
1063 // Fixes #7595 - Elements lose focus when wrapped. |
|
1064 if ( element[ 0 ] === active || $.contains( element[ 0 ], active ) ) { |
|
1065 $( active ).trigger( "focus" ); |
|
1066 } |
|
1067 } |
|
1068 |
|
1069 return element; |
|
1070 } |
|
1071 } ); |
|
1072 } |
|
1073 |
|
1074 $.extend( $.effects, { |
|
1075 version: "1.12.1", |
|
1076 |
|
1077 define: function( name, mode, effect ) { |
|
1078 if ( !effect ) { |
|
1079 effect = mode; |
|
1080 mode = "effect"; |
|
1081 } |
|
1082 |
|
1083 $.effects.effect[ name ] = effect; |
|
1084 $.effects.effect[ name ].mode = mode; |
|
1085 |
|
1086 return effect; |
|
1087 }, |
|
1088 |
|
1089 scaledDimensions: function( element, percent, direction ) { |
|
1090 if ( percent === 0 ) { |
|
1091 return { |
|
1092 height: 0, |
|
1093 width: 0, |
|
1094 outerHeight: 0, |
|
1095 outerWidth: 0 |
|
1096 }; |
|
1097 } |
|
1098 |
|
1099 var x = direction !== "horizontal" ? ( ( percent || 100 ) / 100 ) : 1, |
|
1100 y = direction !== "vertical" ? ( ( percent || 100 ) / 100 ) : 1; |
|
1101 |
|
1102 return { |
|
1103 height: element.height() * y, |
|
1104 width: element.width() * x, |
|
1105 outerHeight: element.outerHeight() * y, |
|
1106 outerWidth: element.outerWidth() * x |
|
1107 }; |
|
1108 |
|
1109 }, |
|
1110 |
|
1111 clipToBox: function( animation ) { |
|
1112 return { |
|
1113 width: animation.clip.right - animation.clip.left, |
|
1114 height: animation.clip.bottom - animation.clip.top, |
|
1115 left: animation.clip.left, |
|
1116 top: animation.clip.top |
|
1117 }; |
|
1118 }, |
|
1119 |
|
1120 // Injects recently queued functions to be first in line (after "inprogress") |
|
1121 unshift: function( element, queueLength, count ) { |
|
1122 var queue = element.queue(); |
|
1123 |
|
1124 if ( queueLength > 1 ) { |
|
1125 queue.splice.apply( queue, |
|
1126 [ 1, 0 ].concat( queue.splice( queueLength, count ) ) ); |
|
1127 } |
|
1128 element.dequeue(); |
|
1129 }, |
|
1130 |
|
1131 saveStyle: function( element ) { |
|
1132 element.data( dataSpaceStyle, element[ 0 ].style.cssText ); |
|
1133 }, |
|
1134 |
|
1135 restoreStyle: function( element ) { |
|
1136 element[ 0 ].style.cssText = element.data( dataSpaceStyle ) || ""; |
|
1137 element.removeData( dataSpaceStyle ); |
|
1138 }, |
|
1139 |
|
1140 mode: function( element, mode ) { |
|
1141 var hidden = element.is( ":hidden" ); |
|
1142 |
|
1143 if ( mode === "toggle" ) { |
|
1144 mode = hidden ? "show" : "hide"; |
|
1145 } |
|
1146 if ( hidden ? mode === "hide" : mode === "show" ) { |
|
1147 mode = "none"; |
|
1148 } |
|
1149 return mode; |
|
1150 }, |
|
1151 |
|
1152 // Translates a [top,left] array into a baseline value |
|
1153 getBaseline: function( origin, original ) { |
|
1154 var y, x; |
|
1155 |
|
1156 switch ( origin[ 0 ] ) { |
|
1157 case "top": |
|
1158 y = 0; |
|
1159 break; |
|
1160 case "middle": |
|
1161 y = 0.5; |
|
1162 break; |
|
1163 case "bottom": |
|
1164 y = 1; |
|
1165 break; |
|
1166 default: |
|
1167 y = origin[ 0 ] / original.height; |
|
1168 } |
|
1169 |
|
1170 switch ( origin[ 1 ] ) { |
|
1171 case "left": |
|
1172 x = 0; |
|
1173 break; |
|
1174 case "center": |
|
1175 x = 0.5; |
|
1176 break; |
|
1177 case "right": |
|
1178 x = 1; |
|
1179 break; |
|
1180 default: |
|
1181 x = origin[ 1 ] / original.width; |
|
1182 } |
|
1183 |
|
1184 return { |
|
1185 x: x, |
|
1186 y: y |
|
1187 }; |
|
1188 }, |
|
1189 |
|
1190 // Creates a placeholder element so that the original element can be made absolute |
|
1191 createPlaceholder: function( element ) { |
|
1192 var placeholder, |
|
1193 cssPosition = element.css( "position" ), |
|
1194 position = element.position(); |
|
1195 |
|
1196 // Lock in margins first to account for form elements, which |
|
1197 // will change margin if you explicitly set height |
|
1198 // see: http://jsfiddle.net/JZSMt/3/ https://bugs.webkit.org/show_bug.cgi?id=107380 |
|
1199 // Support: Safari |
|
1200 element.css( { |
|
1201 marginTop: element.css( "marginTop" ), |
|
1202 marginBottom: element.css( "marginBottom" ), |
|
1203 marginLeft: element.css( "marginLeft" ), |
|
1204 marginRight: element.css( "marginRight" ) |
|
1205 } ) |
|
1206 .outerWidth( element.outerWidth() ) |
|
1207 .outerHeight( element.outerHeight() ); |
|
1208 |
|
1209 if ( /^(static|relative)/.test( cssPosition ) ) { |
|
1210 cssPosition = "absolute"; |
|
1211 |
|
1212 placeholder = $( "<" + element[ 0 ].nodeName + ">" ).insertAfter( element ).css( { |
|
1213 |
|
1214 // Convert inline to inline block to account for inline elements |
|
1215 // that turn to inline block based on content (like img) |
|
1216 display: /^(inline|ruby)/.test( element.css( "display" ) ) ? |
|
1217 "inline-block" : |
|
1218 "block", |
|
1219 visibility: "hidden", |
|
1220 |
|
1221 // Margins need to be set to account for margin collapse |
|
1222 marginTop: element.css( "marginTop" ), |
|
1223 marginBottom: element.css( "marginBottom" ), |
|
1224 marginLeft: element.css( "marginLeft" ), |
|
1225 marginRight: element.css( "marginRight" ), |
|
1226 "float": element.css( "float" ) |
|
1227 } ) |
|
1228 .outerWidth( element.outerWidth() ) |
|
1229 .outerHeight( element.outerHeight() ) |
|
1230 .addClass( "ui-effects-placeholder" ); |
|
1231 |
|
1232 element.data( dataSpace + "placeholder", placeholder ); |
|
1233 } |
|
1234 |
|
1235 element.css( { |
|
1236 position: cssPosition, |
|
1237 left: position.left, |
|
1238 top: position.top |
|
1239 } ); |
|
1240 |
|
1241 return placeholder; |
|
1242 }, |
|
1243 |
|
1244 removePlaceholder: function( element ) { |
|
1245 var dataKey = dataSpace + "placeholder", |
|
1246 placeholder = element.data( dataKey ); |
|
1247 |
|
1248 if ( placeholder ) { |
|
1249 placeholder.remove(); |
|
1250 element.removeData( dataKey ); |
|
1251 } |
|
1252 }, |
|
1253 |
|
1254 // Removes a placeholder if it exists and restores |
|
1255 // properties that were modified during placeholder creation |
|
1256 cleanUp: function( element ) { |
|
1257 $.effects.restoreStyle( element ); |
|
1258 $.effects.removePlaceholder( element ); |
|
1259 }, |
|
1260 |
|
1261 setTransition: function( element, list, factor, value ) { |
|
1262 value = value || {}; |
|
1263 $.each( list, function( i, x ) { |
|
1264 var unit = element.cssUnit( x ); |
|
1265 if ( unit[ 0 ] > 0 ) { |
|
1266 value[ x ] = unit[ 0 ] * factor + unit[ 1 ]; |
|
1267 } |
|
1268 } ); |
|
1269 return value; |
|
1270 } |
|
1271 } ); |
|
1272 |
|
1273 // Return an effect options object for the given parameters: |
|
1274 function _normalizeArguments( effect, options, speed, callback ) { |
|
1275 |
|
1276 // Allow passing all options as the first parameter |
|
1277 if ( $.isPlainObject( effect ) ) { |
|
1278 options = effect; |
|
1279 effect = effect.effect; |
|
1280 } |
|
1281 |
|
1282 // Convert to an object |
|
1283 effect = { effect: effect }; |
|
1284 |
|
1285 // Catch (effect, null, ...) |
|
1286 if ( options == null ) { |
|
1287 options = {}; |
|
1288 } |
|
1289 |
|
1290 // Catch (effect, callback) |
|
1291 if ( $.isFunction( options ) ) { |
|
1292 callback = options; |
|
1293 speed = null; |
|
1294 options = {}; |
|
1295 } |
|
1296 |
|
1297 // Catch (effect, speed, ?) |
|
1298 if ( typeof options === "number" || $.fx.speeds[ options ] ) { |
|
1299 callback = speed; |
|
1300 speed = options; |
|
1301 options = {}; |
|
1302 } |
|
1303 |
|
1304 // Catch (effect, options, callback) |
|
1305 if ( $.isFunction( speed ) ) { |
|
1306 callback = speed; |
|
1307 speed = null; |
|
1308 } |
|
1309 |
|
1310 // Add options to effect |
|
1311 if ( options ) { |
|
1312 $.extend( effect, options ); |
|
1313 } |
|
1314 |
|
1315 speed = speed || options.duration; |
|
1316 effect.duration = $.fx.off ? 0 : |
|
1317 typeof speed === "number" ? speed : |
|
1318 speed in $.fx.speeds ? $.fx.speeds[ speed ] : |
|
1319 $.fx.speeds._default; |
|
1320 |
|
1321 effect.complete = callback || options.complete; |
|
1322 |
|
1323 return effect; |
|
1324 } |
|
1325 |
|
1326 function standardAnimationOption( option ) { |
|
1327 |
|
1328 // Valid standard speeds (nothing, number, named speed) |
|
1329 if ( !option || typeof option === "number" || $.fx.speeds[ option ] ) { |
|
1330 return true; |
|
1331 } |
|
1332 |
|
1333 // Invalid strings - treat as "normal" speed |
|
1334 if ( typeof option === "string" && !$.effects.effect[ option ] ) { |
|
1335 return true; |
|
1336 } |
|
1337 |
|
1338 // Complete callback |
|
1339 if ( $.isFunction( option ) ) { |
|
1340 return true; |
|
1341 } |
|
1342 |
|
1343 // Options hash (but not naming an effect) |
|
1344 if ( typeof option === "object" && !option.effect ) { |
|
1345 return true; |
|
1346 } |
|
1347 |
|
1348 // Didn't match any standard API |
|
1349 return false; |
|
1350 } |
|
1351 |
|
1352 $.fn.extend( { |
|
1353 effect: function( /* effect, options, speed, callback */ ) { |
|
1354 var args = _normalizeArguments.apply( this, arguments ), |
|
1355 effectMethod = $.effects.effect[ args.effect ], |
|
1356 defaultMode = effectMethod.mode, |
|
1357 queue = args.queue, |
|
1358 queueName = queue || "fx", |
|
1359 complete = args.complete, |
|
1360 mode = args.mode, |
|
1361 modes = [], |
|
1362 prefilter = function( next ) { |
|
1363 var el = $( this ), |
|
1364 normalizedMode = $.effects.mode( el, mode ) || defaultMode; |
|
1365 |
|
1366 // Sentinel for duck-punching the :animated psuedo-selector |
|
1367 el.data( dataSpaceAnimated, true ); |
|
1368 |
|
1369 // Save effect mode for later use, |
|
1370 // we can't just call $.effects.mode again later, |
|
1371 // as the .show() below destroys the initial state |
|
1372 modes.push( normalizedMode ); |
|
1373 |
|
1374 // See $.uiBackCompat inside of run() for removal of defaultMode in 1.13 |
|
1375 if ( defaultMode && ( normalizedMode === "show" || |
|
1376 ( normalizedMode === defaultMode && normalizedMode === "hide" ) ) ) { |
|
1377 el.show(); |
|
1378 } |
|
1379 |
|
1380 if ( !defaultMode || normalizedMode !== "none" ) { |
|
1381 $.effects.saveStyle( el ); |
|
1382 } |
|
1383 |
|
1384 if ( $.isFunction( next ) ) { |
|
1385 next(); |
|
1386 } |
|
1387 }; |
|
1388 |
|
1389 if ( $.fx.off || !effectMethod ) { |
|
1390 |
|
1391 // Delegate to the original method (e.g., .show()) if possible |
|
1392 if ( mode ) { |
|
1393 return this[ mode ]( args.duration, complete ); |
|
1394 } else { |
|
1395 return this.each( function() { |
|
1396 if ( complete ) { |
|
1397 complete.call( this ); |
|
1398 } |
|
1399 } ); |
|
1400 } |
|
1401 } |
|
1402 |
|
1403 function run( next ) { |
|
1404 var elem = $( this ); |
|
1405 |
|
1406 function cleanup() { |
|
1407 elem.removeData( dataSpaceAnimated ); |
|
1408 |
|
1409 $.effects.cleanUp( elem ); |
|
1410 |
|
1411 if ( args.mode === "hide" ) { |
|
1412 elem.hide(); |
|
1413 } |
|
1414 |
|
1415 done(); |
|
1416 } |
|
1417 |
|
1418 function done() { |
|
1419 if ( $.isFunction( complete ) ) { |
|
1420 complete.call( elem[ 0 ] ); |
|
1421 } |
|
1422 |
|
1423 if ( $.isFunction( next ) ) { |
|
1424 next(); |
|
1425 } |
|
1426 } |
|
1427 |
|
1428 // Override mode option on a per element basis, |
|
1429 // as toggle can be either show or hide depending on element state |
|
1430 args.mode = modes.shift(); |
|
1431 |
|
1432 if ( $.uiBackCompat !== false && !defaultMode ) { |
|
1433 if ( elem.is( ":hidden" ) ? mode === "hide" : mode === "show" ) { |
|
1434 |
|
1435 // Call the core method to track "olddisplay" properly |
|
1436 elem[ mode ](); |
|
1437 done(); |
|
1438 } else { |
|
1439 effectMethod.call( elem[ 0 ], args, done ); |
|
1440 } |
|
1441 } else { |
|
1442 if ( args.mode === "none" ) { |
|
1443 |
|
1444 // Call the core method to track "olddisplay" properly |
|
1445 elem[ mode ](); |
|
1446 done(); |
|
1447 } else { |
|
1448 effectMethod.call( elem[ 0 ], args, cleanup ); |
|
1449 } |
|
1450 } |
|
1451 } |
|
1452 |
|
1453 // Run prefilter on all elements first to ensure that |
|
1454 // any showing or hiding happens before placeholder creation, |
|
1455 // which ensures that any layout changes are correctly captured. |
|
1456 return queue === false ? |
|
1457 this.each( prefilter ).each( run ) : |
|
1458 this.queue( queueName, prefilter ).queue( queueName, run ); |
|
1459 }, |
|
1460 |
|
1461 show: ( function( orig ) { |
|
1462 return function( option ) { |
|
1463 if ( standardAnimationOption( option ) ) { |
|
1464 return orig.apply( this, arguments ); |
|
1465 } else { |
|
1466 var args = _normalizeArguments.apply( this, arguments ); |
|
1467 args.mode = "show"; |
|
1468 return this.effect.call( this, args ); |
|
1469 } |
|
1470 }; |
|
1471 } )( $.fn.show ), |
|
1472 |
|
1473 hide: ( function( orig ) { |
|
1474 return function( option ) { |
|
1475 if ( standardAnimationOption( option ) ) { |
|
1476 return orig.apply( this, arguments ); |
|
1477 } else { |
|
1478 var args = _normalizeArguments.apply( this, arguments ); |
|
1479 args.mode = "hide"; |
|
1480 return this.effect.call( this, args ); |
|
1481 } |
|
1482 }; |
|
1483 } )( $.fn.hide ), |
|
1484 |
|
1485 toggle: ( function( orig ) { |
|
1486 return function( option ) { |
|
1487 if ( standardAnimationOption( option ) || typeof option === "boolean" ) { |
|
1488 return orig.apply( this, arguments ); |
|
1489 } else { |
|
1490 var args = _normalizeArguments.apply( this, arguments ); |
|
1491 args.mode = "toggle"; |
|
1492 return this.effect.call( this, args ); |
|
1493 } |
|
1494 }; |
|
1495 } )( $.fn.toggle ), |
|
1496 |
|
1497 cssUnit: function( key ) { |
|
1498 var style = this.css( key ), |
|
1499 val = []; |
|
1500 |
|
1501 $.each( [ "em", "px", "%", "pt" ], function( i, unit ) { |
|
1502 if ( style.indexOf( unit ) > 0 ) { |
|
1503 val = [ parseFloat( style ), unit ]; |
|
1504 } |
|
1505 } ); |
|
1506 return val; |
|
1507 }, |
|
1508 |
|
1509 cssClip: function( clipObj ) { |
|
1510 if ( clipObj ) { |
|
1511 return this.css( "clip", "rect(" + clipObj.top + "px " + clipObj.right + "px " + |
|
1512 clipObj.bottom + "px " + clipObj.left + "px)" ); |
|
1513 } |
|
1514 return parseClip( this.css( "clip" ), this ); |
|
1515 }, |
|
1516 |
|
1517 transfer: function( options, done ) { |
|
1518 var element = $( this ), |
|
1519 target = $( options.to ), |
|
1520 targetFixed = target.css( "position" ) === "fixed", |
|
1521 body = $( "body" ), |
|
1522 fixTop = targetFixed ? body.scrollTop() : 0, |
|
1523 fixLeft = targetFixed ? body.scrollLeft() : 0, |
|
1524 endPosition = target.offset(), |
|
1525 animation = { |
|
1526 top: endPosition.top - fixTop, |
|
1527 left: endPosition.left - fixLeft, |
|
1528 height: target.innerHeight(), |
|
1529 width: target.innerWidth() |
|
1530 }, |
|
1531 startPosition = element.offset(), |
|
1532 transfer = $( "<div class='ui-effects-transfer'></div>" ) |
|
1533 .appendTo( "body" ) |
|
1534 .addClass( options.className ) |
|
1535 .css( { |
|
1536 top: startPosition.top - fixTop, |
|
1537 left: startPosition.left - fixLeft, |
|
1538 height: element.innerHeight(), |
|
1539 width: element.innerWidth(), |
|
1540 position: targetFixed ? "fixed" : "absolute" |
|
1541 } ) |
|
1542 .animate( animation, options.duration, options.easing, function() { |
|
1543 transfer.remove(); |
|
1544 if ( $.isFunction( done ) ) { |
|
1545 done(); |
|
1546 } |
|
1547 } ); |
|
1548 } |
|
1549 } ); |
|
1550 |
|
1551 function parseClip( str, element ) { |
|
1552 var outerWidth = element.outerWidth(), |
|
1553 outerHeight = element.outerHeight(), |
|
1554 clipRegex = /^rect\((-?\d*\.?\d*px|-?\d+%|auto),?\s*(-?\d*\.?\d*px|-?\d+%|auto),?\s*(-?\d*\.?\d*px|-?\d+%|auto),?\s*(-?\d*\.?\d*px|-?\d+%|auto)\)$/, |
|
1555 values = clipRegex.exec( str ) || [ "", 0, outerWidth, outerHeight, 0 ]; |
|
1556 |
|
1557 return { |
|
1558 top: parseFloat( values[ 1 ] ) || 0, |
|
1559 right: values[ 2 ] === "auto" ? outerWidth : parseFloat( values[ 2 ] ), |
|
1560 bottom: values[ 3 ] === "auto" ? outerHeight : parseFloat( values[ 3 ] ), |
|
1561 left: parseFloat( values[ 4 ] ) || 0 |
|
1562 }; |
|
1563 } |
|
1564 |
|
1565 $.fx.step.clip = function( fx ) { |
|
1566 if ( !fx.clipInit ) { |
|
1567 fx.start = $( fx.elem ).cssClip(); |
|
1568 if ( typeof fx.end === "string" ) { |
|
1569 fx.end = parseClip( fx.end, fx.elem ); |
|
1570 } |
|
1571 fx.clipInit = true; |
|
1572 } |
|
1573 |
|
1574 $( fx.elem ).cssClip( { |
|
1575 top: fx.pos * ( fx.end.top - fx.start.top ) + fx.start.top, |
|
1576 right: fx.pos * ( fx.end.right - fx.start.right ) + fx.start.right, |
|
1577 bottom: fx.pos * ( fx.end.bottom - fx.start.bottom ) + fx.start.bottom, |
|
1578 left: fx.pos * ( fx.end.left - fx.start.left ) + fx.start.left |
|
1579 } ); |
|
1580 }; |
|
1581 |
|
1582 } )(); |
|
1583 |
|
1584 /******************************************************************************/ |
|
1585 /*********************************** EASING ***********************************/ |
|
1586 /******************************************************************************/ |
|
1587 |
|
1588 ( function() { |
|
1589 |
|
1590 // Based on easing equations from Robert Penner (http://www.robertpenner.com/easing) |
|
1591 |
|
1592 var baseEasings = {}; |
|
1593 |
|
1594 $.each( [ "Quad", "Cubic", "Quart", "Quint", "Expo" ], function( i, name ) { |
|
1595 baseEasings[ name ] = function( p ) { |
|
1596 return Math.pow( p, i + 2 ); |
|
1597 }; |
|
1598 } ); |
|
1599 |
|
1600 $.extend( baseEasings, { |
|
1601 Sine: function( p ) { |
|
1602 return 1 - Math.cos( p * Math.PI / 2 ); |
|
1603 }, |
|
1604 Circ: function( p ) { |
|
1605 return 1 - Math.sqrt( 1 - p * p ); |
|
1606 }, |
|
1607 Elastic: function( p ) { |
|
1608 return p === 0 || p === 1 ? p : |
|
1609 -Math.pow( 2, 8 * ( p - 1 ) ) * Math.sin( ( ( p - 1 ) * 80 - 7.5 ) * Math.PI / 15 ); |
|
1610 }, |
|
1611 Back: function( p ) { |
|
1612 return p * p * ( 3 * p - 2 ); |
|
1613 }, |
|
1614 Bounce: function( p ) { |
|
1615 var pow2, |
|
1616 bounce = 4; |
|
1617 |
|
1618 while ( p < ( ( pow2 = Math.pow( 2, --bounce ) ) - 1 ) / 11 ) {} |
|
1619 return 1 / Math.pow( 4, 3 - bounce ) - 7.5625 * Math.pow( ( pow2 * 3 - 2 ) / 22 - p, 2 ); |
|
1620 } |
|
1621 } ); |
|
1622 |
|
1623 $.each( baseEasings, function( name, easeIn ) { |
|
1624 $.easing[ "easeIn" + name ] = easeIn; |
|
1625 $.easing[ "easeOut" + name ] = function( p ) { |
|
1626 return 1 - easeIn( 1 - p ); |
|
1627 }; |
|
1628 $.easing[ "easeInOut" + name ] = function( p ) { |
|
1629 return p < 0.5 ? |
|
1630 easeIn( p * 2 ) / 2 : |
|
1631 1 - easeIn( p * -2 + 2 ) / 2; |
|
1632 }; |
|
1633 } ); |
|
1634 |
|
1635 } )(); |
|
1636 |
|
1637 return $.effects; |
|
1638 |
|
1639 } ) ); |