jquery-color 2.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/LICENSE.txt +22 -0
- data/README.md +49 -0
- data/lib/jquery/color.rb +8 -0
- data/lib/jquery/color.rb~ +7 -0
- data/lib/jquery/color/version.rb +5 -0
- data/lib/jquery/color/version.rb~ +5 -0
- data/vendor/assets/javascripts/jquery.color.js +663 -0
- data/vendor/assets/javascripts/jquery.color.plus-names.js +810 -0
- data/vendor/assets/javascripts/jquery.color.svg-names.js +146 -0
- metadata +82 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA1:
|
3
|
+
metadata.gz: c64775f45fad73e465a845c9ab4204d4ca1c10a0
|
4
|
+
data.tar.gz: d71951fb235e51f7ecde30ca09502310db379676
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 0c652f516c4f34ee4e270ac39d31c54c61c49519c7bc191c9a36aec68d1bf38a90ded98df7f24c272acd33ee996946a1f542cbfc21c03034f9c23d0d53acebe1
|
7
|
+
data.tar.gz: 29b016c3ae5f64cb2680ff186e75bf73fdb96bd230da92d31c569ebe885bd157e10d94ba2e099942d927ada7a7b1113509b73fb45bc9148ac36168af36b2a01d
|
data/LICENSE.txt
ADDED
@@ -0,0 +1,22 @@
|
|
1
|
+
Copyright (c) 2014 Dennis Baskin
|
2
|
+
|
3
|
+
MIT License
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining
|
6
|
+
a copy of this software and associated documentation files (the
|
7
|
+
"Software"), to deal in the Software without restriction, including
|
8
|
+
without limitation the rights to use, copy, modify, merge, publish,
|
9
|
+
distribute, sublicense, and/or sell copies of the Software, and to
|
10
|
+
permit persons to whom the Software is furnished to do so, subject to
|
11
|
+
the following conditions:
|
12
|
+
|
13
|
+
The above copyright notice and this permission notice shall be
|
14
|
+
included in all copies or substantial portions of the Software.
|
15
|
+
|
16
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
17
|
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
18
|
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
19
|
+
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
20
|
+
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
21
|
+
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
22
|
+
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,49 @@
|
|
1
|
+
# Jquery::Color
|
2
|
+
|
3
|
+
This Ruby Gem wraps the jQuery plugin for color manipulation and animation support. For documentation please see https://github.com/jquery/jquery-color.
|
4
|
+
|
5
|
+
### Current Version
|
6
|
+
|
7
|
+
2.1.2 - Matches jQuery plugin version
|
8
|
+
|
9
|
+
## Documentation
|
10
|
+
|
11
|
+
Documentation can be found at https://github.com/jquery/jquery-color
|
12
|
+
|
13
|
+
## Installation
|
14
|
+
|
15
|
+
Add this line to your application's Gemfile:
|
16
|
+
|
17
|
+
gem 'jquery-color'
|
18
|
+
|
19
|
+
And then execute:
|
20
|
+
|
21
|
+
$ bundle
|
22
|
+
|
23
|
+
Or install it yourself as:
|
24
|
+
|
25
|
+
$ gem install jquery-color
|
26
|
+
|
27
|
+
## Usage
|
28
|
+
|
29
|
+
Add the following directive to your Javascript manifest file (application.js):
|
30
|
+
|
31
|
+
//= require jquery.color.js
|
32
|
+
|
33
|
+
or
|
34
|
+
|
35
|
+
//= jquery.color.svg-names.js
|
36
|
+
|
37
|
+
or
|
38
|
+
|
39
|
+
//= jquery.color.plus-names.js
|
40
|
+
|
41
|
+
Please see developer site for usage instructions: https://github.com/jquery/jquery-color
|
42
|
+
|
43
|
+
## Contributing
|
44
|
+
|
45
|
+
1. Fork it ( https://github.com/[my-github-username]/jquery-color/fork )
|
46
|
+
2. Create your feature branch (`git checkout -b my-new-feature`)
|
47
|
+
3. Commit your changes (`git commit -am 'Add some feature'`)
|
48
|
+
4. Push to the branch (`git push origin my-new-feature`)
|
49
|
+
5. Create a new Pull Request
|
data/lib/jquery/color.rb
ADDED
@@ -0,0 +1,663 @@
|
|
1
|
+
/*!
|
2
|
+
* jQuery Color Animations v2.1.2
|
3
|
+
* https://github.com/jquery/jquery-color
|
4
|
+
*
|
5
|
+
* Copyright 2013 jQuery Foundation and other contributors
|
6
|
+
* Released under the MIT license.
|
7
|
+
* http://jquery.org/license
|
8
|
+
*
|
9
|
+
* Date: Wed Jan 16 08:47:09 2013 -0600
|
10
|
+
*/
|
11
|
+
(function( jQuery, undefined ) {
|
12
|
+
|
13
|
+
var stepHooks = "backgroundColor borderBottomColor borderLeftColor borderRightColor borderTopColor color columnRuleColor outlineColor textDecorationColor textEmphasisColor",
|
14
|
+
|
15
|
+
// plusequals test for += 100 -= 100
|
16
|
+
rplusequals = /^([\-+])=\s*(\d+\.?\d*)/,
|
17
|
+
// a set of RE's that can match strings and generate color tuples.
|
18
|
+
stringParsers = [{
|
19
|
+
re: /rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,
|
20
|
+
parse: function( execResult ) {
|
21
|
+
return [
|
22
|
+
execResult[ 1 ],
|
23
|
+
execResult[ 2 ],
|
24
|
+
execResult[ 3 ],
|
25
|
+
execResult[ 4 ]
|
26
|
+
];
|
27
|
+
}
|
28
|
+
}, {
|
29
|
+
re: /rgba?\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,
|
30
|
+
parse: function( execResult ) {
|
31
|
+
return [
|
32
|
+
execResult[ 1 ] * 2.55,
|
33
|
+
execResult[ 2 ] * 2.55,
|
34
|
+
execResult[ 3 ] * 2.55,
|
35
|
+
execResult[ 4 ]
|
36
|
+
];
|
37
|
+
}
|
38
|
+
}, {
|
39
|
+
// this regex ignores A-F because it's compared against an already lowercased string
|
40
|
+
re: /#([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})/,
|
41
|
+
parse: function( execResult ) {
|
42
|
+
return [
|
43
|
+
parseInt( execResult[ 1 ], 16 ),
|
44
|
+
parseInt( execResult[ 2 ], 16 ),
|
45
|
+
parseInt( execResult[ 3 ], 16 )
|
46
|
+
];
|
47
|
+
}
|
48
|
+
}, {
|
49
|
+
// this regex ignores A-F because it's compared against an already lowercased string
|
50
|
+
re: /#([a-f0-9])([a-f0-9])([a-f0-9])/,
|
51
|
+
parse: function( execResult ) {
|
52
|
+
return [
|
53
|
+
parseInt( execResult[ 1 ] + execResult[ 1 ], 16 ),
|
54
|
+
parseInt( execResult[ 2 ] + execResult[ 2 ], 16 ),
|
55
|
+
parseInt( execResult[ 3 ] + execResult[ 3 ], 16 )
|
56
|
+
];
|
57
|
+
}
|
58
|
+
}, {
|
59
|
+
re: /hsla?\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,
|
60
|
+
space: "hsla",
|
61
|
+
parse: function( execResult ) {
|
62
|
+
return [
|
63
|
+
execResult[ 1 ],
|
64
|
+
execResult[ 2 ] / 100,
|
65
|
+
execResult[ 3 ] / 100,
|
66
|
+
execResult[ 4 ]
|
67
|
+
];
|
68
|
+
}
|
69
|
+
}],
|
70
|
+
|
71
|
+
// jQuery.Color( )
|
72
|
+
color = jQuery.Color = function( color, green, blue, alpha ) {
|
73
|
+
return new jQuery.Color.fn.parse( color, green, blue, alpha );
|
74
|
+
},
|
75
|
+
spaces = {
|
76
|
+
rgba: {
|
77
|
+
props: {
|
78
|
+
red: {
|
79
|
+
idx: 0,
|
80
|
+
type: "byte"
|
81
|
+
},
|
82
|
+
green: {
|
83
|
+
idx: 1,
|
84
|
+
type: "byte"
|
85
|
+
},
|
86
|
+
blue: {
|
87
|
+
idx: 2,
|
88
|
+
type: "byte"
|
89
|
+
}
|
90
|
+
}
|
91
|
+
},
|
92
|
+
|
93
|
+
hsla: {
|
94
|
+
props: {
|
95
|
+
hue: {
|
96
|
+
idx: 0,
|
97
|
+
type: "degrees"
|
98
|
+
},
|
99
|
+
saturation: {
|
100
|
+
idx: 1,
|
101
|
+
type: "percent"
|
102
|
+
},
|
103
|
+
lightness: {
|
104
|
+
idx: 2,
|
105
|
+
type: "percent"
|
106
|
+
}
|
107
|
+
}
|
108
|
+
}
|
109
|
+
},
|
110
|
+
propTypes = {
|
111
|
+
"byte": {
|
112
|
+
floor: true,
|
113
|
+
max: 255
|
114
|
+
},
|
115
|
+
"percent": {
|
116
|
+
max: 1
|
117
|
+
},
|
118
|
+
"degrees": {
|
119
|
+
mod: 360,
|
120
|
+
floor: true
|
121
|
+
}
|
122
|
+
},
|
123
|
+
support = color.support = {},
|
124
|
+
|
125
|
+
// element for support tests
|
126
|
+
supportElem = jQuery( "<p>" )[ 0 ],
|
127
|
+
|
128
|
+
// colors = jQuery.Color.names
|
129
|
+
colors,
|
130
|
+
|
131
|
+
// local aliases of functions called often
|
132
|
+
each = jQuery.each;
|
133
|
+
|
134
|
+
// determine rgba support immediately
|
135
|
+
supportElem.style.cssText = "background-color:rgba(1,1,1,.5)";
|
136
|
+
support.rgba = supportElem.style.backgroundColor.indexOf( "rgba" ) > -1;
|
137
|
+
|
138
|
+
// define cache name and alpha properties
|
139
|
+
// for rgba and hsla spaces
|
140
|
+
each( spaces, function( spaceName, space ) {
|
141
|
+
space.cache = "_" + spaceName;
|
142
|
+
space.props.alpha = {
|
143
|
+
idx: 3,
|
144
|
+
type: "percent",
|
145
|
+
def: 1
|
146
|
+
};
|
147
|
+
});
|
148
|
+
|
149
|
+
function clamp( value, prop, allowEmpty ) {
|
150
|
+
var type = propTypes[ prop.type ] || {};
|
151
|
+
|
152
|
+
if ( value == null ) {
|
153
|
+
return (allowEmpty || !prop.def) ? null : prop.def;
|
154
|
+
}
|
155
|
+
|
156
|
+
// ~~ is an short way of doing floor for positive numbers
|
157
|
+
value = type.floor ? ~~value : parseFloat( value );
|
158
|
+
|
159
|
+
// IE will pass in empty strings as value for alpha,
|
160
|
+
// which will hit this case
|
161
|
+
if ( isNaN( value ) ) {
|
162
|
+
return prop.def;
|
163
|
+
}
|
164
|
+
|
165
|
+
if ( type.mod ) {
|
166
|
+
// we add mod before modding to make sure that negatives values
|
167
|
+
// get converted properly: -10 -> 350
|
168
|
+
return (value + type.mod) % type.mod;
|
169
|
+
}
|
170
|
+
|
171
|
+
// for now all property types without mod have min and max
|
172
|
+
return 0 > value ? 0 : type.max < value ? type.max : value;
|
173
|
+
}
|
174
|
+
|
175
|
+
function stringParse( string ) {
|
176
|
+
var inst = color(),
|
177
|
+
rgba = inst._rgba = [];
|
178
|
+
|
179
|
+
string = string.toLowerCase();
|
180
|
+
|
181
|
+
each( stringParsers, function( i, parser ) {
|
182
|
+
var parsed,
|
183
|
+
match = parser.re.exec( string ),
|
184
|
+
values = match && parser.parse( match ),
|
185
|
+
spaceName = parser.space || "rgba";
|
186
|
+
|
187
|
+
if ( values ) {
|
188
|
+
parsed = inst[ spaceName ]( values );
|
189
|
+
|
190
|
+
// if this was an rgba parse the assignment might happen twice
|
191
|
+
// oh well....
|
192
|
+
inst[ spaces[ spaceName ].cache ] = parsed[ spaces[ spaceName ].cache ];
|
193
|
+
rgba = inst._rgba = parsed._rgba;
|
194
|
+
|
195
|
+
// exit each( stringParsers ) here because we matched
|
196
|
+
return false;
|
197
|
+
}
|
198
|
+
});
|
199
|
+
|
200
|
+
// Found a stringParser that handled it
|
201
|
+
if ( rgba.length ) {
|
202
|
+
|
203
|
+
// if this came from a parsed string, force "transparent" when alpha is 0
|
204
|
+
// chrome, (and maybe others) return "transparent" as rgba(0,0,0,0)
|
205
|
+
if ( rgba.join() === "0,0,0,0" ) {
|
206
|
+
jQuery.extend( rgba, colors.transparent );
|
207
|
+
}
|
208
|
+
return inst;
|
209
|
+
}
|
210
|
+
|
211
|
+
// named colors
|
212
|
+
return colors[ string ];
|
213
|
+
}
|
214
|
+
|
215
|
+
color.fn = jQuery.extend( color.prototype, {
|
216
|
+
parse: function( red, green, blue, alpha ) {
|
217
|
+
if ( red === undefined ) {
|
218
|
+
this._rgba = [ null, null, null, null ];
|
219
|
+
return this;
|
220
|
+
}
|
221
|
+
if ( red.jquery || red.nodeType ) {
|
222
|
+
red = jQuery( red ).css( green );
|
223
|
+
green = undefined;
|
224
|
+
}
|
225
|
+
|
226
|
+
var inst = this,
|
227
|
+
type = jQuery.type( red ),
|
228
|
+
rgba = this._rgba = [];
|
229
|
+
|
230
|
+
// more than 1 argument specified - assume ( red, green, blue, alpha )
|
231
|
+
if ( green !== undefined ) {
|
232
|
+
red = [ red, green, blue, alpha ];
|
233
|
+
type = "array";
|
234
|
+
}
|
235
|
+
|
236
|
+
if ( type === "string" ) {
|
237
|
+
return this.parse( stringParse( red ) || colors._default );
|
238
|
+
}
|
239
|
+
|
240
|
+
if ( type === "array" ) {
|
241
|
+
each( spaces.rgba.props, function( key, prop ) {
|
242
|
+
rgba[ prop.idx ] = clamp( red[ prop.idx ], prop );
|
243
|
+
});
|
244
|
+
return this;
|
245
|
+
}
|
246
|
+
|
247
|
+
if ( type === "object" ) {
|
248
|
+
if ( red instanceof color ) {
|
249
|
+
each( spaces, function( spaceName, space ) {
|
250
|
+
if ( red[ space.cache ] ) {
|
251
|
+
inst[ space.cache ] = red[ space.cache ].slice();
|
252
|
+
}
|
253
|
+
});
|
254
|
+
} else {
|
255
|
+
each( spaces, function( spaceName, space ) {
|
256
|
+
var cache = space.cache;
|
257
|
+
each( space.props, function( key, prop ) {
|
258
|
+
|
259
|
+
// if the cache doesn't exist, and we know how to convert
|
260
|
+
if ( !inst[ cache ] && space.to ) {
|
261
|
+
|
262
|
+
// if the value was null, we don't need to copy it
|
263
|
+
// if the key was alpha, we don't need to copy it either
|
264
|
+
if ( key === "alpha" || red[ key ] == null ) {
|
265
|
+
return;
|
266
|
+
}
|
267
|
+
inst[ cache ] = space.to( inst._rgba );
|
268
|
+
}
|
269
|
+
|
270
|
+
// this is the only case where we allow nulls for ALL properties.
|
271
|
+
// call clamp with alwaysAllowEmpty
|
272
|
+
inst[ cache ][ prop.idx ] = clamp( red[ key ], prop, true );
|
273
|
+
});
|
274
|
+
|
275
|
+
// everything defined but alpha?
|
276
|
+
if ( inst[ cache ] && jQuery.inArray( null, inst[ cache ].slice( 0, 3 ) ) < 0 ) {
|
277
|
+
// use the default of 1
|
278
|
+
inst[ cache ][ 3 ] = 1;
|
279
|
+
if ( space.from ) {
|
280
|
+
inst._rgba = space.from( inst[ cache ] );
|
281
|
+
}
|
282
|
+
}
|
283
|
+
});
|
284
|
+
}
|
285
|
+
return this;
|
286
|
+
}
|
287
|
+
},
|
288
|
+
is: function( compare ) {
|
289
|
+
var is = color( compare ),
|
290
|
+
same = true,
|
291
|
+
inst = this;
|
292
|
+
|
293
|
+
each( spaces, function( _, space ) {
|
294
|
+
var localCache,
|
295
|
+
isCache = is[ space.cache ];
|
296
|
+
if (isCache) {
|
297
|
+
localCache = inst[ space.cache ] || space.to && space.to( inst._rgba ) || [];
|
298
|
+
each( space.props, function( _, prop ) {
|
299
|
+
if ( isCache[ prop.idx ] != null ) {
|
300
|
+
same = ( isCache[ prop.idx ] === localCache[ prop.idx ] );
|
301
|
+
return same;
|
302
|
+
}
|
303
|
+
});
|
304
|
+
}
|
305
|
+
return same;
|
306
|
+
});
|
307
|
+
return same;
|
308
|
+
},
|
309
|
+
_space: function() {
|
310
|
+
var used = [],
|
311
|
+
inst = this;
|
312
|
+
each( spaces, function( spaceName, space ) {
|
313
|
+
if ( inst[ space.cache ] ) {
|
314
|
+
used.push( spaceName );
|
315
|
+
}
|
316
|
+
});
|
317
|
+
return used.pop();
|
318
|
+
},
|
319
|
+
transition: function( other, distance ) {
|
320
|
+
var end = color( other ),
|
321
|
+
spaceName = end._space(),
|
322
|
+
space = spaces[ spaceName ],
|
323
|
+
startColor = this.alpha() === 0 ? color( "transparent" ) : this,
|
324
|
+
start = startColor[ space.cache ] || space.to( startColor._rgba ),
|
325
|
+
result = start.slice();
|
326
|
+
|
327
|
+
end = end[ space.cache ];
|
328
|
+
each( space.props, function( key, prop ) {
|
329
|
+
var index = prop.idx,
|
330
|
+
startValue = start[ index ],
|
331
|
+
endValue = end[ index ],
|
332
|
+
type = propTypes[ prop.type ] || {};
|
333
|
+
|
334
|
+
// if null, don't override start value
|
335
|
+
if ( endValue === null ) {
|
336
|
+
return;
|
337
|
+
}
|
338
|
+
// if null - use end
|
339
|
+
if ( startValue === null ) {
|
340
|
+
result[ index ] = endValue;
|
341
|
+
} else {
|
342
|
+
if ( type.mod ) {
|
343
|
+
if ( endValue - startValue > type.mod / 2 ) {
|
344
|
+
startValue += type.mod;
|
345
|
+
} else if ( startValue - endValue > type.mod / 2 ) {
|
346
|
+
startValue -= type.mod;
|
347
|
+
}
|
348
|
+
}
|
349
|
+
result[ index ] = clamp( ( endValue - startValue ) * distance + startValue, prop );
|
350
|
+
}
|
351
|
+
});
|
352
|
+
return this[ spaceName ]( result );
|
353
|
+
},
|
354
|
+
blend: function( opaque ) {
|
355
|
+
// if we are already opaque - return ourself
|
356
|
+
if ( this._rgba[ 3 ] === 1 ) {
|
357
|
+
return this;
|
358
|
+
}
|
359
|
+
|
360
|
+
var rgb = this._rgba.slice(),
|
361
|
+
a = rgb.pop(),
|
362
|
+
blend = color( opaque )._rgba;
|
363
|
+
|
364
|
+
return color( jQuery.map( rgb, function( v, i ) {
|
365
|
+
return ( 1 - a ) * blend[ i ] + a * v;
|
366
|
+
}));
|
367
|
+
},
|
368
|
+
toRgbaString: function() {
|
369
|
+
var prefix = "rgba(",
|
370
|
+
rgba = jQuery.map( this._rgba, function( v, i ) {
|
371
|
+
return v == null ? ( i > 2 ? 1 : 0 ) : v;
|
372
|
+
});
|
373
|
+
|
374
|
+
if ( rgba[ 3 ] === 1 ) {
|
375
|
+
rgba.pop();
|
376
|
+
prefix = "rgb(";
|
377
|
+
}
|
378
|
+
|
379
|
+
return prefix + rgba.join() + ")";
|
380
|
+
},
|
381
|
+
toHslaString: function() {
|
382
|
+
var prefix = "hsla(",
|
383
|
+
hsla = jQuery.map( this.hsla(), function( v, i ) {
|
384
|
+
if ( v == null ) {
|
385
|
+
v = i > 2 ? 1 : 0;
|
386
|
+
}
|
387
|
+
|
388
|
+
// catch 1 and 2
|
389
|
+
if ( i && i < 3 ) {
|
390
|
+
v = Math.round( v * 100 ) + "%";
|
391
|
+
}
|
392
|
+
return v;
|
393
|
+
});
|
394
|
+
|
395
|
+
if ( hsla[ 3 ] === 1 ) {
|
396
|
+
hsla.pop();
|
397
|
+
prefix = "hsl(";
|
398
|
+
}
|
399
|
+
return prefix + hsla.join() + ")";
|
400
|
+
},
|
401
|
+
toHexString: function( includeAlpha ) {
|
402
|
+
var rgba = this._rgba.slice(),
|
403
|
+
alpha = rgba.pop();
|
404
|
+
|
405
|
+
if ( includeAlpha ) {
|
406
|
+
rgba.push( ~~( alpha * 255 ) );
|
407
|
+
}
|
408
|
+
|
409
|
+
return "#" + jQuery.map( rgba, function( v ) {
|
410
|
+
|
411
|
+
// default to 0 when nulls exist
|
412
|
+
v = ( v || 0 ).toString( 16 );
|
413
|
+
return v.length === 1 ? "0" + v : v;
|
414
|
+
}).join("");
|
415
|
+
},
|
416
|
+
toString: function() {
|
417
|
+
return this._rgba[ 3 ] === 0 ? "transparent" : this.toRgbaString();
|
418
|
+
}
|
419
|
+
});
|
420
|
+
color.fn.parse.prototype = color.fn;
|
421
|
+
|
422
|
+
// hsla conversions adapted from:
|
423
|
+
// https://code.google.com/p/maashaack/source/browse/packages/graphics/trunk/src/graphics/colors/HUE2RGB.as?r=5021
|
424
|
+
|
425
|
+
function hue2rgb( p, q, h ) {
|
426
|
+
h = ( h + 1 ) % 1;
|
427
|
+
if ( h * 6 < 1 ) {
|
428
|
+
return p + (q - p) * h * 6;
|
429
|
+
}
|
430
|
+
if ( h * 2 < 1) {
|
431
|
+
return q;
|
432
|
+
}
|
433
|
+
if ( h * 3 < 2 ) {
|
434
|
+
return p + (q - p) * ((2/3) - h) * 6;
|
435
|
+
}
|
436
|
+
return p;
|
437
|
+
}
|
438
|
+
|
439
|
+
spaces.hsla.to = function ( rgba ) {
|
440
|
+
if ( rgba[ 0 ] == null || rgba[ 1 ] == null || rgba[ 2 ] == null ) {
|
441
|
+
return [ null, null, null, rgba[ 3 ] ];
|
442
|
+
}
|
443
|
+
var r = rgba[ 0 ] / 255,
|
444
|
+
g = rgba[ 1 ] / 255,
|
445
|
+
b = rgba[ 2 ] / 255,
|
446
|
+
a = rgba[ 3 ],
|
447
|
+
max = Math.max( r, g, b ),
|
448
|
+
min = Math.min( r, g, b ),
|
449
|
+
diff = max - min,
|
450
|
+
add = max + min,
|
451
|
+
l = add * 0.5,
|
452
|
+
h, s;
|
453
|
+
|
454
|
+
if ( min === max ) {
|
455
|
+
h = 0;
|
456
|
+
} else if ( r === max ) {
|
457
|
+
h = ( 60 * ( g - b ) / diff ) + 360;
|
458
|
+
} else if ( g === max ) {
|
459
|
+
h = ( 60 * ( b - r ) / diff ) + 120;
|
460
|
+
} else {
|
461
|
+
h = ( 60 * ( r - g ) / diff ) + 240;
|
462
|
+
}
|
463
|
+
|
464
|
+
// chroma (diff) == 0 means greyscale which, by definition, saturation = 0%
|
465
|
+
// otherwise, saturation is based on the ratio of chroma (diff) to lightness (add)
|
466
|
+
if ( diff === 0 ) {
|
467
|
+
s = 0;
|
468
|
+
} else if ( l <= 0.5 ) {
|
469
|
+
s = diff / add;
|
470
|
+
} else {
|
471
|
+
s = diff / ( 2 - add );
|
472
|
+
}
|
473
|
+
return [ Math.round(h) % 360, s, l, a == null ? 1 : a ];
|
474
|
+
};
|
475
|
+
|
476
|
+
spaces.hsla.from = function ( hsla ) {
|
477
|
+
if ( hsla[ 0 ] == null || hsla[ 1 ] == null || hsla[ 2 ] == null ) {
|
478
|
+
return [ null, null, null, hsla[ 3 ] ];
|
479
|
+
}
|
480
|
+
var h = hsla[ 0 ] / 360,
|
481
|
+
s = hsla[ 1 ],
|
482
|
+
l = hsla[ 2 ],
|
483
|
+
a = hsla[ 3 ],
|
484
|
+
q = l <= 0.5 ? l * ( 1 + s ) : l + s - l * s,
|
485
|
+
p = 2 * l - q;
|
486
|
+
|
487
|
+
return [
|
488
|
+
Math.round( hue2rgb( p, q, h + ( 1 / 3 ) ) * 255 ),
|
489
|
+
Math.round( hue2rgb( p, q, h ) * 255 ),
|
490
|
+
Math.round( hue2rgb( p, q, h - ( 1 / 3 ) ) * 255 ),
|
491
|
+
a
|
492
|
+
];
|
493
|
+
};
|
494
|
+
|
495
|
+
|
496
|
+
each( spaces, function( spaceName, space ) {
|
497
|
+
var props = space.props,
|
498
|
+
cache = space.cache,
|
499
|
+
to = space.to,
|
500
|
+
from = space.from;
|
501
|
+
|
502
|
+
// makes rgba() and hsla()
|
503
|
+
color.fn[ spaceName ] = function( value ) {
|
504
|
+
|
505
|
+
// generate a cache for this space if it doesn't exist
|
506
|
+
if ( to && !this[ cache ] ) {
|
507
|
+
this[ cache ] = to( this._rgba );
|
508
|
+
}
|
509
|
+
if ( value === undefined ) {
|
510
|
+
return this[ cache ].slice();
|
511
|
+
}
|
512
|
+
|
513
|
+
var ret,
|
514
|
+
type = jQuery.type( value ),
|
515
|
+
arr = ( type === "array" || type === "object" ) ? value : arguments,
|
516
|
+
local = this[ cache ].slice();
|
517
|
+
|
518
|
+
each( props, function( key, prop ) {
|
519
|
+
var val = arr[ type === "object" ? key : prop.idx ];
|
520
|
+
if ( val == null ) {
|
521
|
+
val = local[ prop.idx ];
|
522
|
+
}
|
523
|
+
local[ prop.idx ] = clamp( val, prop );
|
524
|
+
});
|
525
|
+
|
526
|
+
if ( from ) {
|
527
|
+
ret = color( from( local ) );
|
528
|
+
ret[ cache ] = local;
|
529
|
+
return ret;
|
530
|
+
} else {
|
531
|
+
return color( local );
|
532
|
+
}
|
533
|
+
};
|
534
|
+
|
535
|
+
// makes red() green() blue() alpha() hue() saturation() lightness()
|
536
|
+
each( props, function( key, prop ) {
|
537
|
+
// alpha is included in more than one space
|
538
|
+
if ( color.fn[ key ] ) {
|
539
|
+
return;
|
540
|
+
}
|
541
|
+
color.fn[ key ] = function( value ) {
|
542
|
+
var vtype = jQuery.type( value ),
|
543
|
+
fn = ( key === "alpha" ? ( this._hsla ? "hsla" : "rgba" ) : spaceName ),
|
544
|
+
local = this[ fn ](),
|
545
|
+
cur = local[ prop.idx ],
|
546
|
+
match;
|
547
|
+
|
548
|
+
if ( vtype === "undefined" ) {
|
549
|
+
return cur;
|
550
|
+
}
|
551
|
+
|
552
|
+
if ( vtype === "function" ) {
|
553
|
+
value = value.call( this, cur );
|
554
|
+
vtype = jQuery.type( value );
|
555
|
+
}
|
556
|
+
if ( value == null && prop.empty ) {
|
557
|
+
return this;
|
558
|
+
}
|
559
|
+
if ( vtype === "string" ) {
|
560
|
+
match = rplusequals.exec( value );
|
561
|
+
if ( match ) {
|
562
|
+
value = cur + parseFloat( match[ 2 ] ) * ( match[ 1 ] === "+" ? 1 : -1 );
|
563
|
+
}
|
564
|
+
}
|
565
|
+
local[ prop.idx ] = value;
|
566
|
+
return this[ fn ]( local );
|
567
|
+
};
|
568
|
+
});
|
569
|
+
});
|
570
|
+
|
571
|
+
// add cssHook and .fx.step function for each named hook.
|
572
|
+
// accept a space separated string of properties
|
573
|
+
color.hook = function( hook ) {
|
574
|
+
var hooks = hook.split( " " );
|
575
|
+
each( hooks, function( i, hook ) {
|
576
|
+
jQuery.cssHooks[ hook ] = {
|
577
|
+
set: function( elem, value ) {
|
578
|
+
var parsed, curElem,
|
579
|
+
backgroundColor = "";
|
580
|
+
|
581
|
+
if ( value !== "transparent" && ( jQuery.type( value ) !== "string" || ( parsed = stringParse( value ) ) ) ) {
|
582
|
+
value = color( parsed || value );
|
583
|
+
if ( !support.rgba && value._rgba[ 3 ] !== 1 ) {
|
584
|
+
curElem = hook === "backgroundColor" ? elem.parentNode : elem;
|
585
|
+
while (
|
586
|
+
(backgroundColor === "" || backgroundColor === "transparent") &&
|
587
|
+
curElem && curElem.style
|
588
|
+
) {
|
589
|
+
try {
|
590
|
+
backgroundColor = jQuery.css( curElem, "backgroundColor" );
|
591
|
+
curElem = curElem.parentNode;
|
592
|
+
} catch ( e ) {
|
593
|
+
}
|
594
|
+
}
|
595
|
+
|
596
|
+
value = value.blend( backgroundColor && backgroundColor !== "transparent" ?
|
597
|
+
backgroundColor :
|
598
|
+
"_default" );
|
599
|
+
}
|
600
|
+
|
601
|
+
value = value.toRgbaString();
|
602
|
+
}
|
603
|
+
try {
|
604
|
+
elem.style[ hook ] = value;
|
605
|
+
} catch( e ) {
|
606
|
+
// wrapped to prevent IE from throwing errors on "invalid" values like 'auto' or 'inherit'
|
607
|
+
}
|
608
|
+
}
|
609
|
+
};
|
610
|
+
jQuery.fx.step[ hook ] = function( fx ) {
|
611
|
+
if ( !fx.colorInit ) {
|
612
|
+
fx.start = color( fx.elem, hook );
|
613
|
+
fx.end = color( fx.end );
|
614
|
+
fx.colorInit = true;
|
615
|
+
}
|
616
|
+
jQuery.cssHooks[ hook ].set( fx.elem, fx.start.transition( fx.end, fx.pos ) );
|
617
|
+
};
|
618
|
+
});
|
619
|
+
|
620
|
+
};
|
621
|
+
|
622
|
+
color.hook( stepHooks );
|
623
|
+
|
624
|
+
jQuery.cssHooks.borderColor = {
|
625
|
+
expand: function( value ) {
|
626
|
+
var expanded = {};
|
627
|
+
|
628
|
+
each( [ "Top", "Right", "Bottom", "Left" ], function( i, part ) {
|
629
|
+
expanded[ "border" + part + "Color" ] = value;
|
630
|
+
});
|
631
|
+
return expanded;
|
632
|
+
}
|
633
|
+
};
|
634
|
+
|
635
|
+
// Basic color names only.
|
636
|
+
// Usage of any of the other color names requires adding yourself or including
|
637
|
+
// jquery.color.svg-names.js.
|
638
|
+
colors = jQuery.Color.names = {
|
639
|
+
// 4.1. Basic color keywords
|
640
|
+
aqua: "#00ffff",
|
641
|
+
black: "#000000",
|
642
|
+
blue: "#0000ff",
|
643
|
+
fuchsia: "#ff00ff",
|
644
|
+
gray: "#808080",
|
645
|
+
green: "#008000",
|
646
|
+
lime: "#00ff00",
|
647
|
+
maroon: "#800000",
|
648
|
+
navy: "#000080",
|
649
|
+
olive: "#808000",
|
650
|
+
purple: "#800080",
|
651
|
+
red: "#ff0000",
|
652
|
+
silver: "#c0c0c0",
|
653
|
+
teal: "#008080",
|
654
|
+
white: "#ffffff",
|
655
|
+
yellow: "#ffff00",
|
656
|
+
|
657
|
+
// 4.2.3. "transparent" color keyword
|
658
|
+
transparent: [ null, null, null, 0 ],
|
659
|
+
|
660
|
+
_default: "#ffffff"
|
661
|
+
};
|
662
|
+
|
663
|
+
})( jQuery );
|