vue-color - npm Package Compare versions

Comparing version 0.0.4 to 0.0.5

dist/vue-color.min.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueColor=t():e.VueColor=t()}(this,function(){return function(e){function t(i){if(o[i])return o[i].exports;var r=o[i]={exports:{},id:i,loaded:!1};return e[i].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var o={};return t.m=e,t.c=o,t.p="",t(0)}([function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}var r=o(61),n=i(r),a=o(62),s=i(a),l=o(65),c=i(l),d=o(66),f=i(d),h=o(63),p=i(h),u=o(64),g=i(u),b=o(60),x=i(b),v={Compact:n["default"],Material:s["default"],Slider:c["default"],Swatches:f["default"],Photoshop:p["default"],Sketch:g["default"],Chrome:x["default"]};e.exports=v},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var o=this[t];o[2]?e.push("@media "+o[2]+"{"+o[1]+"}"):e.push(o[1])}return e.join("")},e.i=function(t,o){"string"==typeof t&&(t=[[null,t,""]]);for(var i={},r=0;r<this.length;r++){var n=this[r][0];"number"==typeof n&&(i[n]=!0)}for(r=0;r<t.length;r++){var a=t[r];"number"==typeof a[0]&&i[a[0]]||(o&&!a[2]?a[2]=o:o&&(a[2]="("+a[2]+") and ("+o+")"),e.push(a))}},e}},function(e,t,o){function i(e,t){for(var o=0;o<e.length;o++){var i=e[o],r=p[i.id];if(r){r.refs++;for(var n=0;n<r.parts.length;n++)r.parts[n](i.parts[n]);for(;n<i.parts.length;n++)r.parts.push(c(i.parts[n],t))}else{for(var a=[],n=0;n<i.parts.length;n++)a.push(c(i.parts[n],t));p[i.id]={id:i.id,refs:1,parts:a}}}}function r(e){for(var t=[],o={},i=0;i<e.length;i++){var r=e[i],n=r[0],a=r[1],s=r[2],l=r[3],c={css:a,media:s,sourceMap:l};o[n]?o[n].parts.push(c):t.push(o[n]={id:n,parts:[c]})}return t}function n(e,t){var o=b(),i=m[m.length-1];if("top"===e.insertAt)i?i.nextSibling?o.insertBefore(t,i.nextSibling):o.appendChild(t):o.insertBefore(t,o.firstChild),m.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");o.appendChild(t)}}function a(e){e.parentNode.removeChild(e);var t=m.indexOf(e);t>=0&&m.splice(t,1)}function s(e){var t=document.createElement("style");return t.type="text/css",n(e,t),t}function l(e){var t=document.createElement("link");return t.rel="stylesheet",n(e,t),t}function c(e,t){var o,i,r;if(t.singleton){var n=v++;o=x||(x=s(t)),i=d.bind(null,o,n,!1),r=d.bind(null,o,n,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(o=l(t),i=h.bind(null,o),r=function(){a(o),o.href&&URL.revokeObjectURL(o.href)}):(o=s(t),i=f.bind(null,o),r=function(){a(o)});return i(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;i(e=t)}else r()}}function d(e,t,o,i){var r=o?"":i.css;if(e.styleSheet)e.styleSheet.cssText=w(t,r);else{var n=document.createTextNode(r),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(n,a[t]):e.appendChild(n)}}function f(e,t){var o=t.css,i=t.media;if(i&&e.setAttribute("media",i),e.styleSheet)e.styleSheet.cssText=o;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(o))}}function h(e,t){var o=t.css,i=t.sourceMap;i&&(o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */");var r=new Blob([o],{type:"text/css"}),n=e.href;e.href=URL.createObjectURL(r),n&&URL.revokeObjectURL(n)}var p={},u=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},g=u(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),b=u(function(){return document.head||document.getElementsByTagName("head")[0]}),x=null,v=0,m=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=g()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var o=r(e);return i(o,t),function(e){for(var n=[],a=0;a<o.length;a++){var s=o[a],l=p[s.id];l.refs--,n.push(l)}if(e){var c=r(e);i(c,t)}for(var a=0;a<n.length;a++){var l=n[a];if(0===l.refs){for(var d=0;d<l.parts.length;d++)l.parts[d]();delete p[l.id]}}}};var w=function(){var e=[];return function(t,o){return e[t]=o,e.filter(Boolean).join("\n")}}()},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function r(e,t){e.a&&e.a>1&&(e.a=1);var o=e.hex?(0,a["default"])(e.hex):(0,a["default"])(e),i=o.toHsl(),r=o.toHsv();return 0===i.s&&(i.h=t||0,r.h=t||0),{hsl:i,hex:o.toHexString().toUpperCase(),rgba:o.toRgb(),hsv:r,oldHue:e.h||t||i.h,source:e.source,a:e.a}}Object.defineProperty(t,"__esModule",{value:!0});var n=o(47),a=i(n);t["default"]={props:{colors:Object},created:function(){this.colors=r(this.colors)},methods:{colorChange:function(e,t){this.colors=r(e,t)},isValidHex:function(e){return(0,a["default"])(e).isValid()},simpleCheckForValidColor:function(e){for(var t=["r","g","b","a","h","s","a","v"],o=0,i=0,r=0;r<t.length;r++){var n=t[r];e[n]&&(o++,isNaN(e[n])||i++)}return o===i?e:void 0}}}},function(e,t,o){var i,r;o(40),i=o(17),r=o(57),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)},function(e,t,o){var i,r;o(42),i=o(18),r=o(58),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)},function(e,t,o){var i,r;o(38),i=o(15),r=o(55),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)},function(e,t,o){var i,r;o(37),i=o(19),r=o(59),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=o(3),n=i(r),a=o(4),s=i(a),l=o(7),c=i(l),d=o(5),f=i(d),h=o(6),p=i(h);t["default"]={name:"Chrome",mixins:[n["default"]],props:{},components:{saturation:c["default"],hue:f["default"],alpha:p["default"],"ed-in":s["default"]},data:function(){return{fields:["hex","rgba","hsla"],fieldsIndex:0,highlight:!1}},computed:{activeColor:function(){var e=this.colors.rgba;return"rgba("+[e.r,e.g,e.b,e.a].join(",")+")"}},methods:{handlePreset:function(e){this.colorChange({hex:e,source:"hex"})},childChange:function(e){this.colorChange(e)},inputChange:function(e){e&&(e.hex?this.isValidHex(e.hex)&&this.colorChange({hex:e.hex,source:"hex"}):(e.r||e.g||e.b||e.a)&&this.colorChange({r:e.r||this.colors.rgba.r,g:e.g||this.colors.rgba.g,b:e.b||this.colors.rgba.b,a:e.a||this.colors.rgba.a,source:"rgba"}))},toggleViews:function(){return this.fieldsIndex>=2?void(this.fieldsIndex=0):void(this.fieldsIndex=0)},showHighlight:function(){this.highlight=!0},hideHighlight:function(){this.highlight=!1}}}},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=o(3),n=i(r),a=o(4),s=i(a),l=["#4D4D4D","#999999","#FFFFFF","#F44E3B","#FE9200","#FCDC00","#DBDF00","#A4DD00","#68CCCA","#73D8FF","#AEA1FF","#FDA1FF","#333333","#808080","#CCCCCC","#D33115","#E27300","#FCC400","#B0BC00","#68BC00","#16A5A5","#009CE0","#7B64FF","#FA28FF","#000000","#666666","#B3B3B3","#9F0500","#C45100","#FB9E00","#808900","#194D33","#0C797D","#0062B1","#653294","#AB149E"];t["default"]={name:"Compact",mixins:[n["default"]],props:{},components:{"ed-in":s["default"]},computed:{pick:function(){return this.colors.hex}},data:function(){return{defaultColors:l}},methods:{handlerClick:function(e){this.colorChange({hex:e,source:"hex"})},onChange:function(e){e&&(e.hex?this.isValidHex(e.hex)&&this.colorChange({hex:e.hex,source:"hex"}):(e.r||e.g||e.b)&&this.colorChange({r:e.r||this.colors.rgba.r,g:e.g||this.colors.rgba.g,b:e.b||this.colors.rgba.b,a:e.a||this.colors.rgba.a,source:"rgba"}))}}}},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=o(4),n=i(r),a=o(3),s=i(a);t["default"]={name:"Material",mixins:[s["default"]],props:{},data:function(){return{}},components:{"ed-in":n["default"]},methods:{onChange:function(e){e&&(e.hex?this.isValidHex(e.hex)&&this.colorChange({hex:e.hex,source:"hex"}):(e.r||e.g||e.b)&&this.colorChange({r:e.r||this.colors.rgba.r,g:e.g||this.colors.rgba.g,b:e.b||this.colors.rgba.b,a:e.a||this.colors.rgba.a,source:"rgba"}))}}}},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=o(3),n=i(r),a=o(4),s=i(a),l=o(7),c=i(l),d=o(5),f=i(d),h=o(6),p=i(h);t["default"]={name:"Photoshop",mixins:[n["default"]],props:{head:{type:String,"default":"Color Picker"}},components:{saturation:c["default"],hue:f["default"],alpha:p["default"],"ed-in":s["default"]},data:function(){return{currentColor:"#FFF"}},created:function(){this.currentColor=this.colors.hex},methods:{childChange:function(e){this.colorChange(e)},inputChange:function(e){e&&(e["#"]?this.isValidHex(e["#"])&&this.colorChange({hex:e["#"],source:"hex"}):(e.r||e.g||e.b||e.a)&&this.colorChange({r:e.r||this.colors.rgba.r,g:e.g||this.colors.rgba.g,b:e.b||this.colors.rgba.b,a:e.a||this.colors.rgba.a,source:"rgba"}))},handleAccept:function(){console.log("accept")},handleCancel:function(){console.log("cancel")}}}},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=o(3),n=i(r),a=o(4),s=i(a),l=o(7),c=i(l),d=o(5),f=i(d),h=o(6),p=i(h),u=["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"];t["default"]={name:"Sketch",mixins:[n["default"]],components:{saturation:c["default"],hue:f["default"],alpha:p["default"],"ed-in":s["default"]},data:function(){return{presetColors:u}},computed:{activeColor:function(){var e=this.colors.rgba;return"rgba("+[e.r,e.g,e.b,e.a].join(",")+")"}},methods:{handlePreset:function(e){this.colorChange({hex:e,source:"hex"})},childChange:function(e){this.colorChange(e)},inputChange:function(e){e&&(e.hex?this.isValidHex(e.hex)&&this.colorChange({hex:e.hex,source:"hex"}):(e.r||e.g||e.b||e.a)&&this.colorChange({r:e.r||this.colors.rgba.r,g:e.g||this.colors.rgba.g,b:e.b||this.colors.rgba.b,a:e.a||this.colors.rgba.a,source:"rgba"}))}}}},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=o(3),n=i(r),a=o(5),s=i(a);t["default"]={name:"Slider",mixins:[n["default"]],props:{direction:String},components:{hue:s["default"]},computed:{activeOffset:function(){return Math.round(100*this.colors.hsl.s)/100===.5?Math.round(100*this.colors.hsl.l)/100:0}},data:function(){return{swatches:[".80",".65",".50",".35",".20"]}},methods:{hueChange:function(e){this.colorChange(e)},handleSwClick:function(e,t){this.colorChange({h:this.colors.hsl.h,s:.5,l:t,source:"hsl"})}}}},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=o(34),n=i(r),a=o(3),s=i(a),l=["red","pink","purple","deepPurple","indigo","blue","lightBlue","cyan","teal","green","lightGreen","lime","yellow","amber","orange","deepOrange","brown","blueGrey"],c=["900","700","500","300","100"],d=function(){var e=[];return l.forEach(function(t){var o=[];c.forEach(function(e){o.push(n["default"][t][e].toUpperCase())}),e.push(o)}),e}();t["default"]={name:"Swatches",mixins:[s["default"]],computed:{pick:function(){return this.colors.hex}},data:function(){return{defaultColors:d}},methods:{handlerClick:function(e){this.colorChange({hex:e,source:"hex"})}}}},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=o(67),n=i(r);t["default"]={name:"Alpha",props:{colors:Object,onChange:Function},components:{checkboard:n["default"]},computed:{gradientColor:function(){var e=this.colors.rgba,t=[e.r,e.g,e.b].join(",");return"linear-gradient(to right, rgba("+t+", 0) 0%, rgba("+t+", 1) 100%)"}},methods:{handleChange:function(e,t){!t&&e.preventDefault();var o,i=this.$els.container,r=i.clientWidth,n=(e.pageX||e.touches[0].pageX)-(i.getBoundingClientRect().left+window.pageXOffset);o=0>n?0:n>r?1:Math.round(100*n/r)/100,this.colors.a!==o&&this.onChange({h:this.colors.hsl.h,s:this.colors.hsl.s,l:this.colors.hsl.l,a:o,source:"rgba"})},handleMouseDown:function(e){this.handleChange(e,!0),window.addEventListener("mousemove",this.handleChange),window.addEventListener("mouseup",this.handleMouseUp)},handleMouseUp:function(){this.unbindEventListeners()},unbindEventListeners:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}}}},function(e,t){"use strict";function o(e,t,o){if("undefined"==typeof document)return null;var i=document.createElement("canvas");i.width=i.height=2*o;var r=i.getContext("2d");return r?(r.fillStyle=e,r.fillRect(0,0,i.width,i.height),r.fillStyle=t,r.fillRect(0,0,o,o),r.translate(o,o),r.fillRect(0,0,o,o),i.toDataURL()):null}function i(e,t,i){var n=e+","+t+","+i;if(r[n])return r[n];var a=o(e,t,i);return r[n]=a,a}Object.defineProperty(t,"__esModule",{value:!0});var r={};t["default"]={name:"Checkboard",props:{size:{type:[Number|String],"default":8},white:{type:String,"default":"#fff"},grey:{type:String,"default":"#e6e6e6"}},computed:{bgStyle:function(){return"url("+i(this.white,this.grey,this.size)+") center left"}}}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={name:"editableInput",props:{label:String,val:[String|Number],onChange:Function,max:Number,arrowOffset:{type:Number,"default":1}},filters:{maxFilter:{read:function(e){return this.max&&e>this.max?this.max:e},write:function(e,t){return e}}},methods:{handleChange:function(e){var t={};t[this.label]=this.val,this.onChange(t)},handleBlur:function(e){console.log(e)},handleKeyDown:function(e){var t=this.val,o=Number(t);if(o){var i=this.arrowOffset||1;38===e.keyCode&&(this.val=o+i,e.preventDefault()),40===e.keyCode&&(this.val=o-i,e.preventDefault()),this.handleChange()}},handleDrag:function(e){console.log(e)},handleMouseDown:function(e){console.log(e)}}}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={name:"Hue",props:{colors:Object,onChange:Function,direction:{type:String,"default":"horizontal"}},computed:{pointerTop:function(){return"vertical"===this.direction?-(100*this.colors.hsl.h/360)+100+"%":0},pointerLeft:function(){return"vertical"===this.direction?0:100*this.colors.hsl.h/360+"%"}},methods:{handleChange:function(e,t){!t&&e.preventDefault();var o,i,r=this.$els.container,n=r.clientWidth,a=r.clientHeight,s=(e.pageX||e.touches[0].pageX)-(r.getBoundingClientRect().left+window.pageXOffset),l=(e.pageY||e.touches[0].pageY)-(r.getBoundingClientRect().top+window.pageYOffset);"vertical"===this.direction?(0>l?o=359:l>a?o=0:(i=-(100*l/a)+100,o=360*i/100),this.colors.hsl.h!==o&&this.onChange({h:o,s:this.colors.hsl.s,l:this.colors.hsl.l,a:this.colors.hsl.a,source:"hsl"})):(0>s?o=0:s>n?o=359:(i=100*s/n,o=360*i/100),this.colors.hsl.h!==o&&this.onChange({h:o,s:this.colors.hsl.s,l:this.colors.hsl.l,a:this.colors.hsl.a,source:"hsl"}))},handleMouseDown:function(e){this.handleChange(e,!0),window.addEventListener("mousemove",this.handleChange),window.addEventListener("mouseup",this.handleMouseUp)},handleMouseUp:function(e){this.unbindEventListeners()},unbindEventListeners:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}}}},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=o(32),n=i(r);t["default"]={name:"Saturation",props:{colors:Object,onChange:Function},computed:{bgColor:function(){return"hsl("+this.colors.hsl.h+",100%, 50%)"},pointerTop:function(){return-(100*this.colors.hsv.v)+100+"%"},pointerLeft:function(){return 100*this.colors.hsv.s+"%"}},methods:{throttle:(0,n["default"])(function(e,t){e(t)},50),handleChange:function(e,t){!t&&e.preventDefault();var o=this.$els.container,i=o.clientWidth,r=o.clientHeight,n=(e.pageX||e.touches[0].pageX)-(o.getBoundingClientRect().left+window.pageXOffset),a=(e.pageY||e.touches[0].pageY)-(o.getBoundingClientRect().top+window.pageYOffset);0>n?n=0:n>i?n=i:0>a?a=0:a>r&&(a=r);var s=100*n/i,l=-(100*a/r)+100;this.throttle(this.onChange,{h:this.colors.hsl.h,s:s,v:l,a:this.colors.hsl.a,source:"rgb"})},handleMouseDown:function(e){this.handleChange(e,!0),window.addEventListener("mousemove",this.handleChange),window.addEventListener("mouseup",this.handleMouseUp)},handleMouseUp:function(e){this.unbindEventListeners()},unbindEventListeners:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}}}},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,".c-slider{position:relative;width:410px}.c-slider .hue-warp{height:12px;position:relative}.c-slider .hue-warp .picker{width:14px;height:14px;border-radius:6px;-webkit-transform:translate(-7px,-2px);transform:translate(-7px,-2px);background-color:#f8f8f8;box-shadow:0 1px 4px 0 rgba(0,0,0,.37)}.c-slider .swatches{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:20px}.c-slider .swatches .swatch{margin-right:1px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:20%}.c-slider .swatches .swatch:first-child .swatch-picker{border-radius:2px 0 0 2px}.c-slider .swatches .swatch:last-child{margin-right:0}.c-slider .swatches .swatch:last-child .swatch-picker{border-radius:0 2px 2px 0}.c-slider .swatches .swatch-picker{height:12px;cursor:pointer}.c-slider .swatches .swatch-picker.active{-webkit-transform:scaleY(1.8);transform:scaleY(1.8);border-radius:3.6px/2px}",""])},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,".c-sketch{position:relative;width:200px;padding:10px 10px 0;box-sizing:initial;background:#fff;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 8px 16px rgba(0,0,0,.15)}.c-sketch .saturation-wrap{width:100%;padding-bottom:75%;position:relative;overflow:hidden}.c-sketch .controls{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.c-sketch .controls .sliders{padding:4px 0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.c-sketch .controls .hue-wrap{position:relative;height:10px}.c-sketch .controls .alpha-wrap{position:relative;height:10px;margin-top:4px;overflow:hidden}.c-sketch .controls .color-wrap{width:24px;height:24px;position:relative;margin-top:4px;margin-left:4px;border-radius:3px}.c-sketch .controls .active-color{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15),inset 0 0 4px rgba(0,0,0,.25);z-index:2}.c-sketch .field{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-top:4px}.c-sketch .field .single{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-left:6px}.c-sketch .field .double{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}.c-sketch .field .input{width:80%;padding:4px 10% 3px;border:none;box-shadow:inset 0 0 0 1px #ccc;font-size:11px}.c-sketch .field .label{display:block;text-align:center;font-size:11px;color:#222;padding-top:3px;padding-bottom:4px;text-transform:capitalize}.c-sketch .presets{margin-right:-10px;margin-left:-10px;padding-left:10px;padding-top:10px;border-top:1px solid #eee}.c-sketch .presets .presets-color{border-radius:3px;overflow:hidden;position:relative;display:inline-block;margin:0 10px 10px 0;vertical-align:top;cursor:pointer;width:16px;height:16px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}",""])},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,".black,.saturation,.white{position:absolute;top:0;left:0;right:0;bottom:0}.saturation .white{background:-webkit-linear-gradient(left,#fff,hsla(0,0%,100%,0));background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.saturation .black{background:-webkit-linear-gradient(bottom,#000,transparent);background:linear-gradient(0deg,#000,transparent)}.saturation .pointer{position:absolute}.saturation .circle{cursor:head;width:4px;height:4px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}",""])},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,".c-alpha,.c-alpha .checkboard-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.c-alpha .checkboard-wrap{overflow:hidden}.c-alpha .gradient{position:absolute;top:0;right:0;bottom:0;left:0}.c-alpha .container{position:relative;z-index:2;height:100%;margin:0 3px}.c-alpha .pointer{z-index:2;position:absolute}.c-alpha .picker{width:4px;border-radius:1px;height:8px;box-shadow:0 0 2px rgba(0,0,0,.6);background:#fff;margin-top:1px;-webkit-transform:translateX(-2px);transform:translateX(-2px)}",""])},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,".c-material{width:98px;height:98px;padding:16px;font-family:Roboto;position:relative;border-radius:2px;box-shadow:0 2px 10px rgba(0,0,0,.12),0 2px 5px rgba(0,0,0,.16)}.c-material .hex{border-bottom-width:2px;border-bottom-style:solid}.c-material .split{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-right:-10px;padding-top:11px}.c-material .third{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-right:10px}.c-material .input{width:100%;margin-top:12px;font-size:15px;color:#333;height:30px}.c-material .label{position:absolute;top:0;left:0;font-size:11px;color:#999;text-transform:capitalize}",""])},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,".editable-input{position:relative}.editable-input .input{padding:0;border:0;outline:none}.editable-input .label{text-transform:capitalize}",""])},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,".c-compact{padding-top:5px;padding-left:5px;width:240px;border-radius:2px;box-shadow:0 2px 10px rgba(0,0,0,.12),0 2px 5px rgba(0,0,0,.16)}.c-compact .colors{overflow:hidden;padding:0;margin:0}.c-compact .color-item{list-style:none;width:15px;height:15px;float:left;margin-right:5px;margin-bottom:5px;position:relative;cursor:pointer}.c-compact .color-item.white{box-shadow:inset 0 0 0 1px #ddd}.c-compact .color-item.white .dot{background:#000}.c-compact .dot{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;opacity:1;background:#fff}.c-compact .fields{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-bottom:6px;padding-right:5px;position:relative}.c-compact .fields .pick-color{position:absolute;top:6px;left:5px;height:9px;width:9px}.c-compact .fields .col-hex{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}.c-compact .fields .col-hex .input{width:80%;padding-left:20%}.c-compact .fields .col-hex .label{display:none}.c-compact .fields .col-3{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.c-compact .fields .input{width:70%;padding-left:30%;background:none;font-size:12px;color:#333;height:16px}.c-compact .fields .label{position:absolute;top:3px;left:0;line-height:16px;text-transform:uppercase;font-size:12px;color:#999}",""])},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,".c-hue{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px}.c-hue.horizontal{background:-webkit-linear-gradient(left,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.c-hue.vertical{background:-webkit-linear-gradient(bottom,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);background:linear-gradient(0deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.c-hue .container{margin:0 2px;position:relative;height:100%}.c-hue .pointer{z-index:2;position:absolute}.c-hue .picker{margin-top:1px;width:4px;border-radius:1px;height:8px;box-shadow:0 0 2px rgba(0,0,0,.6);background:#fff;-webkit-transform:translateX(-2px);transform:translateX(-2px)}",""])},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,".c-chrome{background:#fff;border-radius:2px;box-shadow:0 0 2px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.3);box-sizing:initial;width:225px;font-family:Menlo}.c-chrome .chrome-body{padding:16px 16px 12px}.c-chrome .saturation-wrap{width:100%;padding-bottom:55%;position:relative;border-radius:2px 2px 0 0;overflow:hidden}.c-chrome .saturation-wrap .circle{width:12px;height:12px}.c-chrome .controls{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.c-chrome .controls .c-alpha,.c-chrome .controls .c-hue{border-radius:2px}.c-chrome .controls .color-wrap{width:32px}.c-chrome .controls .active-color{margin-top:6px;width:16px;height:16px;border-radius:8px;position:relative;overflow:hidden}.c-chrome .controls .sliders{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.c-chrome .controls .sliders .picker{width:12px;height:12px;border-radius:6px;-webkit-transform:translate(-6px,-2px);transform:translate(-6px,-2px);background-color:#f8f8f8;box-shadow:0 1px 4px 0 rgba(0,0,0,.37)}.c-chrome .controls .hue-wrap{position:relative;height:10px;margin-bottom:8px}.c-chrome .controls .alpha-wrap{position:relative;height:10px}.c-chrome .fields-wrap{padding-top:16px}.c-chrome .fields,.c-chrome .fields-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.c-chrome .fields{margin-left:-6px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.c-chrome .field{padding-left:6px;width:100%}.c-chrome .toggle-btn{width:32px;text-align:right;position:relative}.c-chrome .icon{margin-right:-4px;margin-top:12px;cursor:pointer;position:relative;z-index:2}.c-chrome .icon-highlight{position:absolute;width:24px;height:28px;background:#eee;border-radius:4px;top:10px;left:12px}.c-chrome .fields .input{font-size:11px;color:#333;width:100%;border-rradius:2px;border:none;box-shadow:inset 0 0 0 1px #dadada;height:21px;text-align:center}.c-chrome .fields .label{text-transform:uppercase;font-size:11px;line-height:11px;color:#969696;text-align:center;display:block;margin-top:12px}",""])},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,".c-swatches{width:320px;height:240px;overflow-y:scroll;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.12),0 2px 5px rgba(0,0,0,.16)}.c-swatches .box{padding:16px 0 6px 16px;overflow:hidden}.c-swatches .color-group{padding-bottom:10px;width:40px;float:left;margin-right:10px}.c-swatches .color-it{width:40px;height:24px;cursor:pointer;background:#880e4f;margin-bottom:1px;overflow:hidden;border-radius:2px 2px 0 0}.c-swatches .pick{fill:#fff;margin-left:8px;display:block}",""])},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,'.c-photoshop{background:#dcdcdc;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.25),0 8px 16px rgba(0,0,0,.15);box-sizing:initial;width:513px;font-family:Roboto}.c-photoshop .head{background-image:-webkit-linear-gradient(top,#f0f0f0,#d4d4d4);background-image:linear-gradient(-180deg,#f0f0f0,#d4d4d4);border-bottom:1px solid #b1b1b1;box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.2),inset 0 -1px 0 0 rgba(0,0,0,.02);height:23px;line-height:24px;border-radius:4px 4px 0 0;font-size:13px;color:#4d4d4d;text-align:center}.c-photoshop .body{padding:15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.c-photoshop .saturation-wrap{width:256px;height:256px;position:relative;border:2px solid #b3b3b3;border-bottom:2px solid #f0f0f0;overflow:hidden}.c-photoshop .saturation-wrap .circle{width:12px;height:12px}.c-photoshop .hue-wrap{position:relative;height:256px;width:19px;margin-left:10px;border:2px solid #b3b3b3;border-bottom:2px solid #f0f0f0}.c-photoshop .hue-pointer{position:relative}.c-photoshop .hue-pointer .left,.c-photoshop .hue-pointer .right{position:absolute;width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #555}.c-photoshop .hue-pointer .left:after,.c-photoshop .hue-pointer .right:after{content:"";width:0;height:0;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent #fff;position:absolute;top:1px;left:1px;-webkit-transform:translate(-8px,-5px);transform:translate(-8px,-5px)}.c-photoshop .hue-pointer .left{-webkit-transform:translate(-13px,-4px);transform:translate(-13px,-4px)}.c-photoshop .hue-pointer .right{-webkit-transform:translate(20px,-4px) rotate(180deg);transform:translate(20px,-4px) rotate(180deg)}.c-photoshop .controls{width:180px;margin-left:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.c-photoshop .actions{margin-left:20px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.c-photoshop .actions .ac-btn{background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(-180deg,#fff,#e6e6e6);border:1px solid #878787;border-radius:2px;height:20px;box-shadow:0 1px 0 0 #eaeaea;font-size:14px;color:#000;line-height:20px;text-align:center;margin-bottom:10px}.c-photoshop .previews{width:60px}.c-photoshop .previews .swatches{border:1px solid #b3b3b3;border-bottom:1px solid #f0f0f0;margin-bottom:2px;margin-top:1px}.c-photoshop .previews .pr-color{height:34px;box-shadow:inset 1px 0 0 #000,inset -1px 0 0 #000,inset 0 1px 0 #000}.c-photoshop .previews .label{font-size:14px;color:#000;text-align:center}.c-photoshop .fields{padding-top:5px;padding-bottom:9px;width:80px;position:relative}.c-photoshop .fields .divider{height:5px}.c-photoshop .fields .input{margin-left:40%;width:40%;height:18px;border:1px solid #888;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),0 1px 0 0 #ececec;margin-bottom:5px;font-size:13px;padding-left:3px;margin-right:10px}.c-photoshop .fields .label{top:0;left:0;width:34px;text-transform:uppercase;font-size:13px;height:18px;line-height:22px;position:absolute}.c-photoshop .fields .hex .input{margin-left:20%;width:80%;height:18px;border:1px solid #888;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),0 1px 0 0 #ececec;margin-bottom:6px;font-size:13px;padding-left:3px}.c-photoshop .fields .hex .label{position:absolute;top:0;left:0;width:14px;text-transform:uppercase;font-size:13px;height:18px;line-height:22px}',""])},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,".c-checkboard{position:absolute;top:0;right:0;bottom:0;left:0}",""])},function(e,t,o){function i(e,t,o){var i=!0,s=!0;if("function"!=typeof e)throw new TypeError(a);return r(o)&&(i="leading"in o?!!o.leading:i,s="trailing"in o?!!o.trailing:s),n(e,t,{leading:i,maxWait:t,trailing:s})}function r(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var n=o(33),a="Expected a function";e.exports=i},function(e,t){function o(e,t,o){function i(t){var o=g,i=b;return g=b=void 0,_=t,v=e.apply(i,o)}function n(e){return _=e,m=setTimeout(d,t),M?i(e):v}function a(e){var o=e-C,i=e-_,r=t-o;return A?y(r,x-i):r}function c(e){var o=e-C,i=e-_;return!C||o>=t||0>o||A&&i>=x}function d(){var e=k();return c(e)?f(e):void(m=setTimeout(d,a(e)))}function f(e){return clearTimeout(m),m=void 0,F&&g?i(e):(g=b=void 0,v)}function h(){void 0!==m&&clearTimeout(m),C=_=0,g=b=m=void 0}function p(){return void 0===m?v:f(k())}function u(){var e=k(),o=c(e);if(g=arguments,b=this,C=e,o){if(void 0===m)return n(C);if(A)return clearTimeout(m),m=setTimeout(d,t),i(C)}return void 0===m&&(m=setTimeout(d,t)),v}var g,b,x,v,m,C=0,_=0,M=!1,A=!1,F=!0;if("function"!=typeof e)throw new TypeError(l);return t=s(t)||0,r(o)&&(M=!!o.leading,A="maxWait"in o,x=A?w(s(o.maxWait)||0,t):x,F="trailing"in o?!!o.trailing:F),u.cancel=h,u.flush=p,u}function i(e){var t=r(e)?m.call(e):"";return t==d||t==f}function r(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function n(e){return!!e&&"object"==typeof e}function a(e){return"symbol"==typeof e||n(e)&&m.call(e)==h}function s(e){if("number"==typeof e)return e;if(a(e))return c;if(r(e)){var t=i(e.valueOf)?e.valueOf():e;e=r(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;
-e=e.replace(p,"");var o=g.test(e);return o||b.test(e)?x(e.slice(2),o?2:8):u.test(e)?c:+e}var l="Expected a function",c=NaN,d="[object Function]",f="[object GeneratorFunction]",h="[object Symbol]",p=/^\s+|\s+$/g,u=/^[-+]0x[0-9a-f]+$/i,g=/^0b[01]+$/i,b=/^0o[0-7]+$/i,x=parseInt,v=Object.prototype,m=v.toString,w=Math.max,y=Math.min,k=Date.now;e.exports=o},function(e,t,o){var i,r,n;!function(o,a){r=[],i=a,n="function"==typeof i?i.apply(t,r):i,!(void 0!==n&&(e.exports=n))}(this,function(){return{red:{50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",a100:"#ff8a80",a200:"#ff5252",a400:"#ff1744",a700:"#d50000"},pink:{50:"#fce4ec",100:"#f8bbd0",200:"#f48fb1",300:"#f06292",400:"#ec407a",500:"#e91e63",600:"#d81b60",700:"#c2185b",800:"#ad1457",900:"#880e4f",a100:"#ff80ab",a200:"#ff4081",a400:"#f50057",a700:"#c51162"},purple:{50:"#f3e5f5",100:"#e1bee7",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",600:"#8e24aa",700:"#7b1fa2",800:"#6a1b9a",900:"#4a148c",a100:"#ea80fc",a200:"#e040fb",a400:"#d500f9",a700:"#aa00ff"},deepPurple:{50:"#ede7f6",100:"#d1c4e9",200:"#b39ddb",300:"#9575cd",400:"#7e57c2",500:"#673ab7",600:"#5e35b1",700:"#512da8",800:"#4527a0",900:"#311b92",a100:"#b388ff",a200:"#7c4dff",a400:"#651fff",a700:"#6200ea"},indigo:{50:"#e8eaf6",100:"#c5cae9",200:"#9fa8da",300:"#7986cb",400:"#5c6bc0",500:"#3f51b5",600:"#3949ab",700:"#303f9f",800:"#283593",900:"#1a237e",a100:"#8c9eff",a200:"#536dfe",a400:"#3d5afe",a700:"#304ffe"},blue:{50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",a100:"#82b1ff",a200:"#448aff",a400:"#2979ff",a700:"#2962ff"},lightBlue:{50:"#e1f5fe",100:"#b3e5fc",200:"#81d4fa",300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",600:"#039be5",700:"#0288d1",800:"#0277bd",900:"#01579b",a100:"#80d8ff",a200:"#40c4ff",a400:"#00b0ff",a700:"#0091ea"},cyan:{50:"#e0f7fa",100:"#b2ebf2",200:"#80deea",300:"#4dd0e1",400:"#26c6da",500:"#00bcd4",600:"#00acc1",700:"#0097a7",800:"#00838f",900:"#006064",a100:"#84ffff",a200:"#18ffff",a400:"#00e5ff",a700:"#00b8d4"},teal:{50:"#e0f2f1",100:"#b2dfdb",200:"#80cbc4",300:"#4db6ac",400:"#26a69a",500:"#009688",600:"#00897b",700:"#00796b",800:"#00695c",900:"#004d40",a100:"#a7ffeb",a200:"#64ffda",a400:"#1de9b6",a700:"#00bfa5"},green:{50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",a100:"#b9f6ca",a200:"#69f0ae",a400:"#00e676",a700:"#00c853"},lightGreen:{50:"#f1f8e9",100:"#dcedc8",200:"#c5e1a5",300:"#aed581",400:"#9ccc65",500:"#8bc34a",600:"#7cb342",700:"#689f38",800:"#558b2f",900:"#33691e",a100:"#ccff90",a200:"#b2ff59",a400:"#76ff03",a700:"#64dd17"},lime:{50:"#f9fbe7",100:"#f0f4c3",200:"#e6ee9c",300:"#dce775",400:"#d4e157",500:"#cddc39",600:"#c0ca33",700:"#afb42b",800:"#9e9d24",900:"#827717",a100:"#f4ff81",a200:"#eeff41",a400:"#c6ff00",a700:"#aeea00"},yellow:{50:"#fffde7",100:"#fff9c4",200:"#fff59d",300:"#fff176",400:"#ffee58",500:"#ffeb3b",600:"#fdd835",700:"#fbc02d",800:"#f9a825",900:"#f57f17",a100:"#ffff8d",a200:"#ffff00",a400:"#ffea00",a700:"#ffd600"},amber:{50:"#fff8e1",100:"#ffecb3",200:"#ffe082",300:"#ffd54f",400:"#ffca28",500:"#ffc107",600:"#ffb300",700:"#ffa000",800:"#ff8f00",900:"#ff6f00",a100:"#ffe57f",a200:"#ffd740",a400:"#ffc400",a700:"#ffab00"},orange:{50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",a100:"#ffd180",a200:"#ffab40",a400:"#ff9100",a700:"#ff6d00"},deepOrange:{50:"#fbe9e7",100:"#ffccbc",200:"#ffab91",300:"#ff8a65",400:"#ff7043",500:"#ff5722",600:"#f4511e",700:"#e64a19",800:"#d84315",900:"#bf360c",a100:"#ff9e80",a200:"#ff6e40",a400:"#ff3d00",a700:"#dd2c00"},brown:{50:"#efebe9",100:"#d7ccc8",200:"#bcaaa4",300:"#a1887f",400:"#8d6e63",500:"#795548",600:"#6d4c41",700:"#5d4037",800:"#4e342e",900:"#3e2723"},grey:{50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121"},blueGrey:{50:"#eceff1",100:"#cfd8dc",200:"#b0bec5",300:"#90a4ae",400:"#78909c",500:"#607d8b",600:"#546e7a",700:"#455a64",800:"#37474f",900:"#263238"},white:"#ffffff",black:"#000000"}})},function(e,t,o){var i=o(20);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i=o(21);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i=o(22);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i=o(23);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i=o(24);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i=o(25);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i=o(26);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i=o(27);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i=o(28);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i=o(29);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i=o(30);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i=o(31);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i;!function(){function r(e,t){if(e=e?e:"",t=t||{},e instanceof r)return e;if(!(this instanceof r))return new r(e,t);var o=n(e);this._originalInput=e,this._r=o.r,this._g=o.g,this._b=o.b,this._a=o.a,this._roundA=X(100*this._a)/100,this._format=t.format||o.format,this._gradientType=t.gradientType,this._r<1&&(this._r=X(this._r)),this._g<1&&(this._g=X(this._g)),this._b<1&&(this._b=X(this._b)),this._ok=o.ok,this._tc_id=N++}function n(e){var t={r:0,g:0,b:0},o=1,i=!1,r=!1;return"string"==typeof e&&(e=D(e)),"object"==typeof e&&(e.hasOwnProperty("r")&&e.hasOwnProperty("g")&&e.hasOwnProperty("b")?(t=a(e.r,e.g,e.b),i=!0,r="%"===String(e.r).substr(-1)?"prgb":"rgb"):e.hasOwnProperty("h")&&e.hasOwnProperty("s")&&e.hasOwnProperty("v")?(e.s=j(e.s),e.v=j(e.v),t=d(e.h,e.s,e.v),i=!0,r="hsv"):e.hasOwnProperty("h")&&e.hasOwnProperty("s")&&e.hasOwnProperty("l")&&(e.s=j(e.s),e.l=j(e.l),t=l(e.h,e.s,e.l),i=!0,r="hsl"),e.hasOwnProperty("a")&&(o=e.a)),o=F(o),{ok:i,format:e.format||r,r:V(255,$(t.r,0)),g:V(255,$(t.g,0)),b:V(255,$(t.b,0)),a:o}}function a(e,t,o){return{r:255*L(e,255),g:255*L(t,255),b:255*L(o,255)}}function s(e,t,o){e=L(e,255),t=L(t,255),o=L(o,255);var i,r,n=$(e,t,o),a=V(e,t,o),s=(n+a)/2;if(n==a)i=r=0;else{var l=n-a;switch(r=s>.5?l/(2-n-a):l/(n+a),n){case e:i=(t-o)/l+(o>t?6:0);break;case t:i=(o-e)/l+2;break;case o:i=(e-t)/l+4}i/=6}return{h:i,s:r,l:s}}function l(e,t,o){function i(e,t,o){return 0>o&&(o+=1),o>1&&(o-=1),1/6>o?e+6*(t-e)*o:.5>o?t:2/3>o?e+(t-e)*(2/3-o)*6:e}var r,n,a;if(e=L(e,360),t=L(t,100),o=L(o,100),0===t)r=n=a=o;else{var s=.5>o?o*(1+t):o+t-o*t,l=2*o-s;r=i(l,s,e+1/3),n=i(l,s,e),a=i(l,s,e-1/3)}return{r:255*r,g:255*n,b:255*a}}function c(e,t,o){e=L(e,255),t=L(t,255),o=L(o,255);var i,r,n=$(e,t,o),a=V(e,t,o),s=n,l=n-a;if(r=0===n?0:l/n,n==a)i=0;else{switch(n){case e:i=(t-o)/l+(o>t?6:0);break;case t:i=(o-e)/l+2;break;case o:i=(e-t)/l+4}i/=6}return{h:i,s:r,v:s}}function d(e,t,o){e=6*L(e,360),t=L(t,100),o=L(o,100);var i=I.floor(e),r=e-i,n=o*(1-t),a=o*(1-r*t),s=o*(1-(1-r)*t),l=i%6,c=[o,a,n,n,s,o][l],d=[s,o,o,a,n,n][l],f=[n,n,s,o,o,a][l];return{r:255*c,g:255*d,b:255*f}}function f(e,t,o,i){var r=[H(X(e).toString(16)),H(X(t).toString(16)),H(X(o).toString(16))];return i&&r[0].charAt(0)==r[0].charAt(1)&&r[1].charAt(0)==r[1].charAt(1)&&r[2].charAt(0)==r[2].charAt(1)?r[0].charAt(0)+r[1].charAt(0)+r[2].charAt(0):r.join("")}function h(e,t,o,i){var r=[H(B(i)),H(X(e).toString(16)),H(X(t).toString(16)),H(X(o).toString(16))];return r.join("")}function p(e,t){t=0===t?0:t||10;var o=r(e).toHsl();return o.s-=t/100,o.s=S(o.s),r(o)}function u(e,t){t=0===t?0:t||10;var o=r(e).toHsl();return o.s+=t/100,o.s=S(o.s),r(o)}function g(e){return r(e).desaturate(100)}function b(e,t){t=0===t?0:t||10;var o=r(e).toHsl();return o.l+=t/100,o.l=S(o.l),r(o)}function x(e,t){t=0===t?0:t||10;var o=r(e).toRgb();return o.r=$(0,V(255,o.r-X(255*-(t/100)))),o.g=$(0,V(255,o.g-X(255*-(t/100)))),o.b=$(0,V(255,o.b-X(255*-(t/100)))),r(o)}function v(e,t){t=0===t?0:t||10;var o=r(e).toHsl();return o.l-=t/100,o.l=S(o.l),r(o)}function m(e,t){var o=r(e).toHsl(),i=(X(o.h)+t)%360;return o.h=0>i?360+i:i,r(o)}function w(e){var t=r(e).toHsl();return t.h=(t.h+180)%360,r(t)}function y(e){var t=r(e).toHsl(),o=t.h;return[r(e),r({h:(o+120)%360,s:t.s,l:t.l}),r({h:(o+240)%360,s:t.s,l:t.l})]}function k(e){var t=r(e).toHsl(),o=t.h;return[r(e),r({h:(o+90)%360,s:t.s,l:t.l}),r({h:(o+180)%360,s:t.s,l:t.l}),r({h:(o+270)%360,s:t.s,l:t.l})]}function C(e){var t=r(e).toHsl(),o=t.h;return[r(e),r({h:(o+72)%360,s:t.s,l:t.l}),r({h:(o+216)%360,s:t.s,l:t.l})]}function _(e,t,o){t=t||6,o=o||30;var i=r(e).toHsl(),n=360/o,a=[r(e)];for(i.h=(i.h-(n*t>>1)+720)%360;--t;)i.h=(i.h+n)%360,a.push(r(i));return a}function M(e,t){t=t||6;for(var o=r(e).toHsv(),i=o.h,n=o.s,a=o.v,s=[],l=1/t;t--;)s.push(r({h:i,s:n,v:a})),a=(a+l)%1;return s}function A(e){var t={};for(var o in e)e.hasOwnProperty(o)&&(t[e[o]]=o);return t}function F(e){return e=parseFloat(e),(isNaN(e)||0>e||e>1)&&(e=1),e}function L(e,t){R(e)&&(e="100%");var o=E(e);return e=V(t,$(0,parseFloat(e))),o&&(e=parseInt(e*t,10)/100),I.abs(e-t)<1e-6?1:e%t/parseFloat(t)}function S(e){return V(1,$(0,e))}function O(e){return parseInt(e,16)}function R(e){return"string"==typeof e&&-1!=e.indexOf(".")&&1===parseFloat(e)}function E(e){return"string"==typeof e&&-1!=e.indexOf("%")}function H(e){return 1==e.length?"0"+e:""+e}function j(e){return 1>=e&&(e=100*e+"%"),e}function B(e){return Math.round(255*parseFloat(e)).toString(16)}function z(e){return O(e)/255}function D(e){e=e.replace(U,"").replace(T,"").toLowerCase();var t=!1;if(Y[e])e=Y[e],t=!0;else if("transparent"==e)return{r:0,g:0,b:0,a:0,format:"name"};var o;return(o=W.rgb.exec(e))?{r:o[1],g:o[2],b:o[3]}:(o=W.rgba.exec(e))?{r:o[1],g:o[2],b:o[3],a:o[4]}:(o=W.hsl.exec(e))?{h:o[1],s:o[2],l:o[3]}:(o=W.hsla.exec(e))?{h:o[1],s:o[2],l:o[3],a:o[4]}:(o=W.hsv.exec(e))?{h:o[1],s:o[2],v:o[3]}:(o=W.hsva.exec(e))?{h:o[1],s:o[2],v:o[3],a:o[4]}:(o=W.hex8.exec(e))?{a:z(o[1]),r:O(o[2]),g:O(o[3]),b:O(o[4]),format:t?"name":"hex8"}:(o=W.hex6.exec(e))?{r:O(o[1]),g:O(o[2]),b:O(o[3]),format:t?"name":"hex"}:(o=W.hex3.exec(e))?{r:O(o[1]+""+o[1]),g:O(o[2]+""+o[2]),b:O(o[3]+""+o[3]),format:t?"name":"hex"}:!1}function P(e){var t,o;return e=e||{level:"AA",size:"small"},t=(e.level||"AA").toUpperCase(),o=(e.size||"small").toLowerCase(),"AA"!==t&&"AAA"!==t&&(t="AA"),"small"!==o&&"large"!==o&&(o="small"),{level:t,size:o}}var U=/^\s+/,T=/\s+$/,N=0,I=Math,X=I.round,V=I.min,$=I.max,q=I.random;r.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var e=this.toRgb();return(299*e.r+587*e.g+114*e.b)/1e3},getLuminance:function(){var e,t,o,i,r,n,a=this.toRgb();return e=a.r/255,t=a.g/255,o=a.b/255,i=.03928>=e?e/12.92:Math.pow((e+.055)/1.055,2.4),r=.03928>=t?t/12.92:Math.pow((t+.055)/1.055,2.4),n=.03928>=o?o/12.92:Math.pow((o+.055)/1.055,2.4),.2126*i+.7152*r+.0722*n},setAlpha:function(e){return this._a=F(e),this._roundA=X(100*this._a)/100,this},toHsv:function(){var e=c(this._r,this._g,this._b);return{h:360*e.h,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=c(this._r,this._g,this._b),t=X(360*e.h),o=X(100*e.s),i=X(100*e.v);return 1==this._a?"hsv("+t+", "+o+"%, "+i+"%)":"hsva("+t+", "+o+"%, "+i+"%, "+this._roundA+")"},toHsl:function(){var e=s(this._r,this._g,this._b);return{h:360*e.h,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=s(this._r,this._g,this._b),t=X(360*e.h),o=X(100*e.s),i=X(100*e.l);return 1==this._a?"hsl("+t+", "+o+"%, "+i+"%)":"hsla("+t+", "+o+"%, "+i+"%, "+this._roundA+")"},toHex:function(e){return f(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(){return h(this._r,this._g,this._b,this._a)},toHex8String:function(){return"#"+this.toHex8()},toRgb:function(){return{r:X(this._r),g:X(this._g),b:X(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+X(this._r)+", "+X(this._g)+", "+X(this._b)+")":"rgba("+X(this._r)+", "+X(this._g)+", "+X(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:X(100*L(this._r,255))+"%",g:X(100*L(this._g,255))+"%",b:X(100*L(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+X(100*L(this._r,255))+"%, "+X(100*L(this._g,255))+"%, "+X(100*L(this._b,255))+"%)":"rgba("+X(100*L(this._r,255))+"%, "+X(100*L(this._g,255))+"%, "+X(100*L(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":this._a<1?!1:G[f(this._r,this._g,this._b,!0)]||!1},toFilter:function(e){var t="#"+h(this._r,this._g,this._b,this._a),o=t,i=this._gradientType?"GradientType = 1, ":"";if(e){var n=r(e);o=n.toHex8String()}return"progid:DXImageTransform.Microsoft.gradient("+i+"startColorstr="+t+",endColorstr="+o+")"},toString:function(e){var t=!!e;e=e||this._format;var o=!1,i=this._a<1&&this._a>=0,r=!t&&i&&("hex"===e||"hex6"===e||"hex3"===e||"name"===e);return r?"name"===e&&0===this._a?this.toName():this.toRgbString():("rgb"===e&&(o=this.toRgbString()),"prgb"===e&&(o=this.toPercentageRgbString()),"hex"!==e&&"hex6"!==e||(o=this.toHexString()),"hex3"===e&&(o=this.toHexString(!0)),"hex8"===e&&(o=this.toHex8String()),"name"===e&&(o=this.toName()),"hsl"===e&&(o=this.toHslString()),"hsv"===e&&(o=this.toHsvString()),o||this.toHexString())},clone:function(){return r(this.toString())},_applyModification:function(e,t){var o=e.apply(null,[this].concat([].slice.call(t)));return this._r=o._r,this._g=o._g,this._b=o._b,this.setAlpha(o._a),this},lighten:function(){return this._applyModification(b,arguments)},brighten:function(){return this._applyModification(x,arguments)},darken:function(){return this._applyModification(v,arguments)},desaturate:function(){return this._applyModification(p,arguments)},saturate:function(){return this._applyModification(u,arguments)},greyscale:function(){return this._applyModification(g,arguments)},spin:function(){return this._applyModification(m,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(_,arguments)},complement:function(){return this._applyCombination(w,arguments)},monochromatic:function(){return this._applyCombination(M,arguments)},splitcomplement:function(){return this._applyCombination(C,arguments)},triad:function(){return this._applyCombination(y,arguments)},tetrad:function(){return this._applyCombination(k,arguments)}},r.fromRatio=function(e,t){if("object"==typeof e){var o={};for(var i in e)e.hasOwnProperty(i)&&("a"===i?o[i]=e[i]:o[i]=j(e[i]));e=o}return r(e,t)},r.equals=function(e,t){return e&&t?r(e).toRgbString()==r(t).toRgbString():!1},r.random=function(){return r.fromRatio({r:q(),g:q(),b:q()})},r.mix=function(e,t,o){o=0===o?0:o||50;var i,n=r(e).toRgb(),a=r(t).toRgb(),s=o/100,l=2*s-1,c=a.a-n.a;i=l*c==-1?l:(l+c)/(1+l*c),i=(i+1)/2;var d=1-i,f={r:a.r*i+n.r*d,g:a.g*i+n.g*d,b:a.b*i+n.b*d,a:a.a*s+n.a*(1-s)};return r(f)},r.readability=function(e,t){var o=r(e),i=r(t);return(Math.max(o.getLuminance(),i.getLuminance())+.05)/(Math.min(o.getLuminance(),i.getLuminance())+.05)},r.isReadable=function(e,t,o){var i,n,a=r.readability(e,t);switch(n=!1,i=P(o),i.level+i.size){case"AAsmall":case"AAAlarge":n=a>=4.5;break;case"AAlarge":n=a>=3;break;case"AAAsmall":n=a>=7}return n},r.mostReadable=function(e,t,o){var i,n,a,s,l=null,c=0;o=o||{},n=o.includeFallbackColors,a=o.level,s=o.size;for(var d=0;d<t.length;d++)i=r.readability(e,t[d]),i>c&&(c=i,l=r(t[d]));return r.isReadable(e,l,{level:a,size:s})||!n?l:(o.includeFallbackColors=!1,r.mostReadable(e,["#fff","#000"],o))};var Y=r.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",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",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",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",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",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",navy:"000080",oldlace:"fdf5e6",olive:"808000",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",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},G=r.hexNames=A(Y),W=function(){var e="[-\\+]?\\d+%?",t="[-\\+]?\\d*\\.\\d+%?",o="(?:"+t+")|(?:"+e+")",i="[\\s|\\(]+("+o+")[,|\\s]+("+o+")[,|\\s]+("+o+")\\s*\\)?",r="[\\s|\\(]+("+o+")[,|\\s]+("+o+")[,|\\s]+("+o+")[,|\\s]+("+o+")\\s*\\)?";return{rgb:new RegExp("rgb"+i),rgba:new RegExp("rgba"+r),hsl:new RegExp("hsl"+i),hsla:new RegExp("hsla"+r),hsv:new RegExp("hsv"+i),hsva:new RegExp("hsva"+r),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/}}();"undefined"!=typeof e&&e.exports?e.exports=r:(i=function(){return r}.call(t,o,t,e),!(void 0!==i&&(e.exports=i)))}()},function(e,t){e.exports='<div class=c-chrome> <div class=saturation-wrap> <saturation :colors.sync=colors :on-change=childChange></saturation> </div> <div class=chrome-body> <div class=controls> <div class=color-wrap> <div class=active-color :style="{background: activeColor}"></div> </div> <div class=sliders> <div class=hue-wrap> <hue :colors.sync=colors :on-change=childChange></hue> </div> <div class=alpha-wrap> <alpha :colors.sync=colors :on-change=childChange></alpha> </div> </div> </div> <div class=fields-wrap> <div class=fields v-show="fieldsIndex === 0"> <div class=field> <ed-in label=hex :val.sync=colors.hex :on-change=inputChange></ed-in> </div> </div> <div class=fields v-show="fieldsIndex === 1"> <div class=field> <ed-in label=r :val.sync=colors.rgba.r :on-change=inputChange></ed-in> </div> <div class=field> <ed-in label=g :val.sync=colors.rgba.g :on-change=inputChange></ed-in> </div> <div class=field> <ed-in label=b :val.sync=colors.rgba.b :on-change=inputChange></ed-in> </div> <div class=field> <ed-in label=a :val.sync=colors.a :arrow-offset=0.01 :max=1 :on-change=inputChange></ed-in> </div> </div> <div class=fields v-show="fieldsIndex === 2"> <div class=field> <ed-in label=h :val.sync=colors.hsl.h :on-change=inputChange></ed-in> </div> <div class=field> <ed-in label=s :val.sync=colors.hsl.s :on-change=inputChange></ed-in> </div> <div class=field> <ed-in label=l :val.sync=colors.hsl.l :on-change=inputChange></ed-in> </div> <div class=field> <ed-in label=a :val.sync=colors.a :arrow-offset=0.01 :max=1 :on-change=inputChange></ed-in> </div> </div> <div class=toggle-btn> <div class=icon @click=toggleViews> <svg style="width:24px; height:24px" viewBox="0 0 24 24" @mouseover=showHighlight @mouseenter=showHighlight @mouseout=hideHighlight> <path fill=#333 d=M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z /> </svg> </div> <div class=icon-highlight v-show=highlight></div> </div> </div> </div> </div>'},function(e,t){e.exports='<div class=c-compact> <ul class=colors> <li class=color-item v-for="c in defaultColors" @click=handlerClick(c) :class="{white: c === \'#FFFFFF\' }" :style="{background: c}"> <div class=dot v-show="c === pick"></div> </li> </ul> <div class=fields> <div class=pick-color :style="{background: pick}"></div> <div class=col-hex> <ed-in label=hex :val.sync=colors.hex :style="{ borderColor: colors.hex }" :on-change=onChange></ed-in> </div> <div class=col-3> <ed-in label=r :val.sync=colors.rgba.r :on-change=onChange></ed-in> </div> <div class=col-3> <ed-in label=g :val.sync=colors.rgba.g :on-change=onChange></ed-in> </div> <div class=col-3> <ed-in label=b :val.sync=colors.rgba.b :on-change=onChange></ed-in> </div> </div> </div>'},function(e,t){e.exports='<div class=c-material> <ed-in class=hex label=hex :val.sync=colors.hex :style="{ borderColor: colors.hex }" :on-change=onChange></ed-in> <div class="split flexbox-fix"> <div class=third> <ed-in label=r :val.sync=colors.rgba.r :on-change=onChange></ed-in> </div> <div class=third> <ed-in label=g :val.sync=colors.rgba.g :on-change=onChange></ed-in> </div> <div class=third> <ed-in label=b :val.sync=colors.rgba.b :on-change=onChange></ed-in> </div> </div> </div>'},function(e,t){e.exports='<div class=c-photoshop> <div class=head>{{head}}</div> <div class=body> <div class=saturation-wrap> <saturation :colors.sync=colors :on-change=childChange></saturation> </div> <div class=hue-wrap> <hue :colors.sync=colors :on-change=childChange direction=vertical> <div class=hue-pointer> <i class=left></i><i class=right></i> </div> </hue> </div> <div class=controls> <div class=previews> <div class=label>new</div> <div class=swatches> <div class=pr-color :style="{background: colors.hex}"></div> <div class=pr-color :style="{background: currentColor}"></div> </div> <div class=label>current</div> </div> <div class=actions> <div class=ac-btn @click=handleAccept>OK</div> <div class=ac-btn @click=handleCancel>Cancel</div> <div class=fields> <ed-in label=h :val.sync=colors.hsl.h :on-change=inputChange></ed-in> <ed-in label=s :val.sync=colors.hsl.s :on-change=inputChange></ed-in> <ed-in label=v :val.sync=colors.hsl.l :on-change=inputChange></ed-in> <div class=divider></div> <ed-in label=r :val.sync=colors.rgba.r :on-change=inputChange></ed-in> <ed-in label=g :val.sync=colors.rgba.g :on-change=inputChange></ed-in> <ed-in label=b :val.sync=colors.rgba.b :on-change=inputChange></ed-in> <div class=divider></div> <ed-in label=# class=hex :val.sync=colors.hex :on-change=inputChange></ed-in> </div> </div> </div> </div> </div>'},function(e,t){e.exports='<div class=c-sketch> <div class=saturation-wrap> <saturation :colors.sync=colors :on-change=childChange></saturation> </div> <div class=controls> <div class=sliders> <div class=hue-wrap> <hue :colors.sync=colors :on-change=childChange></hue> </div> <div class=alpha-wrap> <alpha :colors.sync=colors :on-change=childChange></alpha> </div> </div> <div class=color-wrap> <div class=active-color :style="{background: activeColor}"></div> </div> </div> <div class=field> <div class=double> <ed-in label=hex :val.sync=colors.hex :on-change=inputChange></ed-in> </div> <div class=single> <ed-in label=r :val.sync=colors.rgba.r :on-change=inputChange></ed-in> </div> <div class=single> <ed-in label=g :val.sync=colors.rgba.g :on-change=inputChange></ed-in> </div> <div class=single> <ed-in label=b :val.sync=colors.rgba.b :on-change=inputChange></ed-in> </div> <div class=single> <ed-in label=a :val.sync=colors.a :arrow-offset=0.01 :max=1 :on-change=inputChange></ed-in> </div> </div> <div class=presets> <div class=presets-color v-for="c in presetColors" :style="{background: c}" @click=handlePreset(c)> </div> </div> </div>'},function(e,t){e.exports='<div class=c-slider> <div class=hue-warp> <hue :colors.sync=colors :on-change=hueChange></hue> </div> <div class=swatches> <div class=swatch v-for="offset in swatches" data-index={{$index}} @click="handleSwClick($index, offset)"> <div class=swatch-picker :class="{active: offset == activeOffset}" :style="{background: \'hsl(\' + colors.hsl.h + \', 50%, \' + (offset * 100) + \'%)\'}"></div> </div> </div> </div>'},function(e,t){e.exports='<div class=c-swatches data-pick={{pick}}> <div class=box> <div class=color-group v-for="group in defaultColors"> <div class=color-it v-for="c in group" data-color={{c}} @click=handlerClick(c) :style="{background: c}"> <div class=pick v-show="c == pick"> <svg style="width: 24px; height:24px" viewBox="0 0 24 24"> <path d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /> </svg> </div> </div> </div> </div> </div>'},function(e,t){e.exports='<div class=c-alpha> <div class=checkboard-wrap> <checkboard></checkboard> </div> <div class=gradient :style="{background: gradientColor}"></div> <div class=container v-el:container @mousedown=handleMouseDown @touchmove=handleChange @touchstart=handleChange> <div class=pointer :style="{left: colors.a * 100 + \'%\'}"> <slot><div class=picker></div></slot> </div> </div> </div>'},function(e,t){e.exports='<div class=c-checkboard :style="{background:  bgStyle}"></div>'},function(e,t){e.exports='<div class=editable-input> <input class=input v-model="val | maxFilter" @keydown=handleKeyDown @input=handleChange> <span class=label @mousedown=handleMouseDown>{{label}}</span> </div>'},function(e,t){e.exports='<div class="c-hue {{direction}}"> <div class=container v-el:container @mousedown=handleMouseDown @touchmove=handleChange @touchstart=handleChange> <div class=pointer :style="{top: pointerTop, left: pointerLeft}"> <slot><div class=picker></div></slot> </div> </div> </div>'},function(e,t){e.exports='<div class=saturation :style="{background: bgColor}" v-el:container @mousedown=handleMouseDown> <div class=white></div> <div class=black></div> <div class=pointer :style="{top: pointerTop, left: pointerLeft}"> <slot><div class=circle></div></slot> </div> </div>'},function(e,t,o){var i,r;o(43),i=o(8),r=o(48),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)},function(e,t,o){var i,r;o(41),i=o(9),r=o(49),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)},function(e,t,o){var i,r;o(39),i=o(10),r=o(50),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)},function(e,t,o){var i,r;o(45),i=o(11),r=o(51),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)},function(e,t,o){var i,r;o(36),i=o(12),r=o(52),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)},function(e,t,o){var i,r;o(35),i=o(13),r=o(53),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)},function(e,t,o){var i,r;o(44),i=o(14),r=o(54),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)},function(e,t,o){var i,r;o(46),i=o(16),r=o(56),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueColor=t():e.VueColor=t()}(this,function(){return function(e){function t(i){if(o[i])return o[i].exports;var r=o[i]={exports:{},id:i,loaded:!1};return e[i].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var o={};return t.m=e,t.c=o,t.p="",t(0)}([function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}var r=o(61),n=i(r),a=o(62),s=i(a),l=o(65),c=i(l),d=o(66),f=i(d),h=o(63),p=i(h),u=o(64),g=i(u),b=o(60),x=i(b),v={Compact:n["default"],Material:s["default"],Slider:c["default"],Swatches:f["default"],Photoshop:p["default"],Sketch:g["default"],Chrome:x["default"]};e.exports=v},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var o=this[t];o[2]?e.push("@media "+o[2]+"{"+o[1]+"}"):e.push(o[1])}return e.join("")},e.i=function(t,o){"string"==typeof t&&(t=[[null,t,""]]);for(var i={},r=0;r<this.length;r++){var n=this[r][0];"number"==typeof n&&(i[n]=!0)}for(r=0;r<t.length;r++){var a=t[r];"number"==typeof a[0]&&i[a[0]]||(o&&!a[2]?a[2]=o:o&&(a[2]="("+a[2]+") and ("+o+")"),e.push(a))}},e}},function(e,t,o){function i(e,t){for(var o=0;o<e.length;o++){var i=e[o],r=p[i.id];if(r){r.refs++;for(var n=0;n<r.parts.length;n++)r.parts[n](i.parts[n]);for(;n<i.parts.length;n++)r.parts.push(c(i.parts[n],t))}else{for(var a=[],n=0;n<i.parts.length;n++)a.push(c(i.parts[n],t));p[i.id]={id:i.id,refs:1,parts:a}}}}function r(e){for(var t=[],o={},i=0;i<e.length;i++){var r=e[i],n=r[0],a=r[1],s=r[2],l=r[3],c={css:a,media:s,sourceMap:l};o[n]?o[n].parts.push(c):t.push(o[n]={id:n,parts:[c]})}return t}function n(e,t){var o=b(),i=m[m.length-1];if("top"===e.insertAt)i?i.nextSibling?o.insertBefore(t,i.nextSibling):o.appendChild(t):o.insertBefore(t,o.firstChild),m.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");o.appendChild(t)}}function a(e){e.parentNode.removeChild(e);var t=m.indexOf(e);t>=0&&m.splice(t,1)}function s(e){var t=document.createElement("style");return t.type="text/css",n(e,t),t}function l(e){var t=document.createElement("link");return t.rel="stylesheet",n(e,t),t}function c(e,t){var o,i,r;if(t.singleton){var n=v++;o=x||(x=s(t)),i=d.bind(null,o,n,!1),r=d.bind(null,o,n,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(o=l(t),i=h.bind(null,o),r=function(){a(o),o.href&&URL.revokeObjectURL(o.href)}):(o=s(t),i=f.bind(null,o),r=function(){a(o)});return i(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;i(e=t)}else r()}}function d(e,t,o,i){var r=o?"":i.css;if(e.styleSheet)e.styleSheet.cssText=w(t,r);else{var n=document.createTextNode(r),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(n,a[t]):e.appendChild(n)}}function f(e,t){var o=t.css,i=t.media;if(i&&e.setAttribute("media",i),e.styleSheet)e.styleSheet.cssText=o;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(o))}}function h(e,t){var o=t.css,i=t.sourceMap;i&&(o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */");var r=new Blob([o],{type:"text/css"}),n=e.href;e.href=URL.createObjectURL(r),n&&URL.revokeObjectURL(n)}var p={},u=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},g=u(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),b=u(function(){return document.head||document.getElementsByTagName("head")[0]}),x=null,v=0,m=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=g()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var o=r(e);return i(o,t),function(e){for(var n=[],a=0;a<o.length;a++){var s=o[a],l=p[s.id];l.refs--,n.push(l)}if(e){var c=r(e);i(c,t)}for(var a=0;a<n.length;a++){var l=n[a];if(0===l.refs){for(var d=0;d<l.parts.length;d++)l.parts[d]();delete p[l.id]}}}};var w=function(){var e=[];return function(t,o){return e[t]=o,e.filter(Boolean).join("\n")}}()},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function r(e,t){e.a&&e.a>1&&(e.a=1);var o=e.hex?(0,a["default"])(e.hex):(0,a["default"])(e),i=o.toHsl(),r=o.toHsv();return 0===i.s&&(i.h=t||0,r.h=t||0),{hsl:i,hex:o.toHexString().toUpperCase(),rgba:o.toRgb(),hsv:r,oldHue:e.h||t||i.h,source:e.source,a:e.a}}Object.defineProperty(t,"__esModule",{value:!0});var n=o(47),a=i(n);t["default"]={props:{colors:Object},created:function(){this.colors=r(this.colors)},methods:{colorChange:function(e,t){this.colors=r(e,t)},isValidHex:function(e){return(0,a["default"])(e).isValid()},simpleCheckForValidColor:function(e){for(var t=["r","g","b","a","h","s","a","v"],o=0,i=0,r=0;r<t.length;r++){var n=t[r];e[n]&&(o++,isNaN(e[n])||i++)}return o===i?e:void 0}}}},function(e,t,o){var i,r;o(40),i=o(17),r=o(57),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)},function(e,t,o){var i,r;o(42),i=o(18),r=o(58),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)},function(e,t,o){var i,r;o(38),i=o(15),r=o(55),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)},function(e,t,o){var i,r;o(37),i=o(19),r=o(59),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=o(3),n=i(r),a=o(4),s=i(a),l=o(7),c=i(l),d=o(5),f=i(d),h=o(6),p=i(h);t["default"]={name:"Chrome",mixins:[n["default"]],props:{},components:{saturation:c["default"],hue:f["default"],alpha:p["default"],"ed-in":s["default"]},data:function(){return{fields:["hex","rgba","hsla"],fieldsIndex:0,highlight:!1}},computed:{activeColor:function(){var e=this.colors.rgba;return"rgba("+[e.r,e.g,e.b,e.a].join(",")+")"}},methods:{handlePreset:function(e){this.colorChange({hex:e,source:"hex"})},childChange:function(e){this.colorChange(e)},inputChange:function(e){e&&(e.hex?this.isValidHex(e.hex)&&this.colorChange({hex:e.hex,source:"hex"}):(e.r||e.g||e.b||e.a)&&this.colorChange({r:e.r||this.colors.rgba.r,g:e.g||this.colors.rgba.g,b:e.b||this.colors.rgba.b,a:e.a||this.colors.rgba.a,source:"rgba"}))},toggleViews:function(){return this.fieldsIndex>=2?void(this.fieldsIndex=0):void(this.fieldsIndex=0)},showHighlight:function(){this.highlight=!0},hideHighlight:function(){this.highlight=!1}}}},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=o(3),n=i(r),a=o(4),s=i(a),l=["#4D4D4D","#999999","#FFFFFF","#F44E3B","#FE9200","#FCDC00","#DBDF00","#A4DD00","#68CCCA","#73D8FF","#AEA1FF","#FDA1FF","#333333","#808080","#CCCCCC","#D33115","#E27300","#FCC400","#B0BC00","#68BC00","#16A5A5","#009CE0","#7B64FF","#FA28FF","#000000","#666666","#B3B3B3","#9F0500","#C45100","#FB9E00","#808900","#194D33","#0C797D","#0062B1","#653294","#AB149E"];t["default"]={name:"Compact",mixins:[n["default"]],props:{},components:{"ed-in":s["default"]},computed:{pick:function(){return this.colors.hex}},data:function(){return{defaultColors:l}},methods:{handlerClick:function(e){this.colorChange({hex:e,source:"hex"})},onChange:function(e){e&&(e.hex?this.isValidHex(e.hex)&&this.colorChange({hex:e.hex,source:"hex"}):(e.r||e.g||e.b)&&this.colorChange({r:e.r||this.colors.rgba.r,g:e.g||this.colors.rgba.g,b:e.b||this.colors.rgba.b,a:e.a||this.colors.rgba.a,source:"rgba"}))}}}},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=o(4),n=i(r),a=o(3),s=i(a);t["default"]={name:"Material",mixins:[s["default"]],props:{},data:function(){return{}},components:{"ed-in":n["default"]},methods:{onChange:function(e){e&&(e.hex?this.isValidHex(e.hex)&&this.colorChange({hex:e.hex,source:"hex"}):(e.r||e.g||e.b)&&this.colorChange({r:e.r||this.colors.rgba.r,g:e.g||this.colors.rgba.g,b:e.b||this.colors.rgba.b,a:e.a||this.colors.rgba.a,source:"rgba"}))}}}},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=o(3),n=i(r),a=o(4),s=i(a),l=o(7),c=i(l),d=o(5),f=i(d),h=o(6),p=i(h);t["default"]={name:"Photoshop",mixins:[n["default"]],props:{head:{type:String,"default":"Color Picker"}},components:{saturation:c["default"],hue:f["default"],alpha:p["default"],"ed-in":s["default"]},data:function(){return{currentColor:"#FFF"}},created:function(){this.currentColor=this.colors.hex},methods:{childChange:function(e){this.colorChange(e)},inputChange:function(e){e&&(e["#"]?this.isValidHex(e["#"])&&this.colorChange({hex:e["#"],source:"hex"}):(e.r||e.g||e.b||e.a)&&this.colorChange({r:e.r||this.colors.rgba.r,g:e.g||this.colors.rgba.g,b:e.b||this.colors.rgba.b,a:e.a||this.colors.rgba.a,source:"rgba"}))},handleAccept:function(){console.log("accept")},handleCancel:function(){console.log("cancel")}}}},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=o(3),n=i(r),a=o(4),s=i(a),l=o(7),c=i(l),d=o(5),f=i(d),h=o(6),p=i(h),u=["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"];t["default"]={name:"Sketch",mixins:[n["default"]],components:{saturation:c["default"],hue:f["default"],alpha:p["default"],"ed-in":s["default"]},data:function(){return{presetColors:u}},computed:{activeColor:function(){var e=this.colors.rgba;return"rgba("+[e.r,e.g,e.b,e.a].join(",")+")"}},methods:{handlePreset:function(e){this.colorChange({hex:e,source:"hex"})},childChange:function(e){this.colorChange(e)},inputChange:function(e){e&&(e.hex?this.isValidHex(e.hex)&&this.colorChange({hex:e.hex,source:"hex"}):(e.r||e.g||e.b||e.a)&&this.colorChange({r:e.r||this.colors.rgba.r,g:e.g||this.colors.rgba.g,b:e.b||this.colors.rgba.b,a:e.a||this.colors.rgba.a,source:"rgba"}))}}}},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=o(3),n=i(r),a=o(5),s=i(a);t["default"]={name:"Slider",mixins:[n["default"]],props:{direction:String},components:{hue:s["default"]},computed:{activeOffset:function(){return Math.round(100*this.colors.hsl.s)/100===.5?Math.round(100*this.colors.hsl.l)/100:0}},data:function(){return{swatches:[".80",".65",".50",".35",".20"]}},methods:{hueChange:function(e){this.colorChange(e)},handleSwClick:function(e,t){this.colorChange({h:this.colors.hsl.h,s:.5,l:t,source:"hsl"})}}}},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=o(34),n=i(r),a=o(3),s=i(a),l=["red","pink","purple","deepPurple","indigo","blue","lightBlue","cyan","teal","green","lightGreen","lime","yellow","amber","orange","deepOrange","brown","blueGrey"],c=["900","700","500","300","100"],d=function(){var e=[];return l.forEach(function(t){var o=[];c.forEach(function(e){o.push(n["default"][t][e].toUpperCase())}),e.push(o)}),e}();t["default"]={name:"Swatches",mixins:[s["default"]],computed:{pick:function(){return this.colors.hex}},data:function(){return{defaultColors:d}},methods:{handlerClick:function(e){this.colorChange({hex:e,source:"hex"})}}}},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=o(67),n=i(r);t["default"]={name:"Alpha",props:{colors:Object,onChange:Function},components:{checkboard:n["default"]},computed:{gradientColor:function(){var e=this.colors.rgba,t=[e.r,e.g,e.b].join(",");return"linear-gradient(to right, rgba("+t+", 0) 0%, rgba("+t+", 1) 100%)"}},methods:{handleChange:function(e,t){!t&&e.preventDefault();var o,i=this.$els.container,r=i.clientWidth,n=(e.pageX||e.touches[0].pageX)-(i.getBoundingClientRect().left+window.pageXOffset);o=0>n?0:n>r?1:Math.round(100*n/r)/100,this.colors.a!==o&&this.onChange({h:this.colors.hsl.h,s:this.colors.hsl.s,l:this.colors.hsl.l,a:o,source:"rgba"})},handleMouseDown:function(e){this.handleChange(e,!0),window.addEventListener("mousemove",this.handleChange),window.addEventListener("mouseup",this.handleMouseUp)},handleMouseUp:function(){this.unbindEventListeners()},unbindEventListeners:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}}}},function(e,t){"use strict";function o(e,t,o){if("undefined"==typeof document)return null;var i=document.createElement("canvas");i.width=i.height=2*o;var r=i.getContext("2d");return r?(r.fillStyle=e,r.fillRect(0,0,i.width,i.height),r.fillStyle=t,r.fillRect(0,0,o,o),r.translate(o,o),r.fillRect(0,0,o,o),i.toDataURL()):null}function i(e,t,i){var n=e+","+t+","+i;if(r[n])return r[n];var a=o(e,t,i);return r[n]=a,a}Object.defineProperty(t,"__esModule",{value:!0});var r={};t["default"]={name:"Checkboard",props:{size:{type:[Number|String],"default":8},white:{type:String,"default":"#fff"},grey:{type:String,"default":"#e6e6e6"}},computed:{bgStyle:function(){return"url("+i(this.white,this.grey,this.size)+") center left"}}}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={name:"editableInput",props:{label:String,val:[String|Number],onChange:Function,max:Number,arrowOffset:{type:Number,"default":1}},filters:{maxFilter:{read:function(e){return this.max&&e>this.max?this.max:e},write:function(e,t){return e}}},methods:{handleChange:function(e){var t={};t[this.label]=this.val,this.onChange(t)},handleBlur:function(e){console.log(e)},handleKeyDown:function(e){var t=this.val,o=Number(t);if(o){var i=this.arrowOffset||1;38===e.keyCode&&(this.val=o+i,e.preventDefault()),40===e.keyCode&&(this.val=o-i,e.preventDefault()),this.handleChange()}},handleDrag:function(e){console.log(e)},handleMouseDown:function(e){console.log(e)}}}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t["default"]={name:"Hue",props:{colors:Object,onChange:Function,direction:{type:String,"default":"horizontal"}},computed:{pointerTop:function(){return"vertical"===this.direction?-(100*this.colors.hsl.h/360)+100+"%":0},pointerLeft:function(){return"vertical"===this.direction?0:100*this.colors.hsl.h/360+"%"}},methods:{handleChange:function(e,t){!t&&e.preventDefault();var o,i,r=this.$els.container,n=r.clientWidth,a=r.clientHeight,s=(e.pageX||e.touches[0].pageX)-(r.getBoundingClientRect().left+window.pageXOffset),l=(e.pageY||e.touches[0].pageY)-(r.getBoundingClientRect().top+window.pageYOffset);"vertical"===this.direction?(0>l?o=359:l>a?o=0:(i=-(100*l/a)+100,o=360*i/100),this.colors.hsl.h!==o&&this.onChange({h:o,s:this.colors.hsl.s,l:this.colors.hsl.l,a:this.colors.hsl.a,source:"hsl"})):(0>s?o=0:s>n?o=359:(i=100*s/n,o=360*i/100),this.colors.hsl.h!==o&&this.onChange({h:o,s:this.colors.hsl.s,l:this.colors.hsl.l,a:this.colors.hsl.a,source:"hsl"}))},handleMouseDown:function(e){this.handleChange(e,!0),window.addEventListener("mousemove",this.handleChange),window.addEventListener("mouseup",this.handleMouseUp)},handleMouseUp:function(e){this.unbindEventListeners()},unbindEventListeners:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}}}},function(e,t,o){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var r=o(32),n=i(r);t["default"]={name:"Saturation",props:{colors:Object,onChange:Function},computed:{bgColor:function(){return"hsl("+this.colors.hsl.h+",100%, 50%)"},pointerTop:function(){return-(100*this.colors.hsv.v)+100+"%"},pointerLeft:function(){return 100*this.colors.hsv.s+"%"}},methods:{throttle:(0,n["default"])(function(e,t){e(t)},50),handleChange:function(e,t){!t&&e.preventDefault();var o=this.$els.container,i=o.clientWidth,r=o.clientHeight,n=(e.pageX||e.touches[0].pageX)-(o.getBoundingClientRect().left+window.pageXOffset),a=(e.pageY||e.touches[0].pageY)-(o.getBoundingClientRect().top+window.pageYOffset);0>n?n=0:n>i?n=i:0>a?a=0:a>r&&(a=r);var s=100*n/i,l=-(100*a/r)+100;this.throttle(this.onChange,{h:this.colors.hsl.h,s:s,v:l,a:this.colors.hsl.a,source:"rgb"})},handleMouseDown:function(e){this.handleChange(e,!0),window.addEventListener("mousemove",this.handleChange),window.addEventListener("mouseup",this.handleMouseUp)},handleMouseUp:function(e){this.unbindEventListeners()},unbindEventListeners:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}}}},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,".c-slider{position:relative;width:410px}.c-slider .hue-warp{height:12px;position:relative}.c-slider .hue-warp .picker{width:14px;height:14px;border-radius:6px;-webkit-transform:translate(-7px,-2px);transform:translate(-7px,-2px);background-color:#f8f8f8;box-shadow:0 1px 4px 0 rgba(0,0,0,.37)}.c-slider .swatches{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:20px}.c-slider .swatches .swatch{margin-right:1px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:20%}.c-slider .swatches .swatch:first-child .swatch-picker{border-radius:2px 0 0 2px}.c-slider .swatches .swatch:last-child{margin-right:0}.c-slider .swatches .swatch:last-child .swatch-picker{border-radius:0 2px 2px 0}.c-slider .swatches .swatch-picker{height:12px;cursor:pointer}.c-slider .swatches .swatch-picker.active{-webkit-transform:scaleY(1.8);transform:scaleY(1.8);border-radius:3.6px/2px}",""])},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,".c-sketch{position:relative;width:200px;padding:10px 10px 0;box-sizing:initial;background:#fff;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 8px 16px rgba(0,0,0,.15)}.c-sketch .saturation-wrap{width:100%;padding-bottom:75%;position:relative;overflow:hidden}.c-sketch .controls{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.c-sketch .controls .sliders{padding:4px 0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.c-sketch .controls .hue-wrap{position:relative;height:10px}.c-sketch .controls .alpha-wrap{position:relative;height:10px;margin-top:4px;overflow:hidden}.c-sketch .controls .color-wrap{width:24px;height:24px;position:relative;margin-top:4px;margin-left:4px;border-radius:3px}.c-sketch .controls .active-color{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15),inset 0 0 4px rgba(0,0,0,.25);z-index:2}.c-sketch .field{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-top:4px}.c-sketch .field .single{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-left:6px}.c-sketch .field .double{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}.c-sketch .field .input{width:80%;padding:4px 10% 3px;border:none;box-shadow:inset 0 0 0 1px #ccc;font-size:11px}.c-sketch .field .label{display:block;text-align:center;font-size:11px;color:#222;padding-top:3px;padding-bottom:4px;text-transform:capitalize}.c-sketch .presets{margin-right:-10px;margin-left:-10px;padding-left:10px;padding-top:10px;border-top:1px solid #eee}.c-sketch .presets .presets-color{border-radius:3px;overflow:hidden;position:relative;display:inline-block;margin:0 10px 10px 0;vertical-align:top;cursor:pointer;width:16px;height:16px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}",""])},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,".black,.saturation,.white{position:absolute;top:0;left:0;right:0;bottom:0}.saturation .white{background:-webkit-linear-gradient(left,#fff,hsla(0,0%,100%,0));background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.saturation .black{background:-webkit-linear-gradient(bottom,#000,transparent);background:linear-gradient(0deg,#000,transparent)}.saturation .pointer{position:absolute}.saturation .circle{cursor:head;width:4px;height:4px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}",""])},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,".c-alpha,.c-alpha .checkboard-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.c-alpha .checkboard-wrap{overflow:hidden}.c-alpha .gradient{position:absolute;top:0;right:0;bottom:0;left:0}.c-alpha .vc-container{position:relative;z-index:2;height:100%;margin:0 3px}.c-alpha .pointer{z-index:2;position:absolute}.c-alpha .picker{width:4px;border-radius:1px;height:8px;box-shadow:0 0 2px rgba(0,0,0,.6);background:#fff;margin-top:1px;-webkit-transform:translateX(-2px);transform:translateX(-2px)}",""])},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,".c-material{width:98px;height:98px;padding:16px;font-family:Roboto;position:relative;border-radius:2px;box-shadow:0 2px 10px rgba(0,0,0,.12),0 2px 5px rgba(0,0,0,.16)}.c-material .hex{border-bottom-width:2px;border-bottom-style:solid}.c-material .split{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-right:-10px;padding-top:11px}.c-material .third{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-right:10px}.c-material .input{width:100%;margin-top:12px;font-size:15px;color:#333;height:30px}.c-material .label{position:absolute;top:0;left:0;font-size:11px;color:#999;text-transform:capitalize}",""])},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,".editable-input{position:relative}.editable-input .input{padding:0;border:0;outline:none}.editable-input .label{text-transform:capitalize}",""])},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,".c-compact{padding-top:5px;padding-left:5px;width:240px;border-radius:2px;box-shadow:0 2px 10px rgba(0,0,0,.12),0 2px 5px rgba(0,0,0,.16)}.c-compact .colors{overflow:hidden;padding:0;margin:0}.c-compact .color-item{list-style:none;width:15px;height:15px;float:left;margin-right:5px;margin-bottom:5px;position:relative;cursor:pointer}.c-compact .color-item.white{box-shadow:inset 0 0 0 1px #ddd}.c-compact .color-item.white .dot{background:#000}.c-compact .dot{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;opacity:1;background:#fff}.c-compact .fields{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-bottom:6px;padding-right:5px;position:relative}.c-compact .fields .pick-color{position:absolute;top:6px;left:5px;height:9px;width:9px}.c-compact .fields .col-hex{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}.c-compact .fields .col-hex .input{width:80%;padding-left:20%}.c-compact .fields .col-hex .label{display:none}.c-compact .fields .col-3{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.c-compact .fields .input{width:70%;padding-left:30%;background:none;font-size:12px;color:#333;height:16px}.c-compact .fields .label{position:absolute;top:3px;left:0;line-height:16px;text-transform:uppercase;font-size:12px;color:#999}",""])},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,".c-hue{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px}.c-hue.horizontal{background:-webkit-linear-gradient(left,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.c-hue.vertical{background:-webkit-linear-gradient(bottom,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);background:linear-gradient(0deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.c-hue .vc-container{margin:0 2px;position:relative;height:100%}.c-hue .pointer{z-index:2;position:absolute}.c-hue .picker{margin-top:1px;width:4px;border-radius:1px;height:8px;box-shadow:0 0 2px rgba(0,0,0,.6);background:#fff;-webkit-transform:translateX(-2px);transform:translateX(-2px)}",""])},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,".c-chrome{background:#fff;border-radius:2px;box-shadow:0 0 2px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.3);box-sizing:initial;width:225px;font-family:Menlo}.c-chrome .chrome-body{padding:16px 16px 12px}.c-chrome .saturation-wrap{width:100%;padding-bottom:55%;position:relative;border-radius:2px 2px 0 0;overflow:hidden}.c-chrome .saturation-wrap .circle{width:12px;height:12px}.c-chrome .controls{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.c-chrome .controls .c-alpha,.c-chrome .controls .c-hue{border-radius:2px}.c-chrome .controls .color-wrap{width:32px}.c-chrome .controls .active-color{margin-top:6px;width:16px;height:16px;border-radius:8px;position:relative;overflow:hidden}.c-chrome .controls .sliders{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.c-chrome .controls .sliders .picker{width:12px;height:12px;border-radius:6px;-webkit-transform:translate(-6px,-2px);transform:translate(-6px,-2px);background-color:#f8f8f8;box-shadow:0 1px 4px 0 rgba(0,0,0,.37)}.c-chrome .controls .hue-wrap{position:relative;height:10px;margin-bottom:8px}.c-chrome .controls .alpha-wrap{position:relative;height:10px}.c-chrome .fields-wrap{padding-top:16px}.c-chrome .fields,.c-chrome .fields-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.c-chrome .fields{margin-left:-6px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.c-chrome .field{padding-left:6px;width:100%}.c-chrome .toggle-btn{width:32px;text-align:right;position:relative}.c-chrome .icon{margin-right:-4px;margin-top:12px;cursor:pointer;position:relative;z-index:2}.c-chrome .icon-highlight{position:absolute;width:24px;height:28px;background:#eee;border-radius:4px;top:10px;left:12px}.c-chrome .fields .input{font-size:11px;color:#333;width:100%;border-rradius:2px;border:none;box-shadow:inset 0 0 0 1px #dadada;height:21px;text-align:center}.c-chrome .fields .label{text-transform:uppercase;font-size:11px;line-height:11px;color:#969696;text-align:center;display:block;margin-top:12px}",""])},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,".c-swatches{width:320px;height:240px;overflow-y:scroll;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.12),0 2px 5px rgba(0,0,0,.16)}.c-swatches .box{padding:16px 0 6px 16px;overflow:hidden}.c-swatches .color-group{padding-bottom:10px;width:40px;float:left;margin-right:10px}.c-swatches .color-it{width:40px;height:24px;cursor:pointer;background:#880e4f;margin-bottom:1px;overflow:hidden;border-radius:2px 2px 0 0}.c-swatches .pick{fill:#fff;margin-left:8px;display:block}",""])},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,'.c-photoshop{background:#dcdcdc;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.25),0 8px 16px rgba(0,0,0,.15);box-sizing:initial;width:513px;font-family:Roboto}.c-photoshop .head{background-image:-webkit-linear-gradient(top,#f0f0f0,#d4d4d4);background-image:linear-gradient(-180deg,#f0f0f0,#d4d4d4);border-bottom:1px solid #b1b1b1;box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.2),inset 0 -1px 0 0 rgba(0,0,0,.02);height:23px;line-height:24px;border-radius:4px 4px 0 0;font-size:13px;color:#4d4d4d;text-align:center}.c-photoshop .body{padding:15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.c-photoshop .saturation-wrap{width:256px;height:256px;position:relative;border:2px solid #b3b3b3;border-bottom:2px solid #f0f0f0;overflow:hidden}.c-photoshop .saturation-wrap .circle{width:12px;height:12px}.c-photoshop .hue-wrap{position:relative;height:256px;width:19px;margin-left:10px;border:2px solid #b3b3b3;border-bottom:2px solid #f0f0f0}.c-photoshop .hue-pointer{position:relative}.c-photoshop .hue-pointer .left,.c-photoshop .hue-pointer .right{position:absolute;width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #555}.c-photoshop .hue-pointer .left:after,.c-photoshop .hue-pointer .right:after{content:"";width:0;height:0;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent #fff;position:absolute;top:1px;left:1px;-webkit-transform:translate(-8px,-5px);transform:translate(-8px,-5px)}.c-photoshop .hue-pointer .left{-webkit-transform:translate(-13px,-4px);transform:translate(-13px,-4px)}.c-photoshop .hue-pointer .right{-webkit-transform:translate(20px,-4px) rotate(180deg);transform:translate(20px,-4px) rotate(180deg)}.c-photoshop .controls{width:180px;margin-left:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.c-photoshop .actions{margin-left:20px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.c-photoshop .actions .ac-btn{background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(-180deg,#fff,#e6e6e6);border:1px solid #878787;border-radius:2px;height:20px;box-shadow:0 1px 0 0 #eaeaea;font-size:14px;color:#000;line-height:20px;text-align:center;margin-bottom:10px}.c-photoshop .previews{width:60px}.c-photoshop .previews .swatches{border:1px solid #b3b3b3;border-bottom:1px solid #f0f0f0;margin-bottom:2px;margin-top:1px}.c-photoshop .previews .pr-color{height:34px;box-shadow:inset 1px 0 0 #000,inset -1px 0 0 #000,inset 0 1px 0 #000}.c-photoshop .previews .label{font-size:14px;color:#000;text-align:center}.c-photoshop .fields{padding-top:5px;padding-bottom:9px;width:80px;position:relative}.c-photoshop .fields .divider{height:5px}.c-photoshop .fields .input{margin-left:40%;width:40%;height:18px;border:1px solid #888;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),0 1px 0 0 #ececec;margin-bottom:5px;font-size:13px;padding-left:3px;margin-right:10px}.c-photoshop .fields .label{top:0;left:0;width:34px;text-transform:uppercase;font-size:13px;height:18px;line-height:22px;position:absolute}.c-photoshop .fields .hex .input{margin-left:20%;width:80%;height:18px;border:1px solid #888;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),0 1px 0 0 #ececec;margin-bottom:6px;font-size:13px;padding-left:3px}.c-photoshop .fields .hex .label{position:absolute;top:0;left:0;width:14px;text-transform:uppercase;font-size:13px;height:18px;line-height:22px}',""])},function(e,t,o){t=e.exports=o(1)(),t.push([e.id,".c-checkboard{position:absolute;top:0;right:0;bottom:0;left:0}",""])},function(e,t,o){function i(e,t,o){var i=!0,s=!0;if("function"!=typeof e)throw new TypeError(a);return r(o)&&(i="leading"in o?!!o.leading:i,s="trailing"in o?!!o.trailing:s),n(e,t,{leading:i,maxWait:t,trailing:s})}function r(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var n=o(33),a="Expected a function";e.exports=i},function(e,t){function o(e,t,o){function i(t){var o=g,i=b;return g=b=void 0,_=t,v=e.apply(i,o)}function n(e){return _=e,m=setTimeout(d,t),M?i(e):v}function a(e){var o=e-C,i=e-_,r=t-o;return A?y(r,x-i):r}function c(e){var o=e-C,i=e-_;return!C||o>=t||0>o||A&&i>=x}function d(){var e=k();return c(e)?f(e):void(m=setTimeout(d,a(e)))}function f(e){return clearTimeout(m),m=void 0,F&&g?i(e):(g=b=void 0,v)}function h(){void 0!==m&&clearTimeout(m),C=_=0,g=b=m=void 0}function p(){return void 0===m?v:f(k())}function u(){var e=k(),o=c(e);if(g=arguments,b=this,C=e,o){if(void 0===m)return n(C);if(A)return clearTimeout(m),m=setTimeout(d,t),i(C)}return void 0===m&&(m=setTimeout(d,t)),v}var g,b,x,v,m,C=0,_=0,M=!1,A=!1,F=!0;if("function"!=typeof e)throw new TypeError(l);return t=s(t)||0,r(o)&&(M=!!o.leading,A="maxWait"in o,x=A?w(s(o.maxWait)||0,t):x,F="trailing"in o?!!o.trailing:F),u.cancel=h,u.flush=p,u}function i(e){var t=r(e)?m.call(e):"";return t==d||t==f}function r(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function n(e){return!!e&&"object"==typeof e}function a(e){return"symbol"==typeof e||n(e)&&m.call(e)==h}function s(e){if("number"==typeof e)return e;if(a(e))return c;if(r(e)){var t=i(e.valueOf)?e.valueOf():e;e=r(t)?t+"":t}
+if("string"!=typeof e)return 0===e?e:+e;e=e.replace(p,"");var o=g.test(e);return o||b.test(e)?x(e.slice(2),o?2:8):u.test(e)?c:+e}var l="Expected a function",c=NaN,d="[object Function]",f="[object GeneratorFunction]",h="[object Symbol]",p=/^\s+|\s+$/g,u=/^[-+]0x[0-9a-f]+$/i,g=/^0b[01]+$/i,b=/^0o[0-7]+$/i,x=parseInt,v=Object.prototype,m=v.toString,w=Math.max,y=Math.min,k=Date.now;e.exports=o},function(e,t,o){var i,r,n;!function(o,a){r=[],i=a,n="function"==typeof i?i.apply(t,r):i,!(void 0!==n&&(e.exports=n))}(this,function(){return{red:{50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",a100:"#ff8a80",a200:"#ff5252",a400:"#ff1744",a700:"#d50000"},pink:{50:"#fce4ec",100:"#f8bbd0",200:"#f48fb1",300:"#f06292",400:"#ec407a",500:"#e91e63",600:"#d81b60",700:"#c2185b",800:"#ad1457",900:"#880e4f",a100:"#ff80ab",a200:"#ff4081",a400:"#f50057",a700:"#c51162"},purple:{50:"#f3e5f5",100:"#e1bee7",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",600:"#8e24aa",700:"#7b1fa2",800:"#6a1b9a",900:"#4a148c",a100:"#ea80fc",a200:"#e040fb",a400:"#d500f9",a700:"#aa00ff"},deepPurple:{50:"#ede7f6",100:"#d1c4e9",200:"#b39ddb",300:"#9575cd",400:"#7e57c2",500:"#673ab7",600:"#5e35b1",700:"#512da8",800:"#4527a0",900:"#311b92",a100:"#b388ff",a200:"#7c4dff",a400:"#651fff",a700:"#6200ea"},indigo:{50:"#e8eaf6",100:"#c5cae9",200:"#9fa8da",300:"#7986cb",400:"#5c6bc0",500:"#3f51b5",600:"#3949ab",700:"#303f9f",800:"#283593",900:"#1a237e",a100:"#8c9eff",a200:"#536dfe",a400:"#3d5afe",a700:"#304ffe"},blue:{50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",a100:"#82b1ff",a200:"#448aff",a400:"#2979ff",a700:"#2962ff"},lightBlue:{50:"#e1f5fe",100:"#b3e5fc",200:"#81d4fa",300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",600:"#039be5",700:"#0288d1",800:"#0277bd",900:"#01579b",a100:"#80d8ff",a200:"#40c4ff",a400:"#00b0ff",a700:"#0091ea"},cyan:{50:"#e0f7fa",100:"#b2ebf2",200:"#80deea",300:"#4dd0e1",400:"#26c6da",500:"#00bcd4",600:"#00acc1",700:"#0097a7",800:"#00838f",900:"#006064",a100:"#84ffff",a200:"#18ffff",a400:"#00e5ff",a700:"#00b8d4"},teal:{50:"#e0f2f1",100:"#b2dfdb",200:"#80cbc4",300:"#4db6ac",400:"#26a69a",500:"#009688",600:"#00897b",700:"#00796b",800:"#00695c",900:"#004d40",a100:"#a7ffeb",a200:"#64ffda",a400:"#1de9b6",a700:"#00bfa5"},green:{50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",a100:"#b9f6ca",a200:"#69f0ae",a400:"#00e676",a700:"#00c853"},lightGreen:{50:"#f1f8e9",100:"#dcedc8",200:"#c5e1a5",300:"#aed581",400:"#9ccc65",500:"#8bc34a",600:"#7cb342",700:"#689f38",800:"#558b2f",900:"#33691e",a100:"#ccff90",a200:"#b2ff59",a400:"#76ff03",a700:"#64dd17"},lime:{50:"#f9fbe7",100:"#f0f4c3",200:"#e6ee9c",300:"#dce775",400:"#d4e157",500:"#cddc39",600:"#c0ca33",700:"#afb42b",800:"#9e9d24",900:"#827717",a100:"#f4ff81",a200:"#eeff41",a400:"#c6ff00",a700:"#aeea00"},yellow:{50:"#fffde7",100:"#fff9c4",200:"#fff59d",300:"#fff176",400:"#ffee58",500:"#ffeb3b",600:"#fdd835",700:"#fbc02d",800:"#f9a825",900:"#f57f17",a100:"#ffff8d",a200:"#ffff00",a400:"#ffea00",a700:"#ffd600"},amber:{50:"#fff8e1",100:"#ffecb3",200:"#ffe082",300:"#ffd54f",400:"#ffca28",500:"#ffc107",600:"#ffb300",700:"#ffa000",800:"#ff8f00",900:"#ff6f00",a100:"#ffe57f",a200:"#ffd740",a400:"#ffc400",a700:"#ffab00"},orange:{50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",a100:"#ffd180",a200:"#ffab40",a400:"#ff9100",a700:"#ff6d00"},deepOrange:{50:"#fbe9e7",100:"#ffccbc",200:"#ffab91",300:"#ff8a65",400:"#ff7043",500:"#ff5722",600:"#f4511e",700:"#e64a19",800:"#d84315",900:"#bf360c",a100:"#ff9e80",a200:"#ff6e40",a400:"#ff3d00",a700:"#dd2c00"},brown:{50:"#efebe9",100:"#d7ccc8",200:"#bcaaa4",300:"#a1887f",400:"#8d6e63",500:"#795548",600:"#6d4c41",700:"#5d4037",800:"#4e342e",900:"#3e2723"},grey:{50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121"},blueGrey:{50:"#eceff1",100:"#cfd8dc",200:"#b0bec5",300:"#90a4ae",400:"#78909c",500:"#607d8b",600:"#546e7a",700:"#455a64",800:"#37474f",900:"#263238"},white:"#ffffff",black:"#000000"}})},function(e,t,o){var i=o(20);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i=o(21);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i=o(22);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i=o(23);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i=o(24);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i=o(25);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i=o(26);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i=o(27);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i=o(28);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i=o(29);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i=o(30);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i=o(31);"string"==typeof i&&(i=[[e.id,i,""]]);o(2)(i,{});i.locals&&(e.exports=i.locals)},function(e,t,o){var i;!function(){function r(e,t){if(e=e?e:"",t=t||{},e instanceof r)return e;if(!(this instanceof r))return new r(e,t);var o=n(e);this._originalInput=e,this._r=o.r,this._g=o.g,this._b=o.b,this._a=o.a,this._roundA=X(100*this._a)/100,this._format=t.format||o.format,this._gradientType=t.gradientType,this._r<1&&(this._r=X(this._r)),this._g<1&&(this._g=X(this._g)),this._b<1&&(this._b=X(this._b)),this._ok=o.ok,this._tc_id=N++}function n(e){var t={r:0,g:0,b:0},o=1,i=!1,r=!1;return"string"==typeof e&&(e=D(e)),"object"==typeof e&&(e.hasOwnProperty("r")&&e.hasOwnProperty("g")&&e.hasOwnProperty("b")?(t=a(e.r,e.g,e.b),i=!0,r="%"===String(e.r).substr(-1)?"prgb":"rgb"):e.hasOwnProperty("h")&&e.hasOwnProperty("s")&&e.hasOwnProperty("v")?(e.s=j(e.s),e.v=j(e.v),t=d(e.h,e.s,e.v),i=!0,r="hsv"):e.hasOwnProperty("h")&&e.hasOwnProperty("s")&&e.hasOwnProperty("l")&&(e.s=j(e.s),e.l=j(e.l),t=l(e.h,e.s,e.l),i=!0,r="hsl"),e.hasOwnProperty("a")&&(o=e.a)),o=F(o),{ok:i,format:e.format||r,r:V(255,$(t.r,0)),g:V(255,$(t.g,0)),b:V(255,$(t.b,0)),a:o}}function a(e,t,o){return{r:255*L(e,255),g:255*L(t,255),b:255*L(o,255)}}function s(e,t,o){e=L(e,255),t=L(t,255),o=L(o,255);var i,r,n=$(e,t,o),a=V(e,t,o),s=(n+a)/2;if(n==a)i=r=0;else{var l=n-a;switch(r=s>.5?l/(2-n-a):l/(n+a),n){case e:i=(t-o)/l+(o>t?6:0);break;case t:i=(o-e)/l+2;break;case o:i=(e-t)/l+4}i/=6}return{h:i,s:r,l:s}}function l(e,t,o){function i(e,t,o){return 0>o&&(o+=1),o>1&&(o-=1),1/6>o?e+6*(t-e)*o:.5>o?t:2/3>o?e+(t-e)*(2/3-o)*6:e}var r,n,a;if(e=L(e,360),t=L(t,100),o=L(o,100),0===t)r=n=a=o;else{var s=.5>o?o*(1+t):o+t-o*t,l=2*o-s;r=i(l,s,e+1/3),n=i(l,s,e),a=i(l,s,e-1/3)}return{r:255*r,g:255*n,b:255*a}}function c(e,t,o){e=L(e,255),t=L(t,255),o=L(o,255);var i,r,n=$(e,t,o),a=V(e,t,o),s=n,l=n-a;if(r=0===n?0:l/n,n==a)i=0;else{switch(n){case e:i=(t-o)/l+(o>t?6:0);break;case t:i=(o-e)/l+2;break;case o:i=(e-t)/l+4}i/=6}return{h:i,s:r,v:s}}function d(e,t,o){e=6*L(e,360),t=L(t,100),o=L(o,100);var i=I.floor(e),r=e-i,n=o*(1-t),a=o*(1-r*t),s=o*(1-(1-r)*t),l=i%6,c=[o,a,n,n,s,o][l],d=[s,o,o,a,n,n][l],f=[n,n,s,o,o,a][l];return{r:255*c,g:255*d,b:255*f}}function f(e,t,o,i){var r=[H(X(e).toString(16)),H(X(t).toString(16)),H(X(o).toString(16))];return i&&r[0].charAt(0)==r[0].charAt(1)&&r[1].charAt(0)==r[1].charAt(1)&&r[2].charAt(0)==r[2].charAt(1)?r[0].charAt(0)+r[1].charAt(0)+r[2].charAt(0):r.join("")}function h(e,t,o,i){var r=[H(B(i)),H(X(e).toString(16)),H(X(t).toString(16)),H(X(o).toString(16))];return r.join("")}function p(e,t){t=0===t?0:t||10;var o=r(e).toHsl();return o.s-=t/100,o.s=S(o.s),r(o)}function u(e,t){t=0===t?0:t||10;var o=r(e).toHsl();return o.s+=t/100,o.s=S(o.s),r(o)}function g(e){return r(e).desaturate(100)}function b(e,t){t=0===t?0:t||10;var o=r(e).toHsl();return o.l+=t/100,o.l=S(o.l),r(o)}function x(e,t){t=0===t?0:t||10;var o=r(e).toRgb();return o.r=$(0,V(255,o.r-X(255*-(t/100)))),o.g=$(0,V(255,o.g-X(255*-(t/100)))),o.b=$(0,V(255,o.b-X(255*-(t/100)))),r(o)}function v(e,t){t=0===t?0:t||10;var o=r(e).toHsl();return o.l-=t/100,o.l=S(o.l),r(o)}function m(e,t){var o=r(e).toHsl(),i=(X(o.h)+t)%360;return o.h=0>i?360+i:i,r(o)}function w(e){var t=r(e).toHsl();return t.h=(t.h+180)%360,r(t)}function y(e){var t=r(e).toHsl(),o=t.h;return[r(e),r({h:(o+120)%360,s:t.s,l:t.l}),r({h:(o+240)%360,s:t.s,l:t.l})]}function k(e){var t=r(e).toHsl(),o=t.h;return[r(e),r({h:(o+90)%360,s:t.s,l:t.l}),r({h:(o+180)%360,s:t.s,l:t.l}),r({h:(o+270)%360,s:t.s,l:t.l})]}function C(e){var t=r(e).toHsl(),o=t.h;return[r(e),r({h:(o+72)%360,s:t.s,l:t.l}),r({h:(o+216)%360,s:t.s,l:t.l})]}function _(e,t,o){t=t||6,o=o||30;var i=r(e).toHsl(),n=360/o,a=[r(e)];for(i.h=(i.h-(n*t>>1)+720)%360;--t;)i.h=(i.h+n)%360,a.push(r(i));return a}function M(e,t){t=t||6;for(var o=r(e).toHsv(),i=o.h,n=o.s,a=o.v,s=[],l=1/t;t--;)s.push(r({h:i,s:n,v:a})),a=(a+l)%1;return s}function A(e){var t={};for(var o in e)e.hasOwnProperty(o)&&(t[e[o]]=o);return t}function F(e){return e=parseFloat(e),(isNaN(e)||0>e||e>1)&&(e=1),e}function L(e,t){R(e)&&(e="100%");var o=E(e);return e=V(t,$(0,parseFloat(e))),o&&(e=parseInt(e*t,10)/100),I.abs(e-t)<1e-6?1:e%t/parseFloat(t)}function S(e){return V(1,$(0,e))}function O(e){return parseInt(e,16)}function R(e){return"string"==typeof e&&-1!=e.indexOf(".")&&1===parseFloat(e)}function E(e){return"string"==typeof e&&-1!=e.indexOf("%")}function H(e){return 1==e.length?"0"+e:""+e}function j(e){return 1>=e&&(e=100*e+"%"),e}function B(e){return Math.round(255*parseFloat(e)).toString(16)}function z(e){return O(e)/255}function D(e){e=e.replace(U,"").replace(T,"").toLowerCase();var t=!1;if(Y[e])e=Y[e],t=!0;else if("transparent"==e)return{r:0,g:0,b:0,a:0,format:"name"};var o;return(o=W.rgb.exec(e))?{r:o[1],g:o[2],b:o[3]}:(o=W.rgba.exec(e))?{r:o[1],g:o[2],b:o[3],a:o[4]}:(o=W.hsl.exec(e))?{h:o[1],s:o[2],l:o[3]}:(o=W.hsla.exec(e))?{h:o[1],s:o[2],l:o[3],a:o[4]}:(o=W.hsv.exec(e))?{h:o[1],s:o[2],v:o[3]}:(o=W.hsva.exec(e))?{h:o[1],s:o[2],v:o[3],a:o[4]}:(o=W.hex8.exec(e))?{a:z(o[1]),r:O(o[2]),g:O(o[3]),b:O(o[4]),format:t?"name":"hex8"}:(o=W.hex6.exec(e))?{r:O(o[1]),g:O(o[2]),b:O(o[3]),format:t?"name":"hex"}:(o=W.hex3.exec(e))?{r:O(o[1]+""+o[1]),g:O(o[2]+""+o[2]),b:O(o[3]+""+o[3]),format:t?"name":"hex"}:!1}function P(e){var t,o;return e=e||{level:"AA",size:"small"},t=(e.level||"AA").toUpperCase(),o=(e.size||"small").toLowerCase(),"AA"!==t&&"AAA"!==t&&(t="AA"),"small"!==o&&"large"!==o&&(o="small"),{level:t,size:o}}var U=/^\s+/,T=/\s+$/,N=0,I=Math,X=I.round,V=I.min,$=I.max,q=I.random;r.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var e=this.toRgb();return(299*e.r+587*e.g+114*e.b)/1e3},getLuminance:function(){var e,t,o,i,r,n,a=this.toRgb();return e=a.r/255,t=a.g/255,o=a.b/255,i=.03928>=e?e/12.92:Math.pow((e+.055)/1.055,2.4),r=.03928>=t?t/12.92:Math.pow((t+.055)/1.055,2.4),n=.03928>=o?o/12.92:Math.pow((o+.055)/1.055,2.4),.2126*i+.7152*r+.0722*n},setAlpha:function(e){return this._a=F(e),this._roundA=X(100*this._a)/100,this},toHsv:function(){var e=c(this._r,this._g,this._b);return{h:360*e.h,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=c(this._r,this._g,this._b),t=X(360*e.h),o=X(100*e.s),i=X(100*e.v);return 1==this._a?"hsv("+t+", "+o+"%, "+i+"%)":"hsva("+t+", "+o+"%, "+i+"%, "+this._roundA+")"},toHsl:function(){var e=s(this._r,this._g,this._b);return{h:360*e.h,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=s(this._r,this._g,this._b),t=X(360*e.h),o=X(100*e.s),i=X(100*e.l);return 1==this._a?"hsl("+t+", "+o+"%, "+i+"%)":"hsla("+t+", "+o+"%, "+i+"%, "+this._roundA+")"},toHex:function(e){return f(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(){return h(this._r,this._g,this._b,this._a)},toHex8String:function(){return"#"+this.toHex8()},toRgb:function(){return{r:X(this._r),g:X(this._g),b:X(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+X(this._r)+", "+X(this._g)+", "+X(this._b)+")":"rgba("+X(this._r)+", "+X(this._g)+", "+X(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:X(100*L(this._r,255))+"%",g:X(100*L(this._g,255))+"%",b:X(100*L(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+X(100*L(this._r,255))+"%, "+X(100*L(this._g,255))+"%, "+X(100*L(this._b,255))+"%)":"rgba("+X(100*L(this._r,255))+"%, "+X(100*L(this._g,255))+"%, "+X(100*L(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":this._a<1?!1:G[f(this._r,this._g,this._b,!0)]||!1},toFilter:function(e){var t="#"+h(this._r,this._g,this._b,this._a),o=t,i=this._gradientType?"GradientType = 1, ":"";if(e){var n=r(e);o=n.toHex8String()}return"progid:DXImageTransform.Microsoft.gradient("+i+"startColorstr="+t+",endColorstr="+o+")"},toString:function(e){var t=!!e;e=e||this._format;var o=!1,i=this._a<1&&this._a>=0,r=!t&&i&&("hex"===e||"hex6"===e||"hex3"===e||"name"===e);return r?"name"===e&&0===this._a?this.toName():this.toRgbString():("rgb"===e&&(o=this.toRgbString()),"prgb"===e&&(o=this.toPercentageRgbString()),"hex"!==e&&"hex6"!==e||(o=this.toHexString()),"hex3"===e&&(o=this.toHexString(!0)),"hex8"===e&&(o=this.toHex8String()),"name"===e&&(o=this.toName()),"hsl"===e&&(o=this.toHslString()),"hsv"===e&&(o=this.toHsvString()),o||this.toHexString())},clone:function(){return r(this.toString())},_applyModification:function(e,t){var o=e.apply(null,[this].concat([].slice.call(t)));return this._r=o._r,this._g=o._g,this._b=o._b,this.setAlpha(o._a),this},lighten:function(){return this._applyModification(b,arguments)},brighten:function(){return this._applyModification(x,arguments)},darken:function(){return this._applyModification(v,arguments)},desaturate:function(){return this._applyModification(p,arguments)},saturate:function(){return this._applyModification(u,arguments)},greyscale:function(){return this._applyModification(g,arguments)},spin:function(){return this._applyModification(m,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(_,arguments)},complement:function(){return this._applyCombination(w,arguments)},monochromatic:function(){return this._applyCombination(M,arguments)},splitcomplement:function(){return this._applyCombination(C,arguments)},triad:function(){return this._applyCombination(y,arguments)},tetrad:function(){return this._applyCombination(k,arguments)}},r.fromRatio=function(e,t){if("object"==typeof e){var o={};for(var i in e)e.hasOwnProperty(i)&&("a"===i?o[i]=e[i]:o[i]=j(e[i]));e=o}return r(e,t)},r.equals=function(e,t){return e&&t?r(e).toRgbString()==r(t).toRgbString():!1},r.random=function(){return r.fromRatio({r:q(),g:q(),b:q()})},r.mix=function(e,t,o){o=0===o?0:o||50;var i,n=r(e).toRgb(),a=r(t).toRgb(),s=o/100,l=2*s-1,c=a.a-n.a;i=l*c==-1?l:(l+c)/(1+l*c),i=(i+1)/2;var d=1-i,f={r:a.r*i+n.r*d,g:a.g*i+n.g*d,b:a.b*i+n.b*d,a:a.a*s+n.a*(1-s)};return r(f)},r.readability=function(e,t){var o=r(e),i=r(t);return(Math.max(o.getLuminance(),i.getLuminance())+.05)/(Math.min(o.getLuminance(),i.getLuminance())+.05)},r.isReadable=function(e,t,o){var i,n,a=r.readability(e,t);switch(n=!1,i=P(o),i.level+i.size){case"AAsmall":case"AAAlarge":n=a>=4.5;break;case"AAlarge":n=a>=3;break;case"AAAsmall":n=a>=7}return n},r.mostReadable=function(e,t,o){var i,n,a,s,l=null,c=0;o=o||{},n=o.includeFallbackColors,a=o.level,s=o.size;for(var d=0;d<t.length;d++)i=r.readability(e,t[d]),i>c&&(c=i,l=r(t[d]));return r.isReadable(e,l,{level:a,size:s})||!n?l:(o.includeFallbackColors=!1,r.mostReadable(e,["#fff","#000"],o))};var Y=r.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",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",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",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",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",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",navy:"000080",oldlace:"fdf5e6",olive:"808000",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",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},G=r.hexNames=A(Y),W=function(){var e="[-\\+]?\\d+%?",t="[-\\+]?\\d*\\.\\d+%?",o="(?:"+t+")|(?:"+e+")",i="[\\s|\\(]+("+o+")[,|\\s]+("+o+")[,|\\s]+("+o+")\\s*\\)?",r="[\\s|\\(]+("+o+")[,|\\s]+("+o+")[,|\\s]+("+o+")[,|\\s]+("+o+")\\s*\\)?";return{rgb:new RegExp("rgb"+i),rgba:new RegExp("rgba"+r),hsl:new RegExp("hsl"+i),hsla:new RegExp("hsla"+r),hsv:new RegExp("hsv"+i),hsva:new RegExp("hsva"+r),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/}}();"undefined"!=typeof e&&e.exports?e.exports=r:(i=function(){return r}.call(t,o,t,e),!(void 0!==i&&(e.exports=i)))}()},function(e,t){e.exports='<div class=c-chrome> <div class=saturation-wrap> <saturation :colors.sync=colors :on-change=childChange></saturation> </div> <div class=chrome-body> <div class=controls> <div class=color-wrap> <div class=active-color :style="{background: activeColor}"></div> </div> <div class=sliders> <div class=hue-wrap> <hue :colors.sync=colors :on-change=childChange></hue> </div> <div class=alpha-wrap> <alpha :colors.sync=colors :on-change=childChange></alpha> </div> </div> </div> <div class=fields-wrap> <div class=fields v-show="fieldsIndex === 0"> <div class=field> <ed-in label=hex :val.sync=colors.hex :on-change=inputChange></ed-in> </div> </div> <div class=fields v-show="fieldsIndex === 1"> <div class=field> <ed-in label=r :val.sync=colors.rgba.r :on-change=inputChange></ed-in> </div> <div class=field> <ed-in label=g :val.sync=colors.rgba.g :on-change=inputChange></ed-in> </div> <div class=field> <ed-in label=b :val.sync=colors.rgba.b :on-change=inputChange></ed-in> </div> <div class=field> <ed-in label=a :val.sync=colors.a :arrow-offset=0.01 :max=1 :on-change=inputChange></ed-in> </div> </div> <div class=fields v-show="fieldsIndex === 2"> <div class=field> <ed-in label=h :val.sync=colors.hsl.h :on-change=inputChange></ed-in> </div> <div class=field> <ed-in label=s :val.sync=colors.hsl.s :on-change=inputChange></ed-in> </div> <div class=field> <ed-in label=l :val.sync=colors.hsl.l :on-change=inputChange></ed-in> </div> <div class=field> <ed-in label=a :val.sync=colors.a :arrow-offset=0.01 :max=1 :on-change=inputChange></ed-in> </div> </div> <div class=toggle-btn> <div class=icon @click=toggleViews> <svg style="width:24px; height:24px" viewBox="0 0 24 24" @mouseover=showHighlight @mouseenter=showHighlight @mouseout=hideHighlight> <path fill=#333 d=M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z /> </svg> </div> <div class=icon-highlight v-show=highlight></div> </div> </div> </div> </div>'},function(e,t){e.exports='<div class=c-compact> <ul class=colors> <li class=color-item v-for="c in defaultColors" @click=handlerClick(c) :class="{white: c === \'#FFFFFF\' }" :style="{background: c}"> <div class=dot v-show="c === pick"></div> </li> </ul> <div class=fields> <div class=pick-color :style="{background: pick}"></div> <div class=col-hex> <ed-in label=hex :val.sync=colors.hex :style="{ borderColor: colors.hex }" :on-change=onChange></ed-in> </div> <div class=col-3> <ed-in label=r :val.sync=colors.rgba.r :on-change=onChange></ed-in> </div> <div class=col-3> <ed-in label=g :val.sync=colors.rgba.g :on-change=onChange></ed-in> </div> <div class=col-3> <ed-in label=b :val.sync=colors.rgba.b :on-change=onChange></ed-in> </div> </div> </div>'},function(e,t){e.exports='<div class=c-material> <ed-in class=hex label=hex :val.sync=colors.hex :style="{ borderColor: colors.hex }" :on-change=onChange></ed-in> <div class="split flexbox-fix"> <div class=third> <ed-in label=r :val.sync=colors.rgba.r :on-change=onChange></ed-in> </div> <div class=third> <ed-in label=g :val.sync=colors.rgba.g :on-change=onChange></ed-in> </div> <div class=third> <ed-in label=b :val.sync=colors.rgba.b :on-change=onChange></ed-in> </div> </div> </div>'},function(e,t){e.exports='<div class=c-photoshop> <div class=head>{{head}}</div> <div class=body> <div class=saturation-wrap> <saturation :colors.sync=colors :on-change=childChange></saturation> </div> <div class=hue-wrap> <hue :colors.sync=colors :on-change=childChange direction=vertical> <div class=hue-pointer> <i class=left></i><i class=right></i> </div> </hue> </div> <div class=controls> <div class=previews> <div class=label>new</div> <div class=swatches> <div class=pr-color :style="{background: colors.hex}"></div> <div class=pr-color :style="{background: currentColor}"></div> </div> <div class=label>current</div> </div> <div class=actions> <div class=ac-btn @click=handleAccept>OK</div> <div class=ac-btn @click=handleCancel>Cancel</div> <div class=fields> <ed-in label=h :val.sync=colors.hsl.h :on-change=inputChange></ed-in> <ed-in label=s :val.sync=colors.hsl.s :on-change=inputChange></ed-in> <ed-in label=v :val.sync=colors.hsl.l :on-change=inputChange></ed-in> <div class=divider></div> <ed-in label=r :val.sync=colors.rgba.r :on-change=inputChange></ed-in> <ed-in label=g :val.sync=colors.rgba.g :on-change=inputChange></ed-in> <ed-in label=b :val.sync=colors.rgba.b :on-change=inputChange></ed-in> <div class=divider></div> <ed-in label=# class=hex :val.sync=colors.hex :on-change=inputChange></ed-in> </div> </div> </div> </div> </div>'},function(e,t){e.exports='<div class=c-sketch> <div class=saturation-wrap> <saturation :colors.sync=colors :on-change=childChange></saturation> </div> <div class=controls> <div class=sliders> <div class=hue-wrap> <hue :colors.sync=colors :on-change=childChange></hue> </div> <div class=alpha-wrap> <alpha :colors.sync=colors :on-change=childChange></alpha> </div> </div> <div class=color-wrap> <div class=active-color :style="{background: activeColor}"></div> </div> </div> <div class=field> <div class=double> <ed-in label=hex :val.sync=colors.hex :on-change=inputChange></ed-in> </div> <div class=single> <ed-in label=r :val.sync=colors.rgba.r :on-change=inputChange></ed-in> </div> <div class=single> <ed-in label=g :val.sync=colors.rgba.g :on-change=inputChange></ed-in> </div> <div class=single> <ed-in label=b :val.sync=colors.rgba.b :on-change=inputChange></ed-in> </div> <div class=single> <ed-in label=a :val.sync=colors.a :arrow-offset=0.01 :max=1 :on-change=inputChange></ed-in> </div> </div> <div class=presets> <div class=presets-color v-for="c in presetColors" :style="{background: c}" @click=handlePreset(c)> </div> </div> </div>'},function(e,t){e.exports='<div class=c-slider> <div class=hue-warp> <hue :colors.sync=colors :on-change=hueChange></hue> </div> <div class=swatches> <div class=swatch v-for="offset in swatches" data-index={{$index}} @click="handleSwClick($index, offset)"> <div class=swatch-picker :class="{active: offset == activeOffset}" :style="{background: \'hsl(\' + colors.hsl.h + \', 50%, \' + (offset * 100) + \'%)\'}"></div> </div> </div> </div>'},function(e,t){e.exports='<div class=c-swatches data-pick={{pick}}> <div class=box> <div class=color-group v-for="group in defaultColors"> <div class=color-it v-for="c in group" data-color={{c}} @click=handlerClick(c) :style="{background: c}"> <div class=pick v-show="c == pick"> <svg style="width: 24px; height:24px" viewBox="0 0 24 24"> <path d=M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z /> </svg> </div> </div> </div> </div> </div>'},function(e,t){e.exports='<div class=c-alpha> <div class=checkboard-wrap> <checkboard></checkboard> </div> <div class=gradient :style="{background: gradientColor}"></div> <div class=vc-container v-el:container @mousedown=handleMouseDown @touchmove=handleChange @touchstart=handleChange> <div class=pointer :style="{left: colors.a * 100 + \'%\'}"> <slot><div class=picker></div></slot> </div> </div> </div>'},function(e,t){e.exports='<div class=c-checkboard :style="{background:  bgStyle}"></div>'},function(e,t){e.exports='<div class=editable-input> <input class=input v-model="val | maxFilter" @keydown=handleKeyDown @input=handleChange> <span class=label @mousedown=handleMouseDown>{{label}}</span> </div>'},function(e,t){e.exports='<div class="c-hue {{direction}}"> <div class=vc-container v-el:container @mousedown=handleMouseDown @touchmove=handleChange @touchstart=handleChange> <div class=pointer :style="{top: pointerTop, left: pointerLeft}"> <slot><div class=picker></div></slot> </div> </div> </div>'},function(e,t){e.exports='<div class=saturation :style="{background: bgColor}" v-el:container @mousedown=handleMouseDown> <div class=white></div> <div class=black></div> <div class=pointer :style="{top: pointerTop, left: pointerLeft}"> <slot><div class=circle></div></slot> </div> </div>'},function(e,t,o){var i,r;o(43),i=o(8),r=o(48),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)},function(e,t,o){var i,r;o(41),i=o(9),r=o(49),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)},function(e,t,o){var i,r;o(39),i=o(10),r=o(50),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)},function(e,t,o){var i,r;o(45),i=o(11),r=o(51),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)},function(e,t,o){var i,r;o(36),i=o(12),r=o(52),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)},function(e,t,o){var i,r;o(35),i=o(13),r=o(53),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)},function(e,t,o){var i,r;o(44),i=o(14),r=o(54),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)},function(e,t,o){var i,r;o(46),i=o(16),r=o(56),e.exports=i||{},e.exports.__esModule&&(e.exports=e.exports["default"]),r&&(("function"==typeof e.exports?e.exports.options:e.exports).template=r)}])});

package.json

 {
   "name": "vue-color",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Color of Vue Components",
@@ -5,0 +5,0 @@ "keywords": [

webpack.config.js

@@ -41,3 +41,3 @@ var vue = require('vue-loader')
         // for normal use cases only node_modules is needed.
-        exclude: /node_modules|vue\/src|vue-router\/|vue-loader\/|vue-hot-reload-api\//,
+        exclude: /node_modules/,
         loader: 'babel'
@@ -44,0 +44,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1104035

Lines of code

4291

increased by0.02%

No dependency changes