From d2ce0a2470b6b2c9bc52b9fa453d793c9f9f09db Mon Sep 17 00:00:00 2001
From: icret <thetopuser@gmail.com>
Date: Sat, 12 Mar 2022 14:19:45 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=96=87=E5=AD=97=E6=B0=B4?=
 =?UTF-8?q?=E5=8D=B0=E9=80=8F=E6=98=8E=E5=BA=A6=E4=B8=8D=E7=94=9F=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                            |  1 +
 admin/admin.inc.php                  | 20 ++++++++++++++++++--
 application/WaterMask.php            |  3 ++-
 application/process.php              |  2 +-
 config/config.php                    |  6 +++---
 public/static/jscolor/jscolor.js     |  2 --
 public/static/jscolor/jscolor.min.js |  1 +
 7 files changed, 26 insertions(+), 9 deletions(-)
 delete mode 100755 public/static/jscolor/jscolor.js
 create mode 100755 public/static/jscolor/jscolor.min.js

diff --git a/README.md b/README.md
index 0e47cd0..d62bff7 100755
--- a/README.md
+++ b/README.md
@@ -107,6 +107,7 @@ $HTTP["url"] =~ "^/(i|public)/" {
 * 2022-3-10 v2.5.6 dev
 - 修复加密删除后不能正确提示
 - 修复webp转换其他格式失败
+- 修复文字水印透明度不生效
 
 * 2022-3-4 v2.5.5
 - 增加设置页面检测是否开启登录上传
diff --git a/admin/admin.inc.php b/admin/admin.inc.php
index 0e10470..441cc2b 100755
--- a/admin/admin.inc.php
+++ b/admin/admin.inc.php
@@ -329,7 +329,7 @@ if (isset($_GET['recycle_reimg'])) {
                 </div>
                 <div class="form-group">
                     <label data-toggle="tooltip" title="格式RGBA 末尾为透明度0-127 0为不透明,仅支持文字水印">水印颜色</label>
-                    <input type="text" name="textColor" class="form-control" value="" readonly data-jscolor="{value:'rgba(<?php echo $config['textColor']; ?>)', position:'bottom', height:80, backgroundColor:'#333',palette:'rgba(0,0,0,0) #fff #808080 #000 #996e36 #f55525 #ffe438 #88dd20 #22e0cd #269aff #bb1cd4',paletteCols:11, hideOnPaletteClick:true}">
+                    <input type="text" name="textColor" class="form-control" value="" readonly data-jscolor="{preset:'myPreset'}">
                 </div>
                 <div class="form-group">
                     <label>水印大小 | 当前: </label><label id="textSize"><?php echo $config['textSize']; ?></label><label>px</label>
@@ -988,13 +988,29 @@ if (isset($_GET['recycle_reimg'])) {
         </div>
     </div>
 </div>
-<script type="text/javascript" src="<?php static_cdn(); ?>/public/static/jscolor/jscolor.js"></script>
+<script type="text/javascript" src="<?php static_cdn(); ?>/public/static/jscolor/jscolor.min.js"></script>
 <link href="<?php static_cdn(); ?>/public/static/zui/lib/datetimepicker/datetimepicker.min.css" rel="stylesheet">
 <script src="<?php static_cdn(); ?>/public/static/zui/lib/datetimepicker/datetimepicker.min.js"></script>
 <script src="<?php static_cdn(); ?>/public/static/md5/md5.min.js"></script>
 <link href="<?php static_cdn(); ?>/public/static/zui/lib/datagrid/zui.datagrid.min.css" rel="stylesheet">
 <script src="<?php static_cdn(); ?>/public/static/zui/lib/datagrid/zui.datagrid.min.js"></script>
 <script>
+    //
+    jscolor.presets.myPreset = {
+        value: '<?php echo $config['textColor']; ?>',
+        format: 'rgba',
+        closeText: true,
+        width: 201,
+        height: 81,
+        backgroundColor: '#333',
+        palette: [
+            '#000000', '#7d7d7d', '#870014', '#ec1c23', '#ff7e26',
+            '#fef100', '#22b14b', '#00a1e7', '#3f47cc', '#a349a4',
+            '#ffffff', '#c3c3c3', '#b87957', '#feaec9', '#ffc80d',
+            '#eee3af', '#b5e61d', '#99d9ea', '#7092be', '#c8bfe7',
+        ],
+    }
+
     // 使用本地存储记录当前tab页面
     $('[data-tab]').on('shown.zui.tab', function(e) {
         var cookie_value = e.delegateTarget.attributes[1].value;
diff --git a/application/WaterMask.php b/application/WaterMask.php
index f189781..af7fbcd 100755
--- a/application/WaterMask.php
+++ b/application/WaterMask.php
@@ -285,7 +285,8 @@ class Imgs
                 return array('code' => false, 'msg' => '请给正确的字体颜色');
             }
 
-            $def['color'] = imagecolorallocatealpha($dst_img, $rgb[0], $rgb[1], $rgb[2], $rgb[3]);
+            // ceil(127 - 127 * $rgb[3]) 将CSS中的Alpha 0-1 转换为PHP Alpha 127-0 并取整
+            $def['color'] = imagecolorallocatealpha($dst_img, $rgb[0], $rgb[1], $rgb[2], ceil(127 - 127 * $rgb[3]));
             imagettftext(
                 $dst_img,
                 $def['fontSize'],
diff --git a/application/process.php b/application/process.php
index 88fc1bc..dc3861d 100755
--- a/application/process.php
+++ b/application/process.php
@@ -39,7 +39,7 @@ function water($source)
                 'name' => $source,
                 'font' => APP_ROOT . $config['textFont'],
                 'fontSize' => $config['textSize'],
-                'color' => $config['textColor'],
+                'color' => str_replace(array('rgba', '(', ')'), '', $config['textColor']),
             ];
             Imgs::setWater($source, $arr);
         }
diff --git a/config/config.php b/config/config.php
index 486b8be..d37c8ec 100755
--- a/config/config.php
+++ b/config/config.php
@@ -19,8 +19,8 @@ $config=Array
 	'maxUploadFiles'=>100,
 	'watermark'=>0,
 	'waterText'=>'简单图床 - png.cm',
-	'waterPosition'=>0,
-	'textColor'=>'255,0,0,1',
+	'waterPosition'=>5,
+	'textColor'=>'rgba(0,255,0,0.5)',
 	'textSize'=>50,
 	'textFont'=>'/public/static/hkxzy.ttf',
 	'waterImg'=>'/public/images/watermark.png',
@@ -99,7 +99,7 @@ var _hmt = _hmt || [];
 	'image_recycl'=>1,
 	'delDir'=>'thumbnails/',
 	'version'=>'2.5.5',
-	'update'=>'2022-03-10 23:30:29',
+	'update'=>'2022-03-12 14:03:59',
 	'terms'=>'<div class="container">
   <div class="row">
     <div class="col-xs-3">
diff --git a/public/static/jscolor/jscolor.js b/public/static/jscolor/jscolor.js
deleted file mode 100755
index 9d9c68a..0000000
--- a/public/static/jscolor/jscolor.js
+++ /dev/null
@@ -1,2 +0,0 @@
-!function(a,b){"use strict";return"object"==typeof module&&"object"==typeof module.exports?(module.exports=a.document?b(a):function(a){if(!a.document)throw new Error("jscolor needs a window with document");return b(a)},void 0):(b(a),void 0)}("undefined"!=typeof window?window:this,function(a){"use strict";var b=function(){var b={initialized:!1,instances:[],readyQueue:[],register:function(){"undefined"!=typeof a&&a.document&&a.document.addEventListener("DOMContentLoaded",b.pub.init,!1)},installBySelector:function(c,d){var e,f,g,h,i,j,k,l;if(d=d?b.node(d):a.document,!d)throw new Error("Missing root node");for(e=d.querySelectorAll(c),f=new RegExp("(^|\\s)("+b.pub.lookupClass+")(\\s*(\\{[^}]*\\})|\\s|$)","i"),g=0;g<e.length;g+=1)if(!(e[g].jscolor&&e[g].jscolor instanceof b.pub||void 0!==e[g].type&&"color"==e[g].type.toLowerCase()&&b.isColorAttrSupported||!(null!==(h=b.getDataAttr(e[g],"jscolor"))||e[g].className&&(i=e[g].className.match(f))))){if(j=e[g],k="",null!==h?k=h:i&&(console.warn('Installation using class name is DEPRECATED. Use data-jscolor="" attribute instead.'+b.docsRef),i[4]&&(k=i[4])),l=null,k.trim())try{l=b.parseOptionsStr(k)}catch(m){console.warn(m+"\n"+k)}try{new b.pub(j,l)}catch(m){console.warn(m)}}},parseOptionsStr:function(a){var c=null;try{c=JSON.parse(a)}catch(d){if(!b.pub.looseJSON)throw new Error("Could not parse jscolor options as JSON: "+d);try{c=new Function("var opts = ("+a+'); return typeof opts === "object" ? opts : {};')()}catch(e){throw new Error("Could not evaluate jscolor options: "+e)}}return c},getInstances:function(){var c,a=[];for(c=0;c<b.instances.length;c+=1)b.instances[c]&&b.instances[c].targetElement&&a.push(b.instances[c]);return a},createEl:function(c){var d=a.document.createElement(c);return b.setData(d,"gui",!0),d},node:function(c){var d,e;if(!c)return null;if("string"==typeof c){d=c,e=null;try{e=a.document.querySelector(d)}catch(f){return console.warn(f),null}return e||console.warn("No element matches the selector: %s",d),e}return b.isNode(c)?c:(console.warn("Invalid node of type %s: %s",typeof c,c),null)},isNode:function(a){return"object"==typeof Node?a instanceof Node:a&&"object"==typeof a&&"number"==typeof a.nodeType&&"string"==typeof a.nodeName},nodeName:function(a){return a&&a.nodeName?a.nodeName.toLowerCase():!1},removeChildren:function(a){for(;a.firstChild;)a.removeChild(a.firstChild)},isTextInput:function(a){return a&&"input"===b.nodeName(a)&&"text"===a.type.toLowerCase()},isButton:function(a){if(!a)return!1;var c=b.nodeName(a);return"button"===c||"input"===c&&["button","submit","reset"].indexOf(a.type.toLowerCase())>-1},isButtonEmpty:function(a){switch(b.nodeName(a)){case"input":return!a.value||""===a.value.trim();case"button":return""===a.textContent.trim()}return null},isPassiveEventSupported:function(){var c,b=!1;try{c=Object.defineProperty({},"passive",{get:function(){b=!0}}),a.addEventListener("testPassive",null,c),a.removeEventListener("testPassive",null,c)}catch(d){}return b}(),isColorAttrSupported:function(){var b=a.document.createElement("input");return b.setAttribute&&(b.setAttribute("type","color"),"color"==b.type.toLowerCase())?!0:!1}(),dataProp:"_data_jscolor",setData:function(){var c,d,e,f,a=arguments[0];if(3===arguments.length)return c=a.hasOwnProperty(b.dataProp)?a[b.dataProp]:a[b.dataProp]={},d=arguments[1],e=arguments[2],c[d]=e,!0;if(2===arguments.length&&"object"==typeof arguments[1]){c=a.hasOwnProperty(b.dataProp)?a[b.dataProp]:a[b.dataProp]={},f=arguments[1];for(d in f)f.hasOwnProperty(d)&&(c[d]=f[d]);return!0}throw new Error("Invalid arguments")},removeData:function(){var c,d,a=arguments[0];if(!a.hasOwnProperty(b.dataProp))return!0;for(c=1;c<arguments.length;c+=1)d=arguments[c],delete a[b.dataProp][d];return!0},getData:function(a,c,d){if(!a.hasOwnProperty(b.dataProp)){if(void 0===d)return void 0;a[b.dataProp]={}}var e=a[b.dataProp];return e.hasOwnProperty(c)||void 0===d||(e[c]=d),e[c]},getDataAttr:function(a,b){var c="data-"+b,d=a.getAttribute(c);return d},setDataAttr:function(a,b,c){var d="data-"+b;a.setAttribute(d,c)},_attachedGroupEvents:{},attachGroupEvent:function(a,c,d,e){b._attachedGroupEvents.hasOwnProperty(a)||(b._attachedGroupEvents[a]=[]),b._attachedGroupEvents[a].push([c,d,e]),c.addEventListener(d,e,!1)},detachGroupEvents:function(a){var c,d;if(b._attachedGroupEvents.hasOwnProperty(a)){for(c=0;c<b._attachedGroupEvents[a].length;c+=1)d=b._attachedGroupEvents[a][c],d[0].removeEventListener(d[1],d[2],!1);delete b._attachedGroupEvents[a]}},preventDefault:function(a){a.preventDefault&&a.preventDefault(),a.returnValue=!1},captureTarget:function(a){a.setCapture&&(b._capturedTarget=a,b._capturedTarget.setCapture())},releaseTarget:function(){b._capturedTarget&&(b._capturedTarget.releaseCapture(),b._capturedTarget=null)},triggerEvent:function(c,d,e,f){if(c){var g=null;return"function"==typeof Event?g=new Event(d,{bubbles:e,cancelable:f}):(g=a.document.createEvent("Event"),g.initEvent(d,e,f)),g?(b.setData(g,"internal",!0),c.dispatchEvent(g),!0):!1}},triggerInputEvent:function(a,c,d,e){a&&b.isTextInput(a)&&b.triggerEvent(a,c,d,e)},eventKey:function(a){var b={9:"Tab",13:"Enter",27:"Escape"};return"string"==typeof a.code?a.code:void 0!==a.keyCode&&b.hasOwnProperty(a.keyCode)?b[a.keyCode]:null},strList:function(a){return a?a.replace(/^\s+|\s+$/g,"").split(/\s+/):[]},hasClass:function(a,b){return b?void 0!==a.classList?a.classList.contains(b):-1!=(" "+a.className.replace(/\s+/g," ")+" ").indexOf(" "+b+" "):!1},addClass:function(a,c){var e,d=b.strList(c);if(void 0===a.classList)for(e=0;e<d.length;e+=1)b.hasClass(a,d[e])||(a.className+=(a.className?" ":"")+d[e]);else for(e=0;e<d.length;e+=1)a.classList.add(d[e])},removeClass:function(a,c){var e,f,d=b.strList(c);if(void 0===a.classList)for(e=0;e<d.length;e+=1)f=new RegExp("^\\s*"+d[e]+"\\s*|"+"\\s*"+d[e]+"\\s*$|"+"\\s+"+d[e]+"(\\s+)","g"),a.className=a.className.replace(f,"$1");else for(e=0;e<d.length;e+=1)a.classList.remove(d[e])},getCompStyle:function(b){var c=a.getComputedStyle?a.getComputedStyle(b):b.currentStyle;return c?c:{}},setStyle:function(a,c,d,e){var h,i,f=d?"important":"",g=null;for(h in c)c.hasOwnProperty(h)&&(i=null,null===c[h]?(g||(g=b.getData(a,"origStyle")),g&&g.hasOwnProperty(h)&&(i=g[h])):(e&&(g||(g=b.getData(a,"origStyle",{})),g.hasOwnProperty(h)||(g[h]=a.style[h])),i=c[h]),null!==i&&a.style.setProperty(h,i,f))},hexColor:function(a,b,c){return"#"+(("0"+Math.round(a).toString(16)).substr(-2)+("0"+Math.round(b).toString(16)).substr(-2)+("0"+Math.round(c).toString(16)).substr(-2)).toUpperCase()},hexaColor:function(a,b,c,d){return"#"+(("0"+Math.round(a).toString(16)).substr(-2)+("0"+Math.round(b).toString(16)).substr(-2)+("0"+Math.round(c).toString(16)).substr(-2)+("0"+Math.round(255*d).toString(16)).substr(-2)).toUpperCase()},rgbColor:function(a,b,c){return"rgb("+Math.round(a)+","+Math.round(b)+","+Math.round(c)+")"},rgbaColor:function(a,b,c,d){return+Math.round(a)+","+Math.round(b)+","+Math.round(c)+","+Math.round(100*(void 0===d||null===d?1:d))/100},linearGradient:function(){function b(){var e,f,g,b="linear-gradient",c=["","-webkit-","-moz-","-o-","-ms-"],d=a.document.createElement("div");for(e=0;e<c.length;e+=1)if(f=c[e]+b,g=f+"(to right, rgba(0,0,0,0), rgba(0,0,0,0))",d.style.background=g,d.style.background)return f;return b}var c=b();return function(){return c+"("+Array.prototype.join.call(arguments,", ")+")"}}(),setBorderRadius:function(a,c){b.setStyle(a,{"border-radius":c||"0"})},setBoxShadow:function(a,c){b.setStyle(a,{"box-shadow":c||"none"})},getElementPos:function(a,c){var g,d=0,e=0,f=a.getBoundingClientRect();return d=f.left,e=f.top,c||(g=b.getViewPos(),d+=g[0],e+=g[1]),[d,e]},getElementSize:function(a){return[a.offsetWidth,a.offsetHeight]},getAbsPointerPos:function(a){var b=0,c=0;return"undefined"!=typeof a.changedTouches&&a.changedTouches.length?(b=a.changedTouches[0].clientX,c=a.changedTouches[0].clientY):"number"==typeof a.clientX&&(b=a.clientX,c=a.clientY),{x:b,y:c}},getRelPointerPos:function(a){var b=a.target||a.srcElement,c=b.getBoundingClientRect(),d=0,e=0,f=0,g=0;return"undefined"!=typeof a.changedTouches&&a.changedTouches.length?(f=a.changedTouches[0].clientX,g=a.changedTouches[0].clientY):"number"==typeof a.clientX&&(f=a.clientX,g=a.clientY),d=f-c.left,e=g-c.top,{x:d,y:e}},getViewPos:function(){var b=a.document.documentElement;return[(a.pageXOffset||b.scrollLeft)-(b.clientLeft||0),(a.pageYOffset||b.scrollTop)-(b.clientTop||0)]},getViewSize:function(){var b=a.document.documentElement;return[a.innerWidth||b.clientWidth,a.innerHeight||b.clientHeight]},RGB_HSV:function(a,b,c){var d,e,f,g;return a/=255,b/=255,c/=255,d=Math.min(Math.min(a,b),c),e=Math.max(Math.max(a,b),c),f=e-d,0===f?[null,0,100*e]:(g=a===d?3+(c-b)/f:b===d?5+(a-c)/f:1+(b-a)/f,[60*(6===g?0:g),100*(f/e),100*e])},HSV_RGB:function(a,b,c){var e,f,g,h,d=255*(c/100);if(null===a)return[d,d,d];switch(a/=60,b/=100,e=Math.floor(a),f=e%2?a-e:1-(a-e),g=d*(1-b),h=d*(1-b*f),e){case 6:case 0:return[d,h,g];case 1:return[h,d,g];case 2:return[g,d,h];case 3:return[g,h,d];case 4:return[h,g,d];case 5:return[d,g,h]}},parseColorString:function(a){var c,d,e,f,g,h,i,b={rgba:null,format:null};if(c=a.match(/^\W*([0-9A-F]{3,8})\W*$/i)){if(8===c[1].length)b.format="hexa",b.rgba=[parseInt(c[1].substr(0,2),16),parseInt(c[1].substr(2,2),16),parseInt(c[1].substr(4,2),16),parseInt(c[1].substr(6,2),16)/255];else if(6===c[1].length)b.format="hex",b.rgba=[parseInt(c[1].substr(0,2),16),parseInt(c[1].substr(2,2),16),parseInt(c[1].substr(4,2),16),null];else{if(3!==c[1].length)return!1;b.format="hex",b.rgba=[parseInt(c[1].charAt(0)+c[1].charAt(0),16),parseInt(c[1].charAt(1)+c[1].charAt(1),16),parseInt(c[1].charAt(2)+c[1].charAt(2),16),null]}return b}return(c=a.match(/^\W*rgba?\(([^)]*)\)\W*$/i))&&(d=c[1].split(","),e=/^\s*(\d+|\d*\.\d+|\d+\.\d*)\s*$/,d.length>=3&&(f=d[0].match(e))&&(g=d[1].match(e))&&(h=d[2].match(e)))?(b.format="rgb",b.rgba=[parseFloat(f[1])||0,parseFloat(g[1])||0,parseFloat(h[1])||0,null],d.length>=4&&(i=d[3].match(e))&&(b.format="rgba",b.rgba[3]=parseFloat(i[1])||0),b):!1},parsePaletteValue:function(a){var d,e,f,c=[];for("string"==typeof a?a.replace(/#[0-9A-F]{3}([0-9A-F]{3})?|rgba?\(([^)]*)\)/gi,function(a){c.push(a)}):Array.isArray(a)&&(c=a),d=[],e=0;e<c.length;e++)f=b.parseColorString(c[e]),f&&d.push(f);return d},containsTranparentColor:function(a){var b,c;for(b=0;b<a.length;b++)if(c=a[b].rgba[3],null!==c&&1>c)return!0;return!1},isAlphaFormat:function(a){switch(a.toLowerCase()){case"hexa":case"rgba":return!0}return!1},scaleCanvasForHighDPR:function(b){var d,c=a.devicePixelRatio||1;b.width*=c,b.height*=c,d=b.getContext("2d"),d.scale(c,c)},genColorPreviewCanvas:function(a,c,d,e){var n,o,p,f=Math.round(b.pub.previewSeparator.length),g=b.pub.chessboardSize,h=b.pub.chessboardColor1,i=b.pub.chessboardColor2,j=d?d:2*g,k=2*g,l=b.createEl("canvas"),m=l.getContext("2d");for(l.width=j,l.height=k,e&&b.scaleCanvasForHighDPR(l),m.fillStyle=h,m.fillRect(0,0,j,k),m.fillStyle=i,n=0;j>n;n+=2*g)m.fillRect(n,0,g,g),m.fillRect(n+g,g,g,g);switch(a&&(m.fillStyle=a,m.fillRect(0,0,j,k)),o=null,c){case"left":o=0,m.clearRect(0,0,f/2,k);break;case"right":o=j-f,m.clearRect(j-f/2,0,f/2,k)}if(null!==o)for(m.lineWidth=1,p=0;p<b.pub.previewSeparator.length;p+=1)m.beginPath(),m.strokeStyle=b.pub.previewSeparator[p],m.moveTo(.5+o+p,0),m.lineTo(.5+o+p,k),m.stroke();return{canvas:l,width:j,height:k}},genColorPreviewGradient:function(a,c,d){var e=[];return e=c&&d?["to "+{left:"right",right:"left"}[c],a+" 0%",a+" "+d+"px","rgba(0,0,0,0) "+(d+1)+"px","rgba(0,0,0,0) 100%"]:["to right",a+" 0%",a+" 100%"],b.linearGradient.apply(this,e)},redrawPosition:function(){var a,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q;if(b.picker&&b.picker.owner){switch(a=b.picker.owner,a.fixed?(c=b.getElementPos(a.targetElement,!0),d=[0,0]):(c=b.getElementPos(a.targetElement),d=b.getViewPos()),e=b.getElementSize(a.targetElement),f=b.getViewSize(),g=b.getPickerDims(a),h=[g.borderW,g.borderH],a.position.toLowerCase()){case"left":i=1,j=0,k=-1;break;case"right":i=1,j=0,k=1;break;case"top":i=0,j=1,k=-1;break;default:i=0,j=1,k=1}l=(e[j]+h[j])/2,m=a.smartPosition?[-d[i]+c[i]+h[i]>f[i]?-d[i]+c[i]+e[i]/2>f[i]/2&&c[i]+e[i]-h[i]>=0?c[i]+e[i]-h[i]:c[i]:c[i],-d[j]+c[j]+e[j]+h[j]-l+l*k>f[j]?-d[j]+c[j]+e[j]/2>f[j]/2&&c[j]+e[j]-l-l*k>=0?c[j]+e[j]-l-l*k:c[j]+e[j]-l+l*k:c[j]+e[j]-l+l*k>=0?c[j]+e[j]-l+l*k:c[j]+e[j]-l-l*k]:[c[i],c[j]+e[j]-l+l*k],n=m[i],o=m[j],p=a.fixed?"fixed":"absolute",q=(m[0]+h[0]>c[0]||m[0]<c[0]+e[0])&&m[1]+h[1]<c[1]+e[1],b._drawPosition(a,n,o,p,q)}},_drawPosition:function(a,c,d,e,f){var g=f?0:a.shadowBlur;b.picker.wrap.style.position=e,b.picker.wrap.style.left=c+"px",b.picker.wrap.style.top=d+"px",b.setBoxShadow(b.picker.boxS,a.shadow?new b.BoxShadow(0,g,a.shadowBlur,0,a.shadowColor):null)},getPickerDims:function(a){var f,g,h,c=2*a.controlBorderWidth+a.width,d=2*a.controlBorderWidth+a.height,e=2*a.controlBorderWidth+2*b.getControlPadding(a)+a.sliderSize;return b.getSliderChannel(a)&&(c+=e),a.hasAlphaChannel()&&(c+=e),f=b.getPaletteDims(a,c),f.height&&(d+=f.height+a.padding),a.closeButton&&(d+=2*a.controlBorderWidth+a.padding+a.buttonHeight),g=c+2*a.padding,h=d+2*a.padding,{contentW:c,contentH:d,paddedW:g,paddedH:h,borderW:g+2*a.borderWidth,borderH:h+2*a.borderWidth,palette:f}},getPaletteDims:function(a,b){var c=0,d=0,e=0,f=0,g=0,h=a._palette?a._palette.length:0;return h&&(c=a.paletteCols,d=c>0?Math.ceil(h/c):0,e=Math.max(1,Math.floor((b-(c-1)*a.paletteSpacing)/c)),f=a.paletteHeight?Math.min(a.paletteHeight,e):e),d&&(g=d*f+(d-1)*a.paletteSpacing),{cols:c,rows:d,cellW:e,cellH:f,width:b,height:g}},getControlPadding:function(a){return Math.max(a.padding/2,2*a.pointerBorderWidth+a.pointerThickness-a.controlBorderWidth)},getPadYChannel:function(a){switch(a.mode.charAt(1).toLowerCase()){case"v":return"v"}return"s"},getSliderChannel:function(a){if(a.mode.length>2)switch(a.mode.charAt(2).toLowerCase()){case"s":return"s";case"v":return"v"}return null},triggerCallback:function(a,b){if(a[b]){var c=null;if("string"==typeof a[b])try{c=new Function(a[b])}catch(d){console.error(d)}else c=a[b];c&&c.call(a)}},triggerGlobal:function(a){var d,c=b.getInstances();for(d=0;d<c.length;d+=1)c[d].trigger(a)},_pointerMoveEvent:{mouse:"mousemove",touch:"touchmove"},_pointerEndEvent:{mouse:"mouseup",touch:"touchend"},_pointerOrigin:null,_capturedTarget:null,onDocumentKeyUp:function(a){-1!==["Tab","Escape"].indexOf(b.eventKey(a))&&b.picker&&b.picker.owner&&b.picker.owner.tryHide()},onWindowResize:function(){b.redrawPosition()},onWindowScroll:function(){b.redrawPosition()},onParentScroll:function(){b.picker&&b.picker.owner&&b.picker.owner.tryHide()},onDocumentMouseDown:function(a){var d,c=a.target||a.srcElement;c.jscolor&&c.jscolor instanceof b.pub?c.jscolor.showOnClick&&!c.disabled&&c.jscolor.show():b.getData(c,"gui")?(d=b.getData(c,"control"),d&&b.onControlPointerStart(a,c,b.getData(c,"control"),"mouse")):b.picker&&b.picker.owner&&b.picker.owner.tryHide()},onPickerTouchStart:function(a){var c=a.target||a.srcElement;b.getData(c,"control")&&b.onControlPointerStart(a,c,b.getData(c,"control"),"touch")},onControlPointerStart:function(c,d,e,f){var h,i,j,k,l,g=b.getData(d,"instance");switch(b.preventDefault(c),b.captureTarget(d),h=function(a,g){b.attachGroupEvent("drag",a,b._pointerMoveEvent[f],b.onDocumentPointerMove(c,d,e,f,g)),b.attachGroupEvent("drag",a,b._pointerEndEvent[f],b.onDocumentPointerEnd(c,d,e,f))},h(a.document,[0,0]),a.parent&&a.frameElement&&(i=a.frameElement.getBoundingClientRect(),j=[-i.left,-i.top],h(a.parent.window.document,j)),k=b.getAbsPointerPos(c),l=b.getRelPointerPos(c),b._pointerOrigin={x:k.x-l.x,y:k.y-l.y},e){case"pad":"v"===b.getSliderChannel(g)&&0===g.channels.v&&g.fromHSVA(null,null,100,null),b.setPad(g,c,0,0);break;case"sld":b.setSld(g,c,0);break;case"asld":b.setASld(g,c,0)}g.trigger("input")},onDocumentPointerMove:function(a,c,d,e,f){return function(a){var e=b.getData(c,"instance");switch(d){case"pad":b.setPad(e,a,f[0],f[1]);break;case"sld":b.setSld(e,a,f[1]);break;case"asld":b.setASld(e,a,f[1])}e.trigger("input")}},onDocumentPointerEnd:function(a,c){return function(){var d=b.getData(c,"instance");b.detachGroupEvents("drag"),b.releaseTarget(),d.trigger("input"),d.trigger("change")}},onPaletteSampleClick:function(a){var c=a.currentTarget,d=b.getData(c,"instance"),e=b.getData(c,"color");"any"===d.format.toLowerCase()&&(d._setFormat(e.format),b.isAlphaFormat(d.getFormat())||(e.rgba[3]=1)),null===e.rgba[3]&&(d.paletteSetsAlpha===!0||"auto"===d.paletteSetsAlpha&&d._paletteHasTransparency)&&(e.rgba[3]=1),d.fromRGBA.apply(d,e.rgba),d.trigger("input"),d.trigger("change"),d.hideOnPaletteClick&&d.hide()},setPad:function(a,c,d,e){var f=b.getAbsPointerPos(c),g=d+f.x-b._pointerOrigin.x-a.padding-a.controlBorderWidth,h=e+f.y-b._pointerOrigin.y-a.padding-a.controlBorderWidth,i=g*(360/(a.width-1)),j=100-h*(100/(a.height-1));switch(b.getPadYChannel(a)){case"s":a.fromHSVA(i,j,null,null);break;case"v":a.fromHSVA(i,null,j,null)}},setSld:function(a,c,d){var e=b.getAbsPointerPos(c),f=d+e.y-b._pointerOrigin.y-a.padding-a.controlBorderWidth,g=100-f*(100/(a.height-1));switch(b.getSliderChannel(a)){case"s":a.fromHSVA(null,g,null,null);break;case"v":a.fromHSVA(null,null,g,null)}},setASld:function(a,c,d){var h,e=b.getAbsPointerPos(c),f=d+e.y-b._pointerOrigin.y-a.padding-a.controlBorderWidth,g=1-f*(1/(a.height-1));1>g&&(h=a.getFormat(),"any"!==a.format.toLowerCase()||b.isAlphaFormat(h)||a._setFormat("hex"===h?"hexa":"rgba")),a.fromHSVA(null,null,null,g)},createPadCanvas:function(){var a={elm:null,draw:null},c=b.createEl("canvas"),d=c.getContext("2d"),e=function(a,b,e){var f,g;switch(c.width=a,c.height=b,d.clearRect(0,0,c.width,c.height),f=d.createLinearGradient(0,0,c.width,0),f.addColorStop(0,"#F00"),f.addColorStop(1/6,"#FF0"),f.addColorStop(2/6,"#0F0"),f.addColorStop(.5,"#0FF"),f.addColorStop(4/6,"#00F"),f.addColorStop(5/6,"#F0F"),f.addColorStop(1,"#F00"),d.fillStyle=f,d.fillRect(0,0,c.width,c.height),g=d.createLinearGradient(0,0,0,c.height),e.toLowerCase()){case"s":g.addColorStop(0,"rgba(255,255,255,0)"),g.addColorStop(1,"rgba(255,255,255,1)");break;case"v":g.addColorStop(0,"rgba(0,0,0,0)"),g.addColorStop(1,"rgba(0,0,0,1)")}d.fillStyle=g,d.fillRect(0,0,c.width,c.height)};return a.elm=c,a.draw=e,a},createSliderGradient:function(){var a={elm:null,draw:null},c=b.createEl("canvas"),d=c.getContext("2d"),e=function(a,b,e,f){c.width=a,c.height=b,d.clearRect(0,0,c.width,c.height);var g=d.createLinearGradient(0,0,0,c.height);g.addColorStop(0,e),g.addColorStop(1,f),d.fillStyle=g,d.fillRect(0,0,c.width,c.height)};return a.elm=c,a.draw=e,a},createASliderGradient:function(){var a={elm:null,draw:null},c=b.createEl("canvas"),d=c.getContext("2d"),e=function(a,e,f){var g,h,i,j,k;if(c.width=a,c.height=e,d.clearRect(0,0,c.width,c.height),g=c.width/2,h=b.pub.chessboardColor1,i=b.pub.chessboardColor2,d.fillStyle=h,d.fillRect(0,0,c.width,c.height),g>0)for(j=0;j<c.height;j+=2*g)d.fillStyle=i,d.fillRect(0,j,g,g),d.fillRect(g,j+g,g,g);k=d.createLinearGradient(0,0,0,c.height),k.addColorStop(0,f),k.addColorStop(1,"rgba(0,0,0,0)"),d.fillStyle=k,d.fillRect(0,0,c.width,c.height)};return a.elm=c,a.draw=e,a},BoxShadow:function(){var a=function(a,b,c,d,e,f){this.hShadow=a,this.vShadow=b,this.blur=c,this.spread=d,this.color=e,this.inset=!!f};return a.prototype.toString=function(){var a=[Math.round(this.hShadow)+"px",Math.round(this.vShadow)+"px",Math.round(this.blur)+"px",Math.round(this.spread)+"px",this.color];return this.inset&&a.push("inset"),a.join(" ")},a}(),flags:{leaveValue:1,leaveAlpha:2,leavePreview:4},enumOpts:{format:["auto","any","hex","hexa","rgb","rgba"],previewPosition:["left","right"],mode:["hsv","hvs","hs","hv"],position:["left","right","top","bottom"],alphaChannel:["auto",!0,!1],paletteSetsAlpha:["auto",!0,!1]},deprecatedOpts:{styleElement:"previewElement",onFineChange:"onInput",overwriteImportant:"forceStyle",closable:"closeButton",insetWidth:"controlBorderWidth",insetColor:"controlBorderColor",refine:null},docsRef:" See https://jscolor.com/docs/",pub:function(c,d){function f(a,c){var d,f,g;if("string"!=typeof a)throw new Error("Invalid value for option name: "+a);if(b.enumOpts.hasOwnProperty(a)&&("string"==typeof c&&(c=c.toLowerCase()),-1===b.enumOpts[a].indexOf(c)))throw new Error("Option '"+a+"' has invalid value: "+c);if(b.deprecatedOpts.hasOwnProperty(a)){if(d=a,f=b.deprecatedOpts[a],!f)throw new Error("Option '"+a+"' is DEPRECATED");console.warn("Option '%s' is DEPRECATED, using '%s' instead."+b.docsRef,d,f),a=f}if(g="set__"+a,"function"==typeof e[g])return e[g](c),!0;if(a in e)return e[a]=c,!0;throw new Error("Unrecognized configuration option: "+a)}function g(a){var c,d,f;if("string"!=typeof a)throw new Error("Invalid value for option name: "+a);if(b.deprecatedOpts.hasOwnProperty(a)){if(c=a,d=b.deprecatedOpts[a],!d)throw new Error("Option '"+a+"' is DEPRECATED");console.warn("Option '%s' is DEPRECATED, using '%s' instead."+b.docsRef,c,d),a=d}if(f="get__"+a,"function"==typeof e[f])return e[f](value);if(a in e)return e[a];throw new Error("Unrecognized configuration option: "+a)}function h(){b.removeClass(e.targetElement,b.pub.activeClassName),b.picker.wrap.parentNode.removeChild(b.picker.wrap),delete b.picker.owner}function i(){function w(){var a=e.controlBorderColor.split(/\s+/),b=a.length<2?a[0]:a[1]+" "+a[0]+" "+a[0]+" "+a[1];c.btn.style.borderColor=b}var c,d,f,g,h,i,m,n,o,p,q,r,s,t,u,v,x;for(e._processParentElementsInDOM(),b.picker||(b.picker={owner:null,wrap:b.createEl("div"),box:b.createEl("div"),boxS:b.createEl("div"),boxB:b.createEl("div"),pad:b.createEl("div"),padB:b.createEl("div"),padM:b.createEl("div"),padCanvas:b.createPadCanvas(),cross:b.createEl("div"),crossBY:b.createEl("div"),crossBX:b.createEl("div"),crossLY:b.createEl("div"),crossLX:b.createEl("div"),sld:b.createEl("div"),sldB:b.createEl("div"),sldM:b.createEl("div"),sldGrad:b.createSliderGradient(),sldPtrS:b.createEl("div"),sldPtrIB:b.createEl("div"),sldPtrMB:b.createEl("div"),sldPtrOB:b.createEl("div"),asld:b.createEl("div"),asldB:b.createEl("div"),asldM:b.createEl("div"),asldGrad:b.createASliderGradient(),asldPtrS:b.createEl("div"),asldPtrIB:b.createEl("div"),asldPtrMB:b.createEl("div"),asldPtrOB:b.createEl("div"),pal:b.createEl("div"),btn:b.createEl("div"),btnT:b.createEl("span")},b.picker.pad.appendChild(b.picker.padCanvas.elm),b.picker.padB.appendChild(b.picker.pad),b.picker.cross.appendChild(b.picker.crossBY),b.picker.cross.appendChild(b.picker.crossBX),b.picker.cross.appendChild(b.picker.crossLY),b.picker.cross.appendChild(b.picker.crossLX),b.picker.padB.appendChild(b.picker.cross),b.picker.box.appendChild(b.picker.padB),b.picker.box.appendChild(b.picker.padM),b.picker.sld.appendChild(b.picker.sldGrad.elm),b.picker.sldB.appendChild(b.picker.sld),b.picker.sldB.appendChild(b.picker.sldPtrOB),b.picker.sldPtrOB.appendChild(b.picker.sldPtrMB),b.picker.sldPtrMB.appendChild(b.picker.sldPtrIB),b.picker.sldPtrIB.appendChild(b.picker.sldPtrS),b.picker.box.appendChild(b.picker.sldB),b.picker.box.appendChild(b.picker.sldM),b.picker.asld.appendChild(b.picker.asldGrad.elm),b.picker.asldB.appendChild(b.picker.asld),b.picker.asldB.appendChild(b.picker.asldPtrOB),b.picker.asldPtrOB.appendChild(b.picker.asldPtrMB),b.picker.asldPtrMB.appendChild(b.picker.asldPtrIB),b.picker.asldPtrIB.appendChild(b.picker.asldPtrS),b.picker.box.appendChild(b.picker.asldB),b.picker.box.appendChild(b.picker.asldM),b.picker.box.appendChild(b.picker.pal),b.picker.btn.appendChild(b.picker.btnT),b.picker.box.appendChild(b.picker.btn),b.picker.boxB.appendChild(b.picker.box),b.picker.wrap.appendChild(b.picker.boxS),b.picker.wrap.appendChild(b.picker.boxB),b.picker.wrap.addEventListener("touchstart",b.onPickerTouchStart,b.isPassiveEventSupported?{passive:!1}:!1)),c=b.picker,d=!!b.getSliderChannel(e),f=e.hasAlphaChannel(),g=b.getPickerDims(e),h=2*e.pointerBorderWidth+e.pointerThickness+2*e.crossSize,i=b.getControlPadding(e),m=Math.min(e.borderRadius,Math.round(e.padding*Math.PI)),n="crosshair",c.wrap.className="jscolor-picker-wrap",c.wrap.style.clear="both",c.wrap.style.width=g.borderW+"px",c.wrap.style.height=g.borderH+"px",c.wrap.style.zIndex=e.zIndex,c.box.className="jscolor-picker",c.box.style.width=g.paddedW+"px",c.box.style.height=g.paddedH+"px",c.box.style.position="relative",c.boxS.className="jscolor-picker-shadow",c.boxS.style.position="absolute",c.boxS.style.left="0",c.boxS.style.top="0",c.boxS.style.width="100%",c.boxS.style.height="100%",b.setBorderRadius(c.boxS,m+"px"),c.boxB.className="jscolor-picker-border",c.boxB.style.position="relative",c.boxB.style.border=e.borderWidth+"px solid",c.boxB.style.borderColor=e.borderColor,c.boxB.style.background=e.backgroundColor,b.setBorderRadius(c.boxB,m+"px"),c.padM.style.background="rgba(255,0,0,.2)",c.sldM.style.background="rgba(0,255,0,.2)",c.asldM.style.background="rgba(0,0,255,.2)",c.padM.style.opacity=c.sldM.style.opacity=c.asldM.style.opacity="0",c.pad.style.position="relative",c.pad.style.width=e.width+"px",c.pad.style.height=e.height+"px",c.padCanvas.draw(e.width,e.height,b.getPadYChannel(e)),c.padB.style.position="absolute",c.padB.style.left=e.padding+"px",c.padB.style.top=e.padding+"px",c.padB.style.border=e.controlBorderWidth+"px solid",c.padB.style.borderColor=e.controlBorderColor,c.padM.style.position="absolute",c.padM.style.left="0px",c.padM.style.top="0px",c.padM.style.width=e.padding+2*e.controlBorderWidth+e.width+i+"px",c.padM.style.height=2*e.controlBorderWidth+2*e.padding+e.height+"px",c.padM.style.cursor=n,b.setData(c.padM,{instance:e,control:"pad"}),c.cross.style.position="absolute",c.cross.style.left=c.cross.style.top="0",c.cross.style.width=c.cross.style.height=h+"px",c.crossBY.style.position=c.crossBX.style.position="absolute",c.crossBY.style.background=c.crossBX.style.background=e.pointerBorderColor,c.crossBY.style.width=c.crossBX.style.height=2*e.pointerBorderWidth+e.pointerThickness+"px",c.crossBY.style.height=c.crossBX.style.width=h+"px",c.crossBY.style.left=c.crossBX.style.top=Math.floor(h/2)-Math.floor(e.pointerThickness/2)-e.pointerBorderWidth+"px",c.crossBY.style.top=c.crossBX.style.left="0",c.crossLY.style.position=c.crossLX.style.position="absolute",c.crossLY.style.background=c.crossLX.style.background=e.pointerColor,c.crossLY.style.height=c.crossLX.style.width=h-2*e.pointerBorderWidth+"px",c.crossLY.style.width=c.crossLX.style.height=e.pointerThickness+"px",c.crossLY.style.left=c.crossLX.style.top=Math.floor(h/2)-Math.floor(e.pointerThickness/2)+"px",c.crossLY.style.top=c.crossLX.style.left=e.pointerBorderWidth+"px",c.sld.style.overflow="hidden",c.sld.style.width=e.sliderSize+"px",c.sld.style.height=e.height+"px",c.sldGrad.draw(e.sliderSize,e.height,"#000","#000"),c.sldB.style.display=d?"block":"none",c.sldB.style.position="absolute",c.sldB.style.left=e.padding+e.width+2*e.controlBorderWidth+2*i+"px",c.sldB.style.top=e.padding+"px",c.sldB.style.border=e.controlBorderWidth+"px solid",c.sldB.style.borderColor=e.controlBorderColor,c.sldM.style.display=d?"block":"none",c.sldM.style.position="absolute",c.sldM.style.left=e.padding+e.width+2*e.controlBorderWidth+i+"px",c.sldM.style.top="0px",c.sldM.style.width=e.sliderSize+2*i+2*e.controlBorderWidth+(f?0:Math.max(0,e.padding-i))+"px",c.sldM.style.height=2*e.controlBorderWidth+2*e.padding+e.height+"px",c.sldM.style.cursor="default",b.setData(c.sldM,{instance:e,control:"sld"}),c.sldPtrIB.style.border=c.sldPtrOB.style.border=e.pointerBorderWidth+"px solid "+e.pointerBorderColor,c.sldPtrOB.style.position="absolute",c.sldPtrOB.style.left=-(2*e.pointerBorderWidth+e.pointerThickness)+"px",c.sldPtrOB.style.top="0",c.sldPtrMB.style.border=e.pointerThickness+"px solid "+e.pointerColor,c.sldPtrS.style.width=e.sliderSize+"px",c.sldPtrS.style.height=b.pub.sliderInnerSpace+"px",c.asld.style.overflow="hidden",c.asld.style.width=e.sliderSize+"px",c.asld.style.height=e.height+"px",c.asldGrad.draw(e.sliderSize,e.height,"#000"),c.asldB.style.display=f?"block":"none",c.asldB.style.position="absolute",c.asldB.style.left=e.padding+e.width+2*e.controlBorderWidth+i+(d?e.sliderSize+3*i+2*e.controlBorderWidth:0)+"px",c.asldB.style.top=e.padding+"px",c.asldB.style.border=e.controlBorderWidth+"px solid",c.asldB.style.borderColor=e.controlBorderColor,c.asldM.style.display=f?"block":"none",c.asldM.style.position="absolute",c.asldM.style.left=e.padding+e.width+2*e.controlBorderWidth+i+(d?e.sliderSize+2*i+2*e.controlBorderWidth:0)+"px",c.asldM.style.top="0px",c.asldM.style.width=e.sliderSize+2*i+2*e.controlBorderWidth+Math.max(0,e.padding-i)+"px",c.asldM.style.height=2*e.controlBorderWidth+2*e.padding+e.height+"px",c.asldM.style.cursor="default",b.setData(c.asldM,{instance:e,control:"asld"}),c.asldPtrIB.style.border=c.asldPtrOB.style.border=e.pointerBorderWidth+"px solid "+e.pointerBorderColor,c.asldPtrOB.style.position="absolute",c.asldPtrOB.style.left=-(2*e.pointerBorderWidth+e.pointerThickness)+"px",c.asldPtrOB.style.top="0",c.asldPtrMB.style.border=e.pointerThickness+"px solid "+e.pointerColor,c.asldPtrS.style.width=e.sliderSize+"px",c.asldPtrS.style.height=b.pub.sliderInnerSpace+"px",c.pal.className="jscolor-palette",c.pal.style.display=g.palette.rows?"block":"none",c.pal.style.position="absolute",c.pal.style.left=e.padding+"px",c.pal.style.top=2*e.controlBorderWidth+2*e.padding+e.height+"px",c.pal.innerHTML="",o=b.genColorPreviewCanvas("rgba(0,0,0,0)"),p=0,q=0;q<g.palette.rows;q++)for(r=0;r<g.palette.cols&&p<e._palette.length;r++,p++)s=e._palette[p],t=b.rgbaColor.apply(null,s.rgba),u=b.createEl("div"),u.style.width=g.palette.cellW-2*e.controlBorderWidth+"px",u.style.height=g.palette.cellH-2*e.controlBorderWidth+"px",u.style.backgroundColor=t,v=b.createEl("div"),v.className="jscolor-palette-sample",v.style.display="block",v.style.position="absolute",v.style.left=(g.palette.cols<=1?0:Math.round(10*r*((g.contentW-g.palette.cellW)/(g.palette.cols-1)))/10)+"px",v.style.top=q*(g.palette.cellH+e.paletteSpacing)+"px",v.style.border=e.controlBorderWidth+"px solid",v.style.borderColor=e.controlBorderColor,v.style.cursor="pointer",null!==s.rgba[3]&&s.rgba[3]<1&&(v.style.backgroundImage="url('"+o.canvas.toDataURL()+"')",v.style.backgroundRepeat="repeat",v.style.backgroundPosition="center center"),b.setData(v,{instance:e,control:"palette-sample",color:s}),v.addEventListener("click",b.onPaletteSampleClick,!1),v.appendChild(u),c.pal.appendChild(v);x=15,c.btn.className="jscolor-btn-close",c.btn.style.display=e.closeButton?"block":"none",c.btn.style.position="absolute",c.btn.style.left=e.padding+"px",c.btn.style.bottom=e.padding+"px",c.btn.style.padding="0 "+x+"px",c.btn.style.maxWidth=g.contentW-2*e.controlBorderWidth-2*x+"px",c.btn.style.overflow="hidden",c.btn.style.height=e.buttonHeight+"px",c.btn.style.whiteSpace="nowrap",c.btn.style.border=e.controlBorderWidth+"px solid",w(),c.btn.style.color=e.buttonColor,c.btn.style.font="12px sans-serif",c.btn.style.textAlign="center",c.btn.style.cursor="pointer",c.btn.onmousedown=function(){e.hide()},c.btnT.style.lineHeight=e.buttonHeight+"px",c.btnT.innerHTML="",c.btnT.appendChild(a.document.createTextNode(e.closeText)),j(),k(),l(),b.picker.owner&&b.picker.owner!==e&&b.removeClass(b.picker.owner.targetElement,b.pub.activeClassName),b.picker.owner=e,e.container===a.document.body?b.redrawPosition():b._drawPosition(e,0,0,"relative",!1),c.wrap.parentNode!==e.container&&e.container.appendChild(c.wrap),b.addClass(e.targetElement,b.pub.activeClassName)}function j(){var h,i,j,k,l,a=b.getPadYChannel(e),c=Math.round(e.channels.h/360*(e.width-1)),d=Math.round((1-e.channels[a]/100)*(e.height-1)),f=2*e.pointerBorderWidth+e.pointerThickness+2*e.crossSize,g=-Math.floor(f/2);switch(b.picker.cross.style.left=c+g+"px",b.picker.cross.style.top=d+g+"px",b.getSliderChannel(e)){case"s":h=b.HSV_RGB(e.channels.h,100,e.channels.v),i=b.HSV_RGB(e.channels.h,0,e.channels.v),j="rgb("+Math.round(h[0])+","+Math.round(h[1])+","+Math.round(h[2])+")",k="rgb("+Math.round(i[0])+","+Math.round(i[1])+","+Math.round(i[2])+")",b.picker.sldGrad.draw(e.sliderSize,e.height,j,k);
-break;case"v":l=b.HSV_RGB(e.channels.h,e.channels.s,100),j="rgb("+Math.round(l[0])+","+Math.round(l[1])+","+Math.round(l[2])+")",k="#000",b.picker.sldGrad.draw(e.sliderSize,e.height,j,k)}b.picker.asldGrad.draw(e.sliderSize,e.height,e.toHEXString())}function k(){var c,a=b.getSliderChannel(e);a&&(c=Math.round((1-e.channels[a]/100)*(e.height-1)),b.picker.sldPtrOB.style.top=c-(2*e.pointerBorderWidth+e.pointerThickness)-Math.floor(b.pub.sliderInnerSpace/2)+"px"),b.picker.asldGrad.draw(e.sliderSize,e.height,e.toHEXString())}function l(){var a=Math.round((1-e.channels.a)*(e.height-1));b.picker.asldPtrOB.style.top=a-(2*e.pointerBorderWidth+e.pointerThickness)-Math.floor(b.pub.sliderInnerSpace/2)+"px"}function m(){return b.picker&&b.picker.owner===e}function n(a){"Enter"===b.eventKey(a)&&(e.valueElement&&e.processValueInput(e.valueElement.value),e.tryHide())}function o(a){"Enter"===b.eventKey(a)&&(e.alphaElement&&e.processAlphaInput(e.alphaElement.value),e.tryHide())}function p(a){if(!b.getData(a,"internal")){var c=e.valueElement.value;e.processValueInput(e.valueElement.value),b.triggerCallback(e,"onChange"),e.valueElement.value!==c&&b.triggerInputEvent(e.valueElement,"change",!0,!0)}}function q(a){if(!b.getData(a,"internal")){var c=e.alphaElement.value;e.processAlphaInput(e.alphaElement.value),b.triggerCallback(e,"onChange"),b.triggerInputEvent(e.valueElement,"change",!0,!0),e.alphaElement.value!==c&&b.triggerInputEvent(e.alphaElement,"change",!0,!0)}}function r(a){b.getData(a,"internal")||(e.valueElement&&e.fromString(e.valueElement.value,b.flags.leaveValue),b.triggerCallback(e,"onInput"))}function s(a){b.getData(a,"internal")||(e.alphaElement&&e.fromHSVA(null,null,null,parseFloat(e.alphaElement.value),b.flags.leaveAlpha),b.triggerCallback(e,"onInput"),b.triggerInputEvent(e.valueElement,"input",!0,!0))}var t,v,w,x,y,z,A,B,C,D,E,F,e=this;if(d||(d={}),this.channels={r:255,g:255,b:255,h:0,s:0,v:100,a:1},this.format="auto",this.value=void 0,this.alpha=void 0,this.random=!1,this.onChange=void 0,this.onInput=void 0,this.valueElement=void 0,this.alphaElement=void 0,this.previewElement=void 0,this.previewPosition="left",this.previewSize=32,this.previewPadding=8,this.required=!0,this.hash=!0,this.uppercase=!0,this.forceStyle=!0,this.width=181,this.height=101,this.mode="HSV",this.alphaChannel="auto",this.position="bottom",this.smartPosition=!0,this.showOnClick=!0,this.hideOnLeave=!0,this.palette=[],this.paletteCols=10,this.paletteSetsAlpha="auto",this.paletteHeight=16,this.paletteSpacing=4,this.hideOnPaletteClick=!1,this.sliderSize=16,this.crossSize=8,this.closeButton=!1,this.closeText="Close",this.buttonColor="rgba(0,0,0,1)",this.buttonHeight=18,this.padding=12,this.backgroundColor="rgba(255,255,255,1)",this.borderWidth=1,this.borderColor="rgba(187,187,187,1)",this.borderRadius=8,this.controlBorderWidth=1,this.controlBorderColor="rgba(187,187,187,1)",this.shadow=!0,this.shadowBlur=15,this.shadowColor="rgba(0,0,0,0.2)",this.pointerColor="rgba(76,76,76,1)",this.pointerBorderWidth=1,this.pointerBorderColor="rgba(255,255,255,1)",this.pointerThickness=2,this.zIndex=5e3,this.container=void 0,this.minS=0,this.maxS=100,this.minV=0,this.maxV=100,this.minA=0,this.maxA=1,this.option=function(){var b,c,d;if(!arguments.length)throw new Error("No option specified");if(1===arguments.length&&"string"==typeof arguments[0]){try{return g(arguments[0])}catch(a){console.warn(a)}return!1}if(arguments.length>=2&&"string"==typeof arguments[0]){try{if(!f(arguments[0],arguments[1]))return!1}catch(a){return console.warn(a),!1}return this.redraw(),this.exposeColor(),!0}if(1===arguments.length&&"object"==typeof arguments[0]){b=arguments[0],c=!0;for(d in b)if(b.hasOwnProperty(d))try{f(d,b[d])||(c=!1)}catch(a){console.warn(a),c=!1}return this.redraw(),this.exposeColor(),c}throw new Error("Invalid arguments")},this.channel=function(a,b){if("string"!=typeof a)throw new Error("Invalid value for channel name: "+a);if(void 0===b)return this.channels.hasOwnProperty(a.toLowerCase())?this.channels[a.toLowerCase()]:(console.warn("Getting unknown channel: "+a),!1);var c=!1;switch(a.toLowerCase()){case"r":c=this.fromRGBA(b,null,null,null);break;case"g":c=this.fromRGBA(null,b,null,null);break;case"b":c=this.fromRGBA(null,null,b,null);break;case"h":c=this.fromHSVA(b,null,null,null);break;case"s":c=this.fromHSVA(null,b,null,null);break;case"v":c=this.fromHSVA(null,null,b,null);break;case"a":c=this.fromHSVA(null,null,null,b);break;default:return console.warn("Setting unknown channel: "+a),!1}return c?(this.redraw(),!0):!1},this.trigger=function(a){var d,e,f,c=b.strList(a);for(d=0;d<c.length;d+=1){switch(e=c[d].toLowerCase(),f=null,e){case"input":f="onInput";break;case"change":f="onChange"}f&&b.triggerCallback(this,f),b.triggerInputEvent(this.valueElement,e,!0,!0)}},this.fromHSVA=function(a,c,d,e,f){if(void 0===a&&(a=null),void 0===c&&(c=null),void 0===d&&(d=null),void 0===e&&(e=null),null!==a){if(isNaN(a))return!1;this.channels.h=Math.max(0,Math.min(360,a))}if(null!==c){if(isNaN(c))return!1;this.channels.s=Math.max(0,Math.min(100,this.maxS,c),this.minS)}if(null!==d){if(isNaN(d))return!1;this.channels.v=Math.max(0,Math.min(100,this.maxV,d),this.minV)}if(null!==e){if(isNaN(e))return!1;this.channels.a=this.hasAlphaChannel()?Math.max(0,Math.min(1,this.maxA,e),this.minA):1}var g=b.HSV_RGB(this.channels.h,this.channels.s,this.channels.v);return this.channels.r=g[0],this.channels.g=g[1],this.channels.b=g[2],this.exposeColor(f),!0},this.fromRGBA=function(a,c,d,e,f){var g,h;if(void 0===a&&(a=null),void 0===c&&(c=null),void 0===d&&(d=null),void 0===e&&(e=null),null!==a){if(isNaN(a))return!1;a=Math.max(0,Math.min(255,a))}if(null!==c){if(isNaN(c))return!1;c=Math.max(0,Math.min(255,c))}if(null!==d){if(isNaN(d))return!1;d=Math.max(0,Math.min(255,d))}if(null!==e){if(isNaN(e))return!1;this.channels.a=this.hasAlphaChannel()?Math.max(0,Math.min(1,this.maxA,e),this.minA):1}return g=b.RGB_HSV(null===a?this.channels.r:a,null===c?this.channels.g:c,null===d?this.channels.b:d),null!==g[0]&&(this.channels.h=Math.max(0,Math.min(360,g[0]))),0!==g[2]&&(this.channels.s=Math.max(0,this.minS,Math.min(100,this.maxS,g[1]))),this.channels.v=Math.max(0,this.minV,Math.min(100,this.maxV,g[2])),h=b.HSV_RGB(this.channels.h,this.channels.s,this.channels.v),this.channels.r=h[0],this.channels.g=h[1],this.channels.b=h[2],this.exposeColor(f),!0},this.fromHSV=function(a,c,d,e){return console.warn("fromHSV() method is DEPRECATED. Using fromHSVA() instead."+b.docsRef),this.fromHSVA(a,c,d,null,e)},this.fromRGB=function(a,c,d,e){return console.warn("fromRGB() method is DEPRECATED. Using fromRGBA() instead."+b.docsRef),this.fromRGBA(a,c,d,null,e)},this.fromString=function(a,c){if(!this.required&&""===a.trim())return this.setPreviewElementBg(null),this.setValueElementValue(""),!0;var d=b.parseColorString(a);return d?("any"===this.format.toLowerCase()&&(this._setFormat(d.format),b.isAlphaFormat(this.getFormat())||(d.rgba[3]=1)),this.fromRGBA(d.rgba[0],d.rgba[1],d.rgba[2],d.rgba[3],c),!0):!1},this.randomize=function(a,b,c,d,e,f,g,h){void 0===a&&(a=0),void 0===b&&(b=100),void 0===c&&(c=0),void 0===d&&(d=100),void 0===e&&(e=0),void 0===f&&(f=359),void 0===g&&(g=1),void 0===h&&(h=1),this.fromHSVA(e+Math.floor(Math.random()*(f-e+1)),c+Math.floor(Math.random()*(d-c+1)),a+Math.floor(Math.random()*(b-a+1)),(100*g+Math.floor(Math.random()*(100*(h-g)+1)))/100)},this.toString=function(a){switch(void 0===a&&(a=this.getFormat()),a.toLowerCase()){case"hex":return this.toHEXString();case"hexa":return this.toHEXAString();case"rgb":return this.toRGBString();case"rgba":return this.toRGBAString()}return!1},this.toHEXString=function(){return b.hexColor(this.channels.r,this.channels.g,this.channels.b)},this.toHEXAString=function(){return b.hexaColor(this.channels.r,this.channels.g,this.channels.b,this.channels.a)},this.toRGBString=function(){return b.rgbColor(this.channels.r,this.channels.g,this.channels.b)},this.toRGBAString=function(){return b.rgbaColor(this.channels.r,this.channels.g,this.channels.b,this.channels.a)},this.toGrayscale=function(){return.213*this.channels.r+.715*this.channels.g+.072*this.channels.b},this.toCanvas=function(){return b.genColorPreviewCanvas(this.toRGBAString()).canvas},this.toDataURL=function(){return this.toCanvas().toDataURL()},this.toBackground=function(){return b.pub.background(this.toRGBAString())},this.isLight=function(){return this.toGrayscale()>127.5},this.hide=function(){m()&&h()},this.show=function(){i()},this.redraw=function(){m()&&i()},this.getFormat=function(){return this._currentFormat},this._setFormat=function(a){this._currentFormat=a.toLowerCase()},this.hasAlphaChannel=function(){return"auto"===this.alphaChannel?"any"===this.format.toLowerCase()||b.isAlphaFormat(this.getFormat())||void 0!==this.alpha||void 0!==this.alphaElement:this.alphaChannel},this.processValueInput=function(a){this.fromString(a)||this.exposeColor()},this.processAlphaInput=function(a){this.fromHSVA(null,null,null,parseFloat(a))||this.exposeColor()},this.exposeColor=function(a){var e,f,c=this.toString(),d=this.getFormat();b.setDataAttr(this.targetElement,"current-color",c),a&b.flags.leaveValue||!this.valueElement||(("hex"===d||"hexa"===d)&&(this.uppercase||(c=c.toLowerCase()),this.hash||(c=c.replace(/^#/,""))),this.setValueElementValue(c)),a&b.flags.leaveAlpha||!this.alphaElement||(e=Math.round(100*this.channels.a)/100,this.setAlphaElementValue(e)),a&b.flags.leavePreview||!this.previewElement||(f=null,(b.isTextInput(this.previewElement)||b.isButton(this.previewElement)&&!b.isButtonEmpty(this.previewElement))&&(f=this.previewPosition),this.setPreviewElementBg(this.toRGBAString())),m()&&(j(),k(),l())},this.setPreviewElementBg=function(a){var c,d,e,f,g,h,i,j;if(this.previewElement){for(c=null,d=null,(b.isTextInput(this.previewElement)||b.isButton(this.previewElement)&&!b.isButtonEmpty(this.previewElement))&&(c=this.previewPosition,d=this.previewSize),e=[],a?(e.push({image:b.genColorPreviewGradient(a,c,d?d-b.pub.previewSeparator.length:null),position:"left top",size:"auto",repeat:c?"repeat-y":"repeat",origin:"padding-box"}),f=b.genColorPreviewCanvas("rgba(0,0,0,0)",c?{left:"right",right:"left"}[c]:null,d,!0),e.push({image:"url('"+f.canvas.toDataURL()+"')",position:(c||"left")+" top",size:f.width+"px "+f.height+"px",repeat:c?"repeat-y":"repeat",origin:"padding-box"})):e.push({image:"none",position:"left top",size:"auto",repeat:"no-repeat",origin:"padding-box"}),g={image:[],position:[],size:[],repeat:[],origin:[]},h=0;h<e.length;h+=1)g.image.push(e[h].image),g.position.push(e[h].position),g.size.push(e[h].size),g.repeat.push(e[h].repeat),g.origin.push(e[h].origin);i={"background-image":g.image.join(", "),"background-position":g.position.join(", "),"background-size":g.size.join(", "),"background-repeat":g.repeat.join(", "),"background-origin":g.origin.join(", ")},b.setStyle(this.previewElement,i,this.forceStyle),j={left:null,right:null},c&&(j[c]=this.previewSize+this.previewPadding+"px"),i={"padding-left":j.left,"padding-right":j.right},b.setStyle(this.previewElement,i,this.forceStyle,!0)}},this.setValueElementValue=function(a){this.valueElement&&("input"===b.nodeName(this.valueElement)?this.valueElement.value=a:this.valueElement.innerHTML=a)},this.setAlphaElementValue=function(a){this.alphaElement&&("input"===b.nodeName(this.alphaElement)?this.alphaElement.value=a:this.alphaElement.innerHTML=a)},this._processParentElementsInDOM=function(){var a,c;if(!this._parentElementsProcessed){this._parentElementsProcessed=!0,a=this.targetElement;do c=b.getCompStyle(a),c.position&&"fixed"===c.position.toLowerCase()&&(this.fixed=!0),a!==this.targetElement&&(b.getData(a,"hasScrollListener")||(a.addEventListener("scroll",b.onParentScroll,!1),b.setData(a,"hasScrollListener",!0)));while((a=a.parentNode)&&"body"!==b.nodeName(a))}},this.tryHide=function(){this.hideOnLeave&&this.hide()},this.set__palette=function(a){this.palette=a,this._palette=b.parsePaletteValue(a),this._paletteHasTransparency=b.containsTranparentColor(this._palette)},b.pub.options)for(t in b.pub.options)if(b.pub.options.hasOwnProperty(t))try{f(t,b.pub.options[t])}catch(u){console.warn(u)}for(v=[],d.preset&&("string"==typeof d.preset?v=d.preset.split(/\s+/):Array.isArray(d.preset)?v=d.preset.slice():console.warn("Unrecognized preset value")),-1===v.indexOf("default")&&v.push("default"),w=v.length-1;w>=0;w-=1)if(x=v[w])if(b.pub.presets.hasOwnProperty(x)){for(t in b.pub.presets[x])if(b.pub.presets[x].hasOwnProperty(t))try{f(t,b.pub.presets[x][t])}catch(u){console.warn(u)}}else console.warn("Unknown preset: %s",x);y=["preset"];for(t in d)if(d.hasOwnProperty(t)&&-1===y.indexOf(t))try{f(t,d[t])}catch(u){console.warn(u)}if(this.container=void 0===this.container?a.document.body:b.node(this.container),!this.container)throw new Error("Cannot instantiate color picker without a container element");if(this.targetElement=b.node(c),!this.targetElement){if("string"==typeof c&&/^[a-zA-Z][\w:.-]*$/.test(c))throw z=c,new Error("If '"+z+"' is supposed to be an ID, please use '#"+z+"' or any valid CSS selector.");throw new Error("Cannot instantiate color picker without a target element")}if(this.targetElement.jscolor&&this.targetElement.jscolor instanceof b.pub)throw new Error("Color picker already installed on this element");this.targetElement.jscolor=this,b.addClass(this.targetElement,b.pub.className),b.instances.push(this),b.isButton(this.targetElement)&&("button"!==this.targetElement.type.toLowerCase()&&(this.targetElement.type="button"),b.isButtonEmpty(this.targetElement)&&(b.removeChildren(this.targetElement),this.targetElement.appendChild(a.document.createTextNode(" ")),A=b.getCompStyle(this.targetElement),B=parseFloat(A["min-width"])||0,B<this.previewSize&&b.setStyle(this.targetElement,{"min-width":this.previewSize+"px"},this.forceStyle))),void 0===this.valueElement?b.isTextInput(this.targetElement)&&(this.valueElement=this.targetElement):null===this.valueElement||(this.valueElement=b.node(this.valueElement)),this.alphaElement&&(this.alphaElement=b.node(this.alphaElement)),void 0===this.previewElement?this.previewElement=this.targetElement:null===this.previewElement||(this.previewElement=b.node(this.previewElement)),this.valueElement&&b.isTextInput(this.valueElement)&&(C={onInput:this.valueElement.oninput},this.valueElement.oninput=null,this.valueElement.addEventListener("keydown",n,!1),this.valueElement.addEventListener("change",p,!1),this.valueElement.addEventListener("input",r,!1),C.onInput&&this.valueElement.addEventListener("input",C.onInput,!1),this.valueElement.setAttribute("autocomplete","off"),this.valueElement.setAttribute("autocorrect","off"),this.valueElement.setAttribute("autocapitalize","off"),this.valueElement.setAttribute("spellcheck",!1)),this.alphaElement&&b.isTextInput(this.alphaElement)&&(this.alphaElement.addEventListener("keydown",o,!1),this.alphaElement.addEventListener("change",q,!1),this.alphaElement.addEventListener("input",s,!1),this.alphaElement.setAttribute("autocomplete","off"),this.alphaElement.setAttribute("autocorrect","off"),this.alphaElement.setAttribute("autocapitalize","off"),this.alphaElement.setAttribute("spellcheck",!1)),D="FFFFFF",void 0!==this.value?D=this.value:this.valueElement&&void 0!==this.valueElement.value&&(D=this.valueElement.value),E=void 0,void 0!==this.alpha?E=""+this.alpha:this.alphaElement&&void 0!==this.alphaElement.value&&(E=this.alphaElement.value),this._currentFormat=null,["auto","any"].indexOf(this.format.toLowerCase())>-1?(F=b.parseColorString(D),this._currentFormat=F?F.format:"hex"):this._currentFormat=this.format.toLowerCase(),this.processValueInput(D),void 0!==E&&this.processAlphaInput(E),this.random&&this.randomize.apply(this,Array.isArray(this.random)?this.random:[])}};return b.pub.className="jscolor",b.pub.activeClassName="jscolor-active",b.pub.looseJSON=!0,b.pub.presets={},b.pub.presets["default"]={},b.pub.presets["light"]={backgroundColor:"rgba(255,255,255,1)",controlBorderColor:"rgba(187,187,187,1)",buttonColor:"rgba(0,0,0,1)"},b.pub.presets["dark"]={backgroundColor:"rgba(51,51,51,1)",controlBorderColor:"rgba(153,153,153,1)",buttonColor:"rgba(240,240,240,1)"},b.pub.presets["small"]={width:101,height:101,padding:10,sliderSize:14,paletteCols:8},b.pub.presets["medium"]={width:181,height:101,padding:12,sliderSize:16,paletteCols:10},b.pub.presets["large"]={width:271,height:151,padding:12,sliderSize:24,paletteCols:15},b.pub.presets["thin"]={borderWidth:1,controlBorderWidth:1,pointerBorderWidth:1},b.pub.presets["thick"]={borderWidth:2,controlBorderWidth:2,pointerBorderWidth:2},b.pub.sliderInnerSpace=3,b.pub.chessboardSize=8,b.pub.chessboardColor1="#666666",b.pub.chessboardColor2="#999999",b.pub.previewSeparator=["rgba(255,255,255,.65)","rgba(128,128,128,.65)"],b.pub.init=function(){if(!b.initialized)for(a.document.addEventListener("mousedown",b.onDocumentMouseDown,!1),a.document.addEventListener("keyup",b.onDocumentKeyUp,!1),a.addEventListener("resize",b.onWindowResize,!1),a.addEventListener("scroll",b.onWindowScroll,!1),b.pub.install(),b.initialized=!0;b.readyQueue.length;){var c=b.readyQueue.shift();c()}},b.pub.install=function(a){var c=!0;try{b.installBySelector("[data-jscolor]",a)}catch(d){c=!1,console.warn(d)}if(b.pub.lookupClass)try{b.installBySelector("input."+b.pub.lookupClass+", "+"button."+b.pub.lookupClass,a)}catch(d){}return c},b.pub.ready=function(a){return"function"!=typeof a?(console.warn("Passed value is not a function"),!1):(b.initialized?a():b.readyQueue.push(a),!0)},b.pub.trigger=function(a){var c=function(){b.triggerGlobal(a)};b.initialized?c():b.pub.ready(c)},b.pub.hide=function(){b.picker&&b.picker.owner&&b.picker.owner.hide()},b.pub.chessboard=function(a){a||(a="rgba(0,0,0,0)");var c=b.genColorPreviewCanvas(a);return c.canvas.toDataURL()},b.pub.background=function(a){var d,c=[];return c.push(b.genColorPreviewGradient(a)),d=b.genColorPreviewCanvas(),c.push(["url('"+d.canvas.toDataURL()+"')","left top","repeat"].join(" ")),c.join(", ")},b.pub.options={},b.pub.lookupClass="jscolor",b.pub.installByClassName=function(){return console.error('jscolor.installByClassName() is DEPRECATED. Use data-jscolor="" attribute instead of a class name.'+b.docsRef),!1},b.register(),b.pub}();return"undefined"==typeof a.jscolor&&(a.jscolor=a.JSColor=b),b});
\ No newline at end of file
diff --git a/public/static/jscolor/jscolor.min.js b/public/static/jscolor/jscolor.min.js
new file mode 100755
index 0000000..1f2d410
--- /dev/null
+++ b/public/static/jscolor/jscolor.min.js
@@ -0,0 +1 @@
+(function(global,factory){"use strict";if(typeof module==="object"&&typeof module.exports==="object"){module.exports=global.document?factory(global):function(win){if(!win.document){throw new Error("jscolor needs a window with document")}return factory(win)};return}factory(global)})(typeof window!=="undefined"?window:this,function(window){"use strict";var jscolor=function(){var jsc={initialized:false,instances:[],readyQueue:[],register:function(){if(typeof window!=="undefined"&&window.document){window.document.addEventListener("DOMContentLoaded",jsc.pub.init,false)}},installBySelector:function(selector,rootNode){rootNode=rootNode?jsc.node(rootNode):window.document;if(!rootNode){throw new Error("Missing root node")}var elms=rootNode.querySelectorAll(selector);var matchClass=new RegExp("(^|\\s)("+jsc.pub.lookupClass+")(\\s*(\\{[^}]*\\})|\\s|$)","i");for(var i=0;i<elms.length;i+=1){if(elms[i].jscolor&&elms[i].jscolor instanceof jsc.pub){continue}if(elms[i].type!==undefined&&elms[i].type.toLowerCase()=="color"&&jsc.isColorAttrSupported){continue}var dataOpts,m;if((dataOpts=jsc.getDataAttr(elms[i],"jscolor"))!==null||elms[i].className&&(m=elms[i].className.match(matchClass))){var targetElm=elms[i];var optsStr="";if(dataOpts!==null){optsStr=dataOpts}else if(m){console.warn('Installation using class name is DEPRECATED. Use data-jscolor="" attribute instead.'+jsc.docsRef);if(m[4]){optsStr=m[4]}}var opts=null;if(optsStr.trim()){try{opts=jsc.parseOptionsStr(optsStr)}catch(e){console.warn(e+"\n"+optsStr)}}try{new jsc.pub(targetElm,opts)}catch(e){console.warn(e)}}}},parseOptionsStr:function(str){var opts=null;try{opts=JSON.parse(str)}catch(eParse){if(!jsc.pub.looseJSON){throw new Error("Could not parse jscolor options as JSON: "+eParse)}else{try{opts=new Function("var opts = ("+str+'); return typeof opts === "object" ? opts : {};')()}catch(eEval){throw new Error("Could not evaluate jscolor options: "+eEval)}}}return opts},getInstances:function(){var inst=[];for(var i=0;i<jsc.instances.length;i+=1){if(jsc.instances[i]&&jsc.instances[i].targetElement){inst.push(jsc.instances[i])}}return inst},createEl:function(tagName){var el=window.document.createElement(tagName);jsc.setData(el,"gui",true);return el},node:function(nodeOrSelector){if(!nodeOrSelector){return null}if(typeof nodeOrSelector==="string"){var sel=nodeOrSelector;var el=null;try{el=window.document.querySelector(sel)}catch(e){console.warn(e);return null}if(!el){console.warn("No element matches the selector: %s",sel)}return el}if(jsc.isNode(nodeOrSelector)){return nodeOrSelector}console.warn("Invalid node of type %s: %s",typeof nodeOrSelector,nodeOrSelector);return null},isNode:function(val){if(typeof Node==="object"){return val instanceof Node}return val&&typeof val==="object"&&typeof val.nodeType==="number"&&typeof val.nodeName==="string"},nodeName:function(node){if(node&&node.nodeName){return node.nodeName.toLowerCase()}return false},removeChildren:function(node){while(node.firstChild){node.removeChild(node.firstChild)}},isTextInput:function(el){return el&&jsc.nodeName(el)==="input"&&el.type.toLowerCase()==="text"},isButton:function(el){if(!el){return false}var n=jsc.nodeName(el);return n==="button"||n==="input"&&["button","submit","reset"].indexOf(el.type.toLowerCase())>-1},isButtonEmpty:function(el){switch(jsc.nodeName(el)){case"input":return!el.value||el.value.trim()==="";case"button":return el.textContent.trim()===""}return null},isPassiveEventSupported:function(){var supported=false;try{var opts=Object.defineProperty({},"passive",{get:function(){supported=true}});window.addEventListener("testPassive",null,opts);window.removeEventListener("testPassive",null,opts)}catch(e){}return supported}(),isColorAttrSupported:function(){var elm=window.document.createElement("input");if(elm.setAttribute){elm.setAttribute("type","color");if(elm.type.toLowerCase()=="color"){return true}}return false}(),dataProp:"_data_jscolor",setData:function(){var obj=arguments[0];if(arguments.length===3){var data=obj.hasOwnProperty(jsc.dataProp)?obj[jsc.dataProp]:obj[jsc.dataProp]={};var prop=arguments[1];var value=arguments[2];data[prop]=value;return true}else if(arguments.length===2&&typeof arguments[1]==="object"){var data=obj.hasOwnProperty(jsc.dataProp)?obj[jsc.dataProp]:obj[jsc.dataProp]={};var map=arguments[1];for(var prop in map){if(map.hasOwnProperty(prop)){data[prop]=map[prop]}}return true}throw new Error("Invalid arguments")},removeData:function(){var obj=arguments[0];if(!obj.hasOwnProperty(jsc.dataProp)){return true}for(var i=1;i<arguments.length;i+=1){var prop=arguments[i];delete obj[jsc.dataProp][prop]}return true},getData:function(obj,prop,setDefault){if(!obj.hasOwnProperty(jsc.dataProp)){if(setDefault!==undefined){obj[jsc.dataProp]={}}else{return undefined}}var data=obj[jsc.dataProp];if(!data.hasOwnProperty(prop)&&setDefault!==undefined){data[prop]=setDefault}return data[prop]},getDataAttr:function(el,name){var attrName="data-"+name;var attrValue=el.getAttribute(attrName);return attrValue},setDataAttr:function(el,name,value){var attrName="data-"+name;el.setAttribute(attrName,value)},_attachedGroupEvents:{},attachGroupEvent:function(groupName,el,evnt,func){if(!jsc._attachedGroupEvents.hasOwnProperty(groupName)){jsc._attachedGroupEvents[groupName]=[]}jsc._attachedGroupEvents[groupName].push([el,evnt,func]);el.addEventListener(evnt,func,false)},detachGroupEvents:function(groupName){if(jsc._attachedGroupEvents.hasOwnProperty(groupName)){for(var i=0;i<jsc._attachedGroupEvents[groupName].length;i+=1){var evt=jsc._attachedGroupEvents[groupName][i];evt[0].removeEventListener(evt[1],evt[2],false)}delete jsc._attachedGroupEvents[groupName]}},preventDefault:function(e){if(e.preventDefault){e.preventDefault()}e.returnValue=false},triggerEvent:function(el,eventName,bubbles,cancelable){if(!el){return}var ev=null;if(typeof Event==="function"){ev=new Event(eventName,{bubbles:bubbles,cancelable:cancelable})}else{ev=window.document.createEvent("Event");ev.initEvent(eventName,bubbles,cancelable)}if(!ev){return false}jsc.setData(ev,"internal",true);el.dispatchEvent(ev);return true},triggerInputEvent:function(el,eventName,bubbles,cancelable){if(!el){return}if(jsc.isTextInput(el)){jsc.triggerEvent(el,eventName,bubbles,cancelable)}},eventKey:function(ev){var keys={9:"Tab",13:"Enter",27:"Escape"};if(typeof ev.code==="string"){return ev.code}else if(ev.keyCode!==undefined&&keys.hasOwnProperty(ev.keyCode)){return keys[ev.keyCode]}return null},strList:function(str){if(!str){return[]}return str.replace(/^\s+|\s+$/g,"").split(/\s+/)},hasClass:function(elm,className){if(!className){return false}if(elm.classList!==undefined){return elm.classList.contains(className)}return-1!=(" "+elm.className.replace(/\s+/g," ")+" ").indexOf(" "+className+" ")},addClass:function(elm,className){var classNames=jsc.strList(className);if(elm.classList!==undefined){for(var i=0;i<classNames.length;i+=1){elm.classList.add(classNames[i])}return}for(var i=0;i<classNames.length;i+=1){if(!jsc.hasClass(elm,classNames[i])){elm.className+=(elm.className?" ":"")+classNames[i]}}},removeClass:function(elm,className){var classNames=jsc.strList(className);if(elm.classList!==undefined){for(var i=0;i<classNames.length;i+=1){elm.classList.remove(classNames[i])}return}for(var i=0;i<classNames.length;i+=1){var repl=new RegExp("^\\s*"+classNames[i]+"\\s*|"+"\\s*"+classNames[i]+"\\s*$|"+"\\s+"+classNames[i]+"(\\s+)","g");elm.className=elm.className.replace(repl,"$1")}},getCompStyle:function(elm){var compStyle=window.getComputedStyle?window.getComputedStyle(elm):elm.currentStyle;if(!compStyle){return{}}return compStyle},setStyle:function(elm,styles,important,reversible){var priority=important?"important":"";var origStyle=null;for(var prop in styles){if(styles.hasOwnProperty(prop)){var setVal=null;if(styles[prop]===null){if(!origStyle){origStyle=jsc.getData(elm,"origStyle")}if(origStyle&&origStyle.hasOwnProperty(prop)){setVal=origStyle[prop]}}else{if(reversible){if(!origStyle){origStyle=jsc.getData(elm,"origStyle",{})}if(!origStyle.hasOwnProperty(prop)){origStyle[prop]=elm.style[prop]}}setVal=styles[prop]}if(setVal!==null){elm.style.setProperty(prop,setVal,priority)}}}},hexColor:function(r,g,b){return"#"+(("0"+Math.round(r).toString(16)).substr(-2)+("0"+Math.round(g).toString(16)).substr(-2)+("0"+Math.round(b).toString(16)).substr(-2)).toUpperCase()},hexaColor:function(r,g,b,a){return"#"+(("0"+Math.round(r).toString(16)).substr(-2)+("0"+Math.round(g).toString(16)).substr(-2)+("0"+Math.round(b).toString(16)).substr(-2)+("0"+Math.round(a*255).toString(16)).substr(-2)).toUpperCase()},rgbColor:function(r,g,b){return"rgb("+Math.round(r)+","+Math.round(g)+","+Math.round(b)+")"},rgbaColor:function(r,g,b,a){return"rgba("+Math.round(r)+","+Math.round(g)+","+Math.round(b)+","+Math.round((a===undefined||a===null?1:a)*100)/100+")"},linearGradient:function(){function getFuncName(){var stdName="linear-gradient";var prefixes=["","-webkit-","-moz-","-o-","-ms-"];var helper=window.document.createElement("div");for(var i=0;i<prefixes.length;i+=1){var tryFunc=prefixes[i]+stdName;var tryVal=tryFunc+"(to right, rgba(0,0,0,0), rgba(0,0,0,0))";helper.style.background=tryVal;if(helper.style.background){return tryFunc}}return stdName}var funcName=getFuncName();return function(){return funcName+"("+Array.prototype.join.call(arguments,", ")+")"}}(),setBorderRadius:function(elm,value){jsc.setStyle(elm,{"border-radius":value||"0"})},setBoxShadow:function(elm,value){jsc.setStyle(elm,{"box-shadow":value||"none"})},getElementPos:function(e,relativeToViewport){var x=0,y=0;var rect=e.getBoundingClientRect();x=rect.left;y=rect.top;if(!relativeToViewport){var viewPos=jsc.getViewPos();x+=viewPos[0];y+=viewPos[1]}return[x,y]},getElementSize:function(e){return[e.offsetWidth,e.offsetHeight]},getAbsPointerPos:function(e){var x=0,y=0;if(typeof e.changedTouches!=="undefined"&&e.changedTouches.length){x=e.changedTouches[0].clientX;y=e.changedTouches[0].clientY}else if(typeof e.clientX==="number"){x=e.clientX;y=e.clientY}return{x:x,y:y}},getRelPointerPos:function(e){var target=e.target||e.srcElement;var targetRect=target.getBoundingClientRect();var x=0,y=0;var clientX=0,clientY=0;if(typeof e.changedTouches!=="undefined"&&e.changedTouches.length){clientX=e.changedTouches[0].clientX;clientY=e.changedTouches[0].clientY}else if(typeof e.clientX==="number"){clientX=e.clientX;clientY=e.clientY}x=clientX-targetRect.left;y=clientY-targetRect.top;return{x:x,y:y}},getViewPos:function(){var doc=window.document.documentElement;return[(window.pageXOffset||doc.scrollLeft)-(doc.clientLeft||0),(window.pageYOffset||doc.scrollTop)-(doc.clientTop||0)]},getViewSize:function(){var doc=window.document.documentElement;return[window.innerWidth||doc.clientWidth,window.innerHeight||doc.clientHeight]},RGB_HSV:function(r,g,b){r/=255;g/=255;b/=255;var n=Math.min(Math.min(r,g),b);var v=Math.max(Math.max(r,g),b);var m=v-n;if(m===0){return[null,0,100*v]}var h=r===n?3+(b-g)/m:g===n?5+(r-b)/m:1+(g-r)/m;return[60*(h===6?0:h),100*(m/v),100*v]},HSV_RGB:function(h,s,v){var u=255*(v/100);if(h===null){return[u,u,u]}h/=60;s/=100;var i=Math.floor(h);var f=i%2?h-i:1-(h-i);var m=u*(1-s);var n=u*(1-s*f);switch(i){case 6:case 0:return[u,n,m];case 1:return[n,u,m];case 2:return[m,u,n];case 3:return[m,n,u];case 4:return[n,m,u];case 5:return[u,m,n]}},parseColorString:function(str){var ret={rgba:null,format:null};var m;if(m=str.match(/^\W*([0-9A-F]{3,8})\W*$/i)){if(m[1].length===8){ret.format="hexa";ret.rgba=[parseInt(m[1].substr(0,2),16),parseInt(m[1].substr(2,2),16),parseInt(m[1].substr(4,2),16),parseInt(m[1].substr(6,2),16)/255]}else if(m[1].length===6){ret.format="hex";ret.rgba=[parseInt(m[1].substr(0,2),16),parseInt(m[1].substr(2,2),16),parseInt(m[1].substr(4,2),16),null]}else if(m[1].length===3){ret.format="hex";ret.rgba=[parseInt(m[1].charAt(0)+m[1].charAt(0),16),parseInt(m[1].charAt(1)+m[1].charAt(1),16),parseInt(m[1].charAt(2)+m[1].charAt(2),16),null]}else{return false}return ret}if(m=str.match(/^\W*rgba?\(([^)]*)\)\W*$/i)){var par=m[1].split(",");var re=/^\s*(\d+|\d*\.\d+|\d+\.\d*)\s*$/;var mR,mG,mB,mA;if(par.length>=3&&(mR=par[0].match(re))&&(mG=par[1].match(re))&&(mB=par[2].match(re))){ret.format="rgb";ret.rgba=[parseFloat(mR[1])||0,parseFloat(mG[1])||0,parseFloat(mB[1])||0,null];if(par.length>=4&&(mA=par[3].match(re))){ret.format="rgba";ret.rgba[3]=parseFloat(mA[1])||0}return ret}}return false},parsePaletteValue:function(mixed){var vals=[];if(typeof mixed==="string"){mixed.replace(/#[0-9A-F]{3}([0-9A-F]{3})?|rgba?\(([^)]*)\)/gi,function(val){vals.push(val)})}else if(Array.isArray(mixed)){vals=mixed}var colors=[];for(var i=0;i<vals.length;i++){var color=jsc.parseColorString(vals[i]);if(color){colors.push(color)}}return colors},containsTranparentColor:function(colors){for(var i=0;i<colors.length;i++){var a=colors[i].rgba[3];if(a!==null&&a<1){return true}}return false},isAlphaFormat:function(format){switch(format.toLowerCase()){case"hexa":case"rgba":return true}return false},scaleCanvasForHighDPR:function(canvas){var dpr=window.devicePixelRatio||1;canvas.width*=dpr;canvas.height*=dpr;var ctx=canvas.getContext("2d");ctx.scale(dpr,dpr)},genColorPreviewCanvas:function(color,separatorPos,specWidth,scaleForHighDPR){var sepW=Math.round(jsc.pub.previewSeparator.length);var sqSize=jsc.pub.chessboardSize;var sqColor1=jsc.pub.chessboardColor1;var sqColor2=jsc.pub.chessboardColor2;var cWidth=specWidth?specWidth:sqSize*2;var cHeight=sqSize*2;var canvas=jsc.createEl("canvas");var ctx=canvas.getContext("2d");canvas.width=cWidth;canvas.height=cHeight;if(scaleForHighDPR){jsc.scaleCanvasForHighDPR(canvas)}ctx.fillStyle=sqColor1;ctx.fillRect(0,0,cWidth,cHeight);ctx.fillStyle=sqColor2;for(var x=0;x<cWidth;x+=sqSize*2){ctx.fillRect(x,0,sqSize,sqSize);ctx.fillRect(x+sqSize,sqSize,sqSize,sqSize)}if(color){ctx.fillStyle=color;ctx.fillRect(0,0,cWidth,cHeight)}var start=null;switch(separatorPos){case"left":start=0;ctx.clearRect(0,0,sepW/2,cHeight);break;case"right":start=cWidth-sepW;ctx.clearRect(cWidth-sepW/2,0,sepW/2,cHeight);break}if(start!==null){ctx.lineWidth=1;for(var i=0;i<jsc.pub.previewSeparator.length;i+=1){ctx.beginPath();ctx.strokeStyle=jsc.pub.previewSeparator[i];ctx.moveTo(.5+start+i,0);ctx.lineTo(.5+start+i,cHeight);ctx.stroke()}}return{canvas:canvas,width:cWidth,height:cHeight}},genColorPreviewGradient:function(color,position,width){var params=[];if(position&&width){params=["to "+{left:"right",right:"left"}[position],color+" 0%",color+" "+width+"px","rgba(0,0,0,0) "+(width+1)+"px","rgba(0,0,0,0) 100%"]}else{params=["to right",color+" 0%",color+" 100%"]}return jsc.linearGradient.apply(this,params)},redrawPosition:function(){if(!jsc.picker||!jsc.picker.owner){return}var thisObj=jsc.picker.owner;var tp,vp;if(thisObj.fixed){tp=jsc.getElementPos(thisObj.targetElement,true);vp=[0,0]}else{tp=jsc.getElementPos(thisObj.targetElement);vp=jsc.getViewPos()}var ts=jsc.getElementSize(thisObj.targetElement);var vs=jsc.getViewSize();var pd=jsc.getPickerDims(thisObj);var ps=[pd.borderW,pd.borderH];var a,b,c;switch(thisObj.position.toLowerCase()){case"left":a=1;b=0;c=-1;break;case"right":a=1;b=0;c=1;break;case"top":a=0;b=1;c=-1;break;default:a=0;b=1;c=1;break}var l=(ts[b]+ps[b])/2;if(!thisObj.smartPosition){var pp=[tp[a],tp[b]+ts[b]-l+l*c]}else{var pp=[-vp[a]+tp[a]+ps[a]>vs[a]?-vp[a]+tp[a]+ts[a]/2>vs[a]/2&&tp[a]+ts[a]-ps[a]>=0?tp[a]+ts[a]-ps[a]:tp[a]:tp[a],-vp[b]+tp[b]+ts[b]+ps[b]-l+l*c>vs[b]?-vp[b]+tp[b]+ts[b]/2>vs[b]/2&&tp[b]+ts[b]-l-l*c>=0?tp[b]+ts[b]-l-l*c:tp[b]+ts[b]-l+l*c:tp[b]+ts[b]-l+l*c>=0?tp[b]+ts[b]-l+l*c:tp[b]+ts[b]-l-l*c]}var x=pp[a];var y=pp[b];var positionValue=thisObj.fixed?"fixed":"absolute";var contractShadow=(pp[0]+ps[0]>tp[0]||pp[0]<tp[0]+ts[0])&&pp[1]+ps[1]<tp[1]+ts[1];jsc._drawPosition(thisObj,x,y,positionValue,contractShadow)},_drawPosition:function(thisObj,x,y,positionValue,contractShadow){var vShadow=contractShadow?0:thisObj.shadowBlur;jsc.picker.wrap.style.position=positionValue;jsc.picker.wrap.style.left=x+"px";jsc.picker.wrap.style.top=y+"px";jsc.setBoxShadow(jsc.picker.boxS,thisObj.shadow?new jsc.BoxShadow(0,vShadow,thisObj.shadowBlur,0,thisObj.shadowColor):null)},getPickerDims:function(thisObj){var w=2*thisObj.controlBorderWidth+thisObj.width;var h=2*thisObj.controlBorderWidth+thisObj.height;var sliderSpace=2*thisObj.controlBorderWidth+2*jsc.getControlPadding(thisObj)+thisObj.sliderSize;if(jsc.getSliderChannel(thisObj)){w+=sliderSpace}if(thisObj.hasAlphaChannel()){w+=sliderSpace}var pal=jsc.getPaletteDims(thisObj,w);if(pal.height){h+=pal.height+thisObj.padding}if(thisObj.closeButton){h+=2*thisObj.controlBorderWidth+thisObj.padding+thisObj.buttonHeight}var pW=w+2*thisObj.padding;var pH=h+2*thisObj.padding;return{contentW:w,contentH:h,paddedW:pW,paddedH:pH,borderW:pW+2*thisObj.borderWidth,borderH:pH+2*thisObj.borderWidth,palette:pal}},getPaletteDims:function(thisObj,width){var cols=0,rows=0,cellW=0,cellH=0,height=0;var sampleCount=thisObj._palette?thisObj._palette.length:0;if(sampleCount){cols=thisObj.paletteCols;rows=cols>0?Math.ceil(sampleCount/cols):0;cellW=Math.max(1,Math.floor((width-(cols-1)*thisObj.paletteSpacing)/cols));cellH=thisObj.paletteHeight?Math.min(thisObj.paletteHeight,cellW):cellW}if(rows){height=rows*cellH+(rows-1)*thisObj.paletteSpacing}return{cols:cols,rows:rows,cellW:cellW,cellH:cellH,width:width,height:height}},getControlPadding:function(thisObj){return Math.max(thisObj.padding/2,2*thisObj.pointerBorderWidth+thisObj.pointerThickness-thisObj.controlBorderWidth)},getPadYChannel:function(thisObj){switch(thisObj.mode.charAt(1).toLowerCase()){case"v":return"v";break}return"s"},getSliderChannel:function(thisObj){if(thisObj.mode.length>2){switch(thisObj.mode.charAt(2).toLowerCase()){case"s":return"s";break;case"v":return"v";break}}return null},triggerCallback:function(thisObj,prop){if(!thisObj[prop]){return}var callback=null;if(typeof thisObj[prop]==="string"){try{callback=new Function(thisObj[prop])}catch(e){console.error(e)}}else{callback=thisObj[prop]}if(callback){callback.call(thisObj)}},triggerGlobal:function(eventNames){var inst=jsc.getInstances();for(var i=0;i<inst.length;i+=1){inst[i].trigger(eventNames)}},_pointerMoveEvent:{mouse:"mousemove",touch:"touchmove"},_pointerEndEvent:{mouse:"mouseup",touch:"touchend"},_pointerOrigin:null,onDocumentKeyUp:function(e){if(["Tab","Escape"].indexOf(jsc.eventKey(e))!==-1){if(jsc.picker&&jsc.picker.owner){jsc.picker.owner.tryHide()}}},onWindowResize:function(e){jsc.redrawPosition()},onWindowScroll:function(e){jsc.redrawPosition()},onParentScroll:function(e){if(jsc.picker&&jsc.picker.owner){jsc.picker.owner.tryHide()}},onDocumentMouseDown:function(e){var target=e.target||e.srcElement;if(target.jscolor&&target.jscolor instanceof jsc.pub){if(target.jscolor.showOnClick&&!target.disabled){target.jscolor.show()}}else if(jsc.getData(target,"gui")){var control=jsc.getData(target,"control");if(control){jsc.onControlPointerStart(e,target,jsc.getData(target,"control"),"mouse")}}else{if(jsc.picker&&jsc.picker.owner){jsc.picker.owner.tryHide()}}},onPickerTouchStart:function(e){var target=e.target||e.srcElement;if(jsc.getData(target,"control")){jsc.onControlPointerStart(e,target,jsc.getData(target,"control"),"touch")}},onControlPointerStart:function(e,target,controlName,pointerType){var thisObj=jsc.getData(target,"instance");jsc.preventDefault(e);var registerDragEvents=function(doc,offset){jsc.attachGroupEvent("drag",doc,jsc._pointerMoveEvent[pointerType],jsc.onDocumentPointerMove(e,target,controlName,pointerType,offset));jsc.attachGroupEvent("drag",doc,jsc._pointerEndEvent[pointerType],jsc.onDocumentPointerEnd(e,target,controlName,pointerType))};registerDragEvents(window.document,[0,0]);if(window.parent&&window.frameElement){var rect=window.frameElement.getBoundingClientRect();var ofs=[-rect.left,-rect.top];registerDragEvents(window.parent.window.document,ofs)}var abs=jsc.getAbsPointerPos(e);var rel=jsc.getRelPointerPos(e);jsc._pointerOrigin={x:abs.x-rel.x,y:abs.y-rel.y};switch(controlName){case"pad":if(jsc.getSliderChannel(thisObj)==="v"&&thisObj.channels.v===0){thisObj.fromHSVA(null,null,100,null)}jsc.setPad(thisObj,e,0,0);break;case"sld":jsc.setSld(thisObj,e,0);break;case"asld":jsc.setASld(thisObj,e,0);break}thisObj.trigger("input")},onDocumentPointerMove:function(e,target,controlName,pointerType,offset){return function(e){var thisObj=jsc.getData(target,"instance");switch(controlName){case"pad":jsc.setPad(thisObj,e,offset[0],offset[1]);break;case"sld":jsc.setSld(thisObj,e,offset[1]);break;case"asld":jsc.setASld(thisObj,e,offset[1]);break}thisObj.trigger("input")}},onDocumentPointerEnd:function(e,target,controlName,pointerType){return function(e){var thisObj=jsc.getData(target,"instance");jsc.detachGroupEvents("drag");thisObj.trigger("input");thisObj.trigger("change")}},onPaletteSampleClick:function(e){var target=e.currentTarget;var thisObj=jsc.getData(target,"instance");var color=jsc.getData(target,"color");if(thisObj.format.toLowerCase()==="any"){thisObj._setFormat(color.format);if(!jsc.isAlphaFormat(thisObj.getFormat())){color.rgba[3]=1}}if(color.rgba[3]===null){if(thisObj.paletteSetsAlpha===true||thisObj.paletteSetsAlpha==="auto"&&thisObj._paletteHasTransparency){color.rgba[3]=1}}thisObj.fromRGBA.apply(thisObj,color.rgba);thisObj.trigger("input");thisObj.trigger("change");if(thisObj.hideOnPaletteClick){thisObj.hide()}},setPad:function(thisObj,e,ofsX,ofsY){var pointerAbs=jsc.getAbsPointerPos(e);var x=ofsX+pointerAbs.x-jsc._pointerOrigin.x-thisObj.padding-thisObj.controlBorderWidth;var y=ofsY+pointerAbs.y-jsc._pointerOrigin.y-thisObj.padding-thisObj.controlBorderWidth;var xVal=x*(360/(thisObj.width-1));var yVal=100-y*(100/(thisObj.height-1));switch(jsc.getPadYChannel(thisObj)){case"s":thisObj.fromHSVA(xVal,yVal,null,null);break;case"v":thisObj.fromHSVA(xVal,null,yVal,null);break}},setSld:function(thisObj,e,ofsY){var pointerAbs=jsc.getAbsPointerPos(e);var y=ofsY+pointerAbs.y-jsc._pointerOrigin.y-thisObj.padding-thisObj.controlBorderWidth;var yVal=100-y*(100/(thisObj.height-1));switch(jsc.getSliderChannel(thisObj)){case"s":thisObj.fromHSVA(null,yVal,null,null);break;case"v":thisObj.fromHSVA(null,null,yVal,null);break}},setASld:function(thisObj,e,ofsY){var pointerAbs=jsc.getAbsPointerPos(e);var y=ofsY+pointerAbs.y-jsc._pointerOrigin.y-thisObj.padding-thisObj.controlBorderWidth;var yVal=1-y*(1/(thisObj.height-1));if(yVal<1){var fmt=thisObj.getFormat();if(thisObj.format.toLowerCase()==="any"&&!jsc.isAlphaFormat(fmt)){thisObj._setFormat(fmt==="hex"?"hexa":"rgba")}}thisObj.fromHSVA(null,null,null,yVal)},createPadCanvas:function(){var ret={elm:null,draw:null};var canvas=jsc.createEl("canvas");var ctx=canvas.getContext("2d");var drawFunc=function(width,height,type){canvas.width=width;canvas.height=height;ctx.clearRect(0,0,canvas.width,canvas.height);var hGrad=ctx.createLinearGradient(0,0,canvas.width,0);hGrad.addColorStop(0/6,"#F00");hGrad.addColorStop(1/6,"#FF0");hGrad.addColorStop(2/6,"#0F0");hGrad.addColorStop(3/6,"#0FF");hGrad.addColorStop(4/6,"#00F");hGrad.addColorStop(5/6,"#F0F");hGrad.addColorStop(6/6,"#F00");ctx.fillStyle=hGrad;ctx.fillRect(0,0,canvas.width,canvas.height);var vGrad=ctx.createLinearGradient(0,0,0,canvas.height);switch(type.toLowerCase()){case"s":vGrad.addColorStop(0,"rgba(255,255,255,0)");vGrad.addColorStop(1,"rgba(255,255,255,1)");break;case"v":vGrad.addColorStop(0,"rgba(0,0,0,0)");vGrad.addColorStop(1,"rgba(0,0,0,1)");break}ctx.fillStyle=vGrad;ctx.fillRect(0,0,canvas.width,canvas.height)};ret.elm=canvas;ret.draw=drawFunc;return ret},createSliderGradient:function(){var ret={elm:null,draw:null};var canvas=jsc.createEl("canvas");var ctx=canvas.getContext("2d");var drawFunc=function(width,height,color1,color2){canvas.width=width;canvas.height=height;ctx.clearRect(0,0,canvas.width,canvas.height);var grad=ctx.createLinearGradient(0,0,0,canvas.height);grad.addColorStop(0,color1);grad.addColorStop(1,color2);ctx.fillStyle=grad;ctx.fillRect(0,0,canvas.width,canvas.height)};ret.elm=canvas;ret.draw=drawFunc;return ret},createASliderGradient:function(){var ret={elm:null,draw:null};var canvas=jsc.createEl("canvas");var ctx=canvas.getContext("2d");var drawFunc=function(width,height,color){canvas.width=width;canvas.height=height;ctx.clearRect(0,0,canvas.width,canvas.height);var sqSize=canvas.width/2;var sqColor1=jsc.pub.chessboardColor1;var sqColor2=jsc.pub.chessboardColor2;ctx.fillStyle=sqColor1;ctx.fillRect(0,0,canvas.width,canvas.height);if(sqSize>0){for(var y=0;y<canvas.height;y+=sqSize*2){ctx.fillStyle=sqColor2;ctx.fillRect(0,y,sqSize,sqSize);ctx.fillRect(sqSize,y+sqSize,sqSize,sqSize)}}var grad=ctx.createLinearGradient(0,0,0,canvas.height);grad.addColorStop(0,color);grad.addColorStop(1,"rgba(0,0,0,0)");ctx.fillStyle=grad;ctx.fillRect(0,0,canvas.width,canvas.height)};ret.elm=canvas;ret.draw=drawFunc;return ret},BoxShadow:function(){var BoxShadow=function(hShadow,vShadow,blur,spread,color,inset){this.hShadow=hShadow;this.vShadow=vShadow;this.blur=blur;this.spread=spread;this.color=color;this.inset=!!inset};BoxShadow.prototype.toString=function(){var vals=[Math.round(this.hShadow)+"px",Math.round(this.vShadow)+"px",Math.round(this.blur)+"px",Math.round(this.spread)+"px",this.color];if(this.inset){vals.push("inset")}return vals.join(" ")};return BoxShadow}(),flags:{leaveValue:1<<0,leaveAlpha:1<<1,leavePreview:1<<2},enumOpts:{format:["auto","any","hex","hexa","rgb","rgba"],previewPosition:["left","right"],mode:["hsv","hvs","hs","hv"],position:["left","right","top","bottom"],alphaChannel:["auto",true,false],paletteSetsAlpha:["auto",true,false]},deprecatedOpts:{styleElement:"previewElement",onFineChange:"onInput",overwriteImportant:"forceStyle",closable:"closeButton",insetWidth:"controlBorderWidth",insetColor:"controlBorderColor",refine:null},docsRef:" "+"See https://jscolor.com/docs/",pub:function(targetElement,opts){var THIS=this;if(!opts){opts={}}this.channels={r:255,g:255,b:255,h:0,s:0,v:100,a:1};this.format="auto";this.value=undefined;this.alpha=undefined;this.random=false;this.onChange=undefined;this.onInput=undefined;this.valueElement=undefined;this.alphaElement=undefined;this.previewElement=undefined;this.previewPosition="left";this.previewSize=32;this.previewPadding=8;this.required=true;this.hash=true;this.uppercase=true;this.forceStyle=true;this.width=181;this.height=101;this.mode="HSV";this.alphaChannel="auto";this.position="bottom";this.smartPosition=true;this.showOnClick=true;this.hideOnLeave=true;this.palette=[];this.paletteCols=10;this.paletteSetsAlpha="auto";this.paletteHeight=16;this.paletteSpacing=4;this.hideOnPaletteClick=false;this.sliderSize=16;this.crossSize=8;this.closeButton=false;this.closeText="Close";this.buttonColor="rgba(0,0,0,1)";this.buttonHeight=18;this.padding=12;this.backgroundColor="rgba(255,255,255,1)";this.borderWidth=1;this.borderColor="rgba(187,187,187,1)";this.borderRadius=8;this.controlBorderWidth=1;this.controlBorderColor="rgba(187,187,187,1)";this.shadow=true;this.shadowBlur=15;this.shadowColor="rgba(0,0,0,0.2)";this.pointerColor="rgba(76,76,76,1)";this.pointerBorderWidth=1;this.pointerBorderColor="rgba(255,255,255,1)";this.pointerThickness=2;this.zIndex=5e3;this.container=undefined;this.minS=0;this.maxS=100;this.minV=0;this.maxV=100;this.minA=0;this.maxA=1;this.option=function(){if(!arguments.length){throw new Error("No option specified")}if(arguments.length===1&&typeof arguments[0]==="string"){try{return getOption(arguments[0])}catch(e){console.warn(e)}return false}else if(arguments.length>=2&&typeof arguments[0]==="string"){try{if(!setOption(arguments[0],arguments[1])){return false}}catch(e){console.warn(e);return false}this.redraw();this.exposeColor();return true}else if(arguments.length===1&&typeof arguments[0]==="object"){var opts=arguments[0];var success=true;for(var opt in opts){if(opts.hasOwnProperty(opt)){try{if(!setOption(opt,opts[opt])){success=false}}catch(e){console.warn(e);success=false}}}this.redraw();this.exposeColor();return success}throw new Error("Invalid arguments")};this.channel=function(name,value){if(typeof name!=="string"){throw new Error("Invalid value for channel name: "+name)}if(value===undefined){if(!this.channels.hasOwnProperty(name.toLowerCase())){console.warn("Getting unknown channel: "+name);return false}return this.channels[name.toLowerCase()]}else{var res=false;switch(name.toLowerCase()){case"r":res=this.fromRGBA(value,null,null,null);break;case"g":res=this.fromRGBA(null,value,null,null);break;case"b":res=this.fromRGBA(null,null,value,null);break;case"h":res=this.fromHSVA(value,null,null,null);break;case"s":res=this.fromHSVA(null,value,null,null);break;case"v":res=this.fromHSVA(null,null,value,null);break;case"a":res=this.fromHSVA(null,null,null,value);break;default:console.warn("Setting unknown channel: "+name);return false}if(res){this.redraw();return true}}return false};this.trigger=function(eventNames){var evs=jsc.strList(eventNames);for(var i=0;i<evs.length;i+=1){var ev=evs[i].toLowerCase();var callbackProp=null;switch(ev){case"input":callbackProp="onInput";break;case"change":callbackProp="onChange";break}if(callbackProp){jsc.triggerCallback(this,callbackProp)}jsc.triggerInputEvent(this.valueElement,ev,true,true)}};this.fromHSVA=function(h,s,v,a,flags){if(h===undefined){h=null}if(s===undefined){s=null}if(v===undefined){v=null}if(a===undefined){a=null}if(h!==null){if(isNaN(h)){return false}this.channels.h=Math.max(0,Math.min(360,h))}if(s!==null){if(isNaN(s)){return false}this.channels.s=Math.max(0,Math.min(100,this.maxS,s),this.minS)}if(v!==null){if(isNaN(v)){return false}this.channels.v=Math.max(0,Math.min(100,this.maxV,v),this.minV)}if(a!==null){if(isNaN(a)){return false}this.channels.a=this.hasAlphaChannel()?Math.max(0,Math.min(1,this.maxA,a),this.minA):1}var rgb=jsc.HSV_RGB(this.channels.h,this.channels.s,this.channels.v);this.channels.r=rgb[0];this.channels.g=rgb[1];this.channels.b=rgb[2];this.exposeColor(flags);return true};this.fromRGBA=function(r,g,b,a,flags){if(r===undefined){r=null}if(g===undefined){g=null}if(b===undefined){b=null}if(a===undefined){a=null}if(r!==null){if(isNaN(r)){return false}r=Math.max(0,Math.min(255,r))}if(g!==null){if(isNaN(g)){return false}g=Math.max(0,Math.min(255,g))}if(b!==null){if(isNaN(b)){return false}b=Math.max(0,Math.min(255,b))}if(a!==null){if(isNaN(a)){return false}this.channels.a=this.hasAlphaChannel()?Math.max(0,Math.min(1,this.maxA,a),this.minA):1}var hsv=jsc.RGB_HSV(r===null?this.channels.r:r,g===null?this.channels.g:g,b===null?this.channels.b:b);if(hsv[0]!==null){this.channels.h=Math.max(0,Math.min(360,hsv[0]))}if(hsv[2]!==0){this.channels.s=Math.max(0,this.minS,Math.min(100,this.maxS,hsv[1]))}this.channels.v=Math.max(0,this.minV,Math.min(100,this.maxV,hsv[2]));var rgb=jsc.HSV_RGB(this.channels.h,this.channels.s,this.channels.v);this.channels.r=rgb[0];this.channels.g=rgb[1];this.channels.b=rgb[2];this.exposeColor(flags);return true};this.fromHSV=function(h,s,v,flags){console.warn("fromHSV() method is DEPRECATED. Using fromHSVA() instead."+jsc.docsRef);return this.fromHSVA(h,s,v,null,flags)};this.fromRGB=function(r,g,b,flags){console.warn("fromRGB() method is DEPRECATED. Using fromRGBA() instead."+jsc.docsRef);return this.fromRGBA(r,g,b,null,flags)};this.fromString=function(str,flags){if(!this.required&&str.trim()===""){this.setPreviewElementBg(null);this.setValueElementValue("");return true}var color=jsc.parseColorString(str);if(!color){return false}if(this.format.toLowerCase()==="any"){this._setFormat(color.format);if(!jsc.isAlphaFormat(this.getFormat())){color.rgba[3]=1}}this.fromRGBA(color.rgba[0],color.rgba[1],color.rgba[2],color.rgba[3],flags);return true};this.randomize=function(minV,maxV,minS,maxS,minH,maxH,minA,maxA){if(minV===undefined){minV=0}if(maxV===undefined){maxV=100}if(minS===undefined){minS=0}if(maxS===undefined){maxS=100}if(minH===undefined){minH=0}if(maxH===undefined){maxH=359}if(minA===undefined){minA=1}if(maxA===undefined){maxA=1}this.fromHSVA(minH+Math.floor(Math.random()*(maxH-minH+1)),minS+Math.floor(Math.random()*(maxS-minS+1)),minV+Math.floor(Math.random()*(maxV-minV+1)),(100*minA+Math.floor(Math.random()*(100*(maxA-minA)+1)))/100)};this.toString=function(format){if(format===undefined){format=this.getFormat()}switch(format.toLowerCase()){case"hex":return this.toHEXString();break;case"hexa":return this.toHEXAString();break;case"rgb":return this.toRGBString();break;case"rgba":return this.toRGBAString();break}return false};this.toHEXString=function(){return jsc.hexColor(this.channels.r,this.channels.g,this.channels.b)};this.toHEXAString=function(){return jsc.hexaColor(this.channels.r,this.channels.g,this.channels.b,this.channels.a)};this.toRGBString=function(){return jsc.rgbColor(this.channels.r,this.channels.g,this.channels.b)};this.toRGBAString=function(){return jsc.rgbaColor(this.channels.r,this.channels.g,this.channels.b,this.channels.a)};this.toGrayscale=function(){return.213*this.channels.r+.715*this.channels.g+.072*this.channels.b};this.toCanvas=function(){return jsc.genColorPreviewCanvas(this.toRGBAString()).canvas};this.toDataURL=function(){return this.toCanvas().toDataURL()};this.toBackground=function(){return jsc.pub.background(this.toRGBAString())};this.isLight=function(){return this.toGrayscale()>255/2};this.hide=function(){if(isPickerOwner()){detachPicker()}};this.show=function(){drawPicker()};this.redraw=function(){if(isPickerOwner()){drawPicker()}};this.getFormat=function(){return this._currentFormat};this._setFormat=function(format){this._currentFormat=format.toLowerCase()};this.hasAlphaChannel=function(){if(this.alphaChannel==="auto"){return this.format.toLowerCase()==="any"||jsc.isAlphaFormat(this.getFormat())||this.alpha!==undefined||this.alphaElement!==undefined}return this.alphaChannel};this.processValueInput=function(str){if(!this.fromString(str)){this.exposeColor()}};this.processAlphaInput=function(str){if(!this.fromHSVA(null,null,null,parseFloat(str))){this.exposeColor()}};this.exposeColor=function(flags){var colorStr=this.toString();var fmt=this.getFormat();jsc.setDataAttr(this.targetElement,"current-color",colorStr);if(!(flags&jsc.flags.leaveValue)&&this.valueElement){if(fmt==="hex"||fmt==="hexa"){if(!this.uppercase){colorStr=colorStr.toLowerCase()}if(!this.hash){colorStr=colorStr.replace(/^#/,"")}}this.setValueElementValue(colorStr)}if(!(flags&jsc.flags.leaveAlpha)&&this.alphaElement){var alphaVal=Math.round(this.channels.a*100)/100;this.setAlphaElementValue(alphaVal)}if(!(flags&jsc.flags.leavePreview)&&this.previewElement){var previewPos=null;if(jsc.isTextInput(this.previewElement)||jsc.isButton(this.previewElement)&&!jsc.isButtonEmpty(this.previewElement)){previewPos=this.previewPosition}this.setPreviewElementBg(this.toRGBAString())}if(isPickerOwner()){redrawPad();redrawSld();redrawASld()}};this.setPreviewElementBg=function(color){if(!this.previewElement){return}var position=null;var width=null;if(jsc.isTextInput(this.previewElement)||jsc.isButton(this.previewElement)&&!jsc.isButtonEmpty(this.previewElement)){position=this.previewPosition;width=this.previewSize}var backgrounds=[];if(!color){backgrounds.push({image:"none",position:"left top",size:"auto",repeat:"no-repeat",origin:"padding-box"})}else{backgrounds.push({image:jsc.genColorPreviewGradient(color,position,width?width-jsc.pub.previewSeparator.length:null),position:"left top",size:"auto",repeat:position?"repeat-y":"repeat",origin:"padding-box"});var preview=jsc.genColorPreviewCanvas("rgba(0,0,0,0)",position?{left:"right",right:"left"}[position]:null,width,true);backgrounds.push({image:"url('"+preview.canvas.toDataURL()+"')",position:(position||"left")+" top",size:preview.width+"px "+preview.height+"px",repeat:position?"repeat-y":"repeat",origin:"padding-box"})}var bg={image:[],position:[],size:[],repeat:[],origin:[]};for(var i=0;i<backgrounds.length;i+=1){bg.image.push(backgrounds[i].image);bg.position.push(backgrounds[i].position);bg.size.push(backgrounds[i].size);bg.repeat.push(backgrounds[i].repeat);bg.origin.push(backgrounds[i].origin)}var sty={"background-image":bg.image.join(", "),"background-position":bg.position.join(", "),"background-size":bg.size.join(", "),"background-repeat":bg.repeat.join(", "),"background-origin":bg.origin.join(", ")};jsc.setStyle(this.previewElement,sty,this.forceStyle);var padding={left:null,right:null};if(position){padding[position]=this.previewSize+this.previewPadding+"px"}var sty={"padding-left":padding.left,"padding-right":padding.right};jsc.setStyle(this.previewElement,sty,this.forceStyle,true)};this.setValueElementValue=function(str){if(this.valueElement){if(jsc.nodeName(this.valueElement)==="input"){this.valueElement.value=str}else{this.valueElement.innerHTML=str}}};this.setAlphaElementValue=function(str){if(this.alphaElement){if(jsc.nodeName(this.alphaElement)==="input"){this.alphaElement.value=str}else{this.alphaElement.innerHTML=str}}};this._processParentElementsInDOM=function(){if(this._parentElementsProcessed){return}this._parentElementsProcessed=true;var elm=this.targetElement;do{var compStyle=jsc.getCompStyle(elm);if(compStyle.position&&compStyle.position.toLowerCase()==="fixed"){this.fixed=true}if(elm!==this.targetElement){if(!jsc.getData(elm,"hasScrollListener")){elm.addEventListener("scroll",jsc.onParentScroll,false);jsc.setData(elm,"hasScrollListener",true)}}}while((elm=elm.parentNode)&&jsc.nodeName(elm)!=="body")};this.tryHide=function(){if(this.hideOnLeave){this.hide()}};this.set__palette=function(val){this.palette=val;this._palette=jsc.parsePaletteValue(val);this._paletteHasTransparency=jsc.containsTranparentColor(this._palette)};function setOption(option,value){if(typeof option!=="string"){throw new Error("Invalid value for option name: "+option)}if(jsc.enumOpts.hasOwnProperty(option)){if(typeof value==="string"){value=value.toLowerCase()}if(jsc.enumOpts[option].indexOf(value)===-1){throw new Error("Option '"+option+"' has invalid value: "+value)}}if(jsc.deprecatedOpts.hasOwnProperty(option)){var oldOpt=option;var newOpt=jsc.deprecatedOpts[option];if(newOpt){console.warn("Option '%s' is DEPRECATED, using '%s' instead."+jsc.docsRef,oldOpt,newOpt);option=newOpt}else{throw new Error("Option '"+option+"' is DEPRECATED")}}var setter="set__"+option;if(typeof THIS[setter]==="function"){THIS[setter](value);return true}else if(option in THIS){THIS[option]=value;return true}throw new Error("Unrecognized configuration option: "+option)}function getOption(option){if(typeof option!=="string"){throw new Error("Invalid value for option name: "+option)}if(jsc.deprecatedOpts.hasOwnProperty(option)){var oldOpt=option;var newOpt=jsc.deprecatedOpts[option];if(newOpt){console.warn("Option '%s' is DEPRECATED, using '%s' instead."+jsc.docsRef,oldOpt,newOpt);option=newOpt}else{throw new Error("Option '"+option+"' is DEPRECATED")}}var getter="get__"+option;if(typeof THIS[getter]==="function"){return THIS[getter](value)}else if(option in THIS){return THIS[option]}throw new Error("Unrecognized configuration option: "+option)}function detachPicker(){jsc.removeClass(THIS.targetElement,jsc.pub.activeClassName);jsc.picker.wrap.parentNode.removeChild(jsc.picker.wrap);delete jsc.picker.owner}function drawPicker(){THIS._processParentElementsInDOM();if(!jsc.picker){jsc.picker={owner:null,wrap:jsc.createEl("div"),box:jsc.createEl("div"),boxS:jsc.createEl("div"),boxB:jsc.createEl("div"),pad:jsc.createEl("div"),padB:jsc.createEl("div"),padM:jsc.createEl("div"),padCanvas:jsc.createPadCanvas(),cross:jsc.createEl("div"),crossBY:jsc.createEl("div"),crossBX:jsc.createEl("div"),crossLY:jsc.createEl("div"),crossLX:jsc.createEl("div"),sld:jsc.createEl("div"),sldB:jsc.createEl("div"),sldM:jsc.createEl("div"),sldGrad:jsc.createSliderGradient(),sldPtrS:jsc.createEl("div"),sldPtrIB:jsc.createEl("div"),sldPtrMB:jsc.createEl("div"),sldPtrOB:jsc.createEl("div"),asld:jsc.createEl("div"),asldB:jsc.createEl("div"),asldM:jsc.createEl("div"),asldGrad:jsc.createASliderGradient(),asldPtrS:jsc.createEl("div"),asldPtrIB:jsc.createEl("div"),asldPtrMB:jsc.createEl("div"),asldPtrOB:jsc.createEl("div"),pal:jsc.createEl("div"),btn:jsc.createEl("div"),btnT:jsc.createEl("span")};jsc.picker.pad.appendChild(jsc.picker.padCanvas.elm);jsc.picker.padB.appendChild(jsc.picker.pad);jsc.picker.cross.appendChild(jsc.picker.crossBY);jsc.picker.cross.appendChild(jsc.picker.crossBX);jsc.picker.cross.appendChild(jsc.picker.crossLY);jsc.picker.cross.appendChild(jsc.picker.crossLX);jsc.picker.padB.appendChild(jsc.picker.cross);jsc.picker.box.appendChild(jsc.picker.padB);jsc.picker.box.appendChild(jsc.picker.padM);jsc.picker.sld.appendChild(jsc.picker.sldGrad.elm);jsc.picker.sldB.appendChild(jsc.picker.sld);jsc.picker.sldB.appendChild(jsc.picker.sldPtrOB);jsc.picker.sldPtrOB.appendChild(jsc.picker.sldPtrMB);jsc.picker.sldPtrMB.appendChild(jsc.picker.sldPtrIB);jsc.picker.sldPtrIB.appendChild(jsc.picker.sldPtrS);jsc.picker.box.appendChild(jsc.picker.sldB);jsc.picker.box.appendChild(jsc.picker.sldM);jsc.picker.asld.appendChild(jsc.picker.asldGrad.elm);jsc.picker.asldB.appendChild(jsc.picker.asld);jsc.picker.asldB.appendChild(jsc.picker.asldPtrOB);jsc.picker.asldPtrOB.appendChild(jsc.picker.asldPtrMB);jsc.picker.asldPtrMB.appendChild(jsc.picker.asldPtrIB);jsc.picker.asldPtrIB.appendChild(jsc.picker.asldPtrS);jsc.picker.box.appendChild(jsc.picker.asldB);jsc.picker.box.appendChild(jsc.picker.asldM);jsc.picker.box.appendChild(jsc.picker.pal);jsc.picker.btn.appendChild(jsc.picker.btnT);jsc.picker.box.appendChild(jsc.picker.btn);jsc.picker.boxB.appendChild(jsc.picker.box);jsc.picker.wrap.appendChild(jsc.picker.boxS);jsc.picker.wrap.appendChild(jsc.picker.boxB);jsc.picker.wrap.addEventListener("touchstart",jsc.onPickerTouchStart,jsc.isPassiveEventSupported?{passive:false}:false)}var p=jsc.picker;var displaySlider=!!jsc.getSliderChannel(THIS);var displayAlphaSlider=THIS.hasAlphaChannel();var pickerDims=jsc.getPickerDims(THIS);var crossOuterSize=2*THIS.pointerBorderWidth+THIS.pointerThickness+2*THIS.crossSize;var controlPadding=jsc.getControlPadding(THIS);var borderRadius=Math.min(THIS.borderRadius,Math.round(THIS.padding*Math.PI));var padCursor="crosshair";p.wrap.className="jscolor-picker-wrap";p.wrap.style.clear="both";p.wrap.style.width=pickerDims.borderW+"px";p.wrap.style.height=pickerDims.borderH+"px";p.wrap.style.zIndex=THIS.zIndex;p.box.className="jscolor-picker";p.box.style.width=pickerDims.paddedW+"px";p.box.style.height=pickerDims.paddedH+"px";p.box.style.position="relative";p.boxS.className="jscolor-picker-shadow";p.boxS.style.position="absolute";p.boxS.style.left="0";p.boxS.style.top="0";p.boxS.style.width="100%";p.boxS.style.height="100%";jsc.setBorderRadius(p.boxS,borderRadius+"px");p.boxB.className="jscolor-picker-border";p.boxB.style.position="relative";p.boxB.style.border=THIS.borderWidth+"px solid";p.boxB.style.borderColor=THIS.borderColor;p.boxB.style.background=THIS.backgroundColor;jsc.setBorderRadius(p.boxB,borderRadius+"px");p.padM.style.background="rgba(255,0,0,.2)";p.sldM.style.background="rgba(0,255,0,.2)";p.asldM.style.background="rgba(0,0,255,.2)";p.padM.style.opacity=p.sldM.style.opacity=p.asldM.style.opacity="0";p.pad.style.position="relative";p.pad.style.width=THIS.width+"px";p.pad.style.height=THIS.height+"px";p.padCanvas.draw(THIS.width,THIS.height,jsc.getPadYChannel(THIS));p.padB.style.position="absolute";p.padB.style.left=THIS.padding+"px";p.padB.style.top=THIS.padding+"px";p.padB.style.border=THIS.controlBorderWidth+"px solid";p.padB.style.borderColor=THIS.controlBorderColor;p.padM.style.position="absolute";p.padM.style.left=0+"px";p.padM.style.top=0+"px";p.padM.style.width=THIS.padding+2*THIS.controlBorderWidth+THIS.width+controlPadding+"px";p.padM.style.height=2*THIS.controlBorderWidth+2*THIS.padding+THIS.height+"px";p.padM.style.cursor=padCursor;jsc.setData(p.padM,{instance:THIS,control:"pad"});p.cross.style.position="absolute";p.cross.style.left=p.cross.style.top="0";p.cross.style.width=p.cross.style.height=crossOuterSize+"px";p.crossBY.style.position=p.crossBX.style.position="absolute";p.crossBY.style.background=p.crossBX.style.background=THIS.pointerBorderColor;p.crossBY.style.width=p.crossBX.style.height=2*THIS.pointerBorderWidth+THIS.pointerThickness+"px";p.crossBY.style.height=p.crossBX.style.width=crossOuterSize+"px";p.crossBY.style.left=p.crossBX.style.top=Math.floor(crossOuterSize/2)-Math.floor(THIS.pointerThickness/2)-THIS.pointerBorderWidth+"px";p.crossBY.style.top=p.crossBX.style.left="0";p.crossLY.style.position=p.crossLX.style.position="absolute";p.crossLY.style.background=p.crossLX.style.background=THIS.pointerColor;p.crossLY.style.height=p.crossLX.style.width=crossOuterSize-2*THIS.pointerBorderWidth+"px";p.crossLY.style.width=p.crossLX.style.height=THIS.pointerThickness+"px";p.crossLY.style.left=p.crossLX.style.top=Math.floor(crossOuterSize/2)-Math.floor(THIS.pointerThickness/2)+"px";p.crossLY.style.top=p.crossLX.style.left=THIS.pointerBorderWidth+"px";p.sld.style.overflow="hidden";p.sld.style.width=THIS.sliderSize+"px";p.sld.style.height=THIS.height+"px";p.sldGrad.draw(THIS.sliderSize,THIS.height,"#000","#000");p.sldB.style.display=displaySlider?"block":"none";p.sldB.style.position="absolute";p.sldB.style.left=THIS.padding+THIS.width+2*THIS.controlBorderWidth+2*controlPadding+"px";p.sldB.style.top=THIS.padding+"px";p.sldB.style.border=THIS.controlBorderWidth+"px solid";p.sldB.style.borderColor=THIS.controlBorderColor;p.sldM.style.display=displaySlider?"block":"none";p.sldM.style.position="absolute";p.sldM.style.left=THIS.padding+THIS.width+2*THIS.controlBorderWidth+controlPadding+"px";p.sldM.style.top=0+"px";p.sldM.style.width=THIS.sliderSize+2*controlPadding+2*THIS.controlBorderWidth+(displayAlphaSlider?0:Math.max(0,THIS.padding-controlPadding))+"px";p.sldM.style.height=2*THIS.controlBorderWidth+2*THIS.padding+THIS.height+"px";p.sldM.style.cursor="default";jsc.setData(p.sldM,{instance:THIS,control:"sld"});p.sldPtrIB.style.border=p.sldPtrOB.style.border=THIS.pointerBorderWidth+"px solid "+THIS.pointerBorderColor;p.sldPtrOB.style.position="absolute";p.sldPtrOB.style.left=-(2*THIS.pointerBorderWidth+THIS.pointerThickness)+"px";p.sldPtrOB.style.top="0";p.sldPtrMB.style.border=THIS.pointerThickness+"px solid "+THIS.pointerColor;p.sldPtrS.style.width=THIS.sliderSize+"px";p.sldPtrS.style.height=jsc.pub.sliderInnerSpace+"px";p.asld.style.overflow="hidden";p.asld.style.width=THIS.sliderSize+"px";p.asld.style.height=THIS.height+"px";p.asldGrad.draw(THIS.sliderSize,THIS.height,"#000");p.asldB.style.display=displayAlphaSlider?"block":"none";p.asldB.style.position="absolute";p.asldB.style.left=THIS.padding+THIS.width+2*THIS.controlBorderWidth+controlPadding+(displaySlider?THIS.sliderSize+3*controlPadding+2*THIS.controlBorderWidth:0)+"px";p.asldB.style.top=THIS.padding+"px";p.asldB.style.border=THIS.controlBorderWidth+"px solid";p.asldB.style.borderColor=THIS.controlBorderColor;p.asldM.style.display=displayAlphaSlider?"block":"none";p.asldM.style.position="absolute";p.asldM.style.left=THIS.padding+THIS.width+2*THIS.controlBorderWidth+controlPadding+(displaySlider?THIS.sliderSize+2*controlPadding+2*THIS.controlBorderWidth:0)+"px";p.asldM.style.top=0+"px";p.asldM.style.width=THIS.sliderSize+2*controlPadding+2*THIS.controlBorderWidth+Math.max(0,THIS.padding-controlPadding)+"px";p.asldM.style.height=2*THIS.controlBorderWidth+2*THIS.padding+THIS.height+"px";p.asldM.style.cursor="default";jsc.setData(p.asldM,{instance:THIS,control:"asld"});p.asldPtrIB.style.border=p.asldPtrOB.style.border=THIS.pointerBorderWidth+"px solid "+THIS.pointerBorderColor;p.asldPtrOB.style.position="absolute";p.asldPtrOB.style.left=-(2*THIS.pointerBorderWidth+THIS.pointerThickness)+"px";p.asldPtrOB.style.top="0";p.asldPtrMB.style.border=THIS.pointerThickness+"px solid "+THIS.pointerColor;p.asldPtrS.style.width=THIS.sliderSize+"px";p.asldPtrS.style.height=jsc.pub.sliderInnerSpace+"px";p.pal.className="jscolor-palette";p.pal.style.display=pickerDims.palette.rows?"block":"none";p.pal.style.position="absolute";p.pal.style.left=THIS.padding+"px";p.pal.style.top=2*THIS.controlBorderWidth+2*THIS.padding+THIS.height+"px";p.pal.innerHTML="";var chessboard=jsc.genColorPreviewCanvas("rgba(0,0,0,0)");var si=0;for(var r=0;r<pickerDims.palette.rows;r++){for(var c=0;c<pickerDims.palette.cols&&si<THIS._palette.length;c++,si++){var sampleColor=THIS._palette[si];var sampleCssColor=jsc.rgbaColor.apply(null,sampleColor.rgba);var sc=jsc.createEl("div");sc.style.width=pickerDims.palette.cellW-2*THIS.controlBorderWidth+"px";sc.style.height=pickerDims.palette.cellH-2*THIS.controlBorderWidth+"px";sc.style.backgroundColor=sampleCssColor;var sw=jsc.createEl("div");sw.className="jscolor-palette-sample";sw.style.display="block";sw.style.position="absolute";sw.style.left=(pickerDims.palette.cols<=1?0:Math.round(10*(c*((pickerDims.contentW-pickerDims.palette.cellW)/(pickerDims.palette.cols-1))))/10)+"px";sw.style.top=r*(pickerDims.palette.cellH+THIS.paletteSpacing)+"px";sw.style.border=THIS.controlBorderWidth+"px solid";sw.style.borderColor=THIS.controlBorderColor;sw.style.cursor="pointer";if(sampleColor.rgba[3]!==null&&sampleColor.rgba[3]<1){sw.style.backgroundImage="url('"+chessboard.canvas.toDataURL()+"')";sw.style.backgroundRepeat="repeat";sw.style.backgroundPosition="center center"}jsc.setData(sw,{instance:THIS,control:"palette-sample",color:sampleColor});sw.addEventListener("click",jsc.onPaletteSampleClick,false);sw.appendChild(sc);p.pal.appendChild(sw)}}function setBtnBorder(){var insetColors=THIS.controlBorderColor.split(/\s+/);var outsetColor=insetColors.length<2?insetColors[0]:insetColors[1]+" "+insetColors[0]+" "+insetColors[0]+" "+insetColors[1];p.btn.style.borderColor=outsetColor}var btnPadding=15;p.btn.className="jscolor-btn-close";p.btn.style.display=THIS.closeButton?"block":"none";p.btn.style.position="absolute";p.btn.style.left=THIS.padding+"px";p.btn.style.bottom=THIS.padding+"px";p.btn.style.padding="0 "+btnPadding+"px";p.btn.style.maxWidth=pickerDims.contentW-2*THIS.controlBorderWidth-2*btnPadding+"px";p.btn.style.overflow="hidden";p.btn.style.height=THIS.buttonHeight+"px";p.btn.style.whiteSpace="nowrap";p.btn.style.border=THIS.controlBorderWidth+"px solid";setBtnBorder();p.btn.style.color=THIS.buttonColor;p.btn.style.font="12px sans-serif";p.btn.style.textAlign="center";p.btn.style.cursor="pointer";p.btn.onmousedown=function(){THIS.hide()};p.btnT.style.lineHeight=THIS.buttonHeight+"px";p.btnT.innerHTML="";p.btnT.appendChild(window.document.createTextNode(THIS.closeText));redrawPad();redrawSld();redrawASld();if(jsc.picker.owner&&jsc.picker.owner!==THIS){jsc.removeClass(jsc.picker.owner.targetElement,jsc.pub.activeClassName)}jsc.picker.owner=THIS;if(THIS.container===window.document.body){jsc.redrawPosition()}else{jsc._drawPosition(THIS,0,0,"relative",false)}if(p.wrap.parentNode!==THIS.container){THIS.container.appendChild(p.wrap)}jsc.addClass(THIS.targetElement,jsc.pub.activeClassName)}function redrawPad(){var yChannel=jsc.getPadYChannel(THIS);var x=Math.round(THIS.channels.h/360*(THIS.width-1));var y=Math.round((1-THIS.channels[yChannel]/100)*(THIS.height-1));var crossOuterSize=2*THIS.pointerBorderWidth+THIS.pointerThickness+2*THIS.crossSize;var ofs=-Math.floor(crossOuterSize/2);jsc.picker.cross.style.left=x+ofs+"px";jsc.picker.cross.style.top=y+ofs+"px";switch(jsc.getSliderChannel(THIS)){case"s":var rgb1=jsc.HSV_RGB(THIS.channels.h,100,THIS.channels.v);var rgb2=jsc.HSV_RGB(THIS.channels.h,0,THIS.channels.v);var color1="rgb("+Math.round(rgb1[0])+","+Math.round(rgb1[1])+","+Math.round(rgb1[2])+")";var color2="rgb("+Math.round(rgb2[0])+","+Math.round(rgb2[1])+","+Math.round(rgb2[2])+")";jsc.picker.sldGrad.draw(THIS.sliderSize,THIS.height,color1,color2);break;case"v":var rgb=jsc.HSV_RGB(THIS.channels.h,THIS.channels.s,100);var color1="rgb("+Math.round(rgb[0])+","+Math.round(rgb[1])+","+Math.round(rgb[2])+")";var color2="#000";jsc.picker.sldGrad.draw(THIS.sliderSize,THIS.height,color1,color2);break}jsc.picker.asldGrad.draw(THIS.sliderSize,THIS.height,THIS.toHEXString())}function redrawSld(){var sldChannel=jsc.getSliderChannel(THIS);if(sldChannel){var y=Math.round((1-THIS.channels[sldChannel]/100)*(THIS.height-1));jsc.picker.sldPtrOB.style.top=y-(2*THIS.pointerBorderWidth+THIS.pointerThickness)-Math.floor(jsc.pub.sliderInnerSpace/2)+"px"}jsc.picker.asldGrad.draw(THIS.sliderSize,THIS.height,THIS.toHEXString())}function redrawASld(){var y=Math.round((1-THIS.channels.a)*(THIS.height-1));jsc.picker.asldPtrOB.style.top=y-(2*THIS.pointerBorderWidth+THIS.pointerThickness)-Math.floor(jsc.pub.sliderInnerSpace/2)+"px"}function isPickerOwner(){return jsc.picker&&jsc.picker.owner===THIS}function onValueKeyDown(ev){if(jsc.eventKey(ev)==="Enter"){if(THIS.valueElement){THIS.processValueInput(THIS.valueElement.value)}THIS.tryHide()}}function onAlphaKeyDown(ev){if(jsc.eventKey(ev)==="Enter"){if(THIS.alphaElement){THIS.processAlphaInput(THIS.alphaElement.value)}THIS.tryHide()}}function onValueChange(ev){if(jsc.getData(ev,"internal")){return}var oldVal=THIS.valueElement.value;THIS.processValueInput(THIS.valueElement.value);jsc.triggerCallback(THIS,"onChange");if(THIS.valueElement.value!==oldVal){jsc.triggerInputEvent(THIS.valueElement,"change",true,true)}}function onAlphaChange(ev){if(jsc.getData(ev,"internal")){return}var oldVal=THIS.alphaElement.value;THIS.processAlphaInput(THIS.alphaElement.value);jsc.triggerCallback(THIS,"onChange");jsc.triggerInputEvent(THIS.valueElement,"change",true,true);if(THIS.alphaElement.value!==oldVal){jsc.triggerInputEvent(THIS.alphaElement,"change",true,true)}}function onValueInput(ev){if(jsc.getData(ev,"internal")){return}if(THIS.valueElement){THIS.fromString(THIS.valueElement.value,jsc.flags.leaveValue)}jsc.triggerCallback(THIS,"onInput")}function onAlphaInput(ev){if(jsc.getData(ev,"internal")){return}if(THIS.alphaElement){THIS.fromHSVA(null,null,null,parseFloat(THIS.alphaElement.value),jsc.flags.leaveAlpha)}jsc.triggerCallback(THIS,"onInput");jsc.triggerInputEvent(THIS.valueElement,"input",true,true)}if(jsc.pub.options){for(var opt in jsc.pub.options){if(jsc.pub.options.hasOwnProperty(opt)){try{setOption(opt,jsc.pub.options[opt])}catch(e){console.warn(e)}}}}var presetsArr=[];if(opts.preset){if(typeof opts.preset==="string"){presetsArr=opts.preset.split(/\s+/)}else if(Array.isArray(opts.preset)){presetsArr=opts.preset.slice()}else{console.warn("Unrecognized preset value")}}if(presetsArr.indexOf("default")===-1){presetsArr.push("default")}for(var i=presetsArr.length-1;i>=0;i-=1){var pres=presetsArr[i];if(!pres){continue}if(!jsc.pub.presets.hasOwnProperty(pres)){console.warn("Unknown preset: %s",pres);continue}for(var opt in jsc.pub.presets[pres]){if(jsc.pub.presets[pres].hasOwnProperty(opt)){try{setOption(opt,jsc.pub.presets[pres][opt])}catch(e){console.warn(e)}}}}var nonProperties=["preset"];for(var opt in opts){if(opts.hasOwnProperty(opt)){if(nonProperties.indexOf(opt)===-1){try{setOption(opt,opts[opt])}catch(e){console.warn(e)}}}}if(this.container===undefined){this.container=window.document.body}else{this.container=jsc.node(this.container)}if(!this.container){throw new Error("Cannot instantiate color picker without a container element")}this.targetElement=jsc.node(targetElement);if(!this.targetElement){if(typeof targetElement==="string"&&/^[a-zA-Z][\w:.-]*$/.test(targetElement)){var possiblyId=targetElement;throw new Error("If '"+possiblyId+"' is supposed to be an ID, please use '#"+possiblyId+"' or any valid CSS selector.")}throw new Error("Cannot instantiate color picker without a target element")}if(this.targetElement.jscolor&&this.targetElement.jscolor instanceof jsc.pub){throw new Error("Color picker already installed on this element")}this.targetElement.jscolor=this;jsc.addClass(this.targetElement,jsc.pub.className);jsc.instances.push(this);if(jsc.isButton(this.targetElement)){if(this.targetElement.type.toLowerCase()!=="button"){this.targetElement.type="button"}if(jsc.isButtonEmpty(this.targetElement)){jsc.removeChildren(this.targetElement);this.targetElement.appendChild(window.document.createTextNode(" "));var compStyle=jsc.getCompStyle(this.targetElement);var currMinWidth=parseFloat(compStyle["min-width"])||0;if(currMinWidth<this.previewSize){jsc.setStyle(this.targetElement,{"min-width":this.previewSize+"px"},this.forceStyle)}}}if(this.valueElement===undefined){if(jsc.isTextInput(this.targetElement)){this.valueElement=this.targetElement}else{}}else if(this.valueElement===null){}else{this.valueElement=jsc.node(this.valueElement)}if(this.alphaElement){this.alphaElement=jsc.node(this.alphaElement)}if(this.previewElement===undefined){this.previewElement=this.targetElement}else if(this.previewElement===null){}else{this.previewElement=jsc.node(this.previewElement)}if(this.valueElement&&jsc.isTextInput(this.valueElement)){var valueElementOrigEvents={onInput:this.valueElement.oninput};this.valueElement.oninput=null;this.valueElement.addEventListener("keydown",onValueKeyDown,false);this.valueElement.addEventListener("change",onValueChange,false);this.valueElement.addEventListener("input",onValueInput,false);if(valueElementOrigEvents.onInput){this.valueElement.addEventListener("input",valueElementOrigEvents.onInput,false)}this.valueElement.setAttribute("autocomplete","off");this.valueElement.setAttribute("autocorrect","off");this.valueElement.setAttribute("autocapitalize","off");this.valueElement.setAttribute("spellcheck",false)}if(this.alphaElement&&jsc.isTextInput(this.alphaElement)){this.alphaElement.addEventListener("keydown",onAlphaKeyDown,false);this.alphaElement.addEventListener("change",onAlphaChange,false);this.alphaElement.addEventListener("input",onAlphaInput,false);this.alphaElement.setAttribute("autocomplete","off");this.alphaElement.setAttribute("autocorrect","off");this.alphaElement.setAttribute("autocapitalize","off");this.alphaElement.setAttribute("spellcheck",false)}var initValue="FFFFFF";if(this.value!==undefined){initValue=this.value}else if(this.valueElement&&this.valueElement.value!==undefined){initValue=this.valueElement.value}var initAlpha=undefined;if(this.alpha!==undefined){initAlpha=""+this.alpha}else if(this.alphaElement&&this.alphaElement.value!==undefined){initAlpha=this.alphaElement.value}this._currentFormat=null;if(["auto","any"].indexOf(this.format.toLowerCase())>-1){var color=jsc.parseColorString(initValue);this._currentFormat=color?color.format:"hex"}else{this._currentFormat=this.format.toLowerCase()}this.processValueInput(initValue);if(initAlpha!==undefined){this.processAlphaInput(initAlpha)}if(this.random){this.randomize.apply(this,Array.isArray(this.random)?this.random:[])}}};jsc.pub.className="jscolor";jsc.pub.activeClassName="jscolor-active";jsc.pub.looseJSON=true;jsc.pub.presets={};jsc.pub.presets["default"]={};jsc.pub.presets["light"]={backgroundColor:"rgba(255,255,255,1)",controlBorderColor:"rgba(187,187,187,1)",buttonColor:"rgba(0,0,0,1)"};jsc.pub.presets["dark"]={backgroundColor:"rgba(51,51,51,1)",controlBorderColor:"rgba(153,153,153,1)",buttonColor:"rgba(240,240,240,1)"};jsc.pub.presets["small"]={width:101,height:101,padding:10,sliderSize:14,paletteCols:8};jsc.pub.presets["medium"]={width:181,height:101,padding:12,sliderSize:16,paletteCols:10};jsc.pub.presets["large"]={width:271,height:151,padding:12,sliderSize:24,paletteCols:15};jsc.pub.presets["thin"]={borderWidth:1,controlBorderWidth:1,pointerBorderWidth:1};jsc.pub.presets["thick"]={borderWidth:2,controlBorderWidth:2,pointerBorderWidth:2};jsc.pub.sliderInnerSpace=3;jsc.pub.chessboardSize=8;jsc.pub.chessboardColor1="#666666";jsc.pub.chessboardColor2="#999999";jsc.pub.previewSeparator=["rgba(255,255,255,.65)","rgba(128,128,128,.65)"];jsc.pub.init=function(){if(jsc.initialized){return}window.document.addEventListener("mousedown",jsc.onDocumentMouseDown,false);window.document.addEventListener("keyup",jsc.onDocumentKeyUp,false);window.addEventListener("resize",jsc.onWindowResize,false);window.addEventListener("scroll",jsc.onWindowScroll,false);jsc.pub.install();jsc.initialized=true;while(jsc.readyQueue.length){var func=jsc.readyQueue.shift();func()}};jsc.pub.install=function(rootNode){var success=true;try{jsc.installBySelector("[data-jscolor]",rootNode)}catch(e){success=false;console.warn(e)}if(jsc.pub.lookupClass){try{jsc.installBySelector("input."+jsc.pub.lookupClass+", "+"button."+jsc.pub.lookupClass,rootNode)}catch(e){}}return success};jsc.pub.ready=function(func){if(typeof func!=="function"){console.warn("Passed value is not a function");return false}if(jsc.initialized){func()}else{jsc.readyQueue.push(func)}return true};jsc.pub.trigger=function(eventNames){var triggerNow=function(){jsc.triggerGlobal(eventNames)};if(jsc.initialized){triggerNow()}else{jsc.pub.ready(triggerNow)}};jsc.pub.hide=function(){if(jsc.picker&&jsc.picker.owner){jsc.picker.owner.hide()}};jsc.pub.chessboard=function(color){if(!color){color="rgba(0,0,0,0)"}var preview=jsc.genColorPreviewCanvas(color);return preview.canvas.toDataURL()};jsc.pub.background=function(color){var backgrounds=[];backgrounds.push(jsc.genColorPreviewGradient(color));var preview=jsc.genColorPreviewCanvas();backgrounds.push(["url('"+preview.canvas.toDataURL()+"')","left top","repeat"].join(" "));return backgrounds.join(", ")};jsc.pub.options={};jsc.pub.lookupClass="jscolor";jsc.pub.installByClassName=function(){console.error('jscolor.installByClassName() is DEPRECATED. Use data-jscolor="" attribute instead of a class name.'+jsc.docsRef);return false};jsc.register();return jsc.pub}();if(typeof window.jscolor==="undefined"){window.jscolor=window.JSColor=jscolor}return jscolor});