diff --git a/README.md b/README.md
index 7efcd85..a973ed0 100755
--- a/README.md
+++ b/README.md
@@ -68,6 +68,7 @@ RewriteRule config/(.*).(php)$ – [F]
 
 * 2021-11-17 v2.4.3
 - 增加登录验证码
+- 修复粘贴上传不显示删除连接
 
 * 2021-11-14 v2.4.2
 - 增加上传日志
diff --git a/admin/zui.chart.php b/admin/zui.chart.php
index e3da374..df2339a 100755
--- a/admin/zui.chart.php
+++ b/admin/zui.chart.php
@@ -108,9 +108,9 @@ if (is_array($char_data)) {
         <canvas id="myChart" width="1080" height="200"></canvas>
     </div>
 </div>
-<script src="<?php static_cdn(); ?>/public/static/zui/lib/chart/zui.chart.min.js"></script>
+<script src="https://cdn.jsdelivr.net/gh/icret/EasyImages2.0@2.4.0/public/static/zui/lib/chart/zui.chart.min.js"></script>
 <!--[if lt IE 9]>
-  <script src="<?php static_cdn(); ?>/public/static/zui/lib/chart/excanvas.js"></script>
+  <script src="https://cdn.jsdelivr.net/gh/icret/EasyImages2.0@2.4.0/public/static/zui/lib/chart/excanvas.js"></script>
 <![endif]-->
 <script>
     // 文件统计-柱状图
diff --git a/application/header.php b/application/header.php
index b63efe7..d0d2e76 100755
--- a/application/header.php
+++ b/application/header.php
@@ -21,9 +21,7 @@ require_once APP_ROOT . '/application/total_files.php';
 	<link href="<?php static_cdn(); ?>/public/static/nprogress.min.css?v0.2.0" rel="stylesheet">
 	<script src="<?php static_cdn(); ?>/public/static/zui/lib/jquery/jquery-3.4.1.min.js?v3.4.1"></script>
 	<script src="<?php static_cdn(); ?>/public/static/zui/js/zui.min.js?v1.9.2"></script>
-	<script src="<?php static_cdn(); ?>/public/static/zui/lib/uploader/zui.uploader.min.js?v1.9.2"></script>
 	<script src="<?php static_cdn(); ?>/public/static/qrcode.min.js?v2.0"></script>
-	<script src="<?php static_cdn(); ?>/public/static/hm.js"></script>
 	<script src="<?php static_cdn(); ?>/public/static/zui/lib/clipboard/clipboard.min.js?vv1.5.5"></script>
 	<script src="<?php static_cdn(); ?>/public/static/nprogress.min.js"></script>
 	<style>
diff --git a/application/logs-write.php b/application/logs-write.php
index 1913600..b531911 100755
--- a/application/logs-write.php
+++ b/application/logs-write.php
@@ -53,9 +53,9 @@ function real_ip()
 
 /**
  * 写日志
- * 日志格式：图片名称->上传时间（北京时间）->IP地址->浏览器信息->文件相对路径->cache文件相对路径
+ * 日志格式：图片名称->上传时间（Asia/Shanghai）->IP地址->浏览器信息->文件相对路径->图片的MD5
  */
-function write_log($file, $cacheFile = null)
+function write_log($file, $imgMD5)
 {
     $name = trim(basename($file), " \t\n\r\0\x0B");  // 图片名称
     $log = array($name => array(
@@ -63,7 +63,7 @@ function write_log($file, $cacheFile = null)
         'ip' => real_ip(),                           // 上传ip
         'user_agent' => $_SERVER['HTTP_USER_AGENT'], //浏览器信息
         'path' => $file,                             // 文件相对路径
-        'cache' => $cacheFile,                       // 文件缓存相对位置
+        'md5' => $imgMD5,                       // 文件缓存相对位置
     ));
 
     $logFileName = APP_ROOT . '/admin/logs/upload/' . date('Y-m') . '.php';
@@ -74,8 +74,8 @@ function write_log($file, $cacheFile = null)
     }
 
     // 写入禁止浏览器直接访问
-    if (!is_file($logFileName)){
-        $php_code = '<?php exit;?>';
+    if (filesize($logFileName)==0){
+        $php_code = '<?php /** {图片名称{date:上传日期(Asia/Shanghai),ip:上传者IP,user_agent:上传者浏览器信息,path:图片相对路径,md5:图片的MD5}} */ exit;?>';
         file_put_contents($logFileName, $php_code);
     }
 
diff --git a/config/config.php b/config/config.php
index 8183177..e0a08b6 100755
--- a/config/config.php
+++ b/config/config.php
@@ -1,52 +1,52 @@
 <?php
-$config=Array
-	(
-	'title'=>'简单图床 - EasyImage',
-	'keywords'=>'简单图床,easyimage,无数据库图床,PHP多图长传程序,自适应页面,HTML5,markdown,bbscode,一键复制',
-	'description'=>'简单图床EasyImage是一款支持多文件上传的无数据库图床,可以完美替代PHP多图上传程序，最新html5自适应页面兼容手机电脑，上传后返回图片直链，markdown图片，论坛贴图bbscode链接，简单方便支持一键复制，支持多域名，api上传。',
-	'tips'=>'本站仅做演示用,不定时清理图片，单文件≤5M，每次上传≤30张',
-	'domain'=>'http://localhost',
-	'imgurl'=>'http://localhost',
-	'password'=>'admin@123',
-	'mustLogin'=>0,
-	'apiStatus'=>0,
-	'path'=>'/i/',
-	'imgName'=>'default',
-	'maxSize'=>5242880,
-	'maxUploadFiles'=>30,
-	'watermark'=>0,
-	'waterText'=>'简单图床 - img.545141.com',
-	'waterPosition'=>0,
-	'textColor'=>'255,0,0,1',
-	'textSize'=>16,
-	'textFont'=>'/public/static/hkxzy.ttf',
-	'waterImg'=>'/public/images/watermark.png',
-	'extensions'=>'bmp,jpg,png,tif,gif,pcx,tga,svg,webp,jpeg,tga,svg,ico',
-	'compress'=>0,
-	'imgConvert'=>'',
-	'maxWidth'=>10240,
-	'maxHeight'=>10240,
-	'minWidth'=>5,
-	'minHeight'=>5,
-	'imgRatio'=>0,
-	'image_x'=>1000,
-	'image_y'=>800,
-	'static_cdn'=>0,
-	'static_cdn_url'=>'https://cdn.jsdelivr.net/gh/icret/EasyImages2.0',
-	'ad_top'=>0,
+$config=Array
+	(
+	'title'=>'简单图床 - EasyImage',
+	'keywords'=>'简单图床,easyimage,无数据库图床,PHP多图长传程序,自适应页面,HTML5,markdown,bbscode,一键复制',
+	'description'=>'简单图床EasyImage是一款支持多文件上传的无数据库图床,可以完美替代PHP多图上传程序，最新html5自适应页面兼容手机电脑，上传后返回图片直链，markdown图片，论坛贴图bbscode链接，简单方便支持一键复制，支持多域名，api上传。',
+	'tips'=>'本站仅做演示用,不定时清理图片，单文件≤5M，每次上传≤30张',
+	'domain'=>'http://localhost',
+	'imgurl'=>'http://localhost',
+	'password'=>'admin@123',
+	'mustLogin'=>0,
+	'apiStatus'=>0,
+	'path'=>'/i/',
+	'imgName'=>'default',
+	'maxSize'=>5242880,
+	'maxUploadFiles'=>30,
+	'watermark'=>0,
+	'waterText'=>'简单图床 - img.545141.com',
+	'waterPosition'=>0,
+	'textColor'=>'255,0,0,1',
+	'textSize'=>16,
+	'textFont'=>'/public/static/hkxzy.ttf',
+	'waterImg'=>'/public/images/watermark.png',
+	'extensions'=>'bmp,jpg,png,tif,gif,pcx,tga,svg,webp,jpeg,tga,svg,ico',
+	'compress'=>0,
+	'imgConvert'=>'',
+	'maxWidth'=>10240,
+	'maxHeight'=>10240,
+	'minWidth'=>5,
+	'minHeight'=>5,
+	'imgRatio'=>0,
+	'image_x'=>1000,
+	'image_y'=>800,
+	'static_cdn'=>0,
+	'static_cdn_url'=>'https://cdn.jsdelivr.net/gh/icret/EasyImages2.0',
+	'ad_top'=>0,
 	'ad_top_info'=>'  <div id="ad" class="col-md-12" align="center" style="padding:5px;">
     <!--广告 按照这个范例替换相应链接，如果想多几个广告，就多复制几个-->
     <a href="https://app.cloudcone.com/?ref=3521" target="_blank"><img src="/public/images/ad.jpg" /></a>
   </div>
-  ',
-	'ad_bot'=>0,
+  ',
+	'ad_bot'=>0,
 	'ad_bot_info'=>'  <div id="ad" class="col-md-12" align="center" style="padding:5px;">
       <!--广告 按照这个范例替换相应链接，如果想多几个广告，就多复制几个-->
       <a href="https://app.cloudcone.com/?ref=3521" target="_blank"><img src="/public/images/ad.jpg" /></a>
   </div>
-  ',
-	'showSwitch'=>1,
-	'listNumber'=>20,
+  ',
+	'showSwitch'=>1,
+	'listNumber'=>20,
 	'customize'=>'    <!-- 统计代码-->
     <script>
     var _hmt = _hmt || [];
@@ -70,16 +70,16 @@ $config=Array
         <i class="icon icon-qq">加入QQ群</i>
     </a>
     <a target="_blank" href="/master.zip"><i class="icon icon-download-alt">下载源码</i></a>
- --> ',
-	'checkEnv'=>1,
-	'checkImg'=>0,
-	'checkImg_value'=>50,
-	'upload_logs'=>1,
-	'cache_freq'=>2,
-	'version'=>'2.4.3',
-	'form'=>'',
-	'TinyImag_key'=>'',
-	'moderatecontent_key'=>'',
+ --> ',
+	'checkEnv'=>1,
+	'checkImg'=>0,
+	'checkImg_value'=>50,
+	'upload_logs'=>1,
+	'cache_freq'=>2,
+	'version'=>'2.4.3',
+	'form'=>'',
+	'TinyImag_key'=>'',
+	'moderatecontent_key'=>'',
 	'footer'=>'<a href="/admin/terms.php" target="_blank">请勿上传违反中国政策的图片</a>
   <i class="icon icon-smile"></i> <br/>
 
@@ -88,5 +88,5 @@ Copyright © 2018-2021
 <a href="https://www.545141.com/902.html" target="_blank"> Icret</a> Version:
 <a href="https://github.com/icret/EasyImages2.0" target="_blank"> 2.4.0</a>
 <a href="/admin/terms.php" target="_blank"> DMCA</a>
-'
+'
 	);
\ No newline at end of file
diff --git a/file.php b/file.php
index 2a3f4af..6f7e7ba 100755
--- a/file.php
+++ b/file.php
@@ -117,15 +117,14 @@ if ($handle->uploaded) {
             flush();
         }
     }
-
-    unset($handle);
-
     // 上传日志控制
     if ($config['upload_logs'] == true) {
         require_once APP_ROOT . '/application/logs-write.php';
-        @write_log($imageUrl);
+        @write_log(config_path() . $handle->file_dst_name,md5_file(APP_ROOT.config_path() . $handle->file_dst_name));
     }
 
+    unset($handle);
+
     // 图片违规检查
     if ($config['checkImg']) {
         require_once APP_ROOT . '/config/api_key.php';
diff --git a/index.php b/index.php
index bb8d404..7cb329b 100755
--- a/index.php
+++ b/index.php
@@ -77,8 +77,9 @@ mustLogin();
 </div>
 </div>
 </table>
-<script src="<?php static_cdn();?>/public/static/paste.js"></script>
-<script src="<?php static_cdn();?>/public/static/copy_btn.js"></script>
+
+<script src="<?php static_cdn();?>/public/static/EasyImage.js"></script>
+<script src="<?php static_cdn(); ?>/public/static/zui/lib/uploader/zui.uploader.min.js?v1.9.2"></script>
 <script>
   $('#upShowID').uploader({
     // 自动上传
diff --git a/public/static/EasyImage.js b/public/static/EasyImage.js
new file mode 100755
index 0000000..c633f1b
--- /dev/null
+++ b/public/static/EasyImage.js
@@ -0,0 +1,212 @@
+/**
+ * 来自于copy_btn.js paste.js合并
+ * 简单图床-复制
+ */
+var copyBtn = document.getElementsByClassName('copyBtn1')[0];
+copyBtn.onclick = function () {
+    var copyVal = document.getElementById("links");
+    copyVal.select();
+    try {
+        if (document.execCommand('copy', false, null)) {
+            //success info
+            console.log("复制成功");
+        } else {
+            //fail info
+            alert("复制失败");
+        }
+    } catch (err) {
+        //fail info
+        alert(err);
+    }
+}
+
+var copyBtn = document.getElementsByClassName('copyBtn2')[0];
+copyBtn.onclick = function () {
+    var copyVal = document.getElementById("bbscode");
+    copyVal.select();
+    try {
+        if (document.execCommand('copy', false, null)) {
+            //success info
+            console.log("复制成功");
+        } else {
+            //fail info
+            alert("复制失败");
+        }
+    } catch (err) {
+        //fail info
+        alert(err);
+    }
+}
+
+var copyBtn = document.getElementsByClassName('copyBtn3')[0];
+copyBtn.onclick = function () {
+    var copyVal = document.getElementById("markdown");
+    copyVal.select();
+    try {
+        if (document.execCommand('copy', false, null)) {
+            //success info
+            console.log("复制成功");
+        } else {
+            //fail info
+            alert("复制失败");
+        }
+    } catch (err) {
+        //fail info
+        alert(err);
+    }
+}
+
+var copyBtn = document.getElementsByClassName('copyBtn4')[0];
+copyBtn.onclick = function () {
+    var copyVal = document.getElementById("html");
+    copyVal.select();
+    try {
+        if (document.execCommand('copy', false, null)) {
+            //success info
+            console.log("复制成功");
+        } else {
+            //fail info
+            alert("复制失败");
+        }
+    } catch (err) {
+        //fail info
+        alert(err);
+    }
+}
+
+var copyBtn = document.getElementsByClassName('copyBtn5')[0];
+copyBtn.onclick = function () {
+    var copyVal = document.getElementById("del");
+    copyVal.select();
+    try {
+        if (document.execCommand('copy', false, null)) {
+            //success info
+            console.log("复制成功");
+        } else {
+            //fail info
+            alert("复制失败");
+        }
+    } catch (err) {
+        //fail info
+        alert(err);
+    }
+}
+
+// btn状态
+$('#btnLinks').on('click', function () {
+    var $btn = $(this);
+    $btn.button('loading');
+
+    // 此处使用 setTimeout 来模拟你的复杂功能逻辑
+    setTimeout(function () {
+        $btn.button('reset');
+    }, 2000);
+});
+
+$('#btnBbscode').on('click', function () {
+    var $btn = $(this);
+    $btn.button('loading');
+
+    // 此处使用 setTimeout 来模拟你的复杂功能逻辑
+    setTimeout(function () {
+        $btn.button('reset');
+    }, 2000);
+});
+
+$('#btnMarkDown').on('click', function () {
+    var $btn = $(this);
+    $btn.button('loading');
+
+    // 此处使用 setTimeout 来模拟你的复杂功能逻辑
+    setTimeout(function () {
+        $btn.button('reset');
+    }, 2000);
+});
+
+$('#btnHtml').on('click', function () {
+    var $btn = $(this);
+    $btn.button('loading');
+    // 此处使用 setTimeout 来模拟你的复杂功能逻辑
+    setTimeout(function () {
+        $btn.button('reset');
+    }, 2000);
+});
+
+$('#btndel').on('click', function () {
+    var $btn = $(this);
+    $btn.button('loading');
+
+    // 此处使用 setTimeout 来模拟你的复杂功能逻辑
+    setTimeout(function () {
+        $btn.button('reset');
+    }, 2000);
+});
+
+/****************************************************************
+* 复制、截图 简单图床修改版
+*/
+(function () {
+    document.addEventListener('paste', function (e) {
+        var items = ((e.clipboardData || window.clipboardData).items) || [];
+        var file = null;
+
+        if (items && items.length) {
+            for (var i = 0; i < items.length; i++) {
+                if (items[i].type.indexOf('image') !== -1) {
+                    file = items[i].getAsFile();
+                    break;
+                }
+            }
+        }
+
+        if (!file) {
+            alert('粘贴内容非图片！');
+            return;
+        }
+        var formData = new FormData();
+        formData.append('file', file);
+
+        var xhr = new XMLHttpRequest();
+        xhr.onload = function () {
+            try {
+                var result = JSON.parse(this.responseText);
+                if (result.result === 'success') {
+                    var links = document.getElementById("links");
+                    links.innerHTML += result.url + "\n";
+
+                    var bbscode = document.getElementById("bbscode");
+                    bbscode.innerHTML += "[img]" + result.url + "[/img]\n";
+
+                    var markdown = document.getElementById("markdown");
+                    markdown.innerHTML += "![](" + result.url + ")\n";
+
+                    var html = document.getElementById("html");
+                    html.innerHTML += "&lt;img src=\"" + result.url + "\" /&#62;\n";
+
+                    var del = document.getElementById("del");
+                    del.innerHTML += result.del + "\n";
+
+                } else {
+                    alert('上传失败1');
+                }
+            } catch (e) {
+                alert('上传失败2');
+            }
+        };
+        xhr.onerror = function () {
+            alert('上传失败3');
+        };
+        xhr.open('POST', './file.php', true);
+        xhr.send(formData);
+    });
+})();
+/****************************************************************
+* 百度统计
+*/
+var _hmt = _hmt || [];
+(function () {
+    var hm = document.createElement("script");
+    hm.src = "https://hm.baidu.com/hm.js?5320b69f4f1caa9328dfada73c8e6a75";
+    var s = document.getElementsByTagName("script")[0];
+    s.parentNode.insertBefore(hm, s);
+})();
\ No newline at end of file
diff --git a/public/static/copy_btn.js b/public/static/copy_btn.js
deleted file mode 100755
index fc42b4f..0000000
--- a/public/static/copy_btn.js
+++ /dev/null
@@ -1,141 +0,0 @@
-var copyBtn = document.getElementsByClassName('copyBtn1')[0];
-copyBtn.onclick = function () {
-  var copyVal = document.getElementById("links");
-  copyVal.select();
-  try {
-    if (document.execCommand('copy', false, null)) {
-      //success info
-      console.log("复制成功");
-    } else {
-      //fail info
-      alert("复制失败");
-    }
-  } catch (err) {
-    //fail info
-    alert(err);
-  }
-}
-
-var copyBtn = document.getElementsByClassName('copyBtn2')[0];
-copyBtn.onclick = function () {
-  var copyVal = document.getElementById("bbscode");
-  copyVal.select();
-  try {
-    if (document.execCommand('copy', false, null)) {
-      //success info
-      console.log("复制成功");
-    } else {
-      //fail info
-      alert("复制失败");
-    }
-  } catch (err) {
-    //fail info
-    alert(err);
-  }
-}
-
-var copyBtn = document.getElementsByClassName('copyBtn3')[0];
-copyBtn.onclick = function () {
-  var copyVal = document.getElementById("markdown");
-  copyVal.select();
-  try {
-    if (document.execCommand('copy', false, null)) {
-      //success info
-      console.log("复制成功");
-    } else {
-      //fail info
-      alert("复制失败");
-    }
-  } catch (err) {
-    //fail info
-    alert(err);
-  }
-}
-
-var copyBtn = document.getElementsByClassName('copyBtn4')[0];
-copyBtn.onclick = function () {
-  var copyVal = document.getElementById("html");
-  copyVal.select();
-  try {
-    if (document.execCommand('copy', false, null)) {
-      //success info
-      console.log("复制成功");
-    } else {
-      //fail info
-      alert("复制失败");
-    }
-  } catch (err) {
-    //fail info
-    alert(err);
-  }
-}
-
-var copyBtn = document.getElementsByClassName('copyBtn5')[0];
-copyBtn.onclick = function () {
-  var copyVal = document.getElementById("del");
-  copyVal.select();
-  try {
-    if (document.execCommand('copy', false, null)) {
-      //success info
-      console.log("复制成功");
-    } else {
-      //fail info
-      alert("复制失败");
-    }
-  } catch (err) {
-    //fail info
-    alert(err);
-  }
-}
-
-
-// btn状态
-$('#btnLinks').on('click', function () {
-  var $btn = $(this);
-  $btn.button('loading');
-
-  // 此处使用 setTimeout 来模拟你的复杂功能逻辑
-  setTimeout(function () {
-    $btn.button('reset');
-  }, 2000);
-});
-
-$('#btnBbscode').on('click', function () {
-  var $btn = $(this);
-  $btn.button('loading');
-
-  // 此处使用 setTimeout 来模拟你的复杂功能逻辑
-  setTimeout(function () {
-    $btn.button('reset');
-  }, 2000);
-});
-
-$('#btnMarkDown').on('click', function () {
-  var $btn = $(this);
-  $btn.button('loading');
-
-  // 此处使用 setTimeout 来模拟你的复杂功能逻辑
-  setTimeout(function () {
-    $btn.button('reset');
-  }, 2000);
-});
-
-$('#btnHtml').on('click', function () {
-  var $btn = $(this);
-  $btn.button('loading');
-
-  // 此处使用 setTimeout 来模拟你的复杂功能逻辑
-  setTimeout(function () {
-    $btn.button('reset');
-  }, 2000);
-});
-
-$('#btndel').on('click', function () {
-  var $btn = $(this);
-  $btn.button('loading');
-
-  // 此处使用 setTimeout 来模拟你的复杂功能逻辑
-  setTimeout(function () {
-    $btn.button('reset');
-  }, 2000);
-});
\ No newline at end of file
diff --git a/public/static/hm.js b/public/static/hm.js
deleted file mode 100755
index b92e683..0000000
--- a/public/static/hm.js
+++ /dev/null
@@ -1,7 +0,0 @@
-var _hmt = _hmt || [];
-(function() {
-  var hm = document.createElement("script");
-  hm.src = "https://hm.baidu.com/hm.js?5320b69f4f1caa9328dfada73c8e6a75";
-  var s = document.getElementsByTagName("script")[0]; 
-  s.parentNode.insertBefore(hm, s);
-})();
\ No newline at end of file
diff --git a/public/static/jscolor.js b/public/static/jscolor.js
index b614640..9d9c68a 100755
--- a/public/static/jscolor.js
+++ b/public/static/jscolor.js
@@ -1,3548 +1,2 @@
-/**
- * jscolor - JavaScript Color Picker
- *
- * @link    http://jscolor.com
- * @license For open source use: GPLv3
- *          For commercial use: JSColor Commercial License
- * @author  Jan Odvarko - East Desire
- * @version 2.4.6
- *
- * See usage examples at http://jscolor.com/examples/
- */
-
-
-(function (global, factory) {
-
-	'use strict';
-
-	if (typeof module === 'object' && typeof module.exports === 'object') {
-		// Export jscolor as a module
-		module.exports = global.document ?
-			factory (global) :
-			function (win) {
-				if (!win.document) {
-					throw new Error('jscolor needs a window with document');
-				}
-				return factory(win);
-			}
-		return;
-	}
-
-	// Default use (no module export)
-	factory(global);
-
-})(typeof window !== 'undefined' ? window : this, function (window) { // BEGIN factory
-
-// BEGIN jscolor code
-
-
-'use strict';
-
-
-var jscolor = (function () { // BEGIN jscolor
-
-var jsc = {
-
-
-	initialized : false,
-
-	instances : [], // created instances of jscolor
-
-	readyQueue : [], // functions waiting to be called after init
-
-
-	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);
-
-		// for backward compatibility with DEPRECATED installation/configuration using className
-		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; // jscolor already installed on this element
-			}
-
-			if (elms[i].type !== undefined && elms[i].type.toLowerCase() == 'color' && jsc.isColorAttrSupported) {
-				continue; // skips inputs of type 'color' if supported by the browser
-			}
-
-			var dataOpts, m;
-
-			if (
-				(dataOpts = jsc.getDataAttr(elms[i], 'jscolor')) !== null ||
-				(elms[i].className && (m = elms[i].className.match(matchClass))) // installation using className (DEPRECATED)
-			) {
-				var targetElm = elms[i];
-
-				var optsStr = '';
-				if (dataOpts !== null) {
-					optsStr = dataOpts;
-
-				} else if (m) { // installation using className (DEPRECATED)
-					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 {
-				// loose JSON syntax is enabled -> try to evaluate the options string as JavaScript object
-				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 the targetElement still exists, the instance is considered "alive"
-			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') {
-			// query selector
-			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)) {
-			// DOM node
-			return nodeOrSelector;
-		}
-
-		console.warn('Invalid node of type %s: %s', typeof nodeOrSelector, nodeOrSelector);
-		return null;
-	},
-
-
-	// See https://stackoverflow.com/questions/384286/
-	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; // could not determine element's text
-	},
-
-
-	// See https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md
-	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',
-
-
-	// usage:
-	//   setData(obj, prop, value)
-	//   setData(obj, {prop:value, ...})
-	//
-	setData : function () {
-		var obj = arguments[0];
-
-		if (arguments.length === 3) {
-			// setting a single property
-			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') {
-			// setting multiple properties
-			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');
-	},
-
-
-	// usage:
-	//   removeData(obj, prop, [prop...])
-	//
-	removeData : function () {
-		var obj = arguments[0];
-		if (!obj.hasOwnProperty(jsc.dataProp)) {
-			return true; // data object does not exist
-		}
-		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)) {
-			// data object does not exist
-			if (setDefault !== undefined) {
-				obj[jsc.dataProp] = {}; // create data object
-			} else {
-				return undefined; // no value to return
-			}
-		}
-		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;
-	},
-
-
-	captureTarget : function (target) {
-		// IE
-		if (target.setCapture) {
-			jsc._capturedTarget = target;
-			jsc._capturedTarget.setCapture();
-		}
-	},
-
-
-	releaseTarget : function () {
-		// IE
-		if (jsc._capturedTarget) {
-			jsc._capturedTarget.releaseCapture();
-			jsc._capturedTarget = null;
-		}
-	},
-
-
-	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 {
-			// IE
-			ev = window.document.createEvent('Event');
-			ev.initEvent(eventName, bubbles, cancelable);
-		}
-
-		if (!ev) {
-			return false;
-		}
-
-		// so that we know that the event was triggered internally
-		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+/);
-	},
-
-
-	// The className parameter (str) can only contain a single class name
-	hasClass : function (elm, className) {
-		if (!className) {
-			return false;
-		}
-		if (elm.classList !== undefined) {
-			return elm.classList.contains(className);
-		}
-		// polyfill
-		return -1 != (' ' + elm.className.replace(/\s+/g, ' ') + ' ').indexOf(' ' + className + ' ');
-	},
-
-
-	// The className parameter (str) can contain multiple class names separated by whitespace
-	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;
-		}
-		// polyfill
-		for (var i = 0; i < classNames.length; i += 1) {
-			if (!jsc.hasClass(elm, classNames[i])) {
-				elm.className += (elm.className ? ' ' : '') + classNames[i];
-			}
-		}
-	},
-
-
-	// The className parameter (str) can contain multiple class names separated by whitespace
-	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;
-		}
-		// polyfill
-		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;
-
-		// Note: In Firefox, getComputedStyle returns null in a hidden iframe,
-		// that's why we need to check if the returned value is non-empty
-		if (!compStyle) {
-			return {};
-		}
-		return compStyle;
-	},
-
-
-	// Note:
-	//   Setting a property to NULL reverts it to the state before it was first set
-	//   with the 'reversible' flag enabled
-	//
-	setStyle : function (elm, styles, important, reversible) {
-		// using '' for standard priority (IE10 apparently doesn't like value undefined)
-		var priority = important ? 'important' : '';
-		var origStyle = null;
-
-		for (var prop in styles) {
-			if (styles.hasOwnProperty(prop)) {
-				var setVal = null;
-
-				if (styles[prop] === null) {
-					// reverting a property value
-
-					if (!origStyle) {
-						// get the original style object, but dont't try to create it if it doesn't exist
-						origStyle = jsc.getData(elm, 'origStyle');
-					}
-					if (origStyle && origStyle.hasOwnProperty(prop)) {
-						// we have property's original value -> use it
-						setVal = origStyle[prop];
-					}
-
-				} else {
-					// setting a property value
-
-					if (reversible) {
-						if (!origStyle) {
-							// get the original style object and if it doesn't exist, create it
-							origStyle = jsc.getData(elm, 'origStyle', {});
-						}
-						if (!origStyle.hasOwnProperty(prop)) {
-							// original property value not yet stored -> store it
-							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  +
-			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) { // CSS background successfully set -> function name is supported
-					return tryFunc;
-				}
-			}
-			return stdName; // fallback to standard 'linear-gradient' without vendor prefix
-		}
-
-		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];
-	},
-
-
-	// get pointer's X/Y coordinates relative to viewport
-	getAbsPointerPos : function (e) {
-		var x = 0, y = 0;
-		if (typeof e.changedTouches !== 'undefined' && e.changedTouches.length) {
-			// touch devices
-			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 };
-	},
-
-
-	// get pointer's X/Y coordinates relative to target element
-	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) {
-			// touch devices
-			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),
-		];
-	},
-
-
-	// r: 0-255
-	// g: 0-255
-	// b: 0-255
-	//
-	// returns: [ 0-360, 0-100, 0-100 ]
-	//
-	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
-		];
-	},
-
-
-	// h: 0-360
-	// s: 0-100
-	// v: 0-100
-	//
-	// returns: [ 0-255, 0-255, 0-255 ]
-	//
-	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 // 'hex' | 'hexa' | 'rgb' | 'rgba'
-		};
-
-		var m;
-
-		if (m = str.match(/^\W*([0-9A-F]{3,8})\W*$/i)) {
-			// HEX notation
-
-			if (m[1].length === 8) {
-				// 8-char notation (= with alpha)
-				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) {
-				// 6-char notation
-				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) {
-				// 3-char notation
-				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)) {
-			// rgb(...) or rgba(...) notation
-
-			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') { // input is a string of space separated color values
-			// rgb() and rgba() may contain spaces too, so let's find all color values by regex
-			mixed.replace(/#[0-9A-F]{3}([0-9A-F]{3})?|rgba?\(([^)]*)\)/ig, function (val) {
-				vals.push(val);
-			});
-		} else if (Array.isArray(mixed)) { // input is an array of color values
-			vals = mixed;
-		}
-
-		// convert all values into uniform color format
-
-		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.0) {
-				return true;
-			}
-		}
-		return false;
-	},
-
-
-	isAlphaFormat : function (format) {
-		switch (format.toLowerCase()) {
-		case 'hexa':
-		case 'rgba':
-			return true;
-		}
-		return false;
-	},
-
-
-	// Canvas scaling for retina displays
-	//
-	// adapted from https://www.html5rocks.com/en/tutorials/canvas/hidpi/
-	//
-	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);
-		}
-
-		// transparency chessboard - background
-		ctx.fillStyle = sqColor1;
-		ctx.fillRect(0, 0, cWidth, cHeight);
-
-		// transparency chessboard - squares
-		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) {
-			// actual color in foreground
-			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(0.5 + start + i, 0);
-				ctx.lineTo(0.5 + start + i, cHeight);
-				ctx.stroke();
-			}
-		}
-
-		return {
-			canvas: canvas,
-			width: cWidth,
-			height: cHeight,
-		};
-	},
-
-
-	// if position or width is not set => fill the entire element (0%-100%)
-	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; // picker is not shown
-		}
-
-		var thisObj = jsc.picker.owner;
-
-		var tp, vp;
-
-		if (thisObj.fixed) {
-			// Fixed elements are positioned relative to viewport,
-			// therefore we can ignore the scroll offset
-			tp = jsc.getElementPos(thisObj.targetElement, true); // target pos
-			vp = [0, 0]; // view pos
-		} else {
-			tp = jsc.getElementPos(thisObj.targetElement); // target pos
-			vp = jsc.getViewPos(); // view pos
-		}
-
-		var ts = jsc.getElementSize(thisObj.targetElement); // target size
-		var vs = jsc.getViewSize(); // view size
-		var pd = jsc.getPickerDims(thisObj);
-		var ps = [pd.borderW, pd.borderH]; // picker outer size
-		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;
-
-		// compute picker position
-		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; // px
-
-		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;
-
-			// color sample's dimensions (includes border)
-			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;
-	},
-
-
-	// calls function specified in picker's property
-	triggerCallback : function (thisObj, prop) {
-		if (!thisObj[prop]) {
-			return; // callback func not specified
-		}
-		var callback = null;
-
-		if (typeof thisObj[prop] === 'string') {
-			// string with code
-			try {
-				callback = new Function (thisObj[prop]);
-			} catch (e) {
-				console.error(e);
-			}
-		} else {
-			// function
-			callback = thisObj[prop];
-		}
-
-		if (callback) {
-			callback.call(thisObj);
-		}
-	},
-
-
-	// Triggers a color change related event(s) on all picker instances.
-	// It is possible to specify multiple events separated with a space.
-	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,
-	_capturedTarget : 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) {
-		// hide the picker when one of the parent elements is scrolled
-		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) { // clicked targetElement -> show picker
-			if (target.jscolor.showOnClick && !target.disabled) {
-				target.jscolor.show();
-			}
-		} else if (jsc.getData(target, 'gui')) { // clicked jscolor's GUI element
-			var control = jsc.getData(target, 'control');
-			if (control) {
-				// jscolor's control
-				jsc.onControlPointerStart(e, target, jsc.getData(target, 'control'), 'mouse');
-			}
-		} else {
-			// mouse is outside the picker's controls -> hide the color picker!
-			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);
-		jsc.captureTarget(target);
-
-		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 the value slider is at the bottom, move it up
-			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');
-			jsc.releaseTarget();
-
-			// Always trigger changes AFTER detaching outstanding mouse handlers,
-			// in case some color change that occured in user-defined onChange/onInput handler
-			// intruded into current mouse events
-			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');
-
-		// when format is flexible, use the original format of this color sample
-		if (thisObj.format.toLowerCase() === 'any') {
-			thisObj._setFormat(color.format); // adapt format
-			if (!jsc.isAlphaFormat(thisObj.getFormat())) {
-				color.rgba[3] = 1.0; // when switching to a format that doesn't support alpha, set full opacity
-			}
-		}
-
-		// if this color doesn't specify alpha, use alpha of 1.0 (if applicable)
-		if (color.rgba[3] === null) {
-			if (thisObj.paletteSetsAlpha === true || (thisObj.paletteSetsAlpha === 'auto' && thisObj._paletteHasTransparency)) {
-				color.rgba[3] = 1.0;
-			}
-		}
-
-		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.0 - (y * (1.0 / (thisObj.height - 1)));
-
-		if (yVal < 1.0) {
-			// if format is flexible and the current format doesn't support alpha, switch to a suitable one
-			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;
-
-			// dark gray background
-			ctx.fillStyle = sqColor1;
-			ctx.fillRect(0, 0, canvas.width, canvas.height);
-
-			if (sqSize > 0) { // to avoid infinite loop
-				for (var y = 0; y < canvas.height; y += sqSize * 2) {
-					// light gray squares
-					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 : {
-		// <old_option>: <new_option>  (<new_option> can be null)
-		'styleElement': 'previewElement',
-		'onFineChange': 'onInput',
-		'overwriteImportant': 'forceStyle',
-		'closable': 'closeButton',
-		'insetWidth': 'controlBorderWidth',
-		'insetColor': 'controlBorderColor',
-		'refine': null,
-	},
-
-
-	docsRef : ' ' + 'See https://jscolor.com/docs/',
-
-
-	//
-	// Usage:
-	// var myPicker = new JSColor(<targetElement> [, <options>])
-	//
-	// (constructor is accessible via both 'jscolor' and 'JSColor' name)
-	//
-
-	pub : function (targetElement, opts) {
-
-		var THIS = this;
-
-		if (!opts) {
-			opts = {};
-		}
-
-		this.channels = {
-			r: 255, // red [0-255]
-			g: 255, // green [0-255]
-			b: 255, // blue [0-255]
-			h: 0, // hue [0-360]
-			s: 0, // saturation [0-100]
-			v: 100, // value (brightness) [0-100]
-			a: 1.0, // alpha (opacity) [0.0 - 1.0]
-		};
-
-		// General options
-		//
-		this.format = 'auto'; // 'auto' | 'any' | 'hex' | 'hexa' | 'rgb' | 'rgba' - Format of the input/output value
-		this.value = undefined; // INITIAL color value in any supported format. To change it later, use method fromString(), fromHSVA(), fromRGBA() or channel()
-		this.alpha = undefined; // INITIAL alpha value. To change it later, call method channel('A', <value>)
-		this.random = false; // whether to randomize the initial color. Either true | false, or an array of ranges: [minV, maxV, minS, maxS, minH, maxH, minA, maxA]
-		this.onChange = undefined; // called when color changes. Value can be either a function or a string with JS code.
-		this.onInput = undefined; // called repeatedly as the color is being changed, e.g. while dragging a slider. Value can be either a function or a string with JS code.
-		this.valueElement = undefined; // element that will be used to display and input the color value
-		this.alphaElement = undefined; // element that will be used to display and input the alpha (opacity) value
-		this.previewElement = undefined; // element that will preview the picked color using CSS background
-		this.previewPosition = 'left'; // 'left' | 'right' - position of the color preview in previewElement
-		this.previewSize = 32; // (px) width of the color preview displayed in previewElement
-		this.previewPadding = 8; // (px) space between color preview and content of the previewElement
-		this.required = true; // whether the associated text input must always contain a color value. If false, the input can be left empty.
-		this.hash = true; // whether to prefix the HEX color code with # symbol (only applicable for HEX format)
-		this.uppercase = true; // whether to show the HEX color code in upper case (only applicable for HEX format)
-		this.forceStyle = true; // whether to overwrite CSS style of the previewElement using !important flag
-
-		// Color Picker options
-		//
-		this.width = 181; // width of the color spectrum (in px)
-		this.height = 101; // height of the color spectrum (in px)
-		this.mode = 'HSV'; // 'HSV' | 'HVS' | 'HS' | 'HV' - layout of the color picker controls
-		this.alphaChannel = 'auto'; // 'auto' | true | false - if alpha channel is enabled, the alpha slider will be visible. If 'auto', it will be determined according to color format
-		this.position = 'bottom'; // 'left' | 'right' | 'top' | 'bottom' - position relative to the target element
-		this.smartPosition = true; // automatically change picker position when there is not enough space for it
-		this.showOnClick = true; // whether to show the picker when user clicks its target element
-		this.hideOnLeave = true; // whether to automatically hide the picker when user leaves its target element (e.g. upon clicking the document)
-		this.palette = []; // colors to be displayed in the palette, specified as an array or a string of space separated color values (in any supported format)
-		this.paletteCols = 10; // number of columns in the palette
-		this.paletteSetsAlpha = 'auto'; // 'auto' | true | false - if true, palette colors that don't specify alpha will set alpha to 1.0
-		this.paletteHeight = 16; // maximum height (px) of a row in the palette
-		this.paletteSpacing = 4; // distance (px) between color samples in the palette
-		this.hideOnPaletteClick = false; // when set to true, clicking the palette will also hide the color picker
-		this.sliderSize = 16; // px
-		this.crossSize = 8; // px
-		this.closeButton = false; // whether to display the Close button
-		this.closeText = 'Close';
-		this.buttonColor = 'rgba(0,0,0,1)'; // CSS color
-		this.buttonHeight = 18; // px
-		this.padding = 12; // px
-		this.backgroundColor = 'rgba(255,255,255,1)'; // CSS color
-		this.borderWidth = 1; // px
-		this.borderColor = 'rgba(187,187,187,1)'; // CSS color
-		this.borderRadius = 8; // px
-		this.controlBorderWidth = 1; // px
-		this.controlBorderColor = 'rgba(187,187,187,1)'; // CSS color
-		this.shadow = true; // whether to display a shadow
-		this.shadowBlur = 15; // px
-		this.shadowColor = 'rgba(0,0,0,0.2)'; // CSS color
-		this.pointerColor = 'rgba(76,76,76,1)'; // CSS color
-		this.pointerBorderWidth = 1; // px
-		this.pointerBorderColor = 'rgba(255,255,255,1)'; // CSS color
-		this.pointerThickness = 2; // px
-		this.zIndex = 5000;
-		this.container = undefined; // where to append the color picker (BODY element by default)
-
-		// Experimental
-		//
-		this.minS = 0; // min allowed saturation (0 - 100)
-		this.maxS = 100; // max allowed saturation (0 - 100)
-		this.minV = 0; // min allowed value (brightness) (0 - 100)
-		this.maxV = 100; // max allowed value (brightness) (0 - 100)
-		this.minA = 0.0; // min allowed alpha (opacity) (0.0 - 1.0)
-		this.maxA = 1.0; // max allowed alpha (opacity) (0.0 - 1.0)
-
-
-		// Getter: option(name)
-		// Setter: option(name, value)
-		//         option({name:value, ...})
-		//
-		this.option = function () {
-			if (!arguments.length) {
-				throw new Error('No option specified');
-			}
-
-			if (arguments.length === 1 && typeof arguments[0] === 'string') {
-				// getting a single option
-				try {
-					return getOption(arguments[0]);
-				} catch (e) {
-					console.warn(e);
-				}
-				return false;
-
-			} else if (arguments.length >= 2 && typeof arguments[0] === 'string') {
-				// setting a single option
-				try {
-					if (!setOption(arguments[0], arguments[1])) {
-						return false;
-					}
-				} catch (e) {
-					console.warn(e);
-					return false;
-				}
-				this.redraw(); // immediately redraws the picker, if it's displayed
-				this.exposeColor(); // in case some preview-related or format-related option was changed
-				return true;
-
-			} else if (arguments.length === 1 && typeof arguments[0] === 'object') {
-				// setting multiple options
-				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(); // immediately redraws the picker, if it's displayed
-				this.exposeColor(); // in case some preview-related or format-related option was changed
-				return success;
-			}
-
-			throw new Error('Invalid arguments');
-		}
-
-
-		// Getter: channel(name)
-		// Setter: channel(name, value)
-		//
-		this.channel = function (name, value) {
-			if (typeof name !== 'string') {
-				throw new Error('Invalid value for channel name: ' + name);
-			}
-
-			if (value === undefined) {
-				// getting channel value
-				if (!this.channels.hasOwnProperty(name.toLowerCase())) {
-					console.warn('Getting unknown channel: ' + name);
-					return false;
-				}
-				return this.channels[name.toLowerCase()];
-
-			} else {
-				// setting channel value
-				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(); // immediately redraws the picker, if it's displayed
-					return true;
-				}
-			}
-
-			return false;
-		}
-
-
-		// Triggers given input event(s) by:
-		// - executing on<Event> callback specified as picker's option
-		// - triggering standard DOM event listeners attached to the value element
-		//
-		// It is possible to specify multiple events separated with a space.
-		//
-		this.trigger = function (eventNames) {
-			var evs = jsc.strList(eventNames);
-			for (var i = 0; i < evs.length; i += 1) {
-				var ev = evs[i].toLowerCase();
-
-				// trigger a callback
-				var callbackProp = null;
-				switch (ev) {
-					case 'input': callbackProp = 'onInput'; break;
-					case 'change': callbackProp = 'onChange'; break;
-				}
-				if (callbackProp) {
-					jsc.triggerCallback(this, callbackProp);
-				}
-
-				// trigger standard DOM event listeners on the value element
-				jsc.triggerInputEvent(this.valueElement, ev, true, true);
-			}
-		};
-
-
-		// h: 0-360
-		// s: 0-100
-		// v: 0-100
-		// a: 0.0-1.0
-		//
-		this.fromHSVA = function (h, s, v, a, flags) { // null = don't change
-			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.0; // if alpha channel is disabled, the color should stay 100% opaque
-			}
-
-			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;
-		};
-
-
-		// r: 0-255
-		// g: 0-255
-		// b: 0-255
-		// a: 0.0-1.0
-		//
-		this.fromRGBA = function (r, g, b, a, flags) { // null = don't change
-			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.0; // if alpha channel is disabled, the color should stay 100% opaque
-			}
-
-			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) { // fully black color stays black through entire saturation range, so let's not change saturation
-				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]));
-
-			// update RGB according to final HSV, as some values might be trimmed
-			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;
-		};
-
-
-		// DEPRECATED. Use .fromHSVA() instead
-		//
-		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);
-		};
-
-
-		// DEPRECATED. Use .fromRGBA() instead
-		//
-		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() === '') {
-				// setting empty string to an optional color input
-				this.setPreviewElementBg(null);
-				this.setValueElementValue('');
-				return true;
-			}
-
-			var color = jsc.parseColorString(str);
-			if (!color) {
-				return false; // could not parse
-			}
-			if (this.format.toLowerCase() === 'any') {
-				this._setFormat(color.format); // adapt format
-				if (!jsc.isAlphaFormat(this.getFormat())) {
-					color.rgba[3] = 1.0; // when switching to a format that doesn't support alpha, set full opacity
-				}
-			}
-			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(); // format not specified -> use the current format
-			}
-			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 (
-				0.213 * this.channels.r +
-				0.715 * this.channels.g +
-				0.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' || // format can change on the fly (e.g. from hex to rgba), so let's consider the alpha channel enabled
-					jsc.isAlphaFormat(this.getFormat()) || // the current format supports alpha channel
-					this.alpha !== undefined || // initial alpha value is set, so we're working with alpha channel
-					this.alphaElement !== undefined // the alpha value is redirected, so we're working with alpha channel
-				);
-			}
-
-			return this.alphaChannel; // the alpha channel is explicitly set
-		};
-
-
-		this.processValueInput = function (str) {
-			if (!this.fromString(str)) {
-				// could not parse the color value - let's just expose the current color
-				this.exposeColor();
-			}
-		};
-
-
-		this.processAlphaInput = function (str) {
-			if (!this.fromHSVA(null, null, null, parseFloat(str))) {
-				// could not parse the alpha value - let's just expose the current color
-				this.exposeColor();
-			}
-		};
-
-
-		this.exposeColor = function (flags) {
-			var colorStr = this.toString();
-			var fmt = this.getFormat();
-
-			// reflect current color in data- attribute
-			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; // 'left' | 'right' (null -> fill the entire element)
-
-				if (
-					jsc.isTextInput(this.previewElement) || // text input
-					(jsc.isButton(this.previewElement) && !jsc.isButtonEmpty(this.previewElement)) // button with text
-				) {
-					previewPos = this.previewPosition;
-				}
-
-				this.setPreviewElementBg(this.toRGBAString());
-			}
-
-			if (isPickerOwner()) {
-				redrawPad();
-				redrawSld();
-				redrawASld();
-			}
-		};
-
-
-		this.setPreviewElementBg = function (color) {
-			if (!this.previewElement) {
-				return;
-			}
-
-			var position = null; // color preview position:  null | 'left' | 'right'
-			var width = null; // color preview width:  px | null = fill the entire element
-			if (
-				jsc.isTextInput(this.previewElement) || // text input
-				(jsc.isButton(this.previewElement) && !jsc.isButtonEmpty(this.previewElement)) // button with text
-			) {
-				position = this.previewPosition;
-				width = this.previewSize;
-			}
-
-			var backgrounds = [];
-
-			if (!color) {
-				// there is no color preview to display -> let's remove any previous background image
-				backgrounds.push({
-					image: 'none',
-					position: 'left top',
-					size: 'auto',
-					repeat: 'no-repeat',
-					origin: 'padding-box',
-				});
-			} else {
-				// CSS gradient for background color preview
-				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',
-				});
-
-				// data URL of generated PNG image with a gray transparency chessboard
-				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);
-			}
-
-			// set previewElement's background-images
-			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);
-
-
-			// set/restore previewElement's padding
-			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 {
-				// If the target element or one of its parent nodes has fixed position,
-				// then use fixed positioning instead
-				var compStyle = jsc.getCompStyle(elm);
-				if (compStyle.position && compStyle.position.toLowerCase() === 'fixed') {
-					this.fixed = true;
-				}
-
-				if (elm !== this.targetElement) {
-					// Ensure to attach onParentScroll only once to each parent element
-					// (multiple targetElements can share the same parent nodes)
-					//
-					// Note: It's not just offsetParents that can be scrollable,
-					// that's why we loop through all parent nodes
-					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);
-			}
-
-			// enum option
-			if (jsc.enumOpts.hasOwnProperty(option)) {
-				if (typeof value === 'string') { // enum string values are case insensitive
-					value = value.toLowerCase();
-				}
-				if (jsc.enumOpts[option].indexOf(value) === -1) {
-					throw new Error('Option \'' + option + '\' has invalid value: ' + value);
-				}
-			}
-
-			// deprecated option
-			if (jsc.deprecatedOpts.hasOwnProperty(option)) {
-				var oldOpt = option;
-				var newOpt = jsc.deprecatedOpts[option];
-				if (newOpt) {
-					// if we have a new name for this option, let's log a warning and use the new name
-					console.warn('Option \'%s\' is DEPRECATED, using \'%s\' instead.' + jsc.docsRef, oldOpt, newOpt);
-					option = newOpt;
-				} else {
-					// new name not available for the option
-					throw new Error('Option \'' + option + '\' is DEPRECATED');
-				}
-			}
-
-			var setter = 'set__' + option;
-
-			if (typeof THIS[setter] === 'function') { // a setter exists for this option
-				THIS[setter](value);
-				return true;
-
-			} else if (option in THIS) { // option exists as a property
-				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);
-			}
-
-			// deprecated option
-			if (jsc.deprecatedOpts.hasOwnProperty(option)) {
-				var oldOpt = option;
-				var newOpt = jsc.deprecatedOpts[option];
-				if (newOpt) {
-					// if we have a new name for this option, let's log a warning and use the new name
-					console.warn('Option \'%s\' is DEPRECATED, using \'%s\' instead.' + jsc.docsRef, oldOpt, newOpt);
-					option = newOpt;
-				} else {
-					// new name not available for the option
-					throw new Error('Option \'' + option + '\' is DEPRECATED');
-				}
-			}
-
-			var getter = 'get__' + option;
-
-			if (typeof THIS[getter] === 'function') { // a getter exists for this option
-				return THIS[getter](value);
-
-			} else if (option in THIS) { // option exists as a property
-				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 () {
-
-			// At this point, when drawing the picker, we know what the parent elements are
-			// and we can do all related DOM operations, such as registering events on them
-			// or checking their positioning
-			THIS._processParentElementsInDOM();
-
-			if (!jsc.picker) {
-				jsc.picker = {
-					owner: null, // owner picker instance
-					wrap : jsc.createEl('div'),
-					box : jsc.createEl('div'),
-					boxS : jsc.createEl('div'), // shadow area
-					boxB : jsc.createEl('div'), // border
-					pad : jsc.createEl('div'),
-					padB : jsc.createEl('div'), // border
-					padM : jsc.createEl('div'), // mouse/touch area
-					padCanvas : jsc.createPadCanvas(),
-					cross : jsc.createEl('div'),
-					crossBY : jsc.createEl('div'), // border Y
-					crossBX : jsc.createEl('div'), // border X
-					crossLY : jsc.createEl('div'), // line Y
-					crossLX : jsc.createEl('div'), // line X
-					sld : jsc.createEl('div'), // slider
-					sldB : jsc.createEl('div'), // border
-					sldM : jsc.createEl('div'), // mouse/touch area
-					sldGrad : jsc.createSliderGradient(),
-					sldPtrS : jsc.createEl('div'), // slider pointer spacer
-					sldPtrIB : jsc.createEl('div'), // slider pointer inner border
-					sldPtrMB : jsc.createEl('div'), // slider pointer middle border
-					sldPtrOB : jsc.createEl('div'), // slider pointer outer border
-					asld : jsc.createEl('div'), // alpha slider
-					asldB : jsc.createEl('div'), // border
-					asldM : jsc.createEl('div'), // mouse/touch area
-					asldGrad : jsc.createASliderGradient(),
-					asldPtrS : jsc.createEl('div'), // slider pointer spacer
-					asldPtrIB : jsc.createEl('div'), // slider pointer inner border
-					asldPtrMB : jsc.createEl('div'), // slider pointer middle border
-					asldPtrOB : jsc.createEl('div'), // slider pointer outer border
-					pal : jsc.createEl('div'), // palette
-					btn : jsc.createEl('div'),
-					btnT : jsc.createEl('span'), // text
-				};
-
-				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)); // px
-			var padCursor = 'crosshair';
-
-			// wrap
-			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;
-
-			// picker
-			p.box.className = 'jscolor-picker';
-			p.box.style.width = pickerDims.paddedW + 'px';
-			p.box.style.height = pickerDims.paddedH + 'px';
-			p.box.style.position = 'relative';
-
-			// picker shadow
-			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');
-
-			// picker border
-			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');
-
-			// IE hack:
-			// If the element is transparent, IE will trigger the event on the elements under it,
-			// e.g. on Canvas or on elements with border
-			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';
-
-			// pad
-			p.pad.style.position = 'relative';
-			p.pad.style.width = THIS.width + 'px';
-			p.pad.style.height = THIS.height + 'px';
-
-			// pad - color spectrum (HSV and HVS)
-			p.padCanvas.draw(THIS.width, THIS.height, jsc.getPadYChannel(THIS));
-
-			// pad border
-			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;
-
-			// pad mouse area
-			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',
-			})
-
-			// pad cross
-			p.cross.style.position = 'absolute';
-			p.cross.style.left =
-			p.cross.style.top =
-				'0';
-			p.cross.style.width =
-			p.cross.style.height =
-				crossOuterSize + 'px';
-
-			// pad cross border Y and X
-			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';
-
-			// pad cross line Y and X
-			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';
-
-
-			// slider
-			p.sld.style.overflow = 'hidden';
-			p.sld.style.width = THIS.sliderSize + 'px';
-			p.sld.style.height = THIS.height + 'px';
-
-			// slider gradient
-			p.sldGrad.draw(THIS.sliderSize, THIS.height, '#000', '#000');
-
-			// slider border
-			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;
-
-			// slider mouse area
-			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)) // remaining padding to the right edge
-				) + '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',
-			});
-
-			// slider pointer inner and outer border
-			p.sldPtrIB.style.border =
-			p.sldPtrOB.style.border =
-				THIS.pointerBorderWidth + 'px solid ' + THIS.pointerBorderColor;
-
-			// slider pointer outer border
-			p.sldPtrOB.style.position = 'absolute';
-			p.sldPtrOB.style.left = -(2 * THIS.pointerBorderWidth + THIS.pointerThickness) + 'px';
-			p.sldPtrOB.style.top = '0';
-
-			// slider pointer middle border
-			p.sldPtrMB.style.border = THIS.pointerThickness + 'px solid ' + THIS.pointerColor;
-
-			// slider pointer spacer
-			p.sldPtrS.style.width = THIS.sliderSize + 'px';
-			p.sldPtrS.style.height = jsc.pub.sliderInnerSpace + 'px';
-
-
-			// alpha slider
-			p.asld.style.overflow = 'hidden';
-			p.asld.style.width = THIS.sliderSize + 'px';
-			p.asld.style.height = THIS.height + 'px';
-
-			// alpha slider gradient
-			p.asldGrad.draw(THIS.sliderSize, THIS.height, '#000');
-
-			// alpha slider border
-			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;
-
-			// alpha slider mouse area
-			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) // remaining padding to the right edge
-				) + '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',
-			})
-
-			// alpha slider pointer inner and outer border
-			p.asldPtrIB.style.border =
-			p.asldPtrOB.style.border =
-				THIS.pointerBorderWidth + 'px solid ' + THIS.pointerBorderColor;
-
-			// alpha slider pointer outer border
-			p.asldPtrOB.style.position = 'absolute';
-			p.asldPtrOB.style.left = -(2 * THIS.pointerBorderWidth + THIS.pointerThickness) + 'px';
-			p.asldPtrOB.style.top = '0';
-
-			// alpha slider pointer middle border
-			p.asldPtrMB.style.border = THIS.pointerThickness + 'px solid ' + THIS.pointerColor;
-
-			// alpha slider pointer spacer
-			p.asldPtrS.style.width = THIS.sliderSize + 'px';
-			p.asldPtrS.style.height = jsc.pub.sliderInnerSpace + 'px';
-
-
-			// palette
-			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';
-
-			// palette's color samples
-
-			p.pal.innerHTML = '';
-
-			var chessboard = jsc.genColorPreviewCanvas('rgba(0,0,0,0)');
-
-			var si = 0; // color sample's index
-			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'); // color sample's color
-					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'); // color sample's wrap
-					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.0) { // only create chessboard background if the sample has transparency
-						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);
-				}
-			}
-
-
-			// the Close button
-			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; // px
-			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));
-
-			// reposition the pointers
-			redrawPad();
-			redrawSld();
-			redrawASld();
-
-			// If we are changing the owner without first closing the picker,
-			// make sure to first deal with the old owner
-			if (jsc.picker.owner && jsc.picker.owner !== THIS) {
-				jsc.removeClass(jsc.picker.owner.targetElement, jsc.pub.activeClassName);
-			}
-
-			// Set a new picker owner
-			jsc.picker.owner = THIS;
-
-			// The redrawPosition() method needs picker.owner to be set, that's why we call it here,
-			// after setting the owner
-			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 () {
-			// redraw the pad pointer
-			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';
-
-			// redraw the slider
-			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;
-			}
-
-			// redraw the alpha slider
-			jsc.picker.asldGrad.draw(THIS.sliderSize, THIS.height, THIS.toHEXString());
-		}
-
-
-		function redrawSld () {
-			var sldChannel = jsc.getSliderChannel(THIS);
-			if (sldChannel) {
-				// redraw the slider pointer
-				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';
-			}
-
-			// redraw the alpha slider
-			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; // skip if the event was internally triggered by jscolor
-			}
-
-			var oldVal = THIS.valueElement.value;
-
-			THIS.processValueInput(THIS.valueElement.value); // this might change the value
-
-			jsc.triggerCallback(THIS, 'onChange');
-
-			if (THIS.valueElement.value !== oldVal) {
-				// value was additionally changed -> let's trigger the change event again, even though it was natively dispatched
-				jsc.triggerInputEvent(THIS.valueElement, 'change', true, true);
-			}
-		}
-
-
-		function onAlphaChange (ev) {
-			if (jsc.getData(ev, 'internal')) {
-				return; // skip if the event was internally triggered by jscolor
-			}
-
-			var oldVal = THIS.alphaElement.value;
-
-			THIS.processAlphaInput(THIS.alphaElement.value); // this might change the value
-
-			jsc.triggerCallback(THIS, 'onChange');
-
-			// triggering valueElement's onChange (because changing alpha changes the entire color, e.g. with rgba format)
-			jsc.triggerInputEvent(THIS.valueElement, 'change', true, true);
-
-			if (THIS.alphaElement.value !== oldVal) {
-				// value was additionally changed -> let's trigger the change event again, even though it was natively dispatched
-				jsc.triggerInputEvent(THIS.alphaElement, 'change', true, true);
-			}
-		}
-
-
-		function onValueInput (ev) {
-			if (jsc.getData(ev, 'internal')) {
-				return; // skip if the event was internally triggered by jscolor
-			}
-
-			if (THIS.valueElement) {
-				THIS.fromString(THIS.valueElement.value, jsc.flags.leaveValue);
-			}
-
-			jsc.triggerCallback(THIS, 'onInput');
-
-			// triggering valueElement's onInput
-			// (not needed, it was dispatched normally by the browser)
-		}
-
-
-		function onAlphaInput (ev) {
-			if (jsc.getData(ev, 'internal')) {
-				return; // skip if the event was internally triggered by jscolor
-			}
-
-			if (THIS.alphaElement) {
-				THIS.fromHSVA(null, null, null, parseFloat(THIS.alphaElement.value), jsc.flags.leaveAlpha);
-			}
-
-			jsc.triggerCallback(THIS, 'onInput');
-
-			// triggering valueElement's onInput (because changing alpha changes the entire color, e.g. with rgba format)
-			jsc.triggerInputEvent(THIS.valueElement, 'input', true, true);
-		}
-
-
-		// let's process the DEPRECATED 'options' property (this will be later removed)
-		if (jsc.pub.options) {
-			// let's set custom default options, if specified
-			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);
-					}
-				}
-			}
-		}
-
-
-		// let's apply configuration presets
-		//
-		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(); // slice() to clone
-			} else {
-				console.warn('Unrecognized preset value');
-			}
-		}
-
-		// always use the 'default' preset. If it's not listed, append it to the end.
-		if (presetsArr.indexOf('default') === -1) {
-			presetsArr.push('default');
-		}
-
-		// let's apply the presets in reverse order, so that should there be any overlapping options,
-		// the formerly listed preset will override the latter
-		for (var i = presetsArr.length - 1; i >= 0; i -= 1) {
-			var pres = presetsArr[i];
-			if (!pres) {
-				continue; // preset is empty string
-			}
-			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);
-					}
-				}
-			}
-		}
-
-
-		// let's set specific options for this color picker
-		var nonProperties = [
-			// these options won't be set as instance properties
-			'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);
-					}
-				}
-			}
-		}
-
-
-		//
-		// Install the color picker on chosen element(s)
-		//
-
-
-		// Determine picker's container element
-		if (this.container === undefined) {
-			this.container = window.document.body; // default container is BODY element
-
-		} else { // explicitly set to custom element
-			this.container = jsc.node(this.container);
-		}
-
-		if (!this.container) {
-			throw new Error('Cannot instantiate color picker without a container element');
-		}
-
-
-		// Fetch the target element
-		this.targetElement = jsc.node(targetElement);
-
-		if (!this.targetElement) {
-			// temporarily customized error message to help with migrating from versions prior to 2.2
-			if (typeof targetElement === 'string' && /^[a-zA-Z][\w:.-]*$/.test(targetElement)) {
-				// targetElement looks like valid ID
-				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');
-		}
-
-
-		// link this instance with the target element
-		this.targetElement.jscolor = this;
-		jsc.addClass(this.targetElement, jsc.pub.className);
-
-		// register this instance
-		jsc.instances.push(this);
-
-
-		// if target is BUTTON
-		if (jsc.isButton(this.targetElement)) {
-
-			if (this.targetElement.type.toLowerCase() !== 'button') {
-				// on buttons, always force type to be 'button', e.g. in situations the target <button> has no type
-				// and thus defaults to 'submit' and would submit the form when clicked
-				this.targetElement.type = 'button';
-			}
-
-			if (jsc.isButtonEmpty(this.targetElement)) { // empty button
-				// it is important to clear element's contents first.
-				// if we're re-instantiating color pickers on DOM that has been modified by changing page's innerHTML,
-				// we would keep adding more non-breaking spaces to element's content (because element's contents survive
-				// innerHTML changes, but picker instances don't)
-				jsc.removeChildren(this.targetElement);
-
-				// let's insert a non-breaking space
-				this.targetElement.appendChild(window.document.createTextNode('\xa0'));
-
-				// set min-width = previewSize, if not already greater
-				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);
-				}
-			}
-		}
-
-		// Determine the value element
-		if (this.valueElement === undefined) {
-			if (jsc.isTextInput(this.targetElement)) {
-				// for text inputs, default valueElement is targetElement
-				this.valueElement = this.targetElement;
-			} else {
-				// leave it undefined
-			}
-
-		} else if (this.valueElement === null) { // explicitly set to null
-			// leave it null
-
-		} else { // explicitly set to custom element
-			this.valueElement = jsc.node(this.valueElement);
-		}
-
-		// Determine the alpha element
-		if (this.alphaElement) {
-			this.alphaElement = jsc.node(this.alphaElement);
-		}
-
-		// Determine the preview element
-		if (this.previewElement === undefined) {
-			this.previewElement = this.targetElement; // default previewElement is targetElement
-
-		} else if (this.previewElement === null) { // explicitly set to null
-			// leave it null
-
-		} else { // explicitly set to custom element
-			this.previewElement = jsc.node(this.previewElement);
-		}
-
-		// valueElement
-		if (this.valueElement && jsc.isTextInput(this.valueElement)) {
-
-			// If the value element has onInput event already set, we need to detach it and attach AFTER our listener.
-			// otherwise the picker instance would still contain the old color when accessed from the onInput handler.
-			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);
-			// the original event listener must be attached AFTER our handler (to let it first set picker's color)
-			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);
-		}
-
-		// alphaElement
-		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);
-		}
-
-		// determine initial color value
-		//
-		var initValue = 'FFFFFF';
-
-		if (this.value !== undefined) {
-			initValue = this.value; // get initial color from the 'value' property
-		} else if (this.valueElement && this.valueElement.value !== undefined) {
-			initValue = this.valueElement.value; // get initial color from valueElement's value
-		}
-
-		// determine initial alpha value
-		//
-		var initAlpha = undefined;
-
-		if (this.alpha !== undefined) {
-			initAlpha = (''+this.alpha); // get initial alpha value from the 'alpha' property
-		} else if (this.alphaElement && this.alphaElement.value !== undefined) {
-			initAlpha = this.alphaElement.value; // get initial color from alphaElement's value
-		}
-
-		// determine current format based on the initial color value
-		//
-		this._currentFormat = null;
-
-		if (['auto', 'any'].indexOf(this.format.toLowerCase()) > -1) {
-			// format is 'auto' or 'any' -> let's auto-detect current format
-			var color = jsc.parseColorString(initValue);
-			this._currentFormat = color ? color.format : 'hex';
-		} else {
-			// format is specified
-			this._currentFormat = this.format.toLowerCase();
-		}
-
-
-		// let's parse the initial color value and expose color's preview
-		this.processValueInput(initValue);
-
-		// let's also parse and expose the initial alpha value, if any
-		//
-		// Note: If the initial color value contains alpha value in it (e.g. in rgba format),
-		// this will overwrite it. So we should only process alpha input if there was initial
-		// alpha explicitly set, otherwise we could needlessly lose initial value's alpha
-		if (initAlpha !== undefined) {
-			this.processAlphaInput(initAlpha);
-		}
-
-		if (this.random) {
-			// randomize the initial color value
-			this.randomize.apply(this, Array.isArray(this.random) ? this.random : []);
-		}
-
-	}
-
-};
-
-
-//================================
-// Public properties and methods
-//================================
-
-//
-// These will be publicly available via jscolor.<name> and JSColor.<name>
-//
-
-
-// class that will be set to elements having jscolor installed on them
-jsc.pub.className = 'jscolor';
-
-
-// class that will be set to elements having jscolor active on them
-jsc.pub.activeClassName = 'jscolor-active';
-
-
-// whether to try to parse the options string by evaluating it using 'new Function()'
-// in case it could not be parsed with JSON.parse()
-jsc.pub.looseJSON = true;
-
-
-// presets
-jsc.pub.presets = {};
-
-// built-in presets
-jsc.pub.presets['default'] = {}; // baseline for customization
-
-jsc.pub.presets['light'] = { // default color scheme
-	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 }; // default size
-jsc.pub.presets['large'] = { width:271, height:151, padding:12, sliderSize:24, paletteCols:15 };
-
-jsc.pub.presets['thin'] = { borderWidth:1, controlBorderWidth:1, pointerBorderWidth:1 }; // default thickness
-jsc.pub.presets['thick'] = { borderWidth:2, controlBorderWidth:2, pointerBorderWidth:2 };
-
-
-// size of space in the sliders
-jsc.pub.sliderInnerSpace = 3; // px
-
-// transparency chessboard
-jsc.pub.chessboardSize = 8; // px
-jsc.pub.chessboardColor1 = '#666666';
-jsc.pub.chessboardColor2 = '#999999';
-
-// preview separator
-jsc.pub.previewSeparator = ['rgba(255,255,255,.65)', 'rgba(128,128,128,.65)'];
-
-
-// Initializes jscolor
-jsc.pub.init = function () {
-	if (jsc.initialized) {
-		return;
-	}
-
-	// attach some necessary handlers
-	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);
-
-	// install jscolor on current DOM
-	jsc.pub.install();
-
-	jsc.initialized = true;
-
-	// call functions waiting in the queue
-	while (jsc.readyQueue.length) {
-		var func = jsc.readyQueue.shift();
-		func();
-	}
-};
-
-
-// Installs jscolor on current DOM tree
-jsc.pub.install = function (rootNode) {
-	var success = true;
-
-	try {
-		jsc.installBySelector('[data-jscolor]', rootNode);
-	} catch (e) {
-		success = false;
-		console.warn(e);
-	}
-
-	// for backward compatibility with DEPRECATED installation using class name
-	if (jsc.pub.lookupClass) {
-		try {
-			jsc.installBySelector(
-				(
-					'input.' + jsc.pub.lookupClass + ', ' +
-					'button.' + jsc.pub.lookupClass
-				),
-				rootNode
-			);
-		} catch (e) {}
-	}
-
-	return success;
-};
-
-
-// Registers function to be called as soon as jscolor is initialized (or immediately, if it already is).
-//
-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;
-};
-
-
-// Triggers given input event(s) (e.g. 'input' or 'change') on all color pickers.
-//
-// It is possible to specify multiple events separated with a space.
-// If called before jscolor is initialized, then the events will be triggered after initialization.
-//
-jsc.pub.trigger = function (eventNames) {
-	var triggerNow = function () {
-		jsc.triggerGlobal(eventNames);
-	};
-
-	if (jsc.initialized) {
-		triggerNow();
-	} else {
-		jsc.pub.ready(triggerNow);
-	}
-};
-
-
-// Hides current color picker box
-jsc.pub.hide = function () {
-	if (jsc.picker && jsc.picker.owner) {
-		jsc.picker.owner.hide();
-	}
-};
-
-
-// Returns a data URL of a gray chessboard image that indicates transparency
-jsc.pub.chessboard = function (color) {
-	if (!color) {
-		color = 'rgba(0,0,0,0)';
-	}
-	var preview = jsc.genColorPreviewCanvas(color);
-	return preview.canvas.toDataURL();
-};
-
-
-// Returns a data URL of a gray chessboard image that indicates transparency
-jsc.pub.background = function (color) {
-	var backgrounds = [];
-
-	// CSS gradient for background color preview
-	backgrounds.push(jsc.genColorPreviewGradient(color));
-
-	// data URL of generated PNG image with a gray transparency chessboard
-	var preview = jsc.genColorPreviewCanvas();
-	backgrounds.push([
-		'url(\'' + preview.canvas.toDataURL() + '\')',
-		'left top',
-		'repeat',
-	].join(' '));
-
-	return backgrounds.join(', ');
-};
-
-
-//
-// DEPRECATED properties and methods
-//
-
-
-// DEPRECATED. Use jscolor.presets.default instead.
-//
-// Custom default options for all color pickers, e.g. { hash: true, width: 300 }
-jsc.pub.options = {};
-
-
-// DEPRECATED. Use data-jscolor attribute instead, which installs jscolor on given element.
-//
-// By default, we'll search for all elements with class="jscolor" and install a color picker on them.
-//
-// You can change what class name will be looked for by setting the property jscolor.lookupClass
-// anywhere in your HTML document. To completely disable the automatic lookup, set it to null.
-//
-jsc.pub.lookupClass = 'jscolor';
-
-
-// DEPRECATED. Use data-jscolor attribute instead, which installs jscolor on given element.
-//
-// Install jscolor on all elements that have the specified class name
-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;
-
-
-})(); // END jscolor
-
-
-if (typeof window.jscolor === 'undefined') {
-	window.jscolor = window.JSColor = jscolor;
-}
-
-
-// END jscolor code
-
-return jscolor;
-
-}); // END factory
+!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/paste.js b/public/static/paste.js
deleted file mode 100755
index e6266b4..0000000
--- a/public/static/paste.js
+++ /dev/null
@@ -1,54 +0,0 @@
-/**
- * 复制、截图 简单图床修改版
- */
-(function () {
-    document.addEventListener('paste', function (e) {
-        var items = ((e.clipboardData || window.clipboardData).items) || [];
-        var file = null;
-
-        if (items && items.length) {
-            for (var i = 0; i < items.length; i++) {
-                if (items[i].type.indexOf('image') !== -1) {
-                    file = items[i].getAsFile();
-                    break;
-                }
-            }
-        }
-
-        if (!file) {
-            alert('粘贴内容非图片！');
-            return;
-        }
-        var formData = new FormData();
-        formData.append('file', file);
-
-        var xhr = new XMLHttpRequest();
-        xhr.onload = function () {
-            try {
-                var result = JSON.parse(this.responseText);
-                if (result.result === 'success') {
-                    var links = document.getElementById("links");
-                    links.innerHTML += result.url + "\n";
-
-                    var bbscode = document.getElementById("bbscode");
-                    bbscode.innerHTML += "[img]" + result.url + "[/img]\n";
-
-                    var markdown = document.getElementById("markdown");
-                    markdown.innerHTML += "![](" + result.url + ")\n";
-
-                    var html = document.getElementById("html");
-                    html.innerHTML += "&lt;img src=\"" + result.url + "\" /&#62;\n";
-                } else {
-                    alert('上传失败1');
-                }
-            } catch (e) {
-                alert('上传失败2');
-            }
-        };
-        xhr.onerror = function () {
-            alert('上传失败3');
-        };
-        xhr.open('POST', './file.php', true);
-        xhr.send(formData);
-    });
-})();
\ No newline at end of file
diff --git a/public/static/zui/lib/chart/excanvas.js b/public/static/zui/lib/chart/excanvas.js
deleted file mode 100755
index 168a391..0000000
--- a/public/static/zui/lib/chart/excanvas.js
+++ /dev/null
@@ -1,14 +0,0 @@
-// Copyright 2006 Google Inc.
-//
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-//   http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-document.createElement("canvas").getContext||function(){function j(){return this.context_||(this.context_=new N(this))}function l(a,b){var d=k.call(arguments,2);return function(){return a.apply(b,d.concat(k.call(arguments)))}}function m(a){return String(a).replace(/&/g,"&amp;").replace(/"/g,"&quot;")}function n(a,b,c){a.namespaces[b]||a.namespaces.add(b,c,"#default#VML")}function o(a){if(n(a,"g_vml_","urn:schemas-microsoft-com:vml"),n(a,"g_o_","urn:schemas-microsoft-com:office:office"),!a.styleSheets["ex_canvas_"]){var b=a.createStyleSheet();b.owningElement.id="ex_canvas_",b.cssText="canvas{display:inline-block;overflow:hidden;text-align:left;width:300px;height:150px}"}}function q(a){var b=a.srcElement;switch(a.propertyName){case"width":b.getContext().clearRect(),b.style.width=b.attributes.width.nodeValue+"px",b.firstChild.style.width=b.clientWidth+"px";break;case"height":b.getContext().clearRect(),b.style.height=b.attributes.height.nodeValue+"px",b.firstChild.style.height=b.clientHeight+"px"}}function r(a){var b=a.srcElement;b.firstChild&&(b.firstChild.style.width=b.clientWidth+"px",b.firstChild.style.height=b.clientHeight+"px")}function v(){return[[1,0,0],[0,1,0],[0,0,1]]}function w(a,b){var d,e,f,g,c=v();for(d=0;3>d;d++)for(e=0;3>e;e++){for(f=0,g=0;3>g;g++)f+=a[d][g]*b[g][e];c[d][e]=f}return c}function x(a,b){b.fillStyle=a.fillStyle,b.lineCap=a.lineCap,b.lineJoin=a.lineJoin,b.lineWidth=a.lineWidth,b.miterLimit=a.miterLimit,b.shadowBlur=a.shadowBlur,b.shadowColor=a.shadowColor,b.shadowOffsetX=a.shadowOffsetX,b.shadowOffsetY=a.shadowOffsetY,b.strokeStyle=a.strokeStyle,b.globalAlpha=a.globalAlpha,b.font=a.font,b.textAlign=a.textAlign,b.textBaseline=a.textBaseline,b.arcScaleX_=a.arcScaleX_,b.arcScaleY_=a.arcScaleY_,b.lineScale_=a.lineScale_}function z(a){var b=a.indexOf("(",3),c=a.indexOf(")",b+1),d=a.substring(b+1,c).split(",");return(4!=d.length||"a"!=a.charAt(3))&&(d[3]=1),d}function A(a){return parseFloat(a)/100}function B(a,b,c){return Math.min(c,Math.max(b,a))}function C(a){var b,c,d,f,g,h,i,e=parseFloat(a[0])/360%360;return 0>e&&e++,f=B(A(a[1]),0,1),g=B(A(a[2]),0,1),0==f?b=c=d=g:(h=.5>g?g*(1+f):g+f-g*f,i=2*g-h,b=D(i,h,e+1/3),c=D(i,h,e),d=D(i,h,e-1/3)),"#"+s[Math.floor(255*b)]+s[Math.floor(255*c)]+s[Math.floor(255*d)]}function D(a,b,c){return 0>c&&c++,c>1&&c--,1>6*c?a+6*(b-a)*c:1>2*c?b:2>3*c?a+6*(b-a)*(2/3-c):a}function F(a){var b,c,d,e,f;if(a in E)return E[a];if(c=1,a=String(a),"#"==a.charAt(0))b=a;else if(/^rgb/.test(a)){for(d=z(a),b="#",f=0;3>f;f++)e=-1!=d[f].indexOf("%")?Math.floor(255*A(d[f])):+d[f],b+=s[B(e,0,255)];c=+d[3]}else/^hsl/.test(a)?(d=z(a),b=C(d),c=d[3]):b=y[a]||a;return E[a]={color:b,alpha:c}}function I(a){var b,c;if(H[a])return H[a];b=document.createElement("div"),c=b.style;try{c.font=a}catch(d){}return H[a]={style:c.fontStyle||G.style,variant:c.fontVariant||G.variant,weight:c.fontWeight||G.weight,size:c.fontSize||G.size,family:c.fontFamily||G.family}}function J(a,b){var d,e,f,c={};for(d in a)c[d]=a[d];return e=parseFloat(b.currentStyle.fontSize),f=parseFloat(a.size),c.size="number"==typeof a.size?a.size:-1!=a.size.indexOf("px")?f:-1!=a.size.indexOf("em")?e*f:-1!=a.size.indexOf("%")?e/100*f:-1!=a.size.indexOf("pt")?f/.75:e,c.size*=.981,c}function K(a){return a.style+" "+a.variant+" "+a.weight+" "+a.size+"px "+a.family}function M(a){return L[a]||"square"}function N(a){var b,c,d;this.m_=v(),this.mStack_=[],this.aStack_=[],this.currentPath_=[],this.strokeStyle="#000",this.fillStyle="#000",this.lineWidth=1,this.lineJoin="miter",this.lineCap="butt",this.miterLimit=1*g,this.globalAlpha=1,this.font="10px sans-serif",this.textAlign="left",this.textBaseline="alphabetic",this.canvas=a,b="width:"+a.clientWidth+"px;height:"+a.clientHeight+"px;overflow:hidden;position:absolute",c=a.ownerDocument.createElement("div"),c.style.cssText=b,a.appendChild(c),d=c.cloneNode(!1),d.style.backgroundColor="red",d.style.filter="alpha(opacity=0)",a.appendChild(d),this.element_=c,this.arcScaleX_=1,this.arcScaleY_=1,this.lineScale_=1}function P(a,b,c,d){a.currentPath_.push({type:"bezierCurveTo",cp1x:b.x,cp1y:b.y,cp2x:c.x,cp2y:c.y,x:d.x,y:d.y}),a.currentX_=d.x,a.currentY_=d.y}function Q(a,b){var c=F(a.strokeStyle),d=c.color,e=c.alpha*a.globalAlpha,f=a.lineScale_*a.lineWidth;1>f&&(e*=f),b.push("<g_vml_:stroke",' opacity="',e,'"',' joinstyle="',a.lineJoin,'"',' miterlimit="',a.miterLimit,'"',' endcap="',M(a.lineCap),'"',' weight="',f,'px"',' color="',d,'" />')}function R(b,c,d,e){var l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,G,H,I,J,K,L,M,f=b.fillStyle,h=b.arcScaleX_,i=b.arcScaleY_,j=e.x-d.x,k=e.y-d.y;if(f instanceof V){for(l=0,m={x:0,y:0},n=0,o=1,"gradient"==f.type_?(p=f.x0_/h,q=f.y0_/i,r=f.x1_/h,s=f.y1_/i,t=S(b,p,q),u=S(b,r,s),v=u.x-t.x,w=u.y-t.y,l=180*Math.atan2(v,w)/Math.PI,0>l&&(l+=360),1e-6>l&&(l=0)):(t=S(b,f.x0_,f.y0_),m={x:(t.x-d.x)/j,y:(t.y-d.y)/k},j/=h*g,k/=i*g,x=a.max(j,k),n=2*f.r0_/x,o=2*f.r1_/x-n),y=f.colors_,y.sort(function(a,b){return a.offset-b.offset}),z=y.length,A=y[0].color,B=y[z-1].color,C=y[0].alpha*b.globalAlpha,D=y[z-1].alpha*b.globalAlpha,E=[],G=0;z>G;G++)H=y[G],E.push(H.offset*o+n+" "+H.color);c.push('<g_vml_:fill type="',f.type_,'"',' method="none" focus="100%"',' color="',A,'"',' color2="',B,'"',' colors="',E.join(","),'"',' opacity="',D,'"',' g_o_:opacity2="',C,'"',' angle="',l,'"',' focusposition="',m.x,",",m.y,'" />')}else f instanceof W?j&&k&&(I=-d.x,J=-d.y,c.push("<g_vml_:fill",' position="',I/j*h*h,",",J/k*i*i,'"',' type="tile"',' src="',f.src_,'" />')):(K=F(b.fillStyle),L=K.color,M=K.alpha*b.globalAlpha,c.push('<g_vml_:fill color="',L,'" opacity="',M,'" />'))}function S(a,b,c){var d=a.m_;return{x:g*(b*d[0][0]+c*d[1][0]+d[2][0])-h,y:g*(b*d[0][1]+c*d[1][1]+d[2][1])-h}}function T(a){return isFinite(a[0][0])&&isFinite(a[0][1])&&isFinite(a[1][0])&&isFinite(a[1][1])&&isFinite(a[2][0])&&isFinite(a[2][1])}function U(a,b,c){if(T(b)&&(a.m_=b,c)){var d=b[0][0]*b[1][1]-b[0][1]*b[1][0];a.lineScale_=f(e(d))}}function V(a){this.type_=a,this.x0_=0,this.y0_=0,this.r0_=0,this.x1_=0,this.y1_=0,this.r1_=0,this.colors_=[]}function W(a,b){switch(Y(a),b){case"repeat":case null:case"":this.repetition_="repeat";break;case"repeat-x":case"repeat-y":case"no-repeat":this.repetition_=b;break;default:X("SYNTAX_ERR")}this.src_=a.src,this.width_=a.width,this.height_=a.height}function X(a){throw new Z(a)}function Y(a){a&&1==a.nodeType&&"IMG"==a.tagName||X("TYPE_MISMATCH_ERR"),"complete"!=a.readyState&&X("INVALID_STATE_ERR")}function Z(a){this.code=this[a],this.message=a+": DOM Exception "+this.code}var k,p,s,t,u,y,E,G,H,L,O,$,a=Math,b=a.round,c=a.sin,d=a.cos,e=a.abs,f=a.sqrt,g=10,h=g/2;for(+navigator.userAgent.match(/MSIE ([\d.]+)?/)[1],k=Array.prototype.slice,o(document),p={init:function(a){var b=a||document;b.createElement("canvas"),b.attachEvent("onreadystatechange",l(this.init_,this,b))},init_:function(a){var c,b=a.getElementsByTagName("canvas");for(c=0;c<b.length;c++)this.initElement(b[c])},initElement:function(a){if(!a.getContext){a.getContext=j,o(a.ownerDocument),a.innerHTML="",a.attachEvent("onpropertychange",q),a.attachEvent("onresize",r);var b=a.attributes;b.width&&b.width.specified?a.style.width=b.width.nodeValue+"px":a.width=a.clientWidth,b.height&&b.height.specified?a.style.height=b.height.nodeValue+"px":a.height=a.clientHeight}return a}},p.init(),s=[],t=0;16>t;t++)for(u=0;16>u;u++)s[16*t+u]=t.toString(16)+u.toString(16);y={aliceblue:"#F0F8FF",antiquewhite:"#FAEBD7",aquamarine:"#7FFFD4",azure:"#F0FFFF",beige:"#F5F5DC",bisque:"#FFE4C4",black:"#000000",blanchedalmond:"#FFEBCD",blueviolet:"#8A2BE2",brown:"#A52A2A",burlywood:"#DEB887",cadetblue:"#5F9EA0",chartreuse:"#7FFF00",chocolate:"#D2691E",coral:"#FF7F50",cornflowerblue:"#6495ED",cornsilk:"#FFF8DC",crimson:"#DC143C",cyan:"#00FFFF",darkblue:"#00008B",darkcyan:"#008B8B",darkgoldenrod:"#B8860B",darkgray:"#A9A9A9",darkgreen:"#006400",darkgrey:"#A9A9A9",darkkhaki:"#BDB76B",darkmagenta:"#8B008B",darkolivegreen:"#556B2F",darkorange:"#FF8C00",darkorchid:"#9932CC",darkred:"#8B0000",darksalmon:"#E9967A",darkseagreen:"#8FBC8F",darkslateblue:"#483D8B",darkslategray:"#2F4F4F",darkslategrey:"#2F4F4F",darkturquoise:"#00CED1",darkviolet:"#9400D3",deeppink:"#FF1493",deepskyblue:"#00BFFF",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1E90FF",firebrick:"#B22222",floralwhite:"#FFFAF0",forestgreen:"#228B22",gainsboro:"#DCDCDC",ghostwhite:"#F8F8FF",gold:"#FFD700",goldenrod:"#DAA520",grey:"#808080",greenyellow:"#ADFF2F",honeydew:"#F0FFF0",hotpink:"#FF69B4",indianred:"#CD5C5C",indigo:"#4B0082",ivory:"#FFFFF0",khaki:"#F0E68C",lavender:"#E6E6FA",lavenderblush:"#FFF0F5",lawngreen:"#7CFC00",lemonchiffon:"#FFFACD",lightblue:"#ADD8E6",lightcoral:"#F08080",lightcyan:"#E0FFFF",lightgoldenrodyellow:"#FAFAD2",lightgreen:"#90EE90",lightgrey:"#D3D3D3",lightpink:"#FFB6C1",lightsalmon:"#FFA07A",lightseagreen:"#20B2AA",lightskyblue:"#87CEFA",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#B0C4DE",lightyellow:"#FFFFE0",limegreen:"#32CD32",linen:"#FAF0E6",magenta:"#FF00FF",mediumaquamarine:"#66CDAA",mediumblue:"#0000CD",mediumorchid:"#BA55D3",mediumpurple:"#9370DB",mediumseagreen:"#3CB371",mediumslateblue:"#7B68EE",mediumspringgreen:"#00FA9A",mediumturquoise:"#48D1CC",mediumvioletred:"#C71585",midnightblue:"#191970",mintcream:"#F5FFFA",mistyrose:"#FFE4E1",moccasin:"#FFE4B5",navajowhite:"#FFDEAD",oldlace:"#FDF5E6",olivedrab:"#6B8E23",orange:"#FFA500",orangered:"#FF4500",orchid:"#DA70D6",palegoldenrod:"#EEE8AA",palegreen:"#98FB98",paleturquoise:"#AFEEEE",palevioletred:"#DB7093",papayawhip:"#FFEFD5",peachpuff:"#FFDAB9",peru:"#CD853F",pink:"#FFC0CB",plum:"#DDA0DD",powderblue:"#B0E0E6",rosybrown:"#BC8F8F",royalblue:"#4169E1",saddlebrown:"#8B4513",salmon:"#FA8072",sandybrown:"#F4A460",seagreen:"#2E8B57",seashell:"#FFF5EE",sienna:"#A0522D",skyblue:"#87CEEB",slateblue:"#6A5ACD",slategray:"#708090",slategrey:"#708090",snow:"#FFFAFA",springgreen:"#00FF7F",steelblue:"#4682B4",tan:"#D2B48C",thistle:"#D8BFD8",tomato:"#FF6347",turquoise:"#40E0D0",violet:"#EE82EE",wheat:"#F5DEB3",whitesmoke:"#F5F5F5",yellowgreen:"#9ACD32"},E={},G={style:"normal",variant:"normal",weight:"normal",size:10,family:"sans-serif"},H={},L={butt:"flat",round:"round"},O=N.prototype,O.clearRect=function(){this.textMeasureEl_&&(this.textMeasureEl_.removeNode(!0),this.textMeasureEl_=null),this.element_.innerHTML=""},O.beginPath=function(){this.currentPath_=[]},O.moveTo=function(a,b){var c=S(this,a,b);this.currentPath_.push({type:"moveTo",x:c.x,y:c.y}),this.currentX_=c.x,this.currentY_=c.y},O.lineTo=function(a,b){var c=S(this,a,b);this.currentPath_.push({type:"lineTo",x:c.x,y:c.y}),this.currentX_=c.x,this.currentY_=c.y},O.bezierCurveTo=function(a,b,c,d,e,f){var g=S(this,e,f),h=S(this,a,b),i=S(this,c,d);P(this,h,i,g)},O.quadraticCurveTo=function(a,b,c,d){var e=S(this,a,b),f=S(this,c,d),g={x:this.currentX_+2/3*(e.x-this.currentX_),y:this.currentY_+2/3*(e.y-this.currentY_)},h={x:g.x+(f.x-this.currentX_)/3,y:g.y+(f.y-this.currentY_)/3};P(this,g,h,f)},O.arc=function(a,b,e,f,i,j){var k,l,m,n,o,p,q,r;e*=g,k=j?"at":"wa",l=a+d(f)*e-h,m=b+c(f)*e-h,n=a+d(i)*e-h,o=b+c(i)*e-h,l!=n||j||(l+=.125),p=S(this,a,b),q=S(this,l,m),r=S(this,n,o),this.currentPath_.push({type:k,x:p.x,y:p.y,radius:e,xStart:q.x,yStart:q.y,xEnd:r.x,yEnd:r.y})},O.rect=function(a,b,c,d){this.moveTo(a,b),this.lineTo(a+c,b),this.lineTo(a+c,b+d),this.lineTo(a,b+d),this.closePath()},O.strokeRect=function(a,b,c,d){var e=this.currentPath_;this.beginPath(),this.moveTo(a,b),this.lineTo(a+c,b),this.lineTo(a+c,b+d),this.lineTo(a,b+d),this.closePath(),this.stroke(),this.currentPath_=e},O.fillRect=function(a,b,c,d){var e=this.currentPath_;this.beginPath(),this.moveTo(a,b),this.lineTo(a+c,b),this.lineTo(a+c,b+d),this.lineTo(a,b+d),this.closePath(),this.fill(),this.currentPath_=e},O.createLinearGradient=function(a,b,c,d){var e=new V("gradient");return e.x0_=a,e.y0_=b,e.x1_=c,e.y1_=d,e},O.createRadialGradient=function(a,b,c,d,e,f){var g=new V("gradientradial");return g.x0_=a,g.y0_=b,g.r0_=c,g.x1_=d,g.y1_=e,g.r1_=f,g},O.drawImage=function(c){var e,f,h,i,j,k,l,m,p,q,r,u,v,w,x,y,z,A,B,n=c.runtimeStyle.width,o=c.runtimeStyle.height;if(c.runtimeStyle.width="auto",c.runtimeStyle.height="auto",p=c.width,q=c.height,c.runtimeStyle.width=n,c.runtimeStyle.height=o,3==arguments.length)e=arguments[1],f=arguments[2],j=k=0,l=h=p,m=i=q;else if(5==arguments.length)e=arguments[1],f=arguments[2],h=arguments[3],i=arguments[4],j=k=0,l=p,m=q;else{if(9!=arguments.length)throw Error("Invalid number of arguments");j=arguments[1],k=arguments[2],l=arguments[3],m=arguments[4],e=arguments[5],f=arguments[6],h=arguments[7],i=arguments[8]}r=S(this,e,f),u=[],v=10,w=10,u.push(" <g_vml_:group",' coordsize="',g*v,",",g*w,'"',' coordorigin="0,0"',' style="width:',v,"px;height:",w,"px;position:absolute;"),1!=this.m_[0][0]||this.m_[0][1]||1!=this.m_[1][1]||this.m_[1][0]?(x=[],x.push("M11=",this.m_[0][0],",","M12=",this.m_[1][0],",","M21=",this.m_[0][1],",","M22=",this.m_[1][1],",","Dx=",b(r.x/g),",","Dy=",b(r.y/g),""),y=r,z=S(this,e+h,f),A=S(this,e,f+i),B=S(this,e+h,f+i),y.x=a.max(y.x,z.x,A.x,B.x),y.y=a.max(y.y,z.y,A.y,B.y),u.push("padding:0 ",b(y.x/g),"px ",b(y.y/g),"px 0;filter:progid:DXImageTransform.Microsoft.Matrix(",x.join(""),", sizingmethod='clip');")):u.push("top:",b(r.y/g),"px;left:",b(r.x/g),"px;"),u.push(' ">','<g_vml_:image src="',c.src,'"',' style="width:',g*h,"px;"," height:",g*i,'px"',' cropleft="',j/p,'"',' croptop="',k/q,'"',' cropright="',(p-j-l)/p,'"',' cropbottom="',(q-k-m)/q,'"'," />","</g_vml_:group>"),this.element_.insertAdjacentHTML("BeforeEnd",u.join(""))},O.stroke=function(a){var i,j,k,l,m,c=[],e=10,f=10;for(c.push("<g_vml_:shape",' filled="',!!a,'"',' style="position:absolute;width:',e,"px;height:",f,'px;"',' coordorigin="0,0"',' coordsize="',g*e,",",g*f,'"',' stroked="',!a,'"',' path="'),i={x:null,y:null},j={x:null,y:null},k=0;k<this.currentPath_.length;k++){switch(l=this.currentPath_[k],l.type){case"moveTo":m=l,c.push(" m ",b(l.x),",",b(l.y));break;case"lineTo":c.push(" l ",b(l.x),",",b(l.y));break;case"close":c.push(" x "),l=null;break;case"bezierCurveTo":c.push(" c ",b(l.cp1x),",",b(l.cp1y),",",b(l.cp2x),",",b(l.cp2y),",",b(l.x),",",b(l.y));break;case"at":case"wa":c.push(" ",l.type," ",b(l.x-this.arcScaleX_*l.radius),",",b(l.y-this.arcScaleY_*l.radius)," ",b(l.x+this.arcScaleX_*l.radius),",",b(l.y+this.arcScaleY_*l.radius)," ",b(l.xStart),",",b(l.yStart)," ",b(l.xEnd),",",b(l.yEnd))}l&&((null==i.x||l.x<i.x)&&(i.x=l.x),(null==j.x||l.x>j.x)&&(j.x=l.x),(null==i.y||l.y<i.y)&&(i.y=l.y),(null==j.y||l.y>j.y)&&(j.y=l.y))}c.push(' ">'),a?R(this,c,i,j):Q(this,c),c.push("</g_vml_:shape>"),this.element_.insertAdjacentHTML("beforeEnd",c.join(""))},O.fill=function(){this.stroke(!0)},O.closePath=function(){this.currentPath_.push({type:"close"})},O.save=function(){var a={};x(this,a),this.aStack_.push(a),this.mStack_.push(this.m_),this.m_=w(v(),this.m_)},O.restore=function(){this.aStack_.length&&(x(this.aStack_.pop(),this),this.m_=this.mStack_.pop())},O.translate=function(a,b){var c=[[1,0,0],[0,1,0],[a,b,1]];U(this,w(c,this.m_),!1)},O.rotate=function(a){var b=d(a),e=c(a),f=[[b,e,0],[-e,b,0],[0,0,1]];U(this,w(f,this.m_),!1)},O.scale=function(a,b){this.arcScaleX_*=a,this.arcScaleY_*=b;var c=[[a,0,0],[0,b,0],[0,0,1]];U(this,w(c,this.m_),!0)},O.transform=function(a,b,c,d,e,f){var g=[[a,b,0],[c,d,0],[e,f,1]];U(this,w(g,this.m_),!0)},O.setTransform=function(a,b,c,d,e,f){var g=[[a,b,0],[c,d,0],[e,f,1]];U(this,g,!0)},O.drawText_=function(a,c,d,e,f){var s,t,u,h=this.m_,i=1e3,j=0,k=i,l={x:0,y:0},n=[],o=J(I(this.font),this.element_),p=K(o),q=this.element_.currentStyle,r=this.textAlign.toLowerCase();switch(r){case"left":case"center":case"right":break;case"end":r="ltr"==q.direction?"right":"left";break;case"start":r="rtl"==q.direction?"right":"left";break;default:r="left"}switch(this.textBaseline){case"hanging":case"top":l.y=o.size/1.75;break;case"middle":break;default:case null:case"alphabetic":case"ideographic":case"bottom":l.y=-o.size/2.25}switch(r){case"right":j=i,k=.05;break;case"center":j=k=i/2}s=S(this,c+l.x,d+l.y),n.push('<g_vml_:line from="',-j,' 0" to="',k,' 0.05" ',' coordsize="100 100" coordorigin="0 0"',' filled="',!f,'" stroked="',!!f,'" style="position:absolute;width:1px;height:1px;">'),f?Q(this,n):R(this,n,{x:-j,y:0},{x:k,y:o.size}),t=h[0][0].toFixed(3)+","+h[1][0].toFixed(3)+","+h[0][1].toFixed(3)+","+h[1][1].toFixed(3)+",0,0",u=b(s.x/g)+","+b(s.y/g),n.push('<g_vml_:skew on="t" matrix="',t,'" ',' offset="',u,'" origin="',j,' 0" />','<g_vml_:path textpathok="true" />','<g_vml_:textpath on="true" string="',m(a),'" style="v-text-align:',r,";font:",m(p),'" /></g_vml_:line>'),this.element_.insertAdjacentHTML("beforeEnd",n.join(""))},O.fillText=function(a,b,c,d){this.drawText_(a,b,c,d,!1)},O.strokeText=function(a,b,c,d){this.drawText_(a,b,c,d,!0)},O.measureText=function(a){var b,c;return this.textMeasureEl_||(b='<span style="position:absolute;top:-20000px;left:0;padding:0;margin:0;border:none;white-space:pre;"></span>',this.element_.insertAdjacentHTML("beforeEnd",b),this.textMeasureEl_=this.element_.lastChild),c=this.element_.ownerDocument,this.textMeasureEl_.innerHTML="",this.textMeasureEl_.style.font=this.font,this.textMeasureEl_.appendChild(c.createTextNode(a)),{width:this.textMeasureEl_.offsetWidth}},O.clip=function(){},O.arcTo=function(){},O.createPattern=function(a,b){return new W(a,b)},V.prototype.addColorStop=function(a,b){b=F(b),this.colors_.push({offset:a,color:b.color,alpha:b.alpha})},$=Z.prototype=new Error,$.INDEX_SIZE_ERR=1,$.DOMSTRING_SIZE_ERR=2,$.HIERARCHY_REQUEST_ERR=3,$.WRONG_DOCUMENT_ERR=4,$.INVALID_CHARACTER_ERR=5,$.NO_DATA_ALLOWED_ERR=6,$.NO_MODIFICATION_ALLOWED_ERR=7,$.NOT_FOUND_ERR=8,$.NOT_SUPPORTED_ERR=9,$.INUSE_ATTRIBUTE_ERR=10,$.INVALID_STATE_ERR=11,$.SYNTAX_ERR=12,$.INVALID_MODIFICATION_ERR=13,$.NAMESPACE_ERR=14,$.INVALID_ACCESS_ERR=15,$.VALIDATION_ERR=16,$.TYPE_MISMATCH_ERR=17,G_vmlCanvasManager=p,CanvasRenderingContext2D=N,CanvasGradient=V,CanvasPattern=W,DOMException=Z}();
diff --git a/public/static/zui/lib/chart/zui.chart.min.js b/public/static/zui/lib/chart/zui.chart.min.js
deleted file mode 100755
index b718850..0000000
--- a/public/static/zui/lib/chart/zui.chart.min.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/*!
- * ZUI: Chart.js - v1.10.0 - 2021-11-04
- * http://openzui.com
- * GitHub: https://github.com/easysoft/zui.git 
- * Copyright (c) 2021 cnezsoft.com; Licensed MIT
- */
-/*!
- * Chart.js 1.0.2
- * Copyright 2015 Nick Downie
- * Released under the MIT license
- * http://chartjs.org/
- */
-(function(t){"use strict";var i=t&&t.zui?t.zui:this,e=(i.Chart,function(t){this.canvas=t.canvas,this.ctx=t;var i=function(t,i){return t["offset"+i]?t["offset"+i]:document.defaultView.getComputedStyle(t).getPropertyValue(i)},e=this.width=i(t.canvas,"Width"),n=this.height=i(t.canvas,"Height");t.canvas.width=e,t.canvas.height=n;var e=this.width=t.canvas.width,n=this.height=t.canvas.height;return this.aspectRatio=this.width/this.height,s.retinaScale(this),this});e.defaults={global:{animation:!0,animationSteps:60,animationEasing:"easeOutQuart",showScale:!0,scaleOverride:!1,scaleSteps:null,scaleStepWidth:null,scaleStartValue:null,scaleLineColor:"rgba(0,0,0,.1)",scaleLineWidth:1,scaleShowLabels:!0,scaleLabel:"<%=value%>",scaleIntegersOnly:!0,scaleBeginAtZero:!1,scaleFontFamily:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",scaleFontSize:12,scaleFontStyle:"normal",scaleFontColor:"#666",responsive:!1,maintainAspectRatio:!0,showTooltips:!0,customTooltips:!1,tooltipEvents:["mousemove","touchstart","touchmove","mouseout"],tooltipFillColor:"rgba(0,0,0,0.8)",tooltipFontFamily:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",tooltipFontSize:14,tooltipFontStyle:"normal",tooltipFontColor:"#fff",tooltipTitleFontFamily:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",tooltipTitleFontSize:14,tooltipTitleFontStyle:"bold",tooltipTitleFontColor:"#fff",tooltipYPadding:6,tooltipXPadding:6,tooltipCaretSize:8,tooltipCornerRadius:6,tooltipXOffset:10,tooltipTemplate:"<%if (label){%><%=label%>: <%}%><%= value %>",multiTooltipTemplate:"<%if (datasetLabel){%><%=datasetLabel%>: <%}%><%= value %>",multiTooltipTitleTemplate:"<%= label %>",multiTooltipKeyBackground:"#fff",onAnimationProgress:function(){},onAnimationComplete:function(){}}},e.types={};var s=e.helpers={},n=s.each=function(t,i,e){var s=Array.prototype.slice.call(arguments,3);if(t)if(t.length===+t.length){var n;for(n=0;n<t.length;n++)i.apply(e,[t[n],n].concat(s))}else for(var o in t)i.apply(e,[t[o],o].concat(s))},o=s.clone=function(t){var i={};return n(t,function(e,s){t.hasOwnProperty(s)&&(i[s]=e)}),i},a=s.extend=function(t){return n(Array.prototype.slice.call(arguments,1),function(i){n(i,function(e,s){i.hasOwnProperty(s)&&(t[s]=e)})}),t},h=s.merge=function(t,i){var e=Array.prototype.slice.call(arguments,0);return e.unshift({}),a.apply(null,e)},l=s.indexOf=function(t,i){if(Array.prototype.indexOf)return t.indexOf(i);for(var e=0;e<t.length;e++)if(t[e]===i)return e;return-1},r=(s.where=function(t,i){var e=[];return s.each(t,function(t){i(t)&&e.push(t)}),e},s.findNextWhere=function(t,i,e){e||(e=-1);for(var s=e+1;s<t.length;s++){var n=t[s];if(i(n))return n}},s.findPreviousWhere=function(t,i,e){e||(e=t.length);for(var s=e-1;s>=0;s--){var n=t[s];if(i(n))return n}},s.inherits=function(t){var i=this,e=t&&t.hasOwnProperty("constructor")?t.constructor:function(){return i.apply(this,arguments)},s=function(){this.constructor=e};return s.prototype=i.prototype,e.prototype=new s,e.extend=r,t&&a(e.prototype,t),e.__super__=i.prototype,e}),c=s.noop=function(){},u=s.uid=function(){var t=0;return function(){return"chart-"+t++}}(),d=s.warn=function(t){window.console&&"function"==typeof window.console.warn&&console.warn(t)},f=s.amd="function"==typeof define&&define.amd,p=s.isNumber=function(t){return!isNaN(parseFloat(t))&&isFinite(t)},g=s.max=function(t){return Math.max.apply(Math,t)},v=s.min=function(t){return Math.min.apply(Math,t)},x=(s.cap=function(t,i,e){if(p(i)){if(t>i)return i}else if(p(e)&&t<e)return e;return t},s.getDecimalPlaces=function(t){return t%1!==0&&p(t)?t.toString().split(".")[1].length:0}),m=s.radians=function(t){return t*(Math.PI/180)},y=(s.getAngleFromPoint=function(t,i){var e=i.x-t.x,s=i.y-t.y,n=Math.sqrt(e*e+s*s),o=2*Math.PI+Math.atan2(s,e);return e<0&&s<0&&(o+=2*Math.PI),{angle:o,distance:n}},s.aliasPixel=function(t){return t%2===0?0:.5}),w=(s.splineCurve=function(t,i,e,s){var n=Math.sqrt(Math.pow(i.x-t.x,2)+Math.pow(i.y-t.y,2)),o=Math.sqrt(Math.pow(e.x-i.x,2)+Math.pow(e.y-i.y,2)),a=s*n/(n+o),h=s*o/(n+o);return{inner:{x:i.x-a*(e.x-t.x),y:i.y-a*(e.y-t.y)},outer:{x:i.x+h*(e.x-t.x),y:i.y+h*(e.y-t.y)}}},s.calculateOrderOfMagnitude=function(t){return Math.floor(Math.log(t)/Math.LN10)}),S=(s.calculateScaleRange=function(t,i,e,s,n){var o=2,a=Math.floor(i/(1.5*e)),h=o>=a,l=g(t),r=v(t);l===r&&(l+=.5,r>=.5&&!s?r-=.5:l+=.5);for(var c=Math.abs(l-r),u=w(c),d=Math.ceil(l/(1*Math.pow(10,u)))*Math.pow(10,u),f=s?0:Math.floor(r/(1*Math.pow(10,u)))*Math.pow(10,u),p=d-f,x=Math.pow(10,u),m=Math.round(p/x);(m>a||2*m<a)&&!h;)if(m>a)x*=2,m=Math.round(p/x),m%1!==0&&(h=!0);else if(n&&u>=0){if(x/2%1!==0)break;x/=2,m=Math.round(p/x)}else x/=2,m=Math.round(p/x);return h&&(m=o,x=p/m),{steps:m,stepValue:x,min:f,max:f+m*x}},s.template=function(t,i){function e(t,i){var e=/\W/.test(t)?new Function("obj","var p=[],print=function(){p.push.apply(p,arguments);};with(obj){p.push('"+t.replace(/[\r\t\n]/g," ").split("<%").join("\t").replace(/((^|%>)[^\t]*)'/g,"$1\r").replace(/\t=(.*?)%>/g,"',$1,'").split("\t").join("');").split("%>").join("p.push('").split("\r").join("\\'")+"');}return p.join('');"):s[t]=s[t];return i?e(i):e}if(t instanceof Function)return t(i);var s={};return e(t,i)}),C=(s.generateLabels=function(t,i,e,s){var o=new Array(i);return labelTemplateString&&n(o,function(i,n){o[n]=S(t,{value:e+s*(n+1)})}),o},s.easingEffects={linear:function(t){return t},easeInQuad:function(t){return t*t},easeOutQuad:function(t){return-1*t*(t-2)},easeInOutQuad:function(t){return(t/=.5)<1?.5*t*t:-.5*(--t*(t-2)-1)},easeInCubic:function(t){return t*t*t},easeOutCubic:function(t){return 1*((t=t/1-1)*t*t+1)},easeInOutCubic:function(t){return(t/=.5)<1?.5*t*t*t:.5*((t-=2)*t*t+2)},easeInQuart:function(t){return t*t*t*t},easeOutQuart:function(t){return-1*((t=t/1-1)*t*t*t-1)},easeInOutQuart:function(t){return(t/=.5)<1?.5*t*t*t*t:-.5*((t-=2)*t*t*t-2)},easeInQuint:function(t){return 1*(t/=1)*t*t*t*t},easeOutQuint:function(t){return 1*((t=t/1-1)*t*t*t*t+1)},easeInOutQuint:function(t){return(t/=.5)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)},easeInSine:function(t){return-1*Math.cos(t/1*(Math.PI/2))+1},easeOutSine:function(t){return 1*Math.sin(t/1*(Math.PI/2))},easeInOutSine:function(t){return-.5*(Math.cos(Math.PI*t/1)-1)},easeInExpo:function(t){return 0===t?1:1*Math.pow(2,10*(t/1-1))},easeOutExpo:function(t){return 1===t?1:1*(-Math.pow(2,-10*t/1)+1)},easeInOutExpo:function(t){return 0===t?0:1===t?1:(t/=.5)<1?.5*Math.pow(2,10*(t-1)):.5*(-Math.pow(2,-10*--t)+2)},easeInCirc:function(t){return t>=1?t:-1*(Math.sqrt(1-(t/=1)*t)-1)},easeOutCirc:function(t){return 1*Math.sqrt(1-(t=t/1-1)*t)},easeInOutCirc:function(t){return(t/=.5)<1?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)},easeInElastic:function(t){var i=1.70158,e=0,s=1;return 0===t?0:1==(t/=1)?1:(e||(e=.3),s<Math.abs(1)?(s=1,i=e/4):i=e/(2*Math.PI)*Math.asin(1/s),-(s*Math.pow(2,10*(t-=1))*Math.sin((1*t-i)*(2*Math.PI)/e)))},easeOutElastic:function(t){var i=1.70158,e=0,s=1;return 0===t?0:1==(t/=1)?1:(e||(e=.3),s<Math.abs(1)?(s=1,i=e/4):i=e/(2*Math.PI)*Math.asin(1/s),s*Math.pow(2,-10*t)*Math.sin((1*t-i)*(2*Math.PI)/e)+1)},easeInOutElastic:function(t){var i=1.70158,e=0,s=1;return 0===t?0:2==(t/=.5)?1:(e||(e=1*(.3*1.5)),s<Math.abs(1)?(s=1,i=e/4):i=e/(2*Math.PI)*Math.asin(1/s),t<1?-.5*(s*Math.pow(2,10*(t-=1))*Math.sin((1*t-i)*(2*Math.PI)/e)):s*Math.pow(2,-10*(t-=1))*Math.sin((1*t-i)*(2*Math.PI)/e)*.5+1)},easeInBack:function(t){var i=1.70158;return 1*(t/=1)*t*((i+1)*t-i)},easeOutBack:function(t){var i=1.70158;return 1*((t=t/1-1)*t*((i+1)*t+i)+1)},easeInOutBack:function(t){var i=1.70158;return(t/=.5)<1?.5*(t*t*(((i*=1.525)+1)*t-i)):.5*((t-=2)*t*(((i*=1.525)+1)*t+i)+2)},easeInBounce:function(t){return 1-C.easeOutBounce(1-t)},easeOutBounce:function(t){return(t/=1)<1/2.75?1*(7.5625*t*t):t<2/2.75?1*(7.5625*(t-=1.5/2.75)*t+.75):t<2.5/2.75?1*(7.5625*(t-=2.25/2.75)*t+.9375):1*(7.5625*(t-=2.625/2.75)*t+.984375)},easeInOutBounce:function(t){return t<.5?.5*C.easeInBounce(2*t):.5*C.easeOutBounce(2*t-1)+.5}}),b=s.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(t){return window.setTimeout(t,1e3/60)}}(),P=s.cancelAnimFrame=function(){return window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||window.oCancelAnimationFrame||window.msCancelAnimationFrame||function(t){return window.clearTimeout(t,1e3/60)}}(),L=(s.animationLoop=function(t,i,e,s,n,o){var a=0,h=C[e]||C.linear,l=function(){a++;var e=a/i,r=h(e);t.call(o,r,e,a),s.call(o,r,e),a<i?o.animationFrame=b(l):n.apply(o)};b(l)},s.getRelativePosition=function(t){var i,e,s=t.originalEvent||t,n=t.currentTarget||t.srcElement,o=n.getBoundingClientRect();return s.touches?(i=s.touches[0].clientX-o.left,e=s.touches[0].clientY-o.top):(i=s.clientX-o.left,e=s.clientY-o.top),{x:i,y:e}},s.addEvent=function(t,i,e){t.addEventListener?t.addEventListener(i,e):t.attachEvent?t.attachEvent("on"+i,e):t["on"+i]=e}),k=s.removeEvent=function(t,i,e){t.removeEventListener?t.removeEventListener(i,e,!1):t.detachEvent?t.detachEvent("on"+i,e):t["on"+i]=c},F=(s.bindEvents=function(t,i,e){t.events||(t.events={}),n(i,function(i){t.events[i]=function(){e.apply(t,arguments)},L(t.chart.canvas,i,t.events[i])})},s.unbindEvents=function(t,i){n(i,function(i,e){k(t.chart.canvas,e,i)})}),T=s.getMaximumWidth=function(t){var i=t.parentNode;return i.clientWidth},M=s.getMaximumHeight=function(t){var i=t.parentNode;return i.clientHeight},z=(s.getMaximumSize=s.getMaximumWidth,s.retinaScale=function(t){var i=t.ctx,e=t.canvas.width,s=t.canvas.height;window.devicePixelRatio&&(i.canvas.style.width=e+"px",i.canvas.style.height=s+"px",i.canvas.height=s*window.devicePixelRatio,i.canvas.width=e*window.devicePixelRatio,i.scale(window.devicePixelRatio,window.devicePixelRatio))}),R=s.clear=function(t){t.ctx.clearRect(0,0,t.width,t.height)},A=s.fontString=function(t,i,e){return i+" "+t+"px "+e},W=s.longestText=function(t,i,e){t.font=i;var s=0;return n(e,function(i){var e=t.measureText(i).width;s=e>s?e:s}),s},B=s.drawRoundedRectangle=function(t,i,e,s,n,o){t.beginPath(),t.moveTo(i+o,e),t.lineTo(i+s-o,e),t.quadraticCurveTo(i+s,e,i+s,e+o),t.lineTo(i+s,e+n-o),t.quadraticCurveTo(i+s,e+n,i+s-o,e+n),t.lineTo(i+o,e+n),t.quadraticCurveTo(i,e+n,i,e+n-o),t.lineTo(i,e+o),t.quadraticCurveTo(i,e,i+o,e),t.closePath()};e.instances={},e.Type=function(t,i,s){this.options=i,this.chart=s,this.id=u(),e.instances[this.id]=this,i.responsive&&this.resize(),this.initialize.call(this,t)},a(e.Type.prototype,{initialize:function(){return this},clear:function(){return R(this.chart),this},stop:function(){return P(this.animationFrame),this},resize:function(t){this.stop();var i=this.chart.canvas,e=T(this.chart.canvas),s=this.options.maintainAspectRatio?e/this.chart.aspectRatio:M(this.chart.canvas);return i.width=this.chart.width=e,i.height=this.chart.height=s,z(this.chart),"function"==typeof t&&t.apply(this,Array.prototype.slice.call(arguments,1)),this},reflow:c,render:function(t){return t&&this.reflow(),this.options.animation&&!t?s.animationLoop(this.draw,this.options.animationSteps,this.options.animationEasing,this.options.onAnimationProgress,this.options.onAnimationComplete,this):(this.draw(),this.options.onAnimationComplete.call(this)),this},generateLegend:function(){return S(this.options.legendTemplate,this)},destroy:function(){this.clear(),F(this,this.events);var t=this.chart.canvas;t.width=this.chart.width,t.height=this.chart.height,t.style.removeProperty?(t.style.removeProperty("width"),t.style.removeProperty("height")):(t.style.removeAttribute("width"),t.style.removeAttribute("height")),delete e.instances[this.id]},showTooltip:function(t,i){"undefined"==typeof this.activeElements&&(this.activeElements=[]);var o=function(t){var i=!1;return t.length!==this.activeElements.length?i=!0:(n(t,function(t,e){t!==this.activeElements[e]&&(i=!0)},this),i)}.call(this,t);if(o||i){if(this.activeElements=t,this.draw(),this.options.customTooltips&&this.options.customTooltips(!1),t.length>0)if(this.datasets&&this.datasets.length>1){for(var a,h,r=this.datasets.length-1;r>=0&&(a=this.datasets[r].points||this.datasets[r].bars||this.datasets[r].segments,h=l(a,t[0]),h===-1);r--);var c=[],u=[],d=function(t){var i,e,n,o,a,l=[],r=[],d=[];return s.each(this.datasets,function(t){t.showTooltips!==!1&&(i=t.points||t.bars||t.segments,i[h]&&i[h].hasValue()&&l.push(i[h]))}),s.each(l,function(t){r.push(t.x),d.push(t.y),c.push(s.template(this.options.multiTooltipTemplate,t)),u.push({fill:t._saved.fillColor||t.fillColor,stroke:t._saved.strokeColor||t.strokeColor})},this),a=v(d),n=g(d),o=v(r),e=g(r),{x:o>this.chart.width/2?o:e,y:(a+n)/2}}.call(this,h);new e.MultiTooltip({x:d.x,y:d.y,xPadding:this.options.tooltipXPadding,yPadding:this.options.tooltipYPadding,xOffset:this.options.tooltipXOffset,fillColor:this.options.tooltipFillColor,textColor:this.options.tooltipFontColor,fontFamily:this.options.tooltipFontFamily,fontStyle:this.options.tooltipFontStyle,fontSize:this.options.tooltipFontSize,titleTextColor:this.options.tooltipTitleFontColor,titleFontFamily:this.options.tooltipTitleFontFamily,titleFontStyle:this.options.tooltipTitleFontStyle,titleFontSize:this.options.tooltipTitleFontSize,cornerRadius:this.options.tooltipCornerRadius,labels:c,legendColors:u,legendColorBackground:this.options.multiTooltipKeyBackground,title:S(this.options.multiTooltipTitleTemplate,t[0]),chart:this.chart,ctx:this.chart.ctx,custom:this.options.customTooltips}).draw()}else n(t,function(t){var i=t.tooltipPosition();new e.Tooltip({x:Math.round(i.x),y:Math.round(i.y),xPadding:this.options.tooltipXPadding,yPadding:this.options.tooltipYPadding,fillColor:this.options.tooltipFillColor,textColor:this.options.tooltipFontColor,fontFamily:this.options.tooltipFontFamily,fontStyle:this.options.tooltipFontStyle,fontSize:this.options.tooltipFontSize,caretHeight:this.options.tooltipCaretSize,cornerRadius:this.options.tooltipCornerRadius,text:S(this.options.tooltipTemplate,t),chart:this.chart,custom:this.options.customTooltips}).draw()},this);return this}},toBase64Image:function(){return this.chart.canvas.toDataURL.apply(this.chart.canvas,arguments)}}),e.Type.extend=function(t){var i=this,s=function(){return i.apply(this,arguments)};if(s.prototype=o(i.prototype),a(s.prototype,t),s.extend=e.Type.extend,t.name||i.prototype.name){var n=t.name||i.prototype.name,l=e.defaults[i.prototype.name]?o(e.defaults[i.prototype.name]):{};e.defaults[n]=a(l,t.defaults),e.types[n]=s,e.prototype[n]=function(t,i){var o=h(e.defaults.global,e.defaults[n],i||{});return new s(t,o,this)}}else d("Name not provided for this chart, so it hasn't been registered");return i},e.Element=function(t){a(this,t),this.initialize.apply(this,arguments),this.save()},a(e.Element.prototype,{initialize:function(){},restore:function(t){return t?n(t,function(t){this[t]=this._saved[t]},this):a(this,this._saved),this},save:function(){return this._saved=o(this),delete this._saved._saved,this},update:function(t){return n(t,function(t,i){this._saved[i]=this[i],this[i]=t},this),this},transition:function(t,i){return n(t,function(t,e){this[e]=(t-this._saved[e])*i+this._saved[e]},this),this},tooltipPosition:function(){return{x:this.x,y:this.y}},hasValue:function(){return p(this.value)}}),e.Element.extend=r,e.Point=e.Element.extend({display:!0,inRange:function(t,i){var e=this.hitDetectionRadius+this.radius;return Math.pow(t-this.x,2)+Math.pow(i-this.y,2)<Math.pow(e,2)},draw:function(){if(this.display){var t=this.ctx;t.beginPath(),t.arc(this.x,this.y,this.radius,0,2*Math.PI),t.closePath(),t.strokeStyle=this.strokeColor,t.lineWidth=this.strokeWidth,t.fillStyle=this.fillColor,t.fill(),t.stroke()}}}),e.Arc=e.Element.extend({inRange:function(t,i){var e=s.getAngleFromPoint(this,{x:t,y:i}),n=e.angle>=this.startAngle&&e.angle<=this.endAngle,o=e.distance>=this.innerRadius&&e.distance<=this.outerRadius;return n&&o},tooltipPosition:function(){var t=this.startAngle+(this.endAngle-this.startAngle)/2,i=(this.outerRadius-this.innerRadius)/2+this.innerRadius;return{x:this.x+Math.cos(t)*i,y:this.y+Math.sin(t)*i}},draw:function(t){var i=this.ctx;if(i.beginPath(),i.arc(this.x,this.y,this.outerRadius,this.startAngle,this.endAngle),i.arc(this.x,this.y,this.innerRadius,this.endAngle,this.startAngle,!0),i.closePath(),i.strokeStyle=this.strokeColor,i.lineWidth=this.strokeWidth,i.fillStyle=this.fillColor,i.fill(),i.lineJoin="bevel",this.showStroke&&i.stroke(),this.circleBeginEnd){var e=(this.outerRadius+this.innerRadius)/2,s=(this.outerRadius-this.innerRadius)/2;i.beginPath(),i.arc(this.x+Math.cos(this.startAngle)*e,this.y+Math.sin(this.startAngle)*e,s,0,2*Math.PI),i.closePath(),i.fill(),i.beginPath(),i.arc(this.x+Math.cos(this.endAngle)*e,this.y+Math.sin(this.endAngle)*e,s,0,2*Math.PI),i.closePath(),i.fill()}}}),e.Rectangle=e.Element.extend({draw:function(){var t=this.ctx,i=this.width/2,e=this.x-i,s=this.x+i,n=this.base-(this.base-this.y),o=this.strokeWidth/2;this.showStroke&&(e+=o,s-=o,n+=o),t.beginPath(),t.fillStyle=this.fillColor,t.strokeStyle=this.strokeColor,t.lineWidth=this.strokeWidth,t.moveTo(e,this.base),t.lineTo(e,n),t.lineTo(s,n),t.lineTo(s,this.base),t.fill(),this.showStroke&&t.stroke()},height:function(){return this.base-this.y},inRange:function(t,i){return t>=this.x-this.width/2&&t<=this.x+this.width/2&&i>=this.y&&i<=this.base}}),e.Tooltip=e.Element.extend({draw:function(){var t=this.chart.ctx;t.font=A(this.fontSize,this.fontStyle,this.fontFamily),this.xAlign="center",this.yAlign="above";var i=this.caretPadding=2,e=t.measureText(this.text).width+2*this.xPadding,s=this.fontSize+2*this.yPadding,n=s+this.caretHeight+i;this.x+e/2>this.chart.width?this.xAlign="left":this.x-e/2<0&&(this.xAlign="right"),this.y-n<0&&(this.yAlign="below");var o=this.x-e/2,a=this.y-n;if(t.fillStyle=this.fillColor,this.custom)this.custom(this);else{switch(this.yAlign){case"above":t.beginPath(),t.moveTo(this.x,this.y-i),t.lineTo(this.x+this.caretHeight,this.y-(i+this.caretHeight)),t.lineTo(this.x-this.caretHeight,this.y-(i+this.caretHeight)),t.closePath(),t.fill();break;case"below":a=this.y+i+this.caretHeight,t.beginPath(),t.moveTo(this.x,this.y+i),t.lineTo(this.x+this.caretHeight,this.y+i+this.caretHeight),t.lineTo(this.x-this.caretHeight,this.y+i+this.caretHeight),t.closePath(),t.fill()}switch(this.xAlign){case"left":o=this.x-e+(this.cornerRadius+this.caretHeight);break;case"right":o=this.x-(this.cornerRadius+this.caretHeight)}B(t,o,a,e,s,this.cornerRadius),t.fill(),t.fillStyle=this.textColor,t.textAlign="center",t.textBaseline="middle",t.fillText(this.text,o+e/2,a+s/2)}}}),e.MultiTooltip=e.Element.extend({initialize:function(){this.font=A(this.fontSize,this.fontStyle,this.fontFamily),this.titleFont=A(this.titleFontSize,this.titleFontStyle,this.titleFontFamily),this.height=this.labels.length*this.fontSize+(this.labels.length-1)*(this.fontSize/2)+2*this.yPadding+1.5*this.titleFontSize,this.ctx.font=this.titleFont;var t=this.ctx.measureText(this.title).width,i=W(this.ctx,this.font,this.labels)+this.fontSize+3,e=g([i,t]);this.width=e+2*this.xPadding;var s=this.height/2;this.y-s<0?this.y=s:this.y+s>this.chart.height&&(this.y=this.chart.height-s),this.x>this.chart.width/2?this.x-=this.xOffset+this.width:this.x+=this.xOffset},getLineHeight:function(t){var i=this.y-this.height/2+this.yPadding,e=t-1;return 0===t?i+this.titleFontSize/2:i+(1.5*this.fontSize*e+this.fontSize/2)+1.5*this.titleFontSize},draw:function(){if(this.custom)this.custom(this);else{B(this.ctx,this.x,this.y-this.height/2,this.width,this.height,this.cornerRadius);var t=this.ctx;t.fillStyle=this.fillColor,t.fill(),t.closePath(),t.textAlign="left",t.textBaseline="middle",t.fillStyle=this.titleTextColor,t.font=this.titleFont,t.fillText(this.title,this.x+this.xPadding,this.getLineHeight(0)),t.font=this.font,s.each(this.labels,function(i,e){t.fillStyle=this.textColor,t.fillText(i,this.x+this.xPadding+this.fontSize+3,this.getLineHeight(e+1)),t.fillStyle=this.legendColorBackground,t.fillRect(this.x+this.xPadding,this.getLineHeight(e+1)-this.fontSize/2,this.fontSize,this.fontSize),t.fillStyle=this.legendColors[e].fill,t.fillRect(this.x+this.xPadding,this.getLineHeight(e+1)-this.fontSize/2,this.fontSize,this.fontSize)},this)}}}),e.Scale=e.Element.extend({initialize:function(){this.fit()},buildYLabels:function(){this.yLabels=[];for(var t=x(this.stepValue),i=0;i<=this.steps;i++)this.yLabels.push(S(this.templateString,{value:(this.min+i*this.stepValue).toFixed(t)}));this.yLabelWidth=this.display&&this.showLabels?W(this.ctx,this.font,this.yLabels):0},addXLabel:function(t){this.xLabels.push(t),this.valuesCount++,this.fit()},removeXLabel:function(){this.xLabels.shift(),this.valuesCount--,this.fit()},fit:function(){this.startPoint=this.display?this.fontSize:0,this.endPoint=this.display?this.height-1.5*this.fontSize-5:this.height,this.startPoint+=this.padding,this.endPoint-=this.padding;var t,i=this.endPoint-this.startPoint;for(this.calculateYRange(i),this.buildYLabels(),this.calculateXLabelRotation();i>this.endPoint-this.startPoint;)i=this.endPoint-this.startPoint,t=this.yLabelWidth,this.calculateYRange(i),this.buildYLabels(),t<this.yLabelWidth&&this.calculateXLabelRotation()},calculateXLabelRotation:function(){this.ctx.font=this.font;var t,i,e=this.ctx.measureText(this.xLabels[0]).width,s=this.ctx.measureText(this.xLabels[this.xLabels.length-1]).width;if(this.xScalePaddingRight=s/2+3,this.xScalePaddingLeft=e/2>this.yLabelWidth+10?e/2:this.yLabelWidth+10,this.xLabelRotation=0,this.display){var n,o=W(this.ctx,this.font,this.xLabels);this.xLabelWidth=o;for(var a=Math.floor(this.calculateX(1)-this.calculateX(0))-6;this.xLabelWidth>a&&0===this.xLabelRotation||this.xLabelWidth>a&&this.xLabelRotation<=90&&this.xLabelRotation>0;)n=Math.cos(m(this.xLabelRotation)),t=n*e,i=n*s,t+this.fontSize/2>this.yLabelWidth+8&&(this.xScalePaddingLeft=t+this.fontSize/2),this.xScalePaddingRight=this.fontSize/2,this.xLabelRotation++,this.xLabelWidth=n*o;this.xLabelRotation>0&&(this.endPoint-=Math.sin(m(this.xLabelRotation))*o+3)}else this.xLabelWidth=0,this.xScalePaddingRight=this.padding,this.xScalePaddingLeft=this.padding},calculateYRange:c,drawingArea:function(){return this.startPoint-this.endPoint},calculateY:function(t){var i=this.drawingArea()/(this.min-this.max);return this.endPoint-i*(t-this.min)},calculateX:function(t){var i=(this.xLabelRotation>0,this.width-(this.xScalePaddingLeft+this.xScalePaddingRight)),e=i/Math.max(this.valuesCount-(this.offsetGridLines?0:1),1),s=e*t+this.xScalePaddingLeft;return this.offsetGridLines&&(s+=e/2),Math.round(s)},update:function(t){s.extend(this,t),this.fit()},draw:function(){var t=this.ctx,i=(this.endPoint-this.startPoint)/this.steps,e=Math.round(this.xScalePaddingLeft);if(this.display){t.fillStyle=this.textColor,t.font=this.font;var o=this.showBeyondLine?5:0;n(this.yLabels,function(n,a){var h=this.endPoint-i*a,l=Math.round(h),r=this.showHorizontalLines;t.textAlign="right",t.textBaseline="middle",this.showLabels&&t.fillText(n,e-10,h),0!==a||r||(r=!0),r&&t.beginPath(),a>0?(t.lineWidth=this.gridLineWidth,t.strokeStyle=this.gridLineColor):(t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor),l+=s.aliasPixel(t.lineWidth),r&&(t.moveTo(e,l),t.lineTo(this.width,l),t.stroke(),t.closePath()),t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor,t.beginPath(),t.moveTo(e-o,l),t.lineTo(e,l),t.stroke(),t.closePath()},this),n(this.xLabels,function(i,e){var s=this.calculateX(e)+y(this.lineWidth),n=this.calculateX(e-(this.offsetGridLines?.5:0))+y(this.lineWidth),a=this.xLabelRotation>0,h=this.showVerticalLines;0!==e||h||(h=!0),h&&t.beginPath(),e>0?(t.lineWidth=this.gridLineWidth,t.strokeStyle=this.gridLineColor):(t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor),h&&(t.moveTo(n,this.endPoint),t.lineTo(n,this.startPoint-3),t.stroke(),t.closePath()),t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor,t.beginPath(),t.moveTo(n,this.endPoint),t.lineTo(n,this.endPoint+o),t.stroke(),t.closePath(),t.save(),t.translate(s,a?this.endPoint+12:this.endPoint+8),t.rotate(m(this.xLabelRotation)*-1),t.font=this.font,t.textAlign=a?"right":"center",t.textBaseline=a?"middle":"top",t.fillText(i,0,0),t.restore()},this)}}}),e.RadialScale=e.Element.extend({initialize:function(){this.size=v([this.height,this.width]),this.drawingArea=this.display?this.size/2-(this.fontSize/2+this.backdropPaddingY):this.size/2},calculateCenterOffset:function(t){var i=this.drawingArea/(this.max-this.min);return(t-this.min)*i},update:function(){this.lineArc?this.drawingArea=this.display?this.size/2-(this.fontSize/2+this.backdropPaddingY):this.size/2:this.setScaleSize(),this.buildYLabels()},buildYLabels:function(){this.yLabels=[];for(var t=x(this.stepValue),i=0;i<=this.steps;i++)this.yLabels.push(S(this.templateString,{value:(this.min+i*this.stepValue).toFixed(t)}))},getCircumference:function(){return 2*Math.PI/this.valuesCount},setScaleSize:function(){var t,i,e,s,n,o,a,h,l,r,c,u,d=v([this.height/2-this.pointLabelFontSize-5,this.width/2]),f=this.width,g=0;for(this.ctx.font=A(this.pointLabelFontSize,this.pointLabelFontStyle,this.pointLabelFontFamily),i=0;i<this.valuesCount;i++)t=this.getPointPosition(i,d),e=this.ctx.measureText(S(this.templateString,{value:this.labels[i]})).width+5,0===i||i===this.valuesCount/2?(s=e/2,t.x+s>f&&(f=t.x+s,n=i),t.x-s<g&&(g=t.x-s,a=i)):i<this.valuesCount/2?t.x+e>f&&(f=t.x+e,n=i):i>this.valuesCount/2&&t.x-e<g&&(g=t.x-e,a=i);l=g,r=Math.ceil(f-this.width),o=this.getIndexAngle(n),h=this.getIndexAngle(a),c=r/Math.sin(o+Math.PI/2),u=l/Math.sin(h+Math.PI/2),c=p(c)?c:0,u=p(u)?u:0,this.drawingArea=d-(u+c)/2,this.setCenterPoint(u,c)},setCenterPoint:function(t,i){var e=this.width-i-this.drawingArea,s=t+this.drawingArea;this.xCenter=(s+e)/2,this.yCenter=this.height/2},getIndexAngle:function(t){var i=2*Math.PI/this.valuesCount;return t*i-Math.PI/2},getPointPosition:function(t,i){var e=this.getIndexAngle(t);return{x:Math.cos(e)*i+this.xCenter,y:Math.sin(e)*i+this.yCenter}},draw:function(){if(this.display){var t=this.ctx;if(n(this.yLabels,function(i,e){if(e>0){var s,n=e*(this.drawingArea/this.steps),o=this.yCenter-n;if(this.lineWidth>0)if(t.strokeStyle=this.lineColor,t.lineWidth=this.lineWidth,this.lineArc)t.beginPath(),t.arc(this.xCenter,this.yCenter,n,0,2*Math.PI),t.closePath(),t.stroke();else{t.beginPath();for(var a=0;a<this.valuesCount;a++)s=this.getPointPosition(a,this.calculateCenterOffset(this.min+e*this.stepValue)),0===a?t.moveTo(s.x,s.y):t.lineTo(s.x,s.y);t.closePath(),t.stroke()}if(this.showLabels){if(t.font=A(this.fontSize,this.fontStyle,this.fontFamily),this.showLabelBackdrop){var h=t.measureText(i).width;t.fillStyle=this.backdropColor,t.fillRect(this.xCenter-h/2-this.backdropPaddingX,o-this.fontSize/2-this.backdropPaddingY,h+2*this.backdropPaddingX,this.fontSize+2*this.backdropPaddingY)}t.textAlign="center",t.textBaseline="middle",t.fillStyle=this.fontColor,t.fillText(i,this.xCenter,o)}}},this),!this.lineArc){t.lineWidth=this.angleLineWidth,t.strokeStyle=this.angleLineColor;for(var i=this.valuesCount-1;i>=0;i--){if(this.angleLineWidth>0){var e=this.getPointPosition(i,this.calculateCenterOffset(this.max));t.beginPath(),t.moveTo(this.xCenter,this.yCenter),t.lineTo(e.x,e.y),t.stroke(),t.closePath()}var s=this.getPointPosition(i,this.calculateCenterOffset(this.max)+5);t.font=A(this.pointLabelFontSize,this.pointLabelFontStyle,this.pointLabelFontFamily),t.fillStyle=this.pointLabelFontColor;var o=this.labels.length,a=this.labels.length/2,h=a/2,l=i<h||i>o-h,r=i===h||i===o-h;0===i?t.textAlign="center":i===a?t.textAlign="center":i<a?t.textAlign="left":t.textAlign="right",r?t.textBaseline="middle":l?t.textBaseline="bottom":t.textBaseline="top",t.fillText(this.labels[i],s.x,s.y)}}}}}),s.addEvent(window,"resize",function(){var t;return function(){clearTimeout(t),t=setTimeout(function(){n(e.instances,function(t){t.options.responsive&&t.resize(t.render,!0)})},50)}}()),f?define(function(){return e}):"object"==typeof module&&module.exports&&(module.exports=e),i.Chart=e,t.fn.chart=function(){var t=[];return this.each(function(){t.push(new e(this.getContext("2d")))}),1===t.length?t[0]:t}}).call(this,jQuery),function(t){"use strict";var i=t&&t.zui?t.zui:this,e=i.Chart,s=e.helpers,n={scaleShowGridLines:!0,scaleGridLineColor:"rgba(0,0,0,.05)",scaleGridLineWidth:1,scaleShowHorizontalLines:!0,scaleShowBeyondLine:!0,scaleShowVerticalLines:!0,bezierCurve:!0,bezierCurveTension:.4,pointDot:!0,pointDotRadius:4,pointDotStrokeWidth:1,pointHitDetectionRadius:20,datasetStroke:!0,datasetStrokeWidth:2,datasetFill:!0,legendTemplate:'<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<datasets.length; i++){%><li><span style="background-color:<%=datasets[i].strokeColor%>"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>'};e.Type.extend({name:"Line",defaults:n,initialize:function(i){this.PointClass=e.Point.extend({strokeWidth:this.options.pointDotStrokeWidth,radius:this.options.pointDotRadius,display:this.options.pointDot,hitDetectionRadius:Math.min(this.options.pointHitDetectionRadius,Math.max(2,Math.floor(300/(i.labels.length-1)/2))),ctx:this.chart.ctx,inRange:function(t){return Math.pow(t-this.x,2)<Math.pow(this.radius+this.hitDetectionRadius,2)}}),this.datasets=[],this.options.showTooltips&&s.bindEvents(this,this.options.tooltipEvents,function(t){var i="mouseout"!==t.type?this.getPointsAtEvent(t):[];this.eachPoints(function(t){t.restore(["fillColor","strokeColor"])}),s.each(i,function(t){t.fillColor=t.highlightFill,t.strokeColor=t.highlightStroke}),this.showTooltip(i)}),s.each(i.datasets,function(e){if(t.zui&&t.zui.Color&&t.zui.Color.get){var n=t.zui.Color.get(e.color),o=n.toCssStr();e.fillColor||(e.fillColor=n.clone().fade(20).toCssStr()),e.strokeColor||(e.strokeColor=o),e.pointColor||(e.pointColor=o),e.pointStrokeColor||(e.pointStrokeColor="#fff"),e.pointHighlightFill||(e.pointHighlightFill="#fff"),e.pointHighlightStroke||(e.pointHighlightStroke=o)}var a={label:e.label||null,fillColor:e.fillColor,strokeColor:e.strokeColor,pointColor:e.pointColor,pointStrokeColor:e.pointStrokeColor,showTooltips:e.showTooltips!==!1,points:[]};this.datasets.push(a),s.each(e.data,function(t,s){a.points.push(new this.PointClass({value:t,label:i.labels[s],datasetLabel:e.label,strokeColor:e.pointStrokeColor,fillColor:e.pointColor,highlightFill:e.pointHighlightFill||e.pointColor,highlightStroke:e.pointHighlightStroke||e.pointStrokeColor}))},this),this.buildScale(i.labels),this.eachPoints(function(t,i){s.extend(t,{x:this.scale.calculateX(i),y:this.scale.endPoint}),t.save()},this)},this),this.render()},update:function(){this.scale.update(),s.each(this.activeElements,function(t){t.restore(["fillColor","strokeColor"])}),this.eachPoints(function(t){t.save()}),this.render()},eachPoints:function(t){s.each(this.datasets,function(i){s.each(i.points,t,this)},this)},getPointsAtEvent:function(t){var i=[],e=s.getRelativePosition(t);return s.each(this.datasets,function(t){s.each(t.points,function(t){t.inRange(e.x,e.y)&&i.push(t)})},this),i},buildScale:function(t){var i=this,n=function(){var t=[];return i.eachPoints(function(i){t.push(i.value)}),t},o={templateString:this.options.scaleLabel,height:this.chart.height,width:this.chart.width,ctx:this.chart.ctx,textColor:this.options.scaleFontColor,fontSize:this.options.scaleFontSize,fontStyle:this.options.scaleFontStyle,fontFamily:this.options.scaleFontFamily,valuesCount:t.length,beginAtZero:this.options.scaleBeginAtZero,integersOnly:this.options.scaleIntegersOnly,calculateYRange:function(t){var i=s.calculateScaleRange(n(),t,this.fontSize,this.beginAtZero,this.integersOnly);s.extend(this,i)},xLabels:t,font:s.fontString(this.options.scaleFontSize,this.options.scaleFontStyle,this.options.scaleFontFamily),lineWidth:this.options.scaleLineWidth,lineColor:this.options.scaleLineColor,showHorizontalLines:this.options.scaleShowHorizontalLines,showVerticalLines:this.options.scaleShowVerticalLines,showBeyondLine:this.options.scaleShowBeyondLine,
-gridLineWidth:this.options.scaleShowGridLines?this.options.scaleGridLineWidth:0,gridLineColor:this.options.scaleShowGridLines?this.options.scaleGridLineColor:"rgba(0,0,0,0)",padding:this.options.showScale?0:this.options.pointDotRadius+this.options.pointDotStrokeWidth,showLabels:this.options.scaleShowLabels,display:this.options.showScale};this.options.scaleOverride&&s.extend(o,{calculateYRange:s.noop,steps:this.options.scaleSteps,stepValue:this.options.scaleStepWidth,min:this.options.scaleStartValue,max:this.options.scaleStartValue+this.options.scaleSteps*this.options.scaleStepWidth}),this.scale=new e.Scale(o)},addData:function(t,i){s.each(t,function(t,e){this.datasets[e].points.push(new this.PointClass({value:t,label:i,datasetLabel:this.datasets[e].label,x:this.scale.calculateX(this.scale.valuesCount+1),y:this.scale.endPoint,strokeColor:this.datasets[e].pointStrokeColor,fillColor:this.datasets[e].pointColor}))},this),this.scale.addXLabel(i),this.update()},removeData:function(){this.scale.removeXLabel(),s.each(this.datasets,function(t){t.points.shift()},this),this.update()},reflow:function(){var t=s.extend({height:this.chart.height,width:this.chart.width});this.scale.update(t)},draw:function(t){var i=t||1;this.clear();var e=this.chart.ctx,n=function(t){return null!==t.value},o=function(t,i,e){return s.findNextWhere(i,n,e)||t},a=function(t,i,e){return s.findPreviousWhere(i,n,e)||t};this.scale.draw(i),s.each(this.datasets,function(t){var h=s.where(t.points,n);s.each(t.points,function(t,e){t.hasValue()&&t.transition({y:this.scale.calculateY(t.value),x:this.scale.calculateX(e)},i)},this),this.options.bezierCurve&&s.each(h,function(t,i){var e=i>0&&i<h.length-1?this.options.bezierCurveTension:0;t.controlPoints=s.splineCurve(a(t,h,i),t,o(t,h,i),e),t.controlPoints.outer.y>this.scale.endPoint?t.controlPoints.outer.y=this.scale.endPoint:t.controlPoints.outer.y<this.scale.startPoint&&(t.controlPoints.outer.y=this.scale.startPoint),t.controlPoints.inner.y>this.scale.endPoint?t.controlPoints.inner.y=this.scale.endPoint:t.controlPoints.inner.y<this.scale.startPoint&&(t.controlPoints.inner.y=this.scale.startPoint)},this),e.lineWidth=this.options.datasetStrokeWidth,e.strokeStyle=t.strokeColor,e.beginPath(),s.each(h,function(t,i){if(0===i)e.moveTo(t.x,t.y);else if(this.options.bezierCurve){var s=a(t,h,i);e.bezierCurveTo(s.controlPoints.outer.x,s.controlPoints.outer.y,t.controlPoints.inner.x,t.controlPoints.inner.y,t.x,t.y)}else e.lineTo(t.x,t.y)},this),e.stroke(),this.options.datasetFill&&h.length>0&&(e.lineTo(h[h.length-1].x,this.scale.endPoint),e.lineTo(h[0].x,this.scale.endPoint),e.fillStyle=t.fillColor,e.closePath(),e.fill()),s.each(h,function(t){t.draw()})},this)}}),t.fn.lineChart=function(i,s){var n=[];return this.each(function(){var o=t(this);n.push(new e(this.getContext("2d")).Line(i,t.extend(o.data(),s)))}),1===n.length?n[0]:n}}.call(this,jQuery),function(t){"use strict";var i=t&&t.zui?t.zui:this,e=i.Chart,s=e.helpers,n={segmentShowStroke:!0,segmentStrokeColor:"#fff",segmentStrokeWidth:1,percentageInnerCutout:50,scaleShowLabels:!1,scaleLabel:"<%=value%>",scaleLabelPlacement:"auto",animationSteps:60,animationEasing:"easeOutBounce",animateRotate:!0,animateScale:!1,legendTemplate:'<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<segments.length; i++){%><li><span style="background-color:<%=segments[i].fillColor%>"></span><%if(segments[i].label){%><%=segments[i].label%><%}%></li><%}%></ul>'};e.Type.extend({name:"Doughnut",defaults:n,initialize:function(t){this.segments=[],this.outerRadius=(s.min([this.chart.width,this.chart.height])-this.options.segmentStrokeWidth/2)/2,this.SegmentArc=e.Arc.extend({ctx:this.chart.ctx,x:this.chart.width/2,y:this.chart.height/2}),this.options.showTooltips&&s.bindEvents(this,this.options.tooltipEvents,function(t){var i="mouseout"!==t.type?this.getSegmentsAtEvent(t):[];s.each(this.segments,function(t){t.restore(["fillColor"])}),s.each(i,function(t){t.fillColor=t.highlightColor}),this.showTooltip(i)}),this.calculateTotal(t),s.each(t,function(t,i){this.addData(t,i,!0)},this),this.render()},getSegmentsAtEvent:function(t){var i=[],e=s.getRelativePosition(t);return s.each(this.segments,function(t){t.inRange(e.x,e.y)&&i.push(t)},this),i},addData:function(i,e,s){if(t.zui&&t.zui.Color&&t.zui.Color.get){var n=new t.zui.Color.get(i.color);i.color=n.toCssStr(),i.highlight||(i.highlight=n.lighten(5).toCssStr())}var o=e||this.segments.length;this.segments.splice(o,0,new this.SegmentArc({id:"undefined"==typeof i.id?o:i.id,value:i.value,outerRadius:this.options.animateScale?0:this.outerRadius,innerRadius:this.options.animateScale?0:this.outerRadius/100*this.options.percentageInnerCutout,fillColor:i.color,highlightColor:i.highlight||i.color,showStroke:this.options.segmentShowStroke,strokeWidth:this.options.segmentStrokeWidth,strokeColor:this.options.segmentStrokeColor,startAngle:1.5*Math.PI,circumference:this.options.animateRotate?0:this.calculateCircumference(i.value),showLabel:i.showLabel!==!1,circleBeginEnd:i.circleBeginEnd,label:i.label})),s||(this.reflow(),this.update())},calculateCircumference:function(t){return 2*Math.PI*(Math.abs(t)/this.total)},calculateTotal:function(t){this.total=0,s.each(t,function(t){this.total+=Math.abs(t.value)},this)},update:function(){this.calculateTotal(this.segments),s.each(this.activeElements,function(t){t.restore(["fillColor"])}),s.each(this.segments,function(t){t.save()}),this.render()},removeData:function(t){var i=s.isNumber(t)?t:this.segments.length-1;this.segments.splice(i,1),this.reflow(),this.update()},reflow:function(){s.extend(this.SegmentArc.prototype,{x:this.chart.width/2,y:this.chart.height/2}),this.outerRadius=(s.min([this.chart.width,this.chart.height])-this.options.segmentStrokeWidth/2)/2,s.each(this.segments,function(t){t.update({outerRadius:this.outerRadius,innerRadius:this.outerRadius/100*this.options.percentageInnerCutout})},this)},drawLabel:function(i,e,n){var o=this.options,a=(i.endAngle+i.startAngle)/2,h=o.scaleLabelPlacement;"inside"!==h&&"outside"!==h&&this.chart.width-this.chart.height>50&&i.circumference<Math.PI/18&&(h="outside");var l=Math.cos(a)*i.outerRadius,r=Math.sin(a)*i.outerRadius,c=s.template(o.scaleLabel,{value:"undefined"==typeof e?i.value:Math.round(e*i.value),label:i.label}),u=this.chart.ctx;u.font=s.fontString(o.scaleFontSize,o.scaleFontStyle,o.scaleFontFamily),u.textBaseline="middle",u.textAlign="center";var d=(u.measureText(c).width,this.chart.width/2),f=this.chart.height/2;if("outside"===h){var p=l>=0,g=l+d,v=r+f;u.textAlign=p?"left":"right",u.measureText(c).width,l=p?Math.max(d+i.outerRadius+10,l+30+d):Math.min(d-i.outerRadius-10,l-30+d);var x=o.scaleFontSize*(o.scaleLineHeight||1),m=Math.round((.8*r+f)/x)+1,y=(Math.floor(this.chart.width/x)+1,p?1:-1);if(n[m*y]&&(m>1?m--:m++),n[m*y])return;r=(m-1)*x+o.scaleFontSize/2,n[m*y]=!0,u.beginPath(),u.moveTo(g,v),u.lineTo(l,r),l=p?l+5:l-5,u.lineTo(l,r),u.strokeStyle=t.zui&&t.zui.Color?new t.zui.Color(i.fillColor).fade(40).toCssStr():i.fillColor,u.strokeWidth=o.scaleLineWidth,u.stroke(),u.fillStyle=i.fillColor}else l=.7*l+d,r=.7*r+f,u.fillStyle=t.zui&&t.zui.Color?new t.zui.Color(i.fillColor).contrast().toCssStr():"#fff";u.fillText(c,l,r)},draw:function(t){var i=t?t:1;this.clear();var e;if(s.each(this.segments,function(t,e){t.transition({circumference:this.calculateCircumference(t.value),outerRadius:this.outerRadius,innerRadius:this.outerRadius/100*this.options.percentageInnerCutout},i),t.endAngle=t.startAngle+t.circumference,this.options.reverseDrawOrder||t.draw(),0===e&&(t.startAngle=1.5*Math.PI),e<this.segments.length-1&&(this.segments[e+1].startAngle=t.endAngle)},this),this.options.reverseDrawOrder&&s.each(this.segments.slice().reverse(),function(t,i){t.draw()},this),this.options.scaleShowLabels){var n=this.segments.slice().sort(function(t,i){return i.value-t.value}),e={};s.each(n,function(i,s){i.showLabel&&this.drawLabel(i,t,e)},this)}}}),e.types.Doughnut.extend({name:"Pie",defaults:s.merge(n,{percentageInnerCutout:0})}),t.fn.pieChart=function(i,s){var n=[];return this.each(function(){var o=t(this);n.push(new e(this.getContext("2d")).Pie(i,t.extend(o.data(),s)))}),1===n.length?n[0]:n},t.fn.doughnutChart=function(i,s){var n=[];return this.each(function(){var o=t(this);n.push(new e(this.getContext("2d")).Doughnut(i,t.extend(o.data(),s)))}),1===n.length?n[0]:n}}.call(this,jQuery),function(t){"use strict";var i=t&&t.zui?t.zui:this,e=i.Chart,s=e.helpers,n={scaleBeginAtZero:!0,scaleShowGridLines:!0,scaleGridLineColor:"rgba(0,0,0,.05)",scaleGridLineWidth:1,scaleShowHorizontalLines:!0,scaleShowVerticalLines:!0,scaleShowBeyondLine:!0,barShowStroke:!0,barStrokeWidth:1,scaleValuePlacement:"auto",barValueSpacing:5,barDatasetSpacing:1,legendTemplate:'<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<datasets.length; i++){%><li><span style="background-color:<%=datasets[i].fillColor%>"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>'};e.Type.extend({name:"Bar",defaults:n,initialize:function(i){var n=this.options;this.ScaleClass=e.Scale.extend({offsetGridLines:!0,calculateBarX:function(t,i,e){var s=this.calculateBaseWidth(),o=this.calculateX(e)-s/2,a=this.calculateBarWidth(t);return o+a*i+i*n.barDatasetSpacing+a/2},calculateBaseWidth:function(){return this.calculateX(1)-this.calculateX(0)-2*n.barValueSpacing},calculateBarWidth:function(t){var i=this.calculateBaseWidth()-(t-1)*n.barDatasetSpacing;return i/t}}),this.datasets=[],this.options.showTooltips&&s.bindEvents(this,this.options.tooltipEvents,function(t){var i="mouseout"!==t.type?this.getBarsAtEvent(t):[];this.eachBars(function(t){t.restore(["fillColor","strokeColor"])}),s.each(i,function(t){t.fillColor=t.highlightFill,t.strokeColor=t.highlightStroke}),this.showTooltip(i)}),this.BarClass=e.Rectangle.extend({strokeWidth:this.options.barStrokeWidth,showStroke:this.options.barShowStroke,ctx:this.chart.ctx}),s.each(i.datasets,function(e,n){if(t.zui&&t.zui.Color&&t.zui.Color.get){var o=t.zui.Color.get(e.color),a=o.toCssStr();e.fillColor||(e.fillColor=o.clone().fade(50).toCssStr()),e.strokeColor||(e.strokeColor=a)}var h={label:e.label||null,fillColor:e.fillColor,strokeColor:e.strokeColor,bars:[]};this.datasets.push(h),s.each(e.data,function(t,s){h.bars.push(new this.BarClass({value:t,label:i.labels[s],datasetLabel:e.label,strokeColor:e.strokeColor,fillColor:e.fillColor,highlightFill:e.highlightFill||e.fillColor,highlightStroke:e.highlightStroke||e.strokeColor}))},this)},this),this.buildScale(i.labels),this.BarClass.prototype.base=this.scale.endPoint,this.eachBars(function(t,i,e){s.extend(t,{width:this.scale.calculateBarWidth(this.datasets.length),x:this.scale.calculateBarX(this.datasets.length,e,i),y:this.scale.endPoint}),t.save()},this),this.render()},update:function(){this.scale.update(),s.each(this.activeElements,function(t){t.restore(["fillColor","strokeColor"])}),this.eachBars(function(t){t.save()}),this.render()},eachBars:function(t){s.each(this.datasets,function(i,e){s.each(i.bars,t,this,e)},this)},getBarsAtEvent:function(t){for(var i,e=[],n=s.getRelativePosition(t),o=function(t){e.push(t.bars[i])},a=0;a<this.datasets.length;a++)for(i=0;i<this.datasets[a].bars.length;i++)if(this.datasets[a].bars[i].inRange(n.x,n.y))return s.each(this.datasets,o),e;return e},buildScale:function(t){var i=this,e=function(){var t=[];return i.eachBars(function(i){t.push(i.value)}),t},n={templateString:this.options.scaleLabel,height:this.chart.height,width:this.chart.width,ctx:this.chart.ctx,textColor:this.options.scaleFontColor,fontSize:this.options.scaleFontSize,fontStyle:this.options.scaleFontStyle,fontFamily:this.options.scaleFontFamily,valuesCount:t.length,beginAtZero:this.options.scaleBeginAtZero,integersOnly:this.options.scaleIntegersOnly,calculateYRange:function(t){var i=s.calculateScaleRange(e(),t,this.fontSize,this.beginAtZero,this.integersOnly);s.extend(this,i)},xLabels:t,font:s.fontString(this.options.scaleFontSize,this.options.scaleFontStyle,this.options.scaleFontFamily),lineWidth:this.options.scaleLineWidth,lineColor:this.options.scaleLineColor,showHorizontalLines:this.options.scaleShowHorizontalLines,showVerticalLines:this.options.scaleShowVerticalLines,showBeyondLine:this.options.scaleShowBeyondLine,gridLineWidth:this.options.scaleShowGridLines?this.options.scaleGridLineWidth:0,gridLineColor:this.options.scaleShowGridLines?this.options.scaleGridLineColor:"rgba(0,0,0,0)",padding:this.options.showScale?0:this.options.barShowStroke?this.options.barStrokeWidth:0,showLabels:this.options.scaleShowLabels,display:this.options.showScale};this.options.scaleOverride&&s.extend(n,{calculateYRange:s.noop,steps:this.options.scaleSteps,stepValue:this.options.scaleStepWidth,min:this.options.scaleStartValue,max:this.options.scaleStartValue+this.options.scaleSteps*this.options.scaleStepWidth}),this.scale=new this.ScaleClass(n)},addData:function(t,i){s.each(t,function(t,e){this.datasets[e].bars.push(new this.BarClass({value:t,label:i,x:this.scale.calculateBarX(this.datasets.length,e,this.scale.valuesCount+1),y:this.scale.endPoint,width:this.scale.calculateBarWidth(this.datasets.length),base:this.scale.endPoint,strokeColor:this.datasets[e].strokeColor,fillColor:this.datasets[e].fillColor}))},this),this.scale.addXLabel(i),this.update()},removeData:function(){this.scale.removeXLabel(),s.each(this.datasets,function(t){t.bars.shift()},this),this.update()},reflow:function(){s.extend(this.BarClass.prototype,{y:this.scale.endPoint,base:this.scale.endPoint});var t=s.extend({height:this.chart.height,width:this.chart.width});this.scale.update(t)},drawLabel:function(t,i){var e=this.options;i=i||e.scaleValuePlacement,i=i?i.toLowerCase():"auto","auto"===i&&(i=t.y<15?"insdie":"outside");var n="insdie"===i?t.y+10:t.y-10,o=this.chart.ctx;o.font=s.fontString(e.scaleFontSize,e.scaleFontStyle,e.scaleFontFamily),o.textBaseline="middle",o.textAlign="center",o.fillStyle=e.scaleFontColor,o.fillText(t.value,t.x,n)},draw:function(t){var i=t||1;this.clear();this.chart.ctx;this.scale.draw(i);var e=this.options.scaleShowLabels&&this.options.scaleValuePlacement;s.each(this.datasets,function(t,n){s.each(t.bars,function(t,s){t.hasValue()&&(t.base=this.scale.endPoint,t.transition({x:this.scale.calculateBarX(this.datasets.length,n,s),y:this.scale.calculateY(t.value),width:this.scale.calculateBarWidth(this.datasets.length)},i).draw()),e&&this.drawLabel(t)},this)},this)}}),t.fn.barChart=function(i,s){var n=[];return this.each(function(){var o=t(this);n.push(new e(this.getContext("2d")).Bar(i,t.extend(o.data(),s)))}),1===n.length?n[0]:n}}.call(this,jQuery);
\ No newline at end of file