jodit-pro/es5/plugins/color-picker/color-picker.min.js

PRO Version of Jodit Editor

/*!
 * jodit-pro - PRO Version of Jodit Editor
 * Author: Chupurnov Valerii <chupurnov@gmail.com>
 * Version: v4.9.27
 * Url: https://xdsoft.net/jodit/pro/
 * License(s): SEE LICENSE IN LICENSE.md
 */
	!function(t,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r();else if("function"==typeof define&&define.amd)define([],r);else{var o=r();for(var i in o)("object"==typeof exports?exports:t)[i]=o[i]}}(self,function(){return(self.webpackChunkjodit_pro=self.webpackChunkjodit_pro||[]).push([[984],{2868:function(t,r,o){"use strict";function i(t,r){return null!=r&&"u">typeof Symbol&&r[Symbol.hasInstance]||null!=r&&"u">typeof Symbol&&r[Symbol.hasInstance]?!!r[Symbol.hasInstance](t):t instanceof r}o.d(r,{_:function(){return i}})},29528:function(t,r,o){"use strict";o.r(r),o.d(r,{colorPicker:function(){return v}});var i=o(80294),n=o(20616),a=o(67709),s=o(82749),l=o(18766),c=o(23078),u=o(31635),h=o(45128),p=o(65478),d=o(2748),f=o(50911),g=o(2692),v=function(t){function r(){var t;return(0,n._)(this,r),t=(0,i._)(this,r,arguments),(0,s._)(t,"hasStyle",!g.JoditPro.fatMode),t}return(0,l._)(r,t),(0,a._)(r,[{key:"afterInit",value:function(t){t.e.on("afterGenerateColorPicker",this.onAfterGenerateColorPicker)}},{key:"onAfterGenerateColorPicker",value:function(t,r,o,i){d.Dom.detach(r);var n=new h.ColorInput(this.j,{value:i||"#000",onChange:o});r.appendChild(n.container)}},{key:"beforeDestruct",value:function(t){t.e.off("afterGenerateColorPicker",this.onAfterGenerateColorPicker)}}]),r}((0,c._)(f.Plugin));(0,s._)(v,"requires",["license"]),(0,u.__decorate)([p.autobind],v.prototype,"onAfterGenerateColorPicker",null),g.JoditPro.plugins.add("color-picker",v)},45128:function(t,r,o){"use strict";o.d(r,{ColorInput:function(){return m}});var i=o(80294),n=o(20616),a=o(67709),s=o(82749),l=o(18766),c=o(2868),u=o(31635),h=o(46146),p=o(82758),d=o(65478),f=o(21537),g=o(38837),v=o(67510),b=o(41409),m=function(t){function r(t,o){(0,n._)(this,r),a=(0,i._)(this,r,[t,o]),(0,s._)(a,"trigger",void 0),(0,s._)(a,"popup",void 0);var a,l=new v.Popup(t);a.popup=l,a.trigger=(0,v.Button)(a.j,"ok");var u=a.getElm("wrapper");(0,g.assert)(null!=u,"wrapper element does not exist"),u.appendChild(a.trigger.container),a.trigger.container.classList.add(a.getFullElName("trigger")),a.trigger.onAction(function(){var t,r;null==(t=(r=a.state).onChange)||t.call(r,a.value),l.close()}),l.setMod("padding",!1).setMod("max-height",!1);var p=a.j.create.div(a.getFullElName("picker")),d=h.createPicker(p,{paletteEditable:!0,showAlpha:!0,palette:"PALETTE_MATERIAL_CHROME"}).on("change",function(t,r){a.isFocused||(a.value=h.parseColor(r||"","hex"))});return a.j.e.on(a,"change",function(){var t;t=a.value,h.parseColor(t,"hex")!==d.color&&(d.color=a.value)}),l.setContent(p),a.j.e.on(a.nativeInput,"click",function(){l.parentElement=a,(0,c._)(a.jodit,b.Dialog)&&l.setZIndex(a.jodit.getZIndex()+1),l.open(function(){return(0,f.position)(a.container)})}),a.onChangeValue(),a.onChangeSelfValue(),a}return(0,l._)(r,t),(0,a._)(r,[{key:"className",value:function(){return"ColorInput"}},{key:"afterSetMode",value:function(t,r){"slim"===t&&r&&this.nativeInput.setAttribute("readonly","true")}},{key:"onChangeSelfValue",value:function(){this.nativeInput.style.backgroundColor=this.value}},{key:"onEscKeyDown",value:function(t){if(t.key===p.KEY_ESC){var r;null==(r=this.popup)||r.close()}}}]),r}(v.UIInput);(0,u.__decorate)([(0,d.watch)(":change")],m.prototype,"onChangeSelfValue",null),(0,u.__decorate)([(0,d.watch)("nativeInput:keydown")],m.prototype,"onEscKeyDown",null),m=(0,u.__decorate)([d.component],m)},46146:function(t,r,o){var i,n;function a(t,r){return null!=r&&"u">typeof Symbol&&r[Symbol.hasInstance]?!!r[Symbol.hasInstance](t):t instanceof r}function s(t){return t&&"u">typeof Symbol&&t.constructor===Symbol?"symbol":typeof t}t=o.nmd(t),"u">typeof self&&self,n=function(){var t=[function(t,r,o){"use strict";var i=o(3);function n(t){return!0===i(t)&&"[object Object]"===Object.prototype.toString.call(t)}t.exports=function(t){var r,o;return!1!==n(t)&&"function"==typeof(r=t.constructor)&&!1!==n(o=r.prototype)&&!1!==o.hasOwnProperty("isPrototypeOf")}},function(t,r,o){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.VERSION=r.PALETTE_MATERIAL_CHROME=r.PALETTE_MATERIAL_500=r.COLOR_NAMES=r.getLuminance=r.intToRgb=r.rgbToInt=r.rgbToHsv=r.rgbToHsl=r.hslToRgb=r.rgbToHex=r.parseColor=r.parseColorToHsla=r.parseColorToHsl=r.parseColorToRgba=r.parseColorToRgb=r.from=r.createPicker=void 0;var i=function(){function t(t,r){for(var o=0;o<r.length;o++){var i=r[o];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(r,o,i){return o&&t(r.prototype,o),i&&t(r,i),r}}(),n=function(t,r){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,r){var o=[],i=!0,n=!1,a=void 0;try{for(var s,l=t[Symbol.iterator]();!(i=(s=l.next()).done)&&(o.push(s.value),!r||o.length!==r);i=!0);}catch(t){n=!0,a=t}finally{try{!i&&l.return&&l.return()}finally{if(n)throw a}}return o}(t,r);throw TypeError("Invalid attempt to destructure non-iterable instance")},s=o(2),l=u(o(0)),c=u(o(4));function u(t){return t&&t.__esModule?t:{default:t}}function h(t,r){if(!a(t,r))throw TypeError("Cannot call a class as a function")}function p(t){if(Array.isArray(t)){for(var r=0,o=Array(t.length);r<t.length;r++)o[r]=t[r];return o}return Array.from(t)}var d="u">typeof window&&window.navigator.userAgent.indexOf("Edge")>-1,f="u">typeof window&&window.navigator.userAgent.indexOf("rv:")>-1,g={id:null,attachTo:"body",showHSL:!0,showRGB:!0,showHEX:!0,showAlpha:!1,color:"#ff0000",palette:null,paletteEditable:!1,useAlphaInPalette:"auto",slBarSize:[232,150],hueBarSize:[150,11],alphaBarSize:[150,11]},v="COLOR",b="RGBA_USER",m="HSLA_USER";function y(t,r,o){return t?a(t,HTMLElement)?t:a(t,NodeList)?t[0]:"string"==typeof t?document.querySelector(t):t.jquery?t.get(0):o?r:null:r}function k(t){var r=t.getContext("2d"),o=+t.width,i=+t.height,a=r.createLinearGradient(1,1,1,i-1);return a.addColorStop(0,"white"),a.addColorStop(1,"black"),{setHue:function(t){var n=r.createLinearGradient(1,0,o-1,0);n.addColorStop(0,"hsla("+t+", 100%, 50%, 0)"),n.addColorStop(1,"hsla("+t+", 100%, 50%, 1)"),r.fillStyle=a,r.fillRect(0,0,o,i),r.fillStyle=n,r.globalCompositeOperation="multiply",r.fillRect(0,0,o,i),r.globalCompositeOperation="source-over"},grabColor:function(t,o){return r.getImageData(t,o,1,1).data},findColor:function(t,r,a){var l=n((0,s.rgbToHsv)(t,r,a),3);return[l[1]*o,i-l[2]*i]}}}function A(t,r,o){return null===t?r:/^\s*$/.test(t)?o:!!/true|yes|1/i.test(t)||!/false|no|0/i.test(t)&&r}function F(t,r,o){if(null===t)return r;if(/^\s*$/.test(t))return o;var i=t.split(",").map(Number);return 2===i.length&&i[0]&&i[1]?i:r}var E=function(){function t(r,o){if(h(this,t),o?(r=y(r),this.options=Object.assign({},g,o)):r&&(0,l.default)(r)?(this.options=Object.assign({},g,r),r=y(this.options.attachTo)):(this.options=Object.assign({},g),r=y((0,s.nvl)(r,this.options.attachTo))),!r)throw Error("Container not found: "+this.options.attachTo);!function(t,r){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"acp-";if(r.hasAttribute(o+"show-hsl")&&(t.showHSL=A(r.getAttribute(o+"show-hsl"),g.showHSL,!0)),r.hasAttribute(o+"show-rgb")&&(t.showRGB=A(r.getAttribute(o+"show-rgb"),g.showRGB,!0)),r.hasAttribute(o+"show-hex")&&(t.showHEX=A(r.getAttribute(o+"show-hex"),g.showHEX,!0)),r.hasAttribute(o+"show-alpha")&&(t.showAlpha=A(r.getAttribute(o+"show-alpha"),g.showAlpha,!0)),r.hasAttribute(o+"palette-editable")&&(t.paletteEditable=A(r.getAttribute(o+"palette-editable"),g.paletteEditable,!0)),r.hasAttribute(o+"sl-bar-size")&&(t.slBarSize=F(r.getAttribute(o+"sl-bar-size"),g.slBarSize,[232,150])),r.hasAttribute(o+"hue-bar-size")&&(t.hueBarSize=F(r.getAttribute(o+"hue-bar-size"),g.hueBarSize,[150,11]),t.alphaBarSize=t.hueBarSize),r.hasAttribute(o+"palette")){var i=r.getAttribute(o+"palette");switch(i){case"PALETTE_MATERIAL_500":t.palette=s.PALETTE_MATERIAL_500;break;case"PALETTE_MATERIAL_CHROME":case"":t.palette=s.PALETTE_MATERIAL_CHROME;break;default:t.palette=i.split(/[;|]/)}}r.hasAttribute(o+"color")&&(t.color=r.getAttribute(o+"color"))}(this.options,r),this.H=0,this.S=0,this.L=0,this.R=0,this.G=0,this.B=0,this.A=1,this.palette={},this.element=document.createElement("div"),this.options.id&&(this.element.id=this.options.id),this.element.className="a-color-picker",this.element.innerHTML=c.default,r.appendChild(this.element);var i=this.element.querySelector(".a-color-picker-h");this.setupHueCanvas(i),this.hueBarHelper=k(i),this.huePointer=this.element.querySelector(".a-color-picker-h+.a-color-picker-dot");var n=this.element.querySelector(".a-color-picker-sl");this.setupSlCanvas(n),this.slBarHelper=k(n),this.slPointer=this.element.querySelector(".a-color-picker-sl+.a-color-picker-dot"),this.preview=this.element.querySelector(".a-color-picker-preview"),this.setupClipboard(this.preview.querySelector(".a-color-picker-clipbaord")),this.options.showHSL?(this.setupInput(this.inputH=this.element.querySelector(".a-color-picker-hsl>input[nameref=H]")),this.setupInput(this.inputS=this.element.querySelector(".a-color-picker-hsl>input[nameref=S]")),this.setupInput(this.inputL=this.element.querySelector(".a-color-picker-hsl>input[nameref=L]"))):this.element.querySelector(".a-color-picker-hsl").remove(),this.options.showRGB?(this.setupInput(this.inputR=this.element.querySelector(".a-color-picker-rgb>input[nameref=R]")),this.setupInput(this.inputG=this.element.querySelector(".a-color-picker-rgb>input[nameref=G]")),this.setupInput(this.inputB=this.element.querySelector(".a-color-picker-rgb>input[nameref=B]"))):this.element.querySelector(".a-color-picker-rgb").remove(),this.options.showHEX?this.setupInput(this.inputRGBHEX=this.element.querySelector("input[nameref=RGBHEX]")):this.element.querySelector(".a-color-picker-rgbhex").remove(),this.options.paletteEditable||this.options.palette&&this.options.palette.length>0?this.setPalette(this.paletteRow=this.element.querySelector(".a-color-picker-palette")):(this.paletteRow=this.element.querySelector(".a-color-picker-palette"),this.paletteRow.remove()),this.options.showAlpha?(this.setupAlphaCanvas(this.element.querySelector(".a-color-picker-a")),this.alphaPointer=this.element.querySelector(".a-color-picker-a+.a-color-picker-dot")):this.element.querySelector(".a-color-picker-alpha").remove(),this.element.style.width=this.options.slBarSize[0]+"px",this.onValueChanged(v,this.options.color)}return i(t,[{key:"setupHueCanvas",value:function(t){var r=this;t.width=this.options.hueBarSize[0],t.height=this.options.hueBarSize[1];for(var o=t.getContext("2d"),i=o.createLinearGradient(0,0,this.options.hueBarSize[0],0),n=0;n<=1;n+=1/360)i.addColorStop(n,"hsl("+360*n+", 100%, 50%)");o.fillStyle=i,o.fillRect(0,0,this.options.hueBarSize[0],this.options.hueBarSize[1]);var a=function(o){var i=(0,s.limit)(o.clientX-t.getBoundingClientRect().left,0,r.options.hueBarSize[0]),n=Math.round(360*i/r.options.hueBarSize[0]);r.huePointer.style.left=i-7+"px",r.onValueChanged("H",n)},l=function t(){document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",t)};t.addEventListener("mousedown",function(t){a(t),document.addEventListener("mousemove",a),document.addEventListener("mouseup",l)})}},{key:"setupSlCanvas",value:function(t){var r=this;t.width=this.options.slBarSize[0],t.height=this.options.slBarSize[1];var o=function(o){var i=(0,s.limit)(o.clientX-t.getBoundingClientRect().left,0,r.options.slBarSize[0]-1),n=(0,s.limit)(o.clientY-t.getBoundingClientRect().top,0,r.options.slBarSize[1]-1),a=r.slBarHelper.grabColor(i,n);r.slPointer.style.left=i-7+"px",r.slPointer.style.top=n-7+"px",r.onValueChanged("RGB",a)},i=function t(){document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",t)};t.addEventListener("mousedown",function(t){o(t),document.addEventListener("mousemove",o),document.addEventListener("mouseup",i)})}},{key:"setupAlphaCanvas",value:function(t){var r=this;t.width=this.options.alphaBarSize[0],t.height=this.options.alphaBarSize[1];var o=t.getContext("2d"),i=o.createLinearGradient(0,0,t.width-1,0);i.addColorStop(0,"hsla(0, 0%, 50%, 0)"),i.addColorStop(1,"hsla(0, 0%, 50%, 1)"),o.fillStyle=i,o.fillRect(0,0,this.options.alphaBarSize[0],this.options.alphaBarSize[1]);var n=function(o){var i=(0,s.limit)(o.clientX-t.getBoundingClientRect().left,0,r.options.alphaBarSize[0]),n=+(i/r.options.alphaBarSize[0]).toFixed(2);r.alphaPointer.style.left=i-7+"px",r.onValueChanged("ALPHA",n)},a=function t(){document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",t)};t.addEventListener("mousedown",function(t){n(t),document.addEventListener("mousemove",n),document.addEventListener("mouseup",a)})}},{key:"setupInput",value:function(t){var r=this,o=+t.min,i=+t.max,n=t.getAttribute("nameref");t.hasAttribute("select-on-focus")&&t.addEventListener("focus",function(){t.select()}),"text"===t.type?t.addEventListener("change",function(){r.onValueChanged(n,t.value)}):((d||f)&&t.addEventListener("keydown",function(a){"Up"===a.key?(t.value=(0,s.limit)(+t.value+1,o,i),r.onValueChanged(n,t.value),a.returnValue=!1):"Down"===a.key&&(t.value=(0,s.limit)(t.value-1,o,i),r.onValueChanged(n,t.value),a.returnValue=!1)}),t.addEventListener("change",function(){var a=+t.value;r.onValueChanged(n,(0,s.limit)(a,o,i))}))}},{key:"setupClipboard",value:function(t){var r=this;t.title="click to copy",t.addEventListener("click",function(){t.value=(0,s.parseColor)([r.R,r.G,r.B,r.A],"hexcss4"),t.select(),document.execCommand("copy")})}},{key:"setPalette",value:function(t){var r=this,o="auto"===this.options.useAlphaInPalette?this.options.showAlpha:this.options.useAlphaInPalette,i=null;switch(this.options.palette){case"PALETTE_MATERIAL_500":i=s.PALETTE_MATERIAL_500;break;case"PALETTE_MATERIAL_CHROME":i=s.PALETTE_MATERIAL_CHROME;break;default:i=(0,s.ensureArray)(this.options.palette)}if(this.options.paletteEditable||i.length>0){var n=function(o,i,n){var a=t.querySelector('.a-color-picker-palette-color[data-color="'+o+'"]')||document.createElement("div");a.className="a-color-picker-palette-color",a.style.backgroundColor=o,a.setAttribute("data-color",o),a.title=o,t.insertBefore(a,i),r.palette[o]=!0,n&&r.onPaletteColorAdd(o)},a=function(o,i){o?(t.removeChild(o),r.palette[o.getAttribute("data-color")]=!1,i&&r.onPaletteColorRemove(o.getAttribute("data-color"))):(t.querySelectorAll(".a-color-picker-palette-color[data-color]").forEach(function(r){t.removeChild(r)}),Object.keys(r.palette).forEach(function(t){r.palette[t]=!1}),i&&r.onPaletteColorRemove())};if(i.map(function(t){return(0,s.parseColor)(t,o?"rgbcss4":"hex")}).filter(function(t){return!!t}).forEach(function(t){return n(t)}),this.options.paletteEditable){var l=document.createElement("div");l.className="a-color-picker-palette-color a-color-picker-palette-add",l.innerHTML="+",t.appendChild(l),t.addEventListener("click",function(t){/a-color-picker-palette-add/.test(t.target.className)?t.shiftKey?a(null,!0):n(o?(0,s.parseColor)([r.R,r.G,r.B,r.A],"rgbcss4"):(0,s.rgbToHex)(r.R,r.G,r.B),t.target,!0):/a-color-picker-palette-color/.test(t.target.className)&&(t.shiftKey?a(t.target,!0):r.onValueChanged(v,t.target.getAttribute("data-color")))})}else t.addEventListener("click",function(t){/a-color-picker-palette-color/.test(t.target.className)&&r.onValueChanged(v,t.target.getAttribute("data-color"))})}else t.style.display="none"}},{key:"updatePalette",value:function(t){this.paletteRow.innerHTML="",this.palette={},this.paletteRow.parentElement||this.element.appendChild(this.paletteRow),this.options.palette=t,this.setPalette(this.paletteRow)}},{key:"onValueChanged",value:function(t,r){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{silent:!1};switch(t){case"H":this.H=r;var i=n((0,s.hslToRgb)(this.H,this.S,this.L),3);this.R=i[0],this.G=i[1],this.B=i[2],this.slBarHelper.setHue(r),this.updatePointerH(this.H),this.updateInputHSL(this.H,this.S,this.L),this.updateInputRGB(this.R,this.G,this.B),this.updateInputRGBHEX(this.R,this.G,this.B);break;case"S":this.S=r;var a=n((0,s.hslToRgb)(this.H,this.S,this.L),3);this.R=a[0],this.G=a[1],this.B=a[2],this.updatePointerSL(this.H,this.S,this.L),this.updateInputHSL(this.H,this.S,this.L),this.updateInputRGB(this.R,this.G,this.B),this.updateInputRGBHEX(this.R,this.G,this.B);break;case"L":this.L=r;var l=n((0,s.hslToRgb)(this.H,this.S,this.L),3);this.R=l[0],this.G=l[1],this.B=l[2],this.updatePointerSL(this.H,this.S,this.L),this.updateInputHSL(this.H,this.S,this.L),this.updateInputRGB(this.R,this.G,this.B),this.updateInputRGBHEX(this.R,this.G,this.B);break;case"R":this.R=r;var c=n((0,s.rgbToHsl)(this.R,this.G,this.B),3);this.H=c[0],this.S=c[1],this.L=c[2],this.slBarHelper.setHue(this.H),this.updatePointerH(this.H),this.updatePointerSL(this.H,this.S,this.L),this.updateInputHSL(this.H,this.S,this.L),this.updateInputRGBHEX(this.R,this.G,this.B);break;case"G":this.G=r;var u=n((0,s.rgbToHsl)(this.R,this.G,this.B),3);this.H=u[0],this.S=u[1],this.L=u[2],this.slBarHelper.setHue(this.H),this.updatePointerH(this.H),this.updatePointerSL(this.H,this.S,this.L),this.updateInputHSL(this.H,this.S,this.L),this.updateInputRGBHEX(this.R,this.G,this.B);break;case"B":this.B=r;var h=n((0,s.rgbToHsl)(this.R,this.G,this.B),3);this.H=h[0],this.S=h[1],this.L=h[2],this.slBarHelper.setHue(this.H),this.updatePointerH(this.H),this.updatePointerSL(this.H,this.S,this.L),this.updateInputHSL(this.H,this.S,this.L),this.updateInputRGBHEX(this.R,this.G,this.B);break;case"RGB":var p=n(r,3);this.R=p[0],this.G=p[1],this.B=p[2];var d=n((0,s.rgbToHsl)(this.R,this.G,this.B),3);this.H=d[0],this.S=d[1],this.L=d[2],this.updateInputHSL(this.H,this.S,this.L),this.updateInputRGB(this.R,this.G,this.B),this.updateInputRGBHEX(this.R,this.G,this.B);break;case b:var f=n(r,4);this.R=f[0],this.G=f[1],this.B=f[2],this.A=f[3];var g=n((0,s.rgbToHsl)(this.R,this.G,this.B),3);this.H=g[0],this.S=g[1],this.L=g[2],this.slBarHelper.setHue(this.H),this.updatePointerH(this.H),this.updatePointerSL(this.H,this.S,this.L),this.updateInputHSL(this.H,this.S,this.L),this.updateInputRGB(this.R,this.G,this.B),this.updateInputRGBHEX(this.R,this.G,this.B),this.updatePointerA(this.A);break;case m:var y=n(r,4);this.H=y[0],this.S=y[1],this.L=y[2],this.A=y[3];var k=n((0,s.hslToRgb)(this.H,this.S,this.L),3);this.R=k[0],this.G=k[1],this.B=k[2],this.slBarHelper.setHue(this.H),this.updatePointerH(this.H),this.updatePointerSL(this.H,this.S,this.L),this.updateInputHSL(this.H,this.S,this.L),this.updateInputRGB(this.R,this.G,this.B),this.updateInputRGBHEX(this.R,this.G,this.B),this.updatePointerA(this.A);break;case"RGBHEX":var A=n((0,s.cssColorToRgb)(r)||[this.R,this.G,this.B],3);this.R=A[0],this.G=A[1],this.B=A[2];var F=n((0,s.rgbToHsl)(this.R,this.G,this.B),3);this.H=F[0],this.S=F[1],this.L=F[2],this.slBarHelper.setHue(this.H),this.updatePointerH(this.H),this.updatePointerSL(this.H,this.S,this.L),this.updateInputHSL(this.H,this.S,this.L),this.updateInputRGB(this.R,this.G,this.B);break;case v:var E=n((0,s.parseColor)(r,"rgba")||[0,0,0,1],4);this.R=E[0],this.G=E[1],this.B=E[2],this.A=E[3];var C=n((0,s.rgbToHsl)(this.R,this.G,this.B),3);this.H=C[0],this.S=C[1],this.L=C[2],this.slBarHelper.setHue(this.H),this.updatePointerH(this.H),this.updatePointerSL(this.H,this.S,this.L),this.updateInputHSL(this.H,this.S,this.L),this.updateInputRGB(this.R,this.G,this.B),this.updateInputRGBHEX(this.R,this.G,this.B),this.updatePointerA(this.A);break;case"ALPHA":this.A=r}1===this.A?this.preview.style.backgroundColor="rgb("+this.R+","+this.G+","+this.B+")":this.preview.style.backgroundColor="rgba("+this.R+","+this.G+","+this.B+","+this.A+")",o&&o.silent||this.onchange&&this.onchange(this.preview.style.backgroundColor)}},{key:"onPaletteColorAdd",value:function(t){this.oncoloradd&&this.oncoloradd(t)}},{key:"onPaletteColorRemove",value:function(t){this.oncolorremove&&this.oncolorremove(t)}},{key:"updateInputHSL",value:function(t,r,o){this.options.showHSL&&(this.inputH.value=t,this.inputS.value=r,this.inputL.value=o)}},{key:"updateInputRGB",value:function(t,r,o){this.options.showRGB&&(this.inputR.value=t,this.inputG.value=r,this.inputB.value=o)}},{key:"updateInputRGBHEX",value:function(t,r,o){this.options.showHEX&&(this.inputRGBHEX.value=(0,s.rgbToHex)(t,r,o))}},{key:"updatePointerH",value:function(t){var r=this.options.hueBarSize[0]*t/360;this.huePointer.style.left=r-7+"px"}},{key:"updatePointerSL",value:function(t,r,o){var i=n((0,s.hslToRgb)(t,r,o),3),a=i[0],l=i[1],c=i[2],u=n(this.slBarHelper.findColor(a,l,c),2),h=u[0],p=u[1];h>=0&&(this.slPointer.style.left=h-7+"px",this.slPointer.style.top=p-7+"px")}},{key:"updatePointerA",value:function(t){if(this.options.showAlpha){var r=this.options.alphaBarSize[0]*t;this.alphaPointer.style.left=r-7+"px"}}}]),t}(),C=function(){function t(r){h(this,t),this.name=r,this.listeners=[]}return i(t,[{key:"on",value:function(t){t&&this.listeners.push(t)}},{key:"off",value:function(t){this.listeners=t?this.listeners.filter(function(r){return r!==t}):[]}},{key:"emit",value:function(t,r){for(var o=this.listeners.slice(0),i=0;i<o.length;i++)o[i].apply(r,t)}}]),t}();function H(t,r){var o=new E(t,r),i={change:new C("change"),coloradd:new C("coloradd"),colorremove:new C("colorremove")},a=!0,l={},c={get element(){return o.element},get rgb(){return[o.R,o.G,o.B]},set rgb(e){var u=n(e,3),h=u[0],p=u[1],d=u[2],f=[(0,s.limit)(h,0,255),(0,s.limit)(p,0,255),(0,s.limit)(d,0,255)];h=f[0],p=f[1],d=f[2],o.onValueChanged(b,[h,p,d,1])},get hsl(){return[o.H,o.S,o.L]},set hsl(e){var g=n(e,3),y=g[0],k=g[1],A=g[2],F=[(0,s.limit)(y,0,360),(0,s.limit)(k,0,100),(0,s.limit)(A,0,100)];y=F[0],k=F[1],A=F[2],o.onValueChanged(m,[y,k,A,1])},get rgbhex(){return this.all.hex},get rgba(){return[o.R,o.G,o.B,o.A]},set rgba(e){var H=n(e,4),B=H[0],S=H[1],R=H[2],L=H[3],w=[(0,s.limit)(B,0,255),(0,s.limit)(S,0,255),(0,s.limit)(R,0,255),(0,s.limit)(L,0,1)];B=w[0],S=w[1],R=w[2],L=w[3],o.onValueChanged(b,[B,S,R,L])},get hsla(){return[o.H,o.S,o.L,o.A]},set hsla(e){var x=n(e,4),T=x[0],I=x[1],G=x[2],P=x[3],_=[(0,s.limit)(T,0,360),(0,s.limit)(I,0,100),(0,s.limit)(G,0,100),(0,s.limit)(P,0,1)];T=_[0],I=_[1],G=_[2],P=_[3],o.onValueChanged(m,[T,I,G,P])},get color(){return this.all.toString()},set color(e){o.onValueChanged(v,e)},setColor:function(t){var r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];o.onValueChanged(v,t,{silent:r})},get all(){if(a){var D=[o.R,o.G,o.B,o.A],M=o.A<1?"rgba("+o.R+","+o.G+","+o.B+","+o.A+")":s.rgbToHex.apply(void 0,D);(l=(0,s.parseColor)(D,l)).toString=function(){return M},a=!1}return Object.assign({},l)},get onchange(){return i.change&&i.change.listeners[0]},set onchange(e){this.off("change").on("change",e)},get oncoloradd(){return i.coloradd&&i.coloradd.listeners[0]},set oncoloradd(e){this.off("coloradd").on("coloradd",e)},get oncolorremove(){return i.colorremove&&i.colorremove.listeners[0]},set oncolorremove(e){this.off("colorremove").on("colorremove",e)},get palette(){return Object.keys(o.palette).filter(function(t){return o.palette[t]})},set palette(e){o.updatePalette(e)},show:function(){o.element.classList.remove("hidden")},hide:function(){o.element.classList.add("hidden")},toggle:function(){o.element.classList.toggle("hidden")},on:function(t,r){return t&&i[t]&&i[t].on(r),this},off:function(t,r){return t&&i[t]&&i[t].off(r),this},destroy:function(){i.change.off(),i.coloradd.off(),i.colorremove.off(),o.element.remove(),i=null,o=null}};return o.onchange=function(){for(var t=arguments.length,r=Array(t),o=0;o<t;o++)r[o]=arguments[o];a=!0,i.change.emit([c].concat(r),c)},o.oncoloradd=function(){for(var t=arguments.length,r=Array(t),o=0;o<t;o++)r[o]=arguments[o];i.coloradd.emit([c].concat(r),c)},o.oncolorremove=function(){for(var t=arguments.length,r=Array(t),o=0;o<t;o++)r[o]=arguments[o];i.colorremove.emit([c].concat(r),c)},o.element.ctrl=c,c}if("u">typeof window&&!document.querySelector('head>style[data-source="a-color-picker"]')){var B=o(5).toString(),S=document.createElement("style");S.setAttribute("type","text/css"),S.setAttribute("data-source","a-color-picker"),S.innerHTML=B,document.querySelector("head").appendChild(S)}r.createPicker=H,r.from=function(t,r){var o=(t?Array.isArray(t)?t:a(t,HTMLElement)?[t]:a(t,NodeList)?[].concat(p(t)):"string"==typeof t?[].concat(p(document.querySelectorAll(t))):t.jquery?t.get():[]:[]).map(function(t,o){var i=H(t,r);return i.index=o,i});return o.on=function(t,r){return o.forEach(function(o){return o.on(t,r)}),this},o.off=function(t){return o.forEach(function(r){return r.off(t)}),this},o},r.parseColorToRgb=s.parseColorToRgb,r.parseColorToRgba=s.parseColorToRgba,r.parseColorToHsl=s.parseColorToHsl,r.parseColorToHsla=s.parseColorToHsla,r.parseColor=s.parseColor,r.rgbToHex=s.rgbToHex,r.hslToRgb=s.hslToRgb,r.rgbToHsl=s.rgbToHsl,r.rgbToHsv=s.rgbToHsv,r.rgbToInt=s.rgbToInt,r.intToRgb=s.intToRgb,r.getLuminance=s.getLuminance,r.COLOR_NAMES=s.COLOR_NAMES,r.PALETTE_MATERIAL_500=s.PALETTE_MATERIAL_500,r.PALETTE_MATERIAL_CHROME=s.PALETTE_MATERIAL_CHROME,r.VERSION="1.2.1"},function(t,r,o){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.nvl=r.ensureArray=r.limit=r.getLuminance=r.parseColor=r.parseColorToHsla=r.parseColorToHsl=r.cssHslaToHsla=r.cssHslToHsl=r.parseColorToRgba=r.parseColorToRgb=r.cssRgbaToRgba=r.cssRgbToRgb=r.cssColorToRgba=r.cssColorToRgb=r.intToRgb=r.rgbToInt=r.rgbToHsv=r.rgbToHsl=r.hslToRgb=r.rgbToHex=r.PALETTE_MATERIAL_CHROME=r.PALETTE_MATERIAL_500=r.COLOR_NAMES=void 0;var i,n=function(t,r){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,r){var o=[],i=!0,n=!1,a=void 0;try{for(var s,l=t[Symbol.iterator]();!(i=(s=l.next()).done)&&(o.push(s.value),!r||o.length!==r);i=!0);}catch(t){n=!0,a=t}finally{try{!i&&l.return&&l.return()}finally{if(n)throw a}}return o}(t,r);throw TypeError("Invalid attempt to destructure non-iterable instance")},a=(i=o(0))&&i.__esModule?i:{default:i};function s(t){if(Array.isArray(t)){for(var r=0,o=Array(t.length);r<t.length;r++)o[r]=t[r];return o}return Array.from(t)}var l={aliceblue:"#F0F8FF",antiquewhite:"#FAEBD7",aqua:"#00FFFF",aquamarine:"#7FFFD4",azure:"#F0FFFF",beige:"#F5F5DC",bisque:"#FFE4C4",black:"#000000",blanchedalmond:"#FFEBCD",blue:"#0000FF",blueviolet:"#8A2BE2",brown:"#A52A2A",burlywood:"#DEB887",cadetblue:"#5F9EA0",chartreuse:"#7FFF00",chocolate:"#D2691E",coral:"#FF7F50",cornflowerblue:"#6495ED",cornsilk:"#FFF8DC",crimson:"#DC143C",cyan:"#00FFFF",darkblue:"#00008B",darkcyan:"#008B8B",darkgoldenrod:"#B8860B",darkgray:"#A9A9A9",darkgrey:"#A9A9A9",darkgreen:"#006400",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:"#FF00FF",gainsboro:"#DCDCDC",ghostwhite:"#F8F8FF",gold:"#FFD700",goldenrod:"#DAA520",gray:"#808080",grey:"#808080",green:"#008000",greenyellow:"#ADFF2F",honeydew:"#F0FFF0",hotpink:"#FF69B4","indianred ":"#CD5C5C","indigo ":"#4B0082",ivory:"#FFFFF0",khaki:"#F0E68C",lavender:"#E6E6FA",lavenderblush:"#FFF0F5",lawngreen:"#7CFC00",lemonchiffon:"#FFFACD",lightblue:"#ADD8E6",lightcoral:"#F08080",lightcyan:"#E0FFFF",lightgoldenrodyellow:"#FAFAD2",lightgray:"#D3D3D3",lightgrey:"#D3D3D3",lightgreen:"#90EE90",lightpink:"#FFB6C1",lightsalmon:"#FFA07A",lightseagreen:"#20B2AA",lightskyblue:"#87CEFA",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#B0C4DE",lightyellow:"#FFFFE0",lime:"#00FF00",limegreen:"#32CD32",linen:"#FAF0E6",magenta:"#FF00FF",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:"#FF0000",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:"#FFFFFF",whitesmoke:"#F5F5F5",yellow:"#FFFF00",yellowgreen:"#9ACD32"};function c(t,r,o){return isNaN(t*=1)||r>t?r:t>o?o:t}function u(t,r){return null==t?r:t}function h(t,r,o){var i=[c(t,0,255),c(r,0,255),c(o,0,255)];return"#"+("000000"+((t=i[0])<<16|(r=i[1])<<8|(o=i[2])).toString(16)).slice(-6)}function p(t,r,o){var i=void 0,n=void 0,a=void 0,s=[c(t,0,360)/360,c(r,0,100)/100,c(o,0,100)/100];if(t=s[0],o=s[2],0==(r=s[1]))i=n=a=o;else{var l=function(t,r,o){return o<0&&(o+=1),o>1&&(o-=1),o<1/6?t+6*(r-t)*o:o<.5?r:o<2/3?t+(r-t)*(2/3-o)*6:t},u=o<.5?o*(1+r):o+r-o*r,h=2*o-u;i=l(h,u,t+1/3),n=l(h,u,t),a=l(h,u,t-1/3)}return[255*i,255*n,255*a].map(Math.round)}function d(t,r,o){var i=[c(t,0,255)/255,c(r,0,255)/255,c(o,0,255)/255],n=Math.max(t=i[0],r=i[1],o=i[2]),a=Math.min(t,r,o),s=void 0,l=void 0,u=(n+a)/2;if(n==a)s=l=0;else{var h=n-a;switch(l=u>.5?h/(2-n-a):h/(n+a),n){case t:s=(r-o)/h+6*(r<o);break;case r:s=(o-t)/h+2;break;case o:s=(t-r)/h+4}s/=6}return[360*s,100*l,100*u].map(Math.round)}function f(t,r,o){return t<<16|r<<8|o}function g(t){if(t){var r=l[t.toString().toLowerCase()],o=n(/^\s*#?((([0-9A-F])([0-9A-F])([0-9A-F]))|(([0-9A-F]{2})([0-9A-F]{2})([0-9A-F]{2})))\s*$/i.exec(r||t)||[],10),i=o[3],a=o[4],s=o[5],c=o[7],u=o[8],h=o[9];if(void 0!==i)return[parseInt(i+i,16),parseInt(a+a,16),parseInt(s+s,16)];if(void 0!==c)return[parseInt(c,16),parseInt(u,16),parseInt(h,16)]}}function v(t){if(t){var r=l[t.toString().toLowerCase()],o=n(/^\s*#?((([0-9A-F])([0-9A-F])([0-9A-F])([0-9A-F])?)|(([0-9A-F]{2})([0-9A-F]{2})([0-9A-F]{2})([0-9A-F]{2})?))\s*$/i.exec(r||t)||[],12),i=o[3],a=o[4],s=o[5],c=o[6],u=o[8],h=o[9],p=o[10],d=o[11];if(void 0!==i)return[parseInt(i+i,16),parseInt(a+a,16),parseInt(s+s,16),c?+(parseInt(c+c,16)/255).toFixed(2):1];if(void 0!==u)return[parseInt(u,16),parseInt(h,16),parseInt(p,16),d?+(parseInt(d,16)/255).toFixed(2):1]}}function b(t){if(t){var r=n(/^rgb\((\d+)[\s,](\d+)[\s,](\d+)\)/i.exec(t)||[],4),o=r[0],i=r[1],a=r[2],s=r[3];return o?[c(i,0,255),c(a,0,255),c(s,0,255)]:void 0}}function m(t){if(t){var r=n(/^rgba?\((\d+)\s*[\s,]\s*(\d+)\s*[\s,]\s*(\d+)(\s*[\s,]\s*(\d*(.\d+)?))?\)/i.exec(t)||[],6),o=r[0],i=r[1],a=r[2],s=r[3],l=r[5];return o?[c(i,0,255),c(a,0,255),c(s,0,255),c(u(l,1),0,1)]:void 0}}function y(t){if(Array.isArray(t))return[c(t[0],0,255),c(t[1],0,255),c(t[2],0,255),c(u(t[3],1),0,1)];var r=v(t)||m(t);return r&&3===r.length&&r.push(1),r}function k(t){if(t){var r=n(/^hsl\((\d+)[\s,](\d+)[\s,](\d+)\)/i.exec(t)||[],4),o=r[0],i=r[1],a=r[2],s=r[3];return o?[c(i,0,360),c(a,0,100),c(s,0,100)]:void 0}}function A(t){if(t){var r=n(/^hsla?\((\d+)\s*[\s,]\s*(\d+)\s*[\s,]\s*(\d+)(\s*[\s,]\s*(\d*(.\d+)?))?\)/i.exec(t)||[],6),o=r[0],i=r[1],a=r[2],s=r[3],l=r[5];return o?[c(i,0,255),c(a,0,255),c(s,0,255),c(u(l,1),0,1)]:void 0}}function F(t){if(Array.isArray(t))return[c(t[0],0,360),c(t[1],0,100),c(t[2],0,100),c(u(t[3],1),0,1)];var r=A(t);return r&&3===r.length&&r.push(1),r}function E(t,r){switch(r){case"rgb":default:return t.slice(0,3);case"rgbcss":return"rgb("+t[0]+", "+t[1]+", "+t[2]+")";case"rgbcss4":return"rgb("+t[0]+", "+t[1]+", "+t[2]+", "+t[3]+")";case"rgba":return t;case"rgbacss":return"rgba("+t[0]+", "+t[1]+", "+t[2]+", "+t[3]+")";case"hsl":return d.apply(void 0,s(t));case"hslcss":return"hsl("+(t=d.apply(void 0,s(t)))[0]+", "+t[1]+", "+t[2]+")";case"hslcss4":var o=d.apply(void 0,s(t));return"hsl("+o[0]+", "+o[1]+", "+o[2]+", "+t[3]+")";case"hsla":return[].concat(s(d.apply(void 0,s(t))),[t[3]]);case"hslacss":var i=d.apply(void 0,s(t));return"hsla("+i[0]+", "+i[1]+", "+i[2]+", "+t[3]+")";case"hex":return h.apply(void 0,s(t));case"hexcss4":return h.apply(void 0,s(t))+("00"+parseInt(255*t[3]).toString(16)).slice(-2);case"int":return f.apply(void 0,s(t))}}r.COLOR_NAMES=l,r.PALETTE_MATERIAL_500=["#F44336","#E91E63","#E91E63","#9C27B0","#9C27B0","#673AB7","#673AB7","#3F51B5","#3F51B5","#2196F3","#2196F3","#03A9F4","#03A9F4","#00BCD4","#00BCD4","#009688","#009688","#4CAF50","#4CAF50","#8BC34A","#8BC34A","#CDDC39","#CDDC39","#FFEB3B","#FFEB3B","#FFC107","#FFC107","#FF9800","#FF9800","#FF5722","#FF5722","#795548","#795548","#9E9E9E","#9E9E9E","#607D8B","#607D8B"],r.PALETTE_MATERIAL_CHROME=["#f44336","#e91e63","#9c27b0","#673ab7","#3f51b5","#2196f3","#03a9f4","#00bcd4","#009688","#4caf50","#8bc34a","#cddc39","#ffeb3b","#ffc107","#ff9800","#ff5722","#795548","#9e9e9e","#607d8b"],r.rgbToHex=h,r.hslToRgb=p,r.rgbToHsl=d,r.rgbToHsv=function(t,r,o){var i=[c(t,0,255)/255,c(r,0,255)/255,c(o,0,255)/255],n,a=Math.max(t=i[0],r=i[1],o=i[2]),s=Math.min(t,r,o),l=void 0,u=a-s;if(n=0===a?0:u/a,a==s)l=0;else{switch(a){case t:l=(r-o)/u+6*(r<o);break;case r:l=(o-t)/u+2;break;case o:l=(t-r)/u+4}l/=6}return[l,n,a]},r.rgbToInt=f,r.intToRgb=function(t){return[t>>16&255,t>>8&255,255&t]},r.cssColorToRgb=g,r.cssColorToRgba=v,r.cssRgbToRgb=b,r.cssRgbaToRgba=m,r.parseColorToRgb=function(t){return Array.isArray(t)?t=[c(t[0],0,255),c(t[1],0,255),c(t[2],0,255)]:g(t)||b(t)},r.parseColorToRgba=y,r.cssHslToHsl=k,r.cssHslaToHsla=A,r.parseColorToHsl=function(t){return Array.isArray(t)?t=[c(t[0],0,360),c(t[1],0,100),c(t[2],0,100)]:k(t)},r.parseColorToHsla=F,r.parseColor=function(t,r){if(r=r||"rgb",null!=t){var o=void 0;if((o=y(t))||(o=F(t))&&(o=[].concat(s(p.apply(void 0,s(o))),[o[3]])))return(0,a.default)(r)?["rgb","rgbcss","rgbcss4","rgba","rgbacss","hsl","hslcss","hslcss4","hsla","hslacss","hex","hexcss4","int"].reduce(function(t,r){return t[r]=E(o,r),t},r||{}):E(o,r.toString().toLowerCase())}},r.getLuminance=function(t,r,o){return .2126*(t=(t/=255)<.03928?t/12.92:Math.pow((t+.055)/1.055,2.4))+.7152*(r=(r/=255)<.03928?r/12.92:Math.pow((r+.055)/1.055,2.4))+.0722*((o/=255)<.03928?o/12.92:Math.pow((o+.055)/1.055,2.4))},r.limit=c,r.ensureArray=function(t){return t?Array.from(t):[]},r.nvl=u},function(t,r,o){"use strict";t.exports=function(t){return null!=t&&"object"==(void 0===t?"undefined":s(t))&&!1===Array.isArray(t)}},function(t,r){t.exports='<div class="a-color-picker-row a-color-picker-stack a-color-picker-row-top"> <canvas class="a-color-picker-sl a-color-picker-transparent"></canvas> <div class=a-color-picker-dot></div> </div> <div class=a-color-picker-row> <div class="a-color-picker-stack a-color-picker-transparent a-color-picker-circle"> <div class=a-color-picker-preview> <input class=a-color-picker-clipbaord type=text> </div> </div> <div class=a-color-picker-column> <div class="a-color-picker-cell a-color-picker-stack"> <canvas class=a-color-picker-h></canvas> <div class=a-color-picker-dot></div> </div> <div class="a-color-picker-cell a-color-picker-alpha a-color-picker-stack" show-on-alpha> <canvas class="a-color-picker-a a-color-picker-transparent"></canvas> <div class=a-color-picker-dot></div> </div> </div> </div> <div class="a-color-picker-row a-color-picker-hsl" show-on-hsl> <label>H</label> <input nameref=H type=number maxlength=3 min=0 max=360 value=0> <label>S</label> <input nameref=S type=number maxlength=3 min=0 max=100 value=0> <label>L</label> <input nameref=L type=number maxlength=3 min=0 max=100 value=0> </div> <div class="a-color-picker-row a-color-picker-rgb" show-on-rgb> <label>R</label> <input nameref=R type=number maxlength=3 min=0 max=255 value=0> <label>G</label> <input nameref=G type=number maxlength=3 min=0 max=255 value=0> <label>B</label> <input nameref=B type=number maxlength=3 min=0 max=255 value=0> </div> <div class="a-color-picker-row a-color-picker-rgbhex a-color-picker-single-input" show-on-single-input> <label>HEX</label> <input nameref=RGBHEX type=text select-on-focus> </div> <div class="a-color-picker-row a-color-picker-palette"></div>'},function(t,r,o){var i=o(6);t.exports="string"==typeof i?i:i.toString()},function(t,r,o){(t.exports=o(7)(!1)).push([t.i,"/*!\n * a-color-picker\n * https://github.com/narsenico/a-color-picker\n *\n * Copyright (c) 2017-2018, Gianfranco Caldi.\n * Released under the MIT License.\n */.a-color-picker{background-color:#fff;padding:0;display:inline-flex;flex-direction:column;user-select:none;width:232px;font:400 10px Helvetica,Arial,sans-serif;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.25)}.a-color-picker,.a-color-picker-row,.a-color-picker input{box-sizing:border-box}.a-color-picker-row{padding:15px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;user-select:none}.a-color-picker-row-top{padding:0}.a-color-picker-row:not(:first-child){border-top:1px solid #f5f5f5}.a-color-picker-column{display:flex;flex-direction:column}.a-color-picker-cell{flex:1 1 auto;margin-bottom:4px}.a-color-picker-cell:last-child{margin-bottom:0}.a-color-picker-stack{position:relative}.a-color-picker-dot{position:absolute;width:14px;height:14px;top:0;left:0;background:#fff;pointer-events:none;border-radius:50px;z-index:1000;box-shadow:0 1px 2px rgba(0,0,0,.75)}.a-color-picker-a,.a-color-picker-h,.a-color-picker-sl{cursor:cell}.a-color-picker-a+.a-color-picker-dot,.a-color-picker-h+.a-color-picker-dot{top:-2px}.a-color-picker-a,.a-color-picker-h{border-radius:2px}.a-color-picker-preview{box-sizing:border-box;width:30px;height:30px;user-select:none;border-radius:15px}.a-color-picker-circle{border-radius:50px;border:1px solid #eee}.a-color-picker-hsl,.a-color-picker-rgb,.a-color-picker-single-input{justify-content:space-evenly}.a-color-picker-hsl>label,.a-color-picker-rgb>label,.a-color-picker-single-input>label{padding:0 8px;flex:0 0 auto;color:#969696}.a-color-picker-hsl>input,.a-color-picker-rgb>input,.a-color-picker-single-input>input{text-align:center;padding:2px 0;width:0;flex:1 1 auto;border:1px solid #e0e0e0;line-height:20px}.a-color-picker-hsl>input::-webkit-inner-spin-button,.a-color-picker-rgb>input::-webkit-inner-spin-button,.a-color-picker-single-input>input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.a-color-picker-hsl>input:focus,.a-color-picker-rgb>input:focus,.a-color-picker-single-input>input:focus{border-color:#04a9f4;outline:none}.a-color-picker-transparent{background-image:linear-gradient(-45deg,#cdcdcd 25%,transparent 0),linear-gradient(45deg,#cdcdcd 25%,transparent 0),linear-gradient(-45deg,transparent 75%,#cdcdcd 0),linear-gradient(45deg,transparent 75%,#cdcdcd 0);background-size:11px 11px;background-position:0 0,0 -5.5px,-5.5px 5.5px,5.5px 0}.a-color-picker-sl{border-radius:3px 3px 0 0}.a-color-picker.hide-alpha [show-on-alpha],.a-color-picker.hide-hsl [show-on-hsl],.a-color-picker.hide-rgb [show-on-rgb],.a-color-picker.hide-single-input [show-on-single-input]{display:none}.a-color-picker-clipbaord{width:100%;height:100%;opacity:0;cursor:pointer}.a-color-picker-palette{flex-flow:wrap;flex-direction:row;justify-content:flex-start;padding:10px}.a-color-picker-palette-color{width:15px;height:15px;flex:0 1 15px;margin:3px;box-sizing:border-box;cursor:pointer;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.a-color-picker-palette-add{text-align:center;line-height:13px;color:#607d8b}.a-color-picker.hidden{display:none}",""])},function(t,r){t.exports=function(t){var r=[];return r.toString=function(){return this.map(function(r){var o=function(t,r){var o=t[1]||"",i=t[3];if(!i)return o;if(r&&"function"==typeof btoa){var n="/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */";return[o].concat(i.sources.map(function(t){return"/*# sourceURL="+i.sourceRoot+t+" */"})).concat([n]).join("\n")}return[o].join("\n")}(r,t);return r[2]?"@media "+r[2]+"{"+o+"}":o}).join("")},r.i=function(t,o){"string"==typeof t&&(t=[[null,t,""]]);for(var i={},n=0;n<this.length;n++){var a=this[n][0];"number"==typeof a&&(i[a]=!0)}for(n=0;n<t.length;n++){var s=t[n];"number"==typeof s[0]&&i[s[0]]||(o&&!s[2]?s[2]=o:o&&(s[2]="("+s[2]+") and ("+o+")"),r.push(s))}},r}}],r={};function o(i){if(r[i])return r[i].exports;var n=r[i]={i:i,l:!1,exports:{}};return t[i].call(n.exports,n,n.exports,o),n.l=!0,n.exports}return o.m=t,o.c=r,o.d=function(t,r,i){o.o(t,r)||Object.defineProperty(t,r,{enumerable:!0,get:i})},o.r=function(t){"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},o.t=function(t,r){if(1&r&&(t=o(t)),8&r||4&r&&"object"==(void 0===t?"undefined":s(t))&&t&&t.__esModule)return t;var i=Object.create(null);if(o.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&r&&"string"!=typeof t)for(var n in t)o.d(i,n,(function(r){return t[r]}).bind(null,n));return i},o.n=function(t){var r=t&&t.__esModule?function(){return t.default}:function(){return t};return o.d(r,"a",r),r},o.o=function(t,r){return Object.prototype.hasOwnProperty.call(t,r)},o.p="",o(o.s=1)},"object"==s(r)&&"object"==s(t)?t.exports=n():void 0===(i=n.apply(r,[]))||(t.exports=i)}},function(t){return t(t.s=29528)}])});