<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[22457] trunk/wp-admin/js: Swatches for the color picker.</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg > ul, #logmsg > ol { margin-left: 0; margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://core.trac.wordpress.org/changeset/22457">22457</a></dd>
<dt>Author</dt> <dd>nacin</dd>
<dt>Date</dt> <dd>2012-11-07 23:32:03 +0000 (Wed, 07 Nov 2012)</dd>
</dl>

<h3>Log Message</h3>
<pre>Swatches for the color picker. Improves discoverability of colors especially when the picker is opened with a grayscale color. props mattwiebe. FIXES <a href="http://core.trac.wordpress.org/ticket/21206">#21206</a>.</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkwpadminjscolorpickerjs">trunk/wp-admin/js/color-picker.js</a></li>
<li><a href="#trunkwpadminjsirisminjs">trunk/wp-admin/js/iris.min.js</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkwpadminjscolorpickerjs"></a>
<div class="modfile"><h4>Modified: trunk/wp-admin/js/color-picker.js (22456 => 22457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-admin/js/color-picker.js        2012-11-07 22:58:33 UTC (rev 22456)
+++ trunk/wp-admin/js/color-picker.js        2012-11-07 23:32:03 UTC (rev 22457)
</span><span class="lines">@@ -12,7 +12,8 @@
</span><span class="cx">                         defaultColor: false,
</span><span class="cx">                         change: false,
</span><span class="cx">                         clear: false,
</span><del>-                        hide: true
</del><ins>+                        hide: true,
+                        palettes: true
</ins><span class="cx">                 },
</span><span class="cx">                 _create: function() {
</span><span class="cx">                         // bail early for IE &lt; 8
</span><span class="lines">@@ -43,6 +44,7 @@
</span><span class="cx">                                 hide: true,
</span><span class="cx">                                 width: 255,
</span><span class="cx">                                 mode: 'hsv',
</span><ins>+                                palettes: self.options.palettes,
</ins><span class="cx">                                 change: function( event, ui ) {
</span><span class="cx">                                         self.toggler.css( { backgroundColor: ui.color.toString() } );
</span><span class="cx">                                         // check for a custom cb
</span><span class="lines">@@ -115,9 +117,9 @@
</span><span class="cx"> 
</span><span class="cx">                         this.element.iris( &quot;option&quot;, &quot;color&quot;, newColor );
</span><span class="cx">                 },
</span><del>-                //$(&quot;#input&quot;).wpColorPicker('default_color') returns the current default color
-                //$(&quot;#input&quot;).wpColorPicker('default_color', newDefaultColor) to set
-                default_color: function( newDefaultColor ) {
</del><ins>+                //$(&quot;#input&quot;).wpColorPicker('defaultColor') returns the current default color
+                //$(&quot;#input&quot;).wpColorPicker('defaultColor', newDefaultColor) to set
+                defaultColor: function( newDefaultColor ) {
</ins><span class="cx">                         if ( newDefaultColor === undef )
</span><span class="cx">                                 return this.options.defaultColor;
</span><span class="cx"> 
</span></span></pre></div>
<a id="trunkwpadminjsirisminjs"></a>
<div class="modfile"><h4>Modified: trunk/wp-admin/js/iris.min.js (22456 => 22457)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-admin/js/iris.min.js        2012-11-07 22:58:33 UTC (rev 22456)
+++ trunk/wp-admin/js/iris.min.js        2012-11-07 23:32:03 UTC (rev 22457)
</span><span class="lines">@@ -1,4 +1,4 @@
</span><del>-/*! Iris - v0.9.8 - 2012-10-04
</del><ins>+/*! Iris - v0.9.10 - 2012-11-07
</ins><span class="cx"> * https://github.com/Automattic/Iris
</span><span class="cx"> * Copyright (c) 2012 Matt Wiebe; Licensed GPL */
</span><del>-(function(a,b){function h(){if(d)e=&quot;filter&quot;;else{var b=a('&lt;div id=&quot;iris-gradtest&quot; /&gt;'),c=&quot;linear-gradient(top,#fff,#000)&quot;;a.each(f,function(a,d){b.css(&quot;backgroundImage&quot;,d+c);if(b.css(&quot;backgroundImage&quot;).match(&quot;gradient&quot;))return e=a,!1}),a.browser.webkit&amp;&amp;e===!1&amp;&amp;(b.css(&quot;background&quot;,&quot;-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#000))&quot;),b.css(&quot;backgroundImage&quot;).match(&quot;gradient&quot;)&amp;&amp;(e=&quot;webkit&quot;)),b.remove()}}function i(b,c){return b=b===&quot;top&quot;?&quot;top&quot;:&quot;left&quot;,c=a.isArray(c)?c:Array.prototype.slice.call(arguments,1),e===&quot;webkit&quot;?k(b,c):f[e]+&quot;linear-gradient(&quot;+b+&quot;, &quot;+c.join(&quot;, &quot;)+&quot;)&quot;}function j(b,c){b=b===&quot;top&quot;?&quot;top&quot;:&quot;left&quot;,c=a.isArray(c)?c:Array.prototype.slice.call(arguments,1);var d=b===&quot;top&quot;?0:1,e=a(this),f=
 c.length-1,g=parseInt(a.browser.version,10)&gt;=8?&quot;-ms-filter&quot;:&quot;filter&quot;;g=&quot;filter&quot;;var h=d===1?&quot;left&quot;:&quot;top&quot;,i=d===1?&quot;right&quot;:&quot;bottom&quot;,j=d===1?&quot;height&quot;:&quot;width&quot;,k='&lt;div class=&quot;iris-ie-gradient-shim&quot; style=&quot;position:absolute;'+j+&quot;:100%;&quot;+h+&quot;:%start%;&quot;+i+&quot;:%end%;&quot;+g+':%filter%;&quot; data-color:&quot;%color%&quot;&gt;&lt;/div&gt;',m=&quot;&quot;;e.css(&quot;position&quot;)===&quot;static&quot;&amp;&amp;e.css({position:&quot;relative&quot;}),c=l(c),a.each(c,function(a,b){if(a===f)return!1;var e=c[a+1];if(b.stop===e.stop)return;var g=100-parseFloat(e.stop)+&quot;%&quot;;b.octoHex=(new Color(b.color)).toIEOctoHex(),e.octoHex=(new Color(e.color)).toIEOctoHex();var h=&quot;progid:DXImageTransform.Microsoft.Gradient(GradientType=&quot;+d+&quot;, StartColorStr='&quot;+b.octoHex+&quot;', EndColorStr='&quot;+e.octoHex+&quot;')&quot;;m+=k.replace(&quot;%
 start%&quot;,b.stop).replace(&quot;%end%&quot;,g).replace(&quot;%filter%&quot;,h)}),e.find(&quot;.iris-ie-gradient-shim&quot;).remove(),a(m).prependTo(e)}function k(b,c){var d=[];return b=b===&quot;top&quot;?&quot;0% 0%,0% 100%,&quot;:&quot;0% 100%,100% 100%,&quot;,c=l(c),a.each(c,function(a,b){d.push(&quot;color-stop(&quot;+parseFloat(b.stop)/100+&quot;, &quot;+b.color+&quot;)&quot;)}),&quot;-webkit-gradient(linear,&quot;+b+d.join(&quot;,&quot;)+&quot;)&quot;}function l(b){var c=[],d=[],e=[],f=b.length-1;return a.each(b,function(a,b){var e=b,f=!1,g=b.match(/1?[0-9]{1,2}%$/);g&amp;&amp;(e=b.replace(/\s?1?[0-9]{1,2}%$/,&quot;&quot;),f=g.shift()),c.push(e),d.push(f)}),d[0]===!1&amp;&amp;(d[0]=&quot;0%&quot;),d[f]===!1&amp;&amp;(d[f]=&quot;100%&quot;),d=m(d),a.each(d,function(a){e[a]={color:c[a],stop:d[a]}}),e}function m(b){var c=0,d=b.length-1,e=0,f=!1,g,h,i,j;if(b.length&lt;=2||a.inArray(!1,b)&lt;0)return b;while(e&lt;b.length-1)!f&amp;&amp;b[e]===!1?(c=e-1,f=!0):f&amp;&amp;b
 [e]!==!1&amp;&amp;(d=e,e=b.length),e++;h=d-c,j=parseInt(b[c].replace(&quot;%&quot;),10),g=(parseFloat(b[d].replace(&quot;%&quot;))-j)/h,e=c+1,i=1;while(e&lt;d)b[e]=j+i*g+&quot;%&quot;,i++,e++;return m(b)}var c='&lt;div class=&quot;iris-picker&quot;&gt;&lt;div class=&quot;iris-picker-inner&quot;&gt;&lt;div class=&quot;iris-square&quot;&gt;&lt;a class=&quot;iris-square-value&quot; href=&quot;#&quot;&gt;&lt;span class=&quot;iris-square-handle ui-slider-handle&quot;&gt;&lt;/span&gt;&lt;/a&gt;&lt;div class=&quot;iris-square-slider iris-horiz-slider&quot;&gt;&lt;/div&gt;&lt;div class=&quot;iris-square-slider iris-vert-slider&quot;&gt;&lt;/div&gt;&lt;div class=&quot;iris-square-inner iris-square-horiz&quot;&gt;&lt;/div&gt;&lt;div class=&quot;iris-square-inner iris-square-vert&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;iris-slider iris-strip&quot;&gt;&lt;div class=&quot;iris-slider-offset&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;',d=!!(a.browser.msie&amp;&a
 mp;parseInt(a.browser.version,10)&lt;10),e=!1,f=[&quot;-moz-&quot;,&quot;-webkit-&quot;,&quot;-o-&quot;,&quot;-ms-&quot;],g='.iris-picker{display:block;position:relative}.iris-error{background-color:#ffafaf}.iris-border{border-radius:3px;border:1px solid #aaa;width:200px;background-color:#fff}.iris-picker-inner{position:absolute;top:0;right:0;left:0;bottom:0}.iris-border .iris-picker-inner{top:10px;right:10px;left:10px;bottom:10px}.iris-picker .iris-square-inner{position:absolute;left:0;right:0;top:0;bottom:0}.iris-picker .iris-square,.iris-picker .iris-slider,.iris-picker .iris-square-inner{border-radius:3px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.4);-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.4);box-shadow:inset 0 0 5px rgba(0,0,0,0.4);height:100%;width:12.5%;float:left;margin-right:5%}.iris-picker .iris-square{width:76%;margin-right:10%;position:relative}.iris-picker .iris-square-inner{width:auto;margin:0}.iris-picker .iris-square .sat,.iris-ie-9 .iris-square,.iris-i
 e-9 .iris-slider,.iris-ie-9 .iris-square-inner{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:0}.iris-picker .iris-square .sat{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.iris-ie-lt9 .iris-square,.iris-ie-lt9 .iris-slider,.iris-ie-lt9 .iris-square-inner{outline:1px solid #aaa}.iris-ie-lt9 .iris-square .ui-slider-handle{outline:1px solid #aaa;background-color:#fff;-ms-filter:&quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=30)&quot;}.iris-ie-lt9 .iris-square .iris-square-handle{background:none;border:3px solid #fff;-ms-filter:&quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=50)&quot;}.iris-picker .iris-strip{margin-right:0;position:relative}.iris-picker .iris-strip .ui-slider-handle{position:absolute;background:none;right:-3px;left:-3px;border:4px solid #aaa;border-width:4px 3px;width:auto;height:6px;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.2);opacity:.9;z-index:5}.iris-strip .ui-slider-handle:before{cont
 ent:&quot; &quot;;position:absolute;left:-2px;right:-2px;top:-3px;bottom:-3px;border:2px solid #fff;-webkit-border-radius:3px;border-radius:3px}.iris-picker .iris-slider-offset{position:absolute;top:11px;left:0;right:0;bottom:-3px}.iris-square .iris-horiz-slider{position:absolute;top:-7px;left:-7px;height:1px;width:100%}.iris-square .iris-vert-slider{position:absolute;right:6px;top:7px;width:1px;height:100%}.iris-square .iris-square-slider a{opacity:.3;-ms-filter:&quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=30)&quot;;-moz-transition:opacity 300ms;-webkit-transition:opacity 300ms;transition:opacity 300ms}.iris-square .iris-square-slider .ui-slider-handle.active{opacity:1;-ms-filter:&quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=100)&quot;}.iris-dragging .iris-square-slider .ui-slider-handle.active{opacity:0;-ms-filter:&quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=0)&quot;}.iris-picker .ui-slider-handle{background:#f5f5f5;-webkit-border-radius:10px;-moz
 -border-radius:50%;border-radius:50%;box-shadow:inset #fff 0 1px 1px,inset 0 -1px 1px rgba( 0,0,0,0.4 ),0px 1px 4px 0 rgba( 0,0,0,0.2 ),0 0 2px rgba( 0,0,0,0.3 );display:block;opacity:0.7;position:absolute;z-index:5;height:20px;width:20px;cursor:default;cursor:ns-resize;z-index:5}.iris-horiz-slider .ui-slider-handle{cursor:ew-resize}.iris-square-slider .ui-slider-handle{width:14px;height:14px;opacity:1;background-color:#eee}.iris-picker .iris-square-handle{background:transparent;border:5px solid #aaa;border-color:rgba(128,128,128,.5);box-shadow:none;width:12px;height:12px;position:absolute;left:-10px;top:-10px;cursor:move;opacity:1;z-index:10}.iris-picker .ui-state-focus .iris-square-handle{opacity:.8}.iris-picker .iris-square-handle:hover{border-color:#999}.iris-picker .iris-square-handle:hover::after{border-color:#fff}.iris-picker .iris-square-handle::after{position:absolute;bottom:-4px;right:-4px;left:-4px;top:-4px;border:3px solid #f9f9f9;border-color:rgba(255,255,255,.8
 );border-radius:50%;content:&quot; &quot;}.iris-picker .iris-square-value{width:8px;height:8px;position:absolute}.iris-ie-lt9 .iris-square-value,.iris-mozilla .iris-square-value{width:1px;height:1px}';if(d&amp;&amp;parseInt(a.browser.version,10)&lt;=7)return a.fn.iris=a.noop;a.fn.gradient=function(b){var c=arguments;return this.each(function(){d?j.apply(this,c):a(this).css(&quot;backgroundImage&quot;,i.apply(this,c))})},a.fn.raninbowGradient=function(b,c){b=b||&quot;top&quot;;var d=a.extend({},{s:100,l:50},c),e=&quot;hsl(%h%,&quot;+d.s+&quot;%,&quot;+d.l+&quot;%)&quot;,f=0,g=[];while(f&lt;=360)g.push(e.replace(&quot;%h%&quot;,f)),f+=30;return this.each(function(){a(this).gradient(b,g)})};var n={options:{color:!1,mode:&quot;hsl&quot;,controls:{horiz:&quot;s&quot;,vert:&quot;l&quot;,strip:&quot;h&quot;},hide:!0,border:!0,target:!1,width:200},_inited:!1,_scale:{h:359,s:100,l:100,v:100},_create:function(){var b=this,d=b.element,f=b.options.color||d.val(),g;e===!1&amp;&amp;h(),d.
 is(&quot;input&quot;)?(b.options.target?b.picker=a(c).appendTo(b.options.target):b.picker=a(c).insertAfter(d),b._addInputListeners(d)):(d.append(c),b.picker=d.find(&quot;.iris-picker&quot;));if(a.browser.mozilla)b.picker.addClass(&quot;iris-mozilla&quot;);else if(a.browser.msie){var i=parseInt(a.browser.version,10);i===9?b.picker.addClass(&quot;iris-ie-9&quot;):i&lt;=8&amp;&amp;b.picker.addClass(&quot;iris-ie-lt9&quot;)}b.color=(new Color(f)).setHSpace(b.options.mode),b.options.color=b.color.toString(),b.controls={square:b.picker.find(&quot;.iris-square&quot;),squareDrag:b.picker.find(&quot;.iris-square-value&quot;),horiz:b.picker.find(&quot;.iris-square-horiz&quot;),horizSlider:b.picker.find(&quot;.iris-horiz-slider&quot;),vert:b.picker.find(&quot;.iris-square-vert&quot;),vertSlider:b.picker.find(&quot;.iris-vert-slider&quot;),strip:b.picker.find(&quot;.iris-strip&quot;),stripSlider:b.picker.find(&quot;.iris-strip .iris-slider-offset&quot;)},b.options.mode===&quot;hsv&quot;
 &amp;&amp;b.options.controls.vert===&quot;l&quot;&amp;&amp;(b.options.controls={horiz:&quot;h&quot;,vert:&quot;v&quot;,strip:&quot;s&quot;}),b.hue=b.color.h(),b.options.hide&amp;&amp;b.picker.hide(),b.options.border&amp;&amp;b.picker.addClass(&quot;iris-border&quot;),b._initControls(),b.active=&quot;external&quot;,b._dimensions(),b._change()},_paint:function(){var a=this;a._paintDimension(&quot;top&quot;,&quot;strip&quot;),a._paintDimension(&quot;top&quot;,&quot;vert&quot;),a._paintDimension(&quot;left&quot;,&quot;horiz&quot;)},_paintDimension:function(a,b){var c=this,d=c.color,e=c.options.mode,f=c._getHSpaceColor(),g=c.controls[b],h=c.options.controls,i,j;if(b===c.active||c.active===&quot;square&quot;&amp;&amp;b!==&quot;strip&quot;)return;switch(h[b]){case&quot;h&quot;:if(e===&quot;hsv&quot;){f=d.clone();switch(b){case&quot;horiz&quot;:f[h.vert](100);break;case&quot;vert&quot;:f[h.horiz](100);break;case&quot;strip&quot;:f.setHSpace(&quot;hsl&quot;).s(100).l(100)}i=f.toHsl()
 }else b===&quot;strip&quot;?i={s:f.s,l:f.l}:i={s:100,l:f.l};g.raninbowGradient(a,i);break;case&quot;s&quot;:b===&quot;vert&quot;&amp;&amp;c.options.controls.horiz===&quot;h&quot;&amp;&amp;c.options.mode===&quot;hsl&quot;?i=[&quot;hsla(0, 0%, &quot;+f.l+&quot;%, 0)&quot;,&quot;hsla(0, 0%, &quot;+f.l+&quot;%, 1)&quot;]:b===&quot;vert&quot;&amp;&amp;c.options.mode===&quot;hsv&quot;?i=[d.clone().a(0).s(0).toCSS(&quot;rgba&quot;),d.clone().a(1).s(0).toCSS(&quot;rgba&quot;)]:b===&quot;strip&quot;&amp;&amp;c.options.mode===&quot;hsv&quot;?i=[d.clone().s(100).toCSS(&quot;hsl&quot;),d.clone().s(0).toCSS(&quot;hsl&quot;)]:i=[&quot;hsl(&quot;+f.h+&quot;,0%,50%)&quot;,&quot;hsl(&quot;+f.h+&quot;,100%,50%)&quot;],g.gradient(a,i);break;case&quot;l&quot;:b===&quot;strip&quot;?i=[&quot;hsl(&quot;+f.h+&quot;,100%,100%)&quot;,&quot;hsl(&quot;+f.h+&quot;, &quot;+f.s+&quot;%,50%)&quot;,&quot;hsl(&quot;+f.h+&quot;,100%,0%)&quot;]:i=[&quot;#fff&quot;,&quot;rgba(255,255,255,0) 50%&quot;,&quot;rgba
 (0,0,0,0) 50%&quot;,&quot;rgba(0,0,0,1)&quot;],g.gradient(a,i);break;case&quot;v&quot;:b===&quot;strip&quot;?i=[d.clone().v(100).toCSS(),d.clone().v(0).toCSS()]:i=[&quot;rgba(0,0,0,0)&quot;,&quot;#000&quot;],g.gradient(a,i);break;default:}},_getHSpaceColor:function(){return this.options.mode===&quot;hsv&quot;?this.color.toHsv():this.color.toHsl()},_dimensions:function(a){var b=this.picker.find(&quot;.iris-picker-inner&quot;),c=this.controls,d=c.square,e=this.picker.find(&quot;.iris-strip&quot;),f=&quot;77.5%&quot;,g=&quot;12%&quot;,h=20,i=this.options.border?this.options.width-h:this.options.width,j;a&amp;&amp;(d.css(&quot;width&quot;,&quot;&quot;),e.css(&quot;width&quot;,&quot;&quot;),this.picker.removeAttr(&quot;style&quot;)),f=i*(parseFloat(f)/100),g=i*(parseFloat(g)/100),j=this.options.border?f+h:f,d.width(f).height(f),e.height(f).width(g),this.picker.css({width:this.options.width,height:j})},_addInputListeners:function(a){var b=this;a.on(&quot;change&quot;,function(c){v
 ar d=new Color(a.val()),e=a.val().replace(/^#/,&quot;&quot;);a.removeClass(&quot;iris-error&quot;),d.error?e!==&quot;&quot;&amp;&amp;a.addClass(&quot;iris-error&quot;):b._setOption(&quot;color&quot;,d.toString())})},_initControls:function(){var b=this,c=b.controls,d=c.square,e=b.options.controls,f=b._scale[e.strip];c.stripSlider.slider({orientation:&quot;vertical&quot;,max:f,slide:function(a,c){b.active=&quot;strip&quot;,e.strip===&quot;h&quot;&amp;&amp;(c.value=f-c.value),b.color[e.strip](c.value),b._change.apply(b,arguments)}}),c.horizSlider.slider({max:b._scale[e.horiz],slide:function(a,c){b.color[e.horiz](c.value),b.active=&quot;horiz&quot;,b._change.apply(b,arguments)}}),c.vertSlider.slider({max:b._scale[e.vert],orientation:&quot;vertical&quot;,slide:function(a,c){b.color[e.vert](c.value),b.active=&quot;vert&quot;,b._change.apply(b,arguments)}}),c.squareDrag.draggable({containment:&quot;parent&quot;,zIndex:1e3,cursor:&quot;move&quot;,drag:function(a,c){b._squareDrag(a,c
 )},start:function(){d.addClass(&quot;iris-dragging&quot;),a(this).addClass(&quot;ui-state-focus&quot;)},stop:function(){d.removeClass(&quot;iris-dragging&quot;),a(this).removeClass(&quot;ui-state-focus&quot;)}}).on(&quot;mousedown mouseup&quot;,function(c){c.preventDefault();var d=&quot;ui-state-focus&quot;;c.type===&quot;mousedown&quot;?(b.picker.find(&quot;.&quot;+d).removeClass(d).blur(),a(this).addClass(d)):a(this).removeClass(&quot;ui-state-focus&quot;)}),d.mousedown(function(c){if(c.which!==1)return;if(!a(c.target).is(&quot;div&quot;))return;var d=b.controls.square.offset(),e={top:c.pageY-d.top,left:c.pageX-d.left};c.preventDefault(),b._squareDrag(c,{position:e}),c.target=b.controls.squareDrag.get(0),b.controls.squareDrag.css(e).trigger(c)}),c.square.mousemove(function(b){var d=a(this),e=d.offset(),f=b.pageX-e.left,g=b.pageY-e.top,h=d.find(&quot;.iris-horiz-slider .ui-slider-handle&quot;),i=d.find(&quot;.iris-vert-slider .ui-slider-handle&quot;);f&gt;c.square.width()-2
 0?i.addClass(&quot;active&quot;):i.removeClass(&quot;active&quot;),g&lt;20?h.addClass(&quot;active&quot;):h.removeClass(&quot;active&quot;)}),c.square.mouseleave(function(){a(this).find(&quot;.iris-square-slider .ui-slider-handle&quot;).removeClass(&quot;active&quot;)})},_squareDrag:function(a,b){var c=this,d=c.options.controls,e=c._squareDimensions(),f=Math.round((e.h-b.position.top)/e.h*c._scale[d.vert]),g=c._scale[d.horiz]-Math.round((e.w-b.position.left)/e.w*c._scale[d.horiz]);c.color[d.horiz](g)[d.vert](f),c.active=&quot;square&quot;,c._change.apply(c,arguments)},_setOption:function(a,b){var c=this.options[a];if(a===&quot;color&quot;){b=&quot;&quot;+b;var d=b.replace(/^#/,&quot;&quot;),e=(new Color(b)).setHSpace(this.options.mode);e.error||(this.color=e,this.options.color=this.options[a]=this.color.toString(),this.active=&quot;external&quot;,this._change())}},_squareDimensions:function(a){var c=this.controls.square,d,e;return a!==b&amp;&amp;c.data(&quot;dimensions&quot;
 )?c.data(&quot;dimensions&quot;):(e=this.controls.squareDrag,d={w:c.width(),h:c.height()},c.data(&quot;dimensions&quot;,d),d)},_change:function(b,c){var d=this,e=d.controls,f=d._getHSpaceColor(),g=d.color.toString(),h=[&quot;vert&quot;,&quot;horiz&quot;,&quot;square&quot;,&quot;strip&quot;],i=d.options.controls,j=i[d.active]||&quot;external&quot;;d.active===&quot;strip&quot;?h=[]:d.active!==&quot;external&quot;&amp;&amp;h.pop(),j===&quot;external&quot;||j===&quot;h&quot;?d.hue=f.h:f.h!==d.hue&amp;&amp;(f.h=d.hue,d.color.h(d.hue)),a.each(h,function(a,b){var c;if(b!==d.active)switch(b){case&quot;strip&quot;:c=i.strip===&quot;h&quot;?d._scale[i.strip]-f[i.strip]:f[i.strip],e.stripSlider.slider(&quot;value&quot;,c);break;case&quot;vert&quot;:d.active!==&quot;horiz&quot;&amp;&amp;e.vertSlider.slider(&quot;value&quot;,f[i.vert]);break;case&quot;horiz&quot;:d.active!==&quot;vert&quot;&amp;&amp;e.horizSlider.slider(&quot;value&quot;,f[i.horiz]);break;case&quot;square&quot;:var g=d._
 squareDimensions(),h={left:f[i.horiz]/d._scale[i.horiz]*g.w,top:g.h-f[i.vert]/d._scale[i.vert]*g.h};d.active===&quot;horiz&quot;?delete h.top:d.active===&quot;vert&quot;&amp;&amp;delete h.left,d.controls.squareDrag.css(h)}}),d.options.color=d.color.toString(),d._inited&amp;&amp;d._trigger(&quot;change&quot;,{type:d.active},{color:d.color}),d.element.is(&quot;:input&quot;)&amp;&amp;!d.color.error&amp;&amp;d.element.val(d.color.toString()).removeClass(&quot;iris-error&quot;),d._paint(),d._inited=!0,d.active=!1},show:function(){this.picker.show()},hide:function(){this.picker.hide()},toggle:function(){this.picker.toggle()}};a.widget(&quot;a8c.iris&quot;,n),a('&lt;style id=&quot;iris-css&quot;&gt;'+g+&quot;&lt;/style&gt;&quot;).appendTo(&quot;head&quot;)})(jQuery),function(a,b){var c=function(a,b){return this instanceof c?this._init(a,b):new c(a,b)};c.fn=c.prototype={_color:0,_alpha:1,error:!1,_hsl:{h:0,s:0,l:0},_hsv:{h:0,s:0,v:0},_hSpace:&quot;hsl&quot;,_init:function(a){var c=&
 quot;noop&quot;;switch(typeof a){case&quot;object&quot;:return a.a!==b&amp;&amp;this.a(a.a),c=a.r!==b?&quot;fromRgb&quot;:a.l!==b?&quot;fromHsl&quot;:a.v!==b?&quot;fromHsv&quot;:c,this[c](a);case&quot;string&quot;:return this.fromCSS(a);case&quot;number&quot;:return this.fromInt(parseInt(a,10))}return this},clone:function(){var a=new c(this.toInt()),b=[&quot;_alpha&quot;,&quot;_hSpace&quot;,&quot;_hsl&quot;,&quot;_hsv&quot;,&quot;error&quot;];for(var d=b.length-1;d&gt;=0;d--)a[b[d]]=this[b[d]];return a},setHSpace:function(a){return this._hSpace=a===&quot;hsv&quot;?&quot;hsv&quot;:&quot;hsl&quot;,this},noop:function(){return this},fromCSS:function(a){var b,c;return this.error=!1,a.match(/^(rgb|hsl)a?/)?(c=a.replace(/(\s|%)/g,&quot;&quot;).replace(/^(rgb|hsl)a?\(/,&quot;&quot;).replace(/\);?$/,&quot;&quot;).split(&quot;,&quot;),c.length===4&amp;&amp;this.a(parseFloat(c.pop())),a.match(/^rgb/)?this.fromRgb({r:parseInt(c[0],10),g:parseInt(c[1],10),b:parseInt(c[2],10)}):this.from
 Hsl({h:parseInt(c[0],10),s:parseInt(c[1],10),l:parseInt(c[2],10)})):this.fromHex(a)},fromRgb:function(a,c){return typeof a!=&quot;object&quot;||a.r===b||a.g===b||a.b===b?(this.error=!0,this):(this.error=!1,this.fromInt(parseInt((a.r&lt;&lt;16)+(a.g&lt;&lt;8)+a.b,10),c))},fromHex:function(a){return a=a.replace(/^#/,&quot;&quot;).replace(/^0x/,&quot;&quot;),a.length===3&amp;&amp;(a=a[0]+a[0]+a[1]+a[1]+a[2]+a[2]),this.error=!/^[0-9A-F]{6}$/i.test(a),this.fromInt(parseInt(a,16))},fromHsl:function(a){var c,d,e,f,g,h,i,j;return typeof a!=&quot;object&quot;||a.h===b||a.s===b||a.l===b?(this.error=!0,this):(this._hsl=a,this._hSpace=&quot;hsl&quot;,h=a.h/360,i=a.s/100,j=a.l/100,i===0?c=d=e=j:(f=j&lt;.5?j*(1+i):j+i-j*i,g=2*j-f,c=this.hue2rgb(g,f,h+1/3),d=this.hue2rgb(g,f,h),e=this.hue2rgb(g,f,h-1/3)),this.fromRgb({r:c*255,g:d*255,b:e*255},!0))},fromHsv:function(a){var c,d,e,f,g,h,i,j,k,l,m;if(typeof a!=&quot;object&quot;||a.h===b||a.s===b||a.v===b)return this.error=!0,this;this._hsv=a,
 this._hSpace=&quot;hsv&quot;,c=a.h/360,d=a.s/100,e=a.v/100,i=Math.floor(c*6),j=c*6-i,k=e*(1-d),l=e*(1-j*d),m=e*(1-(1-j)*d);switch(i%6){case 0:f=e,g=m,h=k;break;case 1:f=l,g=e,h=k;break;case 2:f=k,g=e,h=m;break;case 3:f=k,g=l,h=e;break;case 4:f=m,g=k,h=e;break;case 5:f=e,g=k,h=l}return this.fromRgb({r:f*255,g:g*255,b:h*255},!0)},fromInt:function(a,c){return this._color=parseInt(a,10),isNaN(this._color)&amp;&amp;(this._color=0),this._color&gt;16777215?this._color=16777215:this._color&lt;0&amp;&amp;(this._color=0),c===b&amp;&amp;(this._hsv.h=this._hsv.s=this._hsl.h=this._hsl.s=0),this},hue2rgb:function(a,b,c){return c&lt;0&amp;&amp;(c+=1),c&gt;1&amp;&amp;(c-=1),c&lt;1/6?a+(b-a)*6*c:c&lt;.5?b:c&lt;2/3?a+(b-a)*(2/3-c)*6:a},toString:function(){var a=parseInt(this._color,10).toString(16);if(this.error)return&quot;&quot;;if(a.length&lt;6)for(var b=6-a.length-1;b&gt;=0;b--)a=&quot;0&quot;+a;return&quot;#&quot;+a},toCSS:function(a,b){a=a||&quot;hex&quot;,b=parseFloat(b||this._alpha);s
 witch(a){case&quot;rgb&quot;:case&quot;rgba&quot;:var c=this.toRgb();return b&lt;1?&quot;rgba( &quot;+c.r+&quot;, &quot;+c.g+&quot;, &quot;+c.b+&quot;, &quot;+b+&quot; )&quot;:&quot;rgb( &quot;+c.r+&quot;, &quot;+c.g+&quot;, &quot;+c.b+&quot; )&quot;;case&quot;hsl&quot;:case&quot;hsla&quot;:var d=this.toHsl();return b&lt;1?&quot;hsla( &quot;+d.h+&quot;, &quot;+d.s+&quot;%, &quot;+d.l+&quot;%, &quot;+b+&quot; )&quot;:&quot;hsl( &quot;+d.h+&quot;, &quot;+d.s+&quot;%, &quot;+d.l+&quot;% )&quot;;default:return this.toString()}},toRgb:function(){return{r:255&amp;this._color&gt;&gt;16,g:255&amp;this._color&gt;&gt;8,b:255&amp;this._color}},toHsl:function(){var a=this.toRgb(),b=a.r/255,c=a.g/255,d=a.b/255,e=Math.max(b,c,d),f=Math.min(b,c,d),g,h,i=(e+f)/2;if(e===f)g=h=0;else{var j=e-f;h=i&gt;.5?j/(2-e-f):j/(e+f);switch(e){case b:g=(c-d)/j+(c&lt;d?6:0);break;case c:g=(d-b)/j+2;break;case d:g=(b-c)/j+4}g/=6}return g=Math.round(g*360),g===0&amp;&amp;this._hsl.h!==g&amp;&amp;(g=this._hsl
 .h),h=Math.round(h*100),h===0&amp;&amp;this._hsl.s&amp;&amp;(h=this._hsl.s),{h:g,s:h,l:Math.round(i*100)}},toHsv:function(){var a=this.toRgb(),b=a.r/255,c=a.g/255,d=a.b/255,e=Math.max(b,c,d),f=Math.min(b,c,d),g,h,i=e,j=e-f;h=e===0?0:j/e;if(e===f)g=h=0;else{switch(e){case b:g=(c-d)/j+(c&lt;d?6:0);break;case c:g=(d-b)/j+2;break;case d:g=(b-c)/j+4}g/=6}return g=Math.round(g*360),g===0&amp;&amp;this._hsv.h!==g&amp;&amp;(g=this._hsv.h),h=Math.round(h*100),h===0&amp;&amp;this._hsv.s&amp;&amp;(h=this._hsv.s),{h:g,s:h,v:Math.round(i*100)}},toInt:function(){return this._color},toIEOctoHex:function(){var a=this.toString(),b=parseInt(255*this._alpha,10).toString(16);return b.length===1&amp;&amp;(b=&quot;0&quot;+b),&quot;#&quot;+b+a.replace(/^#/,&quot;&quot;)},toLuminosity:function(){var a=this.toRgb();return.2126*Math.pow(a.r/255,2.2)+.7152*Math.pow(a.g/255,2.2)+.0722*Math.pow(a.b/255,2.2)},getDistanceLuminosityFrom:function(a){if(a instanceof c){var b=this.toLuminosity(),d=a.toLuminos
 ity();return b&gt;d?(b+.05)/(d+.05):(d+.05)/(b+.05)}throw&quot;getDistanceLuminosityFrom requires a Color object&quot;},getMaxContrastColor:function(){var a=this.toLuminosity(),b=a&gt;=.5?&quot;000000&quot;:&quot;ffffff&quot;;return new c(b)},getGrayscaleContrastingColor:function(a){if(!a)return this.getMaxContrastColor();var b=a&lt;5?5:a,c=this.getMaxContrastColor();a=c.getDistanceLuminosityFrom(this);if(a&lt;=b)return c;var d=0===c.toInt()?1:-1;while(a&gt;b)c=c.incrementLightness(d),a=c.getDistanceLuminosityFrom(this);return c},getReadableContrastingColor:function(a,d){if(!a instanceof c)return this;var e=d===b?5:d,f=a.getDistanceLuminosityFrom(this),g=a.getMaxContrastColor(),h=g.getDistanceLuminosityFrom(a);if(h&lt;=e)return g;if(f&gt;=e)return this;var i=0===g.toInt()?-1:1;while(f&lt;e){this.incrementLightness(i),f=this.getDistanceLuminosityFrom(a);if(this._color===0||this._color===16777215)break}return this},a:function(a){return a===b?this._alpha:(this._alpha=parseFloat
 (a),this)},darken:function(a){return a=a||5,this.l(-a,!0)},lighten:function(a){return a=a||5,this.l(a,!0)},saturate:function(a){return a=a||15,this.s(a,!0)},desaturate:function(a){return a=a||15,this.s(-a,!0)},toGrayscale:function(){return this.setHSpace(&quot;hsl&quot;).s(0)},getComplement:function(){return this.h(180,!0)},getSplitComplement:function(a){a=a||1;var b=180+a*30;return this.h(b,!0)},getAnalog:function(a){a=a||1;var b=a*30;return this.h(b,!0)},getTetrad:function(a){a=a||1;var b=a*60;return this.h(b,!0)},getTriad:function(a){a=a||1;var b=a*120;return this.h(b,!0)},_partial:function(a){var c=d[a];return function(d,e){var f=this._spaceFunc(&quot;to&quot;,c.space);return d===b?f[a]:(e===!0&amp;&amp;(d=f[a]+d),c.mod&amp;&amp;(d=d%c.mod),c.range&amp;&amp;(d=d&lt;c.range[0]?c.range[0]:d&gt;c.range[1]?c.range[1]:d),f[a]=d,this._spaceFunc(&quot;from&quot;,c.space,f))}},_spaceFunc:function(a,b,c){var d=b||this._hSpace,e=a+d.charAt(0).toUpperCase()+d.substr(1);return this[
 e](c)}};var d={h:{mod:360},s:{range:[0,100]},l:{space:&quot;hsl&quot;,range:[0,100]},v:{space:&quot;hsv&quot;,range:[0,100]},r:{space:&quot;rgb&quot;,range:[0,255]},g:{space:&quot;rgb&quot;,range:[0,255]},b:{space:&quot;rgb&quot;,range:[0,255]}};for(var e in d)d.hasOwnProperty(e)&amp;&amp;(c.fn[e]=c.fn._partial(e));a.Color=c}(typeof exports==&quot;object&quot;&amp;&amp;exports||this);
</del><span class="cx">\ No newline at end of file
</span><ins>+(function(e,t){function u(){if(r)i=&quot;filter&quot;;else{var t=e('&lt;div id=&quot;iris-gradtest&quot; /&gt;'),n=&quot;linear-gradient(top,#fff,#000)&quot;;e.each(s,function(e,r){t.css(&quot;backgroundImage&quot;,r+n);if(t.css(&quot;backgroundImage&quot;).match(&quot;gradient&quot;))return i=e,!1}),e.browser.webkit&amp;&amp;i===!1&amp;&amp;(t.css(&quot;background&quot;,&quot;-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#000))&quot;),t.css(&quot;backgroundImage&quot;).match(&quot;gradient&quot;)&amp;&amp;(i=&quot;webkit&quot;)),t.remove()}}function a(t,n){return t=t===&quot;top&quot;?&quot;top&quot;:&quot;left&quot;,n=e.isArray(n)?n:Array.prototype.slice.call(arguments,1),i===&quot;webkit&quot;?l(t,n):s[i]+&quot;linear-gradient(&quot;+t+&quot;, &quot;+n.join(&quot;, &quot;)+&quot;)&quot;}function f(t,n){t=t===&quot;top&quot;?&quot;top&quot;:&quot;left&quot;,n=e.isArray(n)?n:Array.prototype.slice.call(arguments,1);var r=t===&quot;top&quot;?0:1,i=e(this),s=
 n.length-1,o=parseInt(e.browser.version,10)&gt;=8?&quot;-ms-filter&quot;:&quot;filter&quot;;o=&quot;filter&quot;;var u=r===1?&quot;left&quot;:&quot;top&quot;,a=r===1?&quot;right&quot;:&quot;bottom&quot;,f=r===1?&quot;height&quot;:&quot;width&quot;,l='&lt;div class=&quot;iris-ie-gradient-shim&quot; style=&quot;position:absolute;'+f+&quot;:100%;&quot;+u+&quot;:%start%;&quot;+a+&quot;:%end%;&quot;+o+':%filter%;&quot; data-color:&quot;%color%&quot;&gt;&lt;/div&gt;',h=&quot;&quot;;i.css(&quot;position&quot;)===&quot;static&quot;&amp;&amp;i.css({position:&quot;relative&quot;}),n=c(n),e.each(n,function(e,t){if(e===s)return!1;var i=n[e+1];if(t.stop===i.stop)return;var o=100-parseFloat(i.stop)+&quot;%&quot;;t.octoHex=(new Color(t.color)).toIEOctoHex(),i.octoHex=(new Color(i.color)).toIEOctoHex();var u=&quot;progid:DXImageTransform.Microsoft.Gradient(GradientType=&quot;+r+&quot;, StartColorStr='&quot;+t.octoHex+&quot;', EndColorStr='&quot;+i.octoHex+&quot;')&quot;;h+=l.replace(&quot;%
 start%&quot;,t.stop).replace(&quot;%end%&quot;,o).replace(&quot;%filter%&quot;,u)}),i.find(&quot;.iris-ie-gradient-shim&quot;).remove(),e(h).prependTo(i)}function l(t,n){var r=[];return t=t===&quot;top&quot;?&quot;0% 0%,0% 100%,&quot;:&quot;0% 100%,100% 100%,&quot;,n=c(n),e.each(n,function(e,t){r.push(&quot;color-stop(&quot;+parseFloat(t.stop)/100+&quot;, &quot;+t.color+&quot;)&quot;)}),&quot;-webkit-gradient(linear,&quot;+t+r.join(&quot;,&quot;)+&quot;)&quot;}function c(t){var n=[],r=[],i=[],s=t.length-1;return e.each(t,function(e,t){var i=t,s=!1,o=t.match(/1?[0-9]{1,2}%$/);o&amp;&amp;(i=t.replace(/\s?1?[0-9]{1,2}%$/,&quot;&quot;),s=o.shift()),n.push(i),r.push(s)}),r[0]===!1&amp;&amp;(r[0]=&quot;0%&quot;),r[s]===!1&amp;&amp;(r[s]=&quot;100%&quot;),r=h(r),e.each(r,function(e){i[e]={color:n[e],stop:r[e]}}),i}function h(t){var n=0,r=t.length-1,i=0,s=!1,o,u,a,f;if(t.length&lt;=2||e.inArray(!1,t)&lt;0)return t;while(i&lt;t.length-1)!s&amp;&amp;t[i]===!1?(n=i-1,s=!0):s&amp;&amp;t
 [i]!==!1&amp;&amp;(r=i,i=t.length),i++;u=r-n,f=parseInt(t[n].replace(&quot;%&quot;),10),o=(parseFloat(t[r].replace(&quot;%&quot;))-f)/u,i=n+1,a=1;while(i&lt;r)t[i]=f+a*o+&quot;%&quot;,a++,i++;return h(t)}var n='&lt;div class=&quot;iris-picker&quot;&gt;&lt;div class=&quot;iris-picker-inner&quot;&gt;&lt;div class=&quot;iris-square&quot;&gt;&lt;a class=&quot;iris-square-value&quot; href=&quot;#&quot;&gt;&lt;span class=&quot;iris-square-handle ui-slider-handle&quot;&gt;&lt;/span&gt;&lt;/a&gt;&lt;div class=&quot;iris-square-inner iris-square-horiz&quot;&gt;&lt;/div&gt;&lt;div class=&quot;iris-square-inner iris-square-vert&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;iris-slider iris-strip&quot;&gt;&lt;div class=&quot;iris-slider-offset&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;',r=!!(e.browser.msie&amp;&amp;parseInt(e.browser.version,10)&lt;10),i=!1,s=[&quot;-moz-&quot;,&quot;-webkit-&quot;,&quot;-o-&quot;,&quot;-ms-&quot;],o='.iris-picker{display:block;pos
 ition:relative}.iris-error{background-color:#ffafaf}.iris-border{border-radius:3px;border:1px solid #aaa;width:200px;background-color:#fff}.iris-picker-inner{position:absolute;top:0;right:0;left:0;bottom:0}.iris-border .iris-picker-inner{top:10px;right:10px;left:10px;bottom:10px}.iris-picker .iris-square-inner{position:absolute;left:0;right:0;top:0;bottom:0}.iris-picker .iris-square,.iris-picker .iris-slider,.iris-picker .iris-square-inner,.iris-picker .iris-palette{border-radius:3px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.4);-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.4);box-shadow:inset 0 0 5px rgba(0,0,0,0.4);height:100%;width:12.5%;float:left;margin-right:5%}.iris-picker .iris-square{width:76%;margin-right:10%;position:relative}.iris-picker .iris-square-inner{width:auto;margin:0}.iris-ie-9 .iris-square,.iris-ie-9 .iris-slider,.iris-ie-9 .iris-square-inner,.iris-ie-9 .iris-palette{box-shadow:none;border-radius:0}.iris-ie-9 .iris-square,.iris-ie-9 .iris-slider,.iris-i
 e-9 .iris-palette{outline:1px solid rgba(0,0,0,.1)}.iris-ie-lt9 .iris-square,.iris-ie-lt9 .iris-slider,.iris-ie-lt9 .iris-square-inner,.iris-ie-lt9 .iris-palette{outline:1px solid #aaa}.iris-ie-lt9 .iris-square .ui-slider-handle{outline:1px solid #aaa;background-color:#fff;-ms-filter:&quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=30)&quot;}.iris-ie-lt9 .iris-square .iris-square-handle{background:none;border:3px solid #fff;-ms-filter:&quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=50)&quot;}.iris-picker .iris-strip{margin-right:0;position:relative}.iris-picker .iris-strip .ui-slider-handle{position:absolute;background:none;right:-3px;left:-3px;border:4px solid #aaa;border-width:4px 3px;width:auto;height:6px;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.2);opacity:.9;z-index:5}.iris-strip .ui-slider-handle:before{content:&quot; &quot;;position:absolute;left:-2px;right:-2px;top:-3px;bottom:-3px;border:2px solid #fff;-webkit-border-radius:3px;border-radius:3px}
 .iris-picker .iris-slider-offset{position:absolute;top:11px;left:0;right:0;bottom:-3px}.iris-picker .iris-square-handle{background:transparent;border:5px solid #aaa;-webkit-border-radius:6px;-moz-border-radius:50%;border-radius:50%;border-color:rgba(128,128,128,.5);box-shadow:none;width:12px;height:12px;position:absolute;left:-10px;top:-10px;cursor:move;opacity:1;z-index:10}.iris-picker .ui-state-focus .iris-square-handle{opacity:.8}.iris-picker .iris-square-handle:hover{border-color:#999}.iris-picker .iris-square-handle:hover::after{border-color:#fff}.iris-picker .iris-square-handle::after{position:absolute;bottom:-4px;right:-4px;left:-4px;top:-4px;border:3px solid #f9f9f9;border-color:rgba(255,255,255,.8);border-radius:50%;content:&quot; &quot;}.iris-picker .iris-square-value{width:8px;height:8px;position:absolute}.iris-ie-lt9 .iris-square-value,.iris-mozilla .iris-square-value{width:1px;height:1px}.iris-palette-container{position:absolute;bottom:0;left:0;margin:0;padding:
 0}.iris-border .iris-palette-container{left:10px;bottom:10px}.iris-picker .iris-palette{margin:0;list-style-type:none;cursor:pointer}';if(r&amp;&amp;parseInt(e.browser.version,10)&lt;=7)return e.fn.iris=e.noop;e.fn.gradient=function(t){var n=arguments;return this.each(function(){r?f.apply(this,n):e(this).css(&quot;backgroundImage&quot;,a.apply(this,n))})},e.fn.raninbowGradient=function(t,n){t=t||&quot;top&quot;;var r=e.extend({},{s:100,l:50},n),i=&quot;hsl(%h%,&quot;+r.s+&quot;%,&quot;+r.l+&quot;%)&quot;,s=0,o=[];while(s&lt;=360)o.push(i.replace(&quot;%h%&quot;,s)),s+=30;return this.each(function(){e(this).gradient(t,o)})};var p={options:{color:!1,mode:&quot;hsl&quot;,controls:{horiz:&quot;s&quot;,vert:&quot;l&quot;,strip:&quot;h&quot;},hide:!0,border:!0,target:!1,width:200,palettes:!1},_palettes:[&quot;#000&quot;,&quot;#fff&quot;,&quot;#d33&quot;,&quot;#d93&quot;,&quot;#ee2&quot;,&quot;#81d742&quot;,&quot;#1e73be&quot;,&quot;#8224e3&quot;],_inited:!1,_scale:{h:360,s:100,l:1
 00,v:100},_create:function(){var t=this,r=t.element,s=t.options.color||r.val(),o;i===!1&amp;&amp;u(),r.is(&quot;input&quot;)?(t.options.target?t.picker=e(n).appendTo(t.options.target):t.picker=e(n).insertAfter(r),t._addInputListeners(r)):(r.append(n),t.picker=r.find(&quot;.iris-picker&quot;));if(e.browser.mozilla)t.picker.addClass(&quot;iris-mozilla&quot;);else if(e.browser.msie){var a=parseInt(e.browser.version,10);a===9?t.picker.addClass(&quot;iris-ie-9&quot;):a&lt;=8&amp;&amp;t.picker.addClass(&quot;iris-ie-lt9&quot;)}t.options.palettes&amp;&amp;t._addPalettes(),t.color=(new Color(s)).setHSpace(t.options.mode),t.options.color=t.color.toString(),t.controls={square:t.picker.find(&quot;.iris-square&quot;),squareDrag:t.picker.find(&quot;.iris-square-value&quot;),horiz:t.picker.find(&quot;.iris-square-horiz&quot;),vert:t.picker.find(&quot;.iris-square-vert&quot;),strip:t.picker.find(&quot;.iris-strip&quot;),stripSlider:t.picker.find(&quot;.iris-strip .iris-slider-offset&quot;)
 },t.options.mode===&quot;hsv&quot;&amp;&amp;t.options.controls.vert===&quot;l&quot;&amp;&amp;(t.options.controls={horiz:&quot;h&quot;,vert:&quot;v&quot;,strip:&quot;s&quot;}),t.hue=t.color.h(),t.options.hide&amp;&amp;t.picker.hide(),t.options.border&amp;&amp;t.picker.addClass(&quot;iris-border&quot;),t._initControls(),t.active=&quot;external&quot;,t._dimensions(),t._change()},_addPalettes:function(){var t=e(&quot;&lt;ul class='iris-palette-container' /&gt;&quot;),n=e(&quot;&lt;li class='iris-palette' /&gt;&quot;),r=e.isArray(this.options.palettes)?this.options.palettes:this._palettes;e.each(r,function(e,r){n.clone().data(&quot;color&quot;,r).css(&quot;backgroundColor&quot;,r).appendTo(t).height(10).width(10)}),this.picker.append(t)},_paint:function(){var e=this;e._paintDimension(&quot;top&quot;,&quot;strip&quot;),e._paintDimension(&quot;top&quot;,&quot;vert&quot;),e._paintDimension(&quot;left&quot;,&quot;horiz&quot;)},_paintDimension:function(e,t){var n=this,r=n.color,i=n.op
 tions.mode,s=n._getHSpaceColor(),o=n.controls[t],u=n.options.controls,a;if(t===n.active||n.active===&quot;square&quot;&amp;&amp;t!==&quot;strip&quot;)return;switch(u[t]){case&quot;h&quot;:if(i===&quot;hsv&quot;){s=r.clone();switch(t){case&quot;horiz&quot;:s[u.vert](100);break;case&quot;vert&quot;:s[u.horiz](100);break;case&quot;strip&quot;:s.setHSpace(&quot;hsl&quot;)}a=s.toHsl()}else t===&quot;strip&quot;?a={s:s.s,l:s.l}:a={s:100,l:s.l};o.raninbowGradient(e,a);break;case&quot;s&quot;:i===&quot;hsv&quot;?t===&quot;vert&quot;?a=[r.clone().a(0).s(0).toCSS(&quot;rgba&quot;),r.clone().a(1).s(0).toCSS(&quot;rgba&quot;)]:t===&quot;strip&quot;?a=[r.clone().s(100).toCSS(&quot;hsl&quot;),r.clone().s(0).toCSS(&quot;hsl&quot;)]:t===&quot;horiz&quot;&amp;&amp;(a=[&quot;#fff&quot;,&quot;hsl(&quot;+s.h+&quot;,100%,50%)&quot;]):t===&quot;vert&quot;&amp;&amp;n.options.controls.horiz===&quot;h&quot;?a=[&quot;hsla(0, 0%, &quot;+s.l+&quot;%, 0)&quot;,&quot;hsla(0, 0%, &quot;+s.l+&quot;%, 1)&qu
 ot;]:a=[&quot;hsl(&quot;+s.h+&quot;,0%,50%)&quot;,&quot;hsl(&quot;+s.h+&quot;,100%,50%)&quot;],o.gradient(e,a);break;case&quot;l&quot;:t===&quot;strip&quot;?a=[&quot;hsl(&quot;+s.h+&quot;,100%,100%)&quot;,&quot;hsl(&quot;+s.h+&quot;, &quot;+s.s+&quot;%,50%)&quot;,&quot;hsl(&quot;+s.h+&quot;,100%,0%)&quot;]:a=[&quot;#fff&quot;,&quot;rgba(255,255,255,0) 50%&quot;,&quot;rgba(0,0,0,0) 50%&quot;,&quot;rgba(0,0,0,1)&quot;],o.gradient(e,a);break;case&quot;v&quot;:t===&quot;strip&quot;?a=[r.clone().v(100).toCSS(),r.clone().v(0).toCSS()]:a=[&quot;rgba(0,0,0,0)&quot;,&quot;#000&quot;],o.gradient(e,a);break;default:}},_getHSpaceColor:function(){return this.options.mode===&quot;hsv&quot;?this.color.toHsv():this.color.toHsl()},_dimensions:function(t){var n=this,r=n.options,i=n.picker.find(&quot;.iris-picker-inner&quot;),s=n.controls,o=s.square,u=n.picker.find(&quot;.iris-strip&quot;),a=&quot;77.5%&quot;,f=&quot;12%&quot;,l=20,c=r.border?r.width-l:r.width,h,p=e.isArray(r.palettes)?r.palet
 tes.length:n._palettes.length,d,v,m;t&amp;&amp;(o.css(&quot;width&quot;,&quot;&quot;),u.css(&quot;width&quot;,&quot;&quot;),n.picker.removeAttr(&quot;style&quot;)),a=c*(parseFloat(a)/100),f=c*(parseFloat(f)/100),h=r.border?a+l:a,o.width(a).height(a),u.height(a).width(f),n.picker.css({width:r.width,height:h});if(!r.palettes)return;d=a*2/100,m=a-(p-1)*d,v=m/p,n.picker.find(&quot;.iris-palette&quot;).each(function(t,n){var r=t===0?0:d;e(this).css({width:v,height:v,marginLeft:r})}),n.picker.css(&quot;paddingBottom&quot;,v+d),u.height(v+d+a)},_addInputListeners:function(e){var t=this;e.on(&quot;change&quot;,function(n){var r=new Color(e.val()),i=e.val().replace(/^#/,&quot;&quot;);e.removeClass(&quot;iris-error&quot;),r.error?i!==&quot;&quot;&amp;&amp;e.addClass(&quot;iris-error&quot;):t._setOption(&quot;color&quot;,r.toString())})},_initControls:function(){var t=this,n=t.controls,r=n.square,i=t.options.controls,s=t._scale[i.strip];n.stripSlider.slider({orientation:&quot;vertical&
 quot;,max:s,slide:function(e,n){t.active=&quot;strip&quot;,i.strip===&quot;h&quot;&amp;&amp;(n.value=s-n.value),t.color[i.strip](n.value),t._change.apply(t,arguments)}}),n.squareDrag.draggable({containment:&quot;parent&quot;,zIndex:1e3,cursor:&quot;move&quot;,drag:function(e,n){t._squareDrag(e,n)},start:function(){r.addClass(&quot;iris-dragging&quot;),e(this).addClass(&quot;ui-state-focus&quot;)},stop:function(){r.removeClass(&quot;iris-dragging&quot;),e(this).removeClass(&quot;ui-state-focus&quot;)}}).on(&quot;mousedown mouseup&quot;,function(n){n.preventDefault();var r=&quot;ui-state-focus&quot;;n.type===&quot;mousedown&quot;?(t.picker.find(&quot;.&quot;+r).removeClass(r).blur(),e(this).addClass(r)):e(this).removeClass(&quot;ui-state-focus&quot;)}),r.mousedown(function(n){if(n.which!==1)return;if(!e(n.target).is(&quot;div&quot;))return;var r=t.controls.square.offset(),i={top:n.pageY-r.top,left:n.pageX-r.left};n.preventDefault(),t._squareDrag(n,{position:i}),n.target=t.cont
 rols.squareDrag.get(0),t.controls.squareDrag.css(i).trigger(n)}),t.options.palettes&amp;&amp;t.picker.find(&quot;.iris-palette-container&quot;).on(&quot;click&quot;,&quot;.iris-palette&quot;,function(n){t.color.fromCSS(e(this).data(&quot;color&quot;)),t.active=&quot;external&quot;,t._change()})},_squareDrag:function(e,t){var n=this,r=n.options.controls,i=n._squareDimensions(),s=Math.round((i.h-t.position.top)/i.h*n._scale[r.vert]),o=n._scale[r.horiz]-Math.round((i.w-t.position.left)/i.w*n._scale[r.horiz]);n.color[r.horiz](o)[r.vert](s),n.active=&quot;square&quot;,n._change.apply(n,arguments)},_setOption:function(e,t){var n=this.options[e];if(e===&quot;color&quot;){t=&quot;&quot;+t;var r=t.replace(/^#/,&quot;&quot;),i=(new Color(t)).setHSpace(this.options.mode);i.error||(this.color=i,this.options.color=this.options[e]=this.color.toString(),this.active=&quot;external&quot;,this._change())}},_squareDimensions:function(e){var n=this.controls.square,r,i;return e!==t&amp;&amp;n.da
 ta(&quot;dimensions&quot;)?n.data(&quot;dimensions&quot;):(i=this.controls.squareDrag,r={w:n.width(),h:n.height()},n.data(&quot;dimensions&quot;,r),r)},_isNonHueControl:function(e,t){return e===&quot;square&quot;&amp;&amp;this.options.controls.strip===&quot;h&quot;?!0:t===&quot;external&quot;||t===&quot;h&quot;&amp;&amp;e===&quot;strip&quot;?!1:!0},_change:function(t,n){var r=this,i=r.controls,s=r._getHSpaceColor(),o=r.color.toString(),u=[&quot;square&quot;,&quot;strip&quot;],a=r.options.controls,f=a[r.active]||&quot;external&quot;,l=r.hue;r.active===&quot;strip&quot;?u=[]:r.active!==&quot;external&quot;&amp;&amp;u.pop(),e.each(u,function(e,t){var n;if(t!==r.active)switch(t){case&quot;strip&quot;:n=a.strip===&quot;h&quot;?r._scale[a.strip]-s[a.strip]:s[a.strip],i.stripSlider.slider(&quot;value&quot;,n);break;case&quot;square&quot;:var o=r._squareDimensions(),u={left:s[a.horiz]/r._scale[a.horiz]*o.w,top:o.h-s[a.vert]/r._scale[a.vert]*o.h};r.controls.squareDrag.css(u)}}),s.h!=
 =l&amp;&amp;r._isNonHueControl(r.active,f)&amp;&amp;r.color.h(l),r.hue=r.color.h(),r.options.color=r.color.toString(),r._inited&amp;&amp;r._trigger(&quot;change&quot;,{type:r.active},{color:r.color}),r.element.is(&quot;:input&quot;)&amp;&amp;!r.color.error&amp;&amp;r.element.val(r.color.toString()).removeClass(&quot;iris-error&quot;),r._paint(),r._inited=!0,r.active=!1},show:function(){this.picker.show()},hide:function(){this.picker.hide()},toggle:function(){this.picker.toggle()}};e.widget(&quot;a8c.iris&quot;,p),e('&lt;style id=&quot;iris-css&quot;&gt;'+o+&quot;&lt;/style&gt;&quot;).appendTo(&quot;head&quot;)})(jQuery),function(e,t){var n=function(e,t){return this instanceof n?this._init(e,t):new n(e,t)};n.fn=n.prototype={_color:0,_alpha:1,error:!1,_hsl:{h:0,s:0,l:0},_hsv:{h:0,s:0,v:0},_hSpace:&quot;hsl&quot;,_init:function(e){var n=&quot;noop&quot;;switch(typeof e){case&quot;object&quot;:return e.a!==t&amp;&amp;this.a(e.a),n=e.r!==t?&quot;fromRgb&quot;:e.l!==t?&quot;fromHs
 l&quot;:e.v!==t?&quot;fromHsv&quot;:n,this[n](e);case&quot;string&quot;:return this.fromCSS(e);case&quot;number&quot;:return this.fromInt(parseInt(e,10))}return this},clone:function(){var e=new n(this.toInt()),t=[&quot;_alpha&quot;,&quot;_hSpace&quot;,&quot;_hsl&quot;,&quot;_hsv&quot;,&quot;error&quot;];for(var r=t.length-1;r&gt;=0;r--)e[t[r]]=this[t[r]];return e},setHSpace:function(e){return this._hSpace=e===&quot;hsv&quot;?&quot;hsv&quot;:&quot;hsl&quot;,this},noop:function(){return this},fromCSS:function(e){var t,n;return this.error=!1,e.match(/^(rgb|hsl)a?/)?(n=e.replace(/(\s|%)/g,&quot;&quot;).replace(/^(rgb|hsl)a?\(/,&quot;&quot;).replace(/\);?$/,&quot;&quot;).split(&quot;,&quot;),n.length===4&amp;&amp;this.a(parseFloat(n.pop())),e.match(/^rgb/)?this.fromRgb({r:parseInt(n[0],10),g:parseInt(n[1],10),b:parseInt(n[2],10)}):this.fromHsl({h:parseInt(n[0],10),s:parseInt(n[1],10),l:parseInt(n[2],10)})):this.fromHex(e)},fromRgb:function(e,n){return typeof e!=&quot;object&quot;
 ||e.r===t||e.g===t||e.b===t?(this.error=!0,this):(this.error=!1,this.fromInt(parseInt((e.r&lt;&lt;16)+(e.g&lt;&lt;8)+e.b,10),n))},fromHex:function(e){return e=e.replace(/^#/,&quot;&quot;).replace(/^0x/,&quot;&quot;),e.length===3&amp;&amp;(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]),this.error=!/^[0-9A-F]{6}$/i.test(e),this.fromInt(parseInt(e,16))},fromHsl:function(e){var n,r,i,s,o,u,a,f;return typeof e!=&quot;object&quot;||e.h===t||e.s===t||e.l===t?(this.error=!0,this):(this._hsl=e,this._hSpace=&quot;hsl&quot;,u=e.h/360,a=e.s/100,f=e.l/100,a===0?n=r=i=f:(s=f&lt;.5?f*(1+a):f+a-f*a,o=2*f-s,n=this.hue2rgb(o,s,u+1/3),r=this.hue2rgb(o,s,u),i=this.hue2rgb(o,s,u-1/3)),this.fromRgb({r:n*255,g:r*255,b:i*255},!0))},fromHsv:function(e){var n,r,i,s,o,u,a,f,l,c,h;if(typeof e!=&quot;object&quot;||e.h===t||e.s===t||e.v===t)return this.error=!0,this;this._hsv=e,this._hSpace=&quot;hsv&quot;,n=e.h/360,r=e.s/100,i=e.v/100,a=Math.floor(n*6),f=n*6-a,l=i*(1-r),c=i*(1-f*r),h=i*(1-(1-f)*r);switch(a%6){case 0:
 s=i,o=h,u=l;break;case 1:s=c,o=i,u=l;break;case 2:s=l,o=i,u=h;break;case 3:s=l,o=c,u=i;break;case 4:s=h,o=l,u=i;break;case 5:s=i,o=l,u=c}return this.fromRgb({r:s*255,g:o*255,b:u*255},!0)},fromInt:function(e,n){return this._color=parseInt(e,10),isNaN(this._color)&amp;&amp;(this._color=0),this._color&gt;16777215?this._color=16777215:this._color&lt;0&amp;&amp;(this._color=0),n===t&amp;&amp;(this._hsv.h=this._hsv.s=this._hsl.h=this._hsl.s=0),this},hue2rgb:function(e,t,n){return n&lt;0&amp;&amp;(n+=1),n&gt;1&amp;&amp;(n-=1),n&lt;1/6?e+(t-e)*6*n:n&lt;.5?t:n&lt;2/3?e+(t-e)*(2/3-n)*6:e},toString:function(){var e=parseInt(this._color,10).toString(16);if(this.error)return&quot;&quot;;if(e.length&lt;6)for(var t=6-e.length-1;t&gt;=0;t--)e=&quot;0&quot;+e;return&quot;#&quot;+e},toCSS:function(e,t){e=e||&quot;hex&quot;,t=parseFloat(t||this._alpha);switch(e){case&quot;rgb&quot;:case&quot;rgba&quot;:var n=this.toRgb();return t&lt;1?&quot;rgba( &quot;+n.r+&quot;, &quot;+n.g+&quot;, &quot;+n.
 b+&quot;, &quot;+t+&quot; )&quot;:&quot;rgb( &quot;+n.r+&quot;, &quot;+n.g+&quot;, &quot;+n.b+&quot; )&quot;;case&quot;hsl&quot;:case&quot;hsla&quot;:var r=this.toHsl();return t&lt;1?&quot;hsla( &quot;+r.h+&quot;, &quot;+r.s+&quot;%, &quot;+r.l+&quot;%, &quot;+t+&quot; )&quot;:&quot;hsl( &quot;+r.h+&quot;, &quot;+r.s+&quot;%, &quot;+r.l+&quot;% )&quot;;default:return this.toString()}},toRgb:function(){return{r:255&amp;this._color&gt;&gt;16,g:255&amp;this._color&gt;&gt;8,b:255&amp;this._color}},toHsl:function(){var e=this.toRgb(),t=e.r/255,n=e.g/255,r=e.b/255,i=Math.max(t,n,r),s=Math.min(t,n,r),o,u,a=(i+s)/2;if(i===s)o=u=0;else{var f=i-s;u=a&gt;.5?f/(2-i-s):f/(i+s);switch(i){case t:o=(n-r)/f+(n&lt;r?6:0);break;case n:o=(r-t)/f+2;break;case r:o=(t-n)/f+4}o/=6}return o=Math.round(o*360),o===0&amp;&amp;this._hsl.h!==o&amp;&amp;(o=this._hsl.h),u=Math.round(u*100),u===0&amp;&amp;this._hsl.s&amp;&amp;(u=this._hsl.s),{h:o,s:u,l:Math.round(a*100)}},toHsv:function(){var e=this.toRgb()
 ,t=e.r/255,n=e.g/255,r=e.b/255,i=Math.max(t,n,r),s=Math.min(t,n,r),o,u,a=i,f=i-s;u=i===0?0:f/i;if(i===s)o=u=0;else{switch(i){case t:o=(n-r)/f+(n&lt;r?6:0);break;case n:o=(r-t)/f+2;break;case r:o=(t-n)/f+4}o/=6}return o=Math.round(o*360),o===0&amp;&amp;this._hsv.h!==o&amp;&amp;(o=this._hsv.h),u=Math.round(u*100),u===0&amp;&amp;this._hsv.s&amp;&amp;(u=this._hsv.s),{h:o,s:u,v:Math.round(a*100)}},toInt:function(){return this._color},toIEOctoHex:function(){var e=this.toString(),t=parseInt(255*this._alpha,10).toString(16);return t.length===1&amp;&amp;(t=&quot;0&quot;+t),&quot;#&quot;+t+e.replace(/^#/,&quot;&quot;)},toLuminosity:function(){var e=this.toRgb();return.2126*Math.pow(e.r/255,2.2)+.7152*Math.pow(e.g/255,2.2)+.0722*Math.pow(e.b/255,2.2)},getDistanceLuminosityFrom:function(e){if(e instanceof n){var t=this.toLuminosity(),r=e.toLuminosity();return t&gt;r?(t+.05)/(r+.05):(r+.05)/(t+.05)}throw&quot;getDistanceLuminosityFrom requires a Color object&quot;},getMaxContrastColor:fu
 nction(){var e=this.toLuminosity(),t=e&gt;=.5?&quot;000000&quot;:&quot;ffffff&quot;;return new n(t)},getGrayscaleContrastingColor:function(e){if(!e)return this.getMaxContrastColor();var t=e&lt;5?5:e,n=this.getMaxContrastColor();e=n.getDistanceLuminosityFrom(this);if(e&lt;=t)return n;var r=0===n.toInt()?1:-1;while(e&gt;t)n=n.incrementLightness(r),e=n.getDistanceLuminosityFrom(this);return n},getReadableContrastingColor:function(e,r){if(!e instanceof n)return this;var i=r===t?5:r,s=e.getDistanceLuminosityFrom(this),o=e.getMaxContrastColor(),u=o.getDistanceLuminosityFrom(e);if(u&lt;=i)return o;if(s&gt;=i)return this;var a=0===o.toInt()?-1:1;while(s&lt;i){this.incrementLightness(a),s=this.getDistanceLuminosityFrom(e);if(this._color===0||this._color===16777215)break}return this},a:function(e){return e===t?this._alpha:(this._alpha=parseFloat(e),this)},darken:function(e){return e=e||5,this.l(-e,!0)},lighten:function(e){return e=e||5,this.l(e,!0)},saturate:function(e){return e=e||15
 ,this.s(e,!0)},desaturate:function(e){return e=e||15,this.s(-e,!0)},toGrayscale:function(){return this.setHSpace(&quot;hsl&quot;).s(0)},getComplement:function(){return this.h(180,!0)},getSplitComplement:function(e){e=e||1;var t=180+e*30;return this.h(t,!0)},getAnalog:function(e){e=e||1;var t=e*30;return this.h(t,!0)},getTetrad:function(e){e=e||1;var t=e*60;return this.h(t,!0)},getTriad:function(e){e=e||1;var t=e*120;return this.h(t,!0)},_partial:function(e){var n=r[e];return function(r,i){var s=this._spaceFunc(&quot;to&quot;,n.space);return r===t?s[e]:(i===!0&amp;&amp;(r=s[e]+r),n.mod&amp;&amp;(r%=n.mod),n.range&amp;&amp;(r=r&lt;n.range[0]?n.range[0]:r&gt;n.range[1]?n.range[1]:r),s[e]=r,this._spaceFunc(&quot;from&quot;,n.space,s))}},_spaceFunc:function(e,t,n){var r=t||this._hSpace,i=e+r.charAt(0).toUpperCase()+r.substr(1);return this[i](n)}};var r={h:{mod:360},s:{range:[0,100]},l:{space:&quot;hsl&quot;,range:[0,100]},v:{space:&quot;hsv&quot;,range:[0,100]},r:{space:&quot;rgb
 &quot;,range:[0,255]},g:{space:&quot;rgb&quot;,range:[0,255]},b:{space:&quot;rgb&quot;,range:[0,255]}};for(var i in r)r.hasOwnProperty(i)&amp;&amp;(n.fn[i]=n.fn._partial(i));e.Color=n}(typeof exports==&quot;object&quot;&amp;&amp;exports||this);
</ins><span class="cx">\ No newline at end of file
</span></span></pre>
</div>
</div>

</body>
</html>