Page Menu
Home
Phorge
Search
Configure Global Search
Log In
Files
F117885543
jquery.miniColors.min.js
No One
Temporary
Actions
View File
Edit File
Delete File
View Transforms
Subscribe
Flag For Later
Award Token
Authored By
Unknown
Size
8 KB
Referenced Files
None
Subscribers
None
jquery.miniColors.min.js
View Options
/**
* jQuery MiniColors: A tiny color picker built on jQuery
*
* @source https://github.com/claviska/jquery-minicolors/blob/master/jquery.minicolors.js
*
* @licstart The following is the entire license notice for the
* JavaScript code in this file.
*
* Copyright Cory LaViska for A Beautiful Site, LLC. (http://www.abeautifulsite.net/)
*
* Licensed under the MIT licenses
*
* Permission is hereby granted, free of charge, to any person obtaining
* a copy of this software and associated documentation files (the
* "Software"), to deal in the Software without restriction, including
* without limitation the rights to use, copy, modify, merge, publish,
* distribute, sublicense, and/or sell copies of the Software, and to
* permit persons to whom the Software is furnished to do so, subject to
* the following conditions:
*
* The above copyright notice and this permission notice shall be
* included in all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
* MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
* NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
* LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
* OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
* WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*
* @licend The above is the entire license notice
* for the JavaScript code in this file.
*/
jQuery
&&
function
(
d
){
d
.
extend
(
d
.
fn
,{
miniColors
:
function
(
j
,
k
){
var
x
=
function
(
a
,
b
){
var
e
=
l
(
a
.
val
());
e
||
(
e
=
"FFFFFF"
);
var
c
=
p
(
e
),
e
=
d
(
'<a class="miniColors-trigger" style="background-color: #'
+
e
+
'" href="#"></a>'
);
e
.
insertAfter
(
a
);
a
.
addClass
(
"miniColors"
).
attr
(
"maxlength"
,
7
).
attr
(
"autocomplete"
,
"off"
);
a
.
data
(
"trigger"
,
e
);
a
.
data
(
"hsb"
,
c
);
b
.
change
&&
a
.
data
(
"change"
,
b
.
change
);
b
.
readonly
&&
a
.
attr
(
"readonly"
,
true
);
b
.
disabled
&&
q
(
a
);
b
.
colorValues
&&
a
.
data
(
"colorValues"
,
b
.
colorValues
);
e
.
bind
(
"click.miniColors"
,
function
(
b
){
b
.
preventDefault
();
a
.
trigger
(
"focus"
)});
a
.
bind
(
"focus.miniColors"
,
function
(){
w
(
a
)});
a
.
bind
(
"blur.miniColors"
,
function
(){
var
b
=
l
(
a
.
val
());
a
.
val
(
b
?
"#"
+
b
:
""
)});
a
.
bind
(
"keydown.miniColors"
,
function
(
b
){
b
.
keyCode
===
9
&&
i
(
a
)});
a
.
bind
(
"keyup.miniColors"
,
function
(){
var
b
=
a
.
val
().
replace
(
/[^A-F0-9#]/ig
,
""
);
a
.
val
(
b
);
r
(
a
)
||
a
.
data
(
"trigger"
).
css
(
"backgroundColor"
,
"#FFF"
)});
a
.
bind
(
"paste.miniColors"
,
function
(){
setTimeout
(
function
(){
a
.
trigger
(
"keyup"
)},
5
)})},
q
=
function
(
a
){
i
(
a
);
a
.
attr
(
"disabled"
,
true
);
a
.
data
(
"trigger"
).
css
(
"opacity"
,
0.5
)},
w
=
function
(
a
){
if
(
a
.
attr
(
"disabled"
))
return
false
;
i
();
var
b
=
d
(
'<div class="miniColors-selector"></div>'
);
b
.
append
(
'<div class="miniColors-colors" style="background-color: #FFF;"><div class="miniColors-colorPicker"></div></div>'
);
b
.
append
(
'<div class="miniColors-hues"><div class="miniColors-huePicker"></div></div>'
);
b
.
css
({
top
:
a
.
is
(
":visible"
)
?
a
.
offset
().
top
+
a
.
outerHeight
()
:
a
.
data
(
"trigger"
).
offset
().
top
+
a
.
data
(
"trigger"
).
outerHeight
(),
left
:
a
.
is
(
":visible"
)
?
a
.
offset
().
left
:
a
.
data
(
"trigger"
).
offset
().
left
,
display
:
"none"
}).
addClass
(
a
.
attr
(
"class"
));
var
e
=
a
.
data
(
"colorValues"
);
if
(
e
&&
e
.
length
){
var
c
,
f
=
'<div class="miniColors-presets">'
,
g
;
for
(
g
in
e
)
c
=
l
(
e
[
g
]),
f
+=
'<div class="miniColors-colorPreset" style="background-color:#'
+
c
+
'" rel="'
+
c
+
'"></div>'
;
f
+=
"</div>"
;
b
.
append
(
f
);
c
=
Math
.
ceil
(
e
.
length
/
7
)
*
24
;
b
.
css
(
"width"
,
b
.
width
()
+
c
+
5
+
"px"
);
b
.
find
(
".miniColors-presets"
).
css
(
"width"
,
c
+
"px"
)}
c
=
a
.
data
(
"hsb"
);
b
.
find
(
".miniColors-colors"
).
css
(
"backgroundColor"
,
"#"
+
n
(
m
({
h
:
c
.
h
,
s
:
100
,
b
:
100
})));(
f
=
a
.
data
(
"colorPosition"
))
||
(
f
=
s
(
c
));
b
.
find
(
".miniColors-colorPicker"
).
css
(
"top"
,
f
.
y
+
"px"
).
css
(
"left"
,
f
.
x
+
"px"
);(
f
=
a
.
data
(
"huePosition"
))
||
(
f
=
t
(
c
));
b
.
find
(
".miniColors-huePicker"
).
css
(
"top"
,
f
.
y
+
"px"
);
a
.
data
(
"selector"
,
b
);
a
.
data
(
"huePicker"
,
b
.
find
(
".miniColors-huePicker"
));
a
.
data
(
"colorPicker"
,
b
.
find
(
".miniColors-colorPicker"
));
a
.
data
(
"mousebutton"
,
0
);
d
(
"BODY"
).
append
(
b
);
b
.
fadeIn
(
100
);
b
.
bind
(
"selectstart"
,
function
(){
return
false
});
d
(
document
).
bind
(
"mousedown.miniColors"
,
function
(
b
){
a
.
data
(
"mousebutton"
,
1
);
d
(
b
.
target
).
parents
().
andSelf
().
hasClass
(
"miniColors-colors"
)
&&
(
b
.
preventDefault
(),
a
.
data
(
"moving"
,
"colors"
),
u
(
a
,
b
));
d
(
b
.
target
).
parents
().
andSelf
().
hasClass
(
"miniColors-hues"
)
&&
(
b
.
preventDefault
(),
a
.
data
(
"moving"
,
"hues"
),
v
(
a
,
b
));
d
(
b
.
target
).
parents
().
andSelf
().
hasClass
(
"miniColors-selector"
)
?
b
.
preventDefault
()
:
d
(
b
.
target
).
parents
().
andSelf
().
hasClass
(
"miniColors"
)
||
i
(
a
)});
d
(
document
).
bind
(
"mouseup.miniColors"
,
function
(){
a
.
data
(
"mousebutton"
,
0
);
a
.
removeData
(
"moving"
)});
d
(
document
).
bind
(
"mousemove.miniColors"
,
function
(
b
){
a
.
data
(
"mousebutton"
)
===
1
&&
(
a
.
data
(
"moving"
)
===
"colors"
&&
u
(
a
,
b
),
a
.
data
(
"moving"
)
===
"hues"
&&
v
(
a
,
b
))});
e
&&
(
b
.
find
(
".miniColors-colorPreset"
).
click
(
function
(){
a
.
val
(
d
(
this
).
attr
(
"rel"
));
r
(
a
)}),
b
.
find
(
'.miniColors-presets div[rel="'
+
a
.
val
().
replace
(
/#/
,
""
)
+
'"]'
).
addClass
(
"miniColors-colorPreset-active"
))},
i
=
function
(
a
){
a
||
(
a
=
".miniColors"
);
d
(
a
).
each
(
function
(){
var
a
=
d
(
this
).
data
(
"selector"
);
d
(
this
).
removeData
(
"selector"
);
d
(
a
).
fadeOut
(
100
,
function
(){
d
(
this
).
remove
()})});
d
(
document
).
unbind
(
"mousedown.miniColors"
);
d
(
document
).
unbind
(
"mousemove.miniColors"
)},
u
=
function
(
a
,
b
){
var
e
=
a
.
data
(
"colorPicker"
);
e
.
hide
();
var
c
=
{
x
:
b
.
clientX
-
a
.
data
(
"selector"
).
find
(
".miniColors-colors"
).
offset
().
left
+
d
(
document
).
scrollLeft
()
-
5
,
y
:
b
.
clientY
-
a
.
data
(
"selector"
).
find
(
".miniColors-colors"
).
offset
().
top
+
d
(
document
).
scrollTop
()
-
5
};
if
(
c
.
x
<=-
5
)
c
.
x
=-
5
;
if
(
c
.
x
>=
144
)
c
.
x
=
144
;
if
(
c
.
y
<=-
5
)
c
.
y
=-
5
;
if
(
c
.
y
>=
144
)
c
.
y
=
144
;
a
.
data
(
"colorPosition"
,
c
);
e
.
css
(
"left"
,
c
.
x
).
css
(
"top"
,
c
.
y
).
show
();
e
=
Math
.
round
((
c
.
x
+
5
)
*
0.67
);
e
<
0
&&
(
e
=
0
);
e
>
100
&&
(
e
=
100
);
c
=
100
-
Math
.
round
((
c
.
y
+
5
)
*
0.67
);
c
<
0
&&
(
c
=
0
);
c
>
100
&&
(
c
=
100
);
var
f
=
a
.
data
(
"hsb"
);
f
.
s
=
e
;
f
.
b
=
c
;
o
(
a
,
f
,
true
)},
v
=
function
(
a
,
b
){
var
e
=
a
.
data
(
"huePicker"
);
e
.
hide
();
var
c
=
{
y
:
b
.
clientY
-
a
.
data
(
"selector"
).
find
(
".miniColors-colors"
).
offset
().
top
+
d
(
document
).
scrollTop
()
-
1
};
if
(
c
.
y
<=-
1
)
c
.
y
=-
1
;
if
(
c
.
y
>=
149
)
c
.
y
=
149
;
a
.
data
(
"huePosition"
,
c
);
e
.
css
(
"top"
,
c
.
y
).
show
();
e
=
Math
.
round
((
150
-
c
.
y
-
1
)
*
2.4
);
e
<
0
&&
(
e
=
0
);
e
>
360
&&
(
e
=
360
);
c
=
a
.
data
(
"hsb"
);
c
.
h
=
e
;
o
(
a
,
c
,
true
)},
o
=
function
(
a
,
b
,
e
){
a
.
data
(
"hsb"
,
b
);
var
c
=
n
(
m
(
b
));
e
&&
a
.
val
(
"#"
+
c
);
a
.
data
(
"trigger"
).
css
(
"backgroundColor"
,
"#"
+
c
);
a
.
data
(
"selector"
)
&&
a
.
data
(
"selector"
).
find
(
".miniColors-colors"
).
css
(
"backgroundColor"
,
"#"
+
n
(
m
({
h
:
b
.
h
,
s
:
100
,
b
:
100
})));
a
.
data
(
"change"
)
&&
a
.
data
(
"change"
).
call
(
a
,
"#"
+
c
,
m
(
b
));
a
.
data
(
"colorValues"
)
&&
(
a
.
data
(
"selector"
).
find
(
".miniColors-colorPreset-active"
).
removeClass
(
"miniColors-colorPreset-active"
),
a
.
data
(
"selector"
).
find
(
'.miniColors-presets div[rel="'
+
c
+
'"]'
).
addClass
(
"miniColors-colorPreset-active"
))},
r
=
function
(
a
){
var
b
=
l
(
a
.
val
());
if
(
!
b
)
return
false
;
var
b
=
p
(
b
),
e
=
a
.
data
(
"hsb"
);
if
(
b
.
h
===
e
.
h
&&
b
.
s
===
e
.
s
&&
b
.
b
===
e
.
b
)
return
true
;
e
=
s
(
b
);
d
(
a
.
data
(
"colorPicker"
)).
css
(
"top"
,
e
.
y
+
"px"
).
css
(
"left"
,
e
.
x
+
"px"
);
e
=
t
(
b
);
d
(
a
.
data
(
"huePicker"
)).
css
(
"top"
,
e
.
y
+
"px"
);
o
(
a
,
b
,
false
);
return
true
},
s
=
function
(
a
){
var
b
=
Math
.
ceil
(
a
.
s
/
0.67
);
b
<
0
&&
(
b
=
0
);
b
>
150
&&
(
b
=
150
);
a
=
150
-
Math
.
ceil
(
a
.
b
/
0.67
);
a
<
0
&&
(
a
=
0
);
a
>
150
&&
(
a
=
150
);
return
{
x
:
b
-
5
,
y
:
a
-
5
}},
t
=
function
(
a
){
a
=
150
-
a
.
h
/
2.4
;
a
<
0
&&
(
h
=
0
);
a
>
150
&&
(
h
=
150
);
return
{
y
:
a
-
1
}},
l
=
function
(
a
){
a
=
a
.
replace
(
/[^A-Fa-f0-9]/
,
""
);
a
.
length
==
3
&&
(
a
=
a
[
0
]
+
a
[
0
]
+
a
[
1
]
+
a
[
1
]
+
a
[
2
]
+
a
[
2
]);
return
a
.
length
===
6
?
a
:
null
},
m
=
function
(
a
){
var
b
,
e
,
c
;
b
=
Math
.
round
(
a
.
h
);
var
d
=
Math
.
round
(
a
.
s
*
255
/
100
),
a
=
Math
.
round
(
a
.
b
*
255
/
100
);
if
(
d
==
0
)
b
=
e
=
c
=
a
;
else
{
var
d
=
(
255
-
d
)
*
a
/
255
,
g
=
(
a
-
d
)
*
(
b
%
60
)
/
60
;
b
==
360
&&
(
b
=
0
);
b
<
60
?
(
b
=
a
,
c
=
d
,
e
=
d
+
g
)
:
b
<
120
?
(
e
=
a
,
c
=
d
,
b
=
a
-
g
)
:
b
<
180
?
(
e
=
a
,
b
=
d
,
c
=
d
+
g
)
:
b
<
240
?
(
c
=
a
,
b
=
d
,
e
=
a
-
g
)
:
b
<
300
?
(
c
=
a
,
e
=
d
,
b
=
d
+
g
)
:
b
<
360
?
(
b
=
a
,
e
=
d
,
c
=
a
-
g
)
:
c
=
e
=
b
=
0
}
return
{
r
:
Math
.
round
(
b
),
g
:
Math
.
round
(
e
),
b
:
Math
.
round
(
c
)}},
n
=
function
(
a
){
var
b
=
[
a
.
r
.
toString
(
16
),
a
.
g
.
toString
(
16
),
a
.
b
.
toString
(
16
)];
d
.
each
(
b
,
function
(
a
,
c
){
c
.
length
==
1
&&
(
b
[
a
]
=
"0"
+
c
)});
return
b
.
join
(
""
)},
p
=
function
(
a
){
var
b
=
a
,
b
=
parseInt
(
b
.
indexOf
(
"#"
)
>-
1
?
b
.
substring
(
1
)
:
b
,
16
),
a
=
b
>>
16
,
d
=
(
b
&
65280
)
>>
8
;
b
&=
255
;
var
c
=
{
h
:
0
,
s
:
0
,
b
:
0
},
f
=
Math
.
min
(
a
,
d
,
b
),
g
=
Math
.
max
(
a
,
d
,
b
),
f
=
g
-
f
;
c
.
b
=
g
;
c
.
s
=
g
!=
0
?
255
*
f
/
g
:
0
;
c
.
h
=
c
.
s
!=
0
?
a
==
g
?
(
d
-
b
)
/
f
:
d
==
g
?
2
+
(
b
-
a
)
/
f
:
4
+
(
a
-
d
)
/
f
:-
1
;
c
.
h
*=
60
;
c
.
h
<
0
&&
(
c
.
h
+=
360
);
c
.
s
*=
100
/
255
;
c
.
b
*=
100
/
255
;
if
(
c
.
s
===
0
)
c
.
h
=
360
;
return
c
};
switch
(
j
){
case
"readonly"
:
return
d
(
this
).
each
(
function
(){
d
(
this
).
attr
(
"readonly"
,
k
)}),
d
(
this
);
case
"disabled"
:
return
d
(
this
).
each
(
function
(){
if
(
k
)
q
(
d
(
this
));
else
{
var
a
=
d
(
this
);
a
.
attr
(
"disabled"
,
false
);
a
.
data
(
"trigger"
).
css
(
"opacity"
,
1
)}}),
d
(
this
);
case
"value"
:
return
d
(
this
).
each
(
function
(){
d
(
this
).
val
(
k
).
trigger
(
"keyup"
)}),
d
(
this
);
case
"destroy"
:
return
d
(
this
).
each
(
function
(){
var
a
=
d
(
this
);
i
();
a
=
d
(
a
);
a
.
data
(
"trigger"
).
remove
();
a
.
removeAttr
(
"autocomplete"
);
a
.
removeData
(
"trigger"
);
a
.
removeData
(
"selector"
);
a
.
removeData
(
"hsb"
);
a
.
removeData
(
"huePicker"
);
a
.
removeData
(
"colorPicker"
);
a
.
removeData
(
"mousebutton"
);
a
.
removeData
(
"moving"
);
a
.
unbind
(
"click.miniColors"
);
a
.
unbind
(
"focus.miniColors"
);
a
.
unbind
(
"blur.miniColors"
);
a
.
unbind
(
"keyup.miniColors"
);
a
.
unbind
(
"keydown.miniColors"
);
a
.
unbind
(
"paste.miniColors"
);
d
(
document
).
unbind
(
"mousedown.miniColors"
);
d
(
document
).
unbind
(
"mousemove.miniColors"
)}),
d
(
this
);
default
:
return
j
||
(
j
=
{}),
d
(
this
).
each
(
function
(){
d
(
this
)[
0
].
tagName
.
toLowerCase
()
===
"input"
&&
(
d
(
this
).
data
(
"trigger"
)
||
x
(
d
(
this
),
j
,
k
))}),
d
(
this
)}}})}(
jQuery
);
File Metadata
Details
Attached
Mime Type
text/plain
Expires
Mon, Apr 6, 2:07 AM (1 w, 3 d ago)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
18801687
Default Alt Text
jquery.miniColors.min.js (8 KB)
Attached To
Mode
R113 roundcubemail
Attached
Detach File
Event Timeline