jodit-pro/es2015/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 i=r();for(var o in i)("object"==typeof exports?exports:t)[o]=i[o]}}(self,function(){return(self.webpackChunkjodit_pro=self.webpackChunkjodit_pro||[]).push([[984],{29528:function(t,r,i){"use strict";i.r(r),i.d(r,{colorPicker:function(){return u}});var o=i(82749),n=i(31635),s=i(45128),a=i(65478),l=i(2748),c=i(50911),h=i(2692);class u extends c.Plugin{afterInit(t){t.e.on("afterGenerateColorPicker",this.onAfterGenerateColorPicker)}onAfterGenerateColorPicker(t,r,i,o){l.Dom.detach(r);let n=new s.ColorInput(this.j,{value:o||"#000",onChange:i});r.appendChild(n.container)}beforeDestruct(t){t.e.off("afterGenerateColorPicker",this.onAfterGenerateColorPicker)}constructor(...t){super(...t),(0,o._)(this,"hasStyle",!h.JoditPro.fatMode)}}(0,o._)(u,"requires",["license"]),(0,n.__decorate)([a.autobind],u.prototype,"onAfterGenerateColorPicker",null),h.JoditPro.plugins.add("color-picker",u)},45128:function(t,r,i){"use strict";i.d(r,{ColorInput:function(){return d}});var o=i(82749),n=i(31635),s=i(46146),a=i(82758),l=i(65478),c=i(21537),h=i(38837),u=i(67510),p=i(41409);class d extends u.UIInput{className(){return"ColorInput"}afterSetMode(t,r){"slim"===t&&r&&this.nativeInput.setAttribute("readonly","true")}onChangeSelfValue(){this.nativeInput.style.backgroundColor=this.value}onEscKeyDown(t){if(t.key===a.KEY_ESC){var r;null==(r=this.popup)||r.close()}}constructor(t,r){super(t,r),(0,o._)(this,"trigger",void 0),(0,o._)(this,"popup",void 0);const i=new u.Popup(t);this.popup=i,this.trigger=(0,u.Button)(this.j,"ok");const n=this.getElm("wrapper");(0,h.assert)(null!=n,"wrapper element does not exist"),n.appendChild(this.trigger.container),this.trigger.container.classList.add(this.getFullElName("trigger")),this.trigger.onAction(()=>{var t,r;null==(t=(r=this.state).onChange)||t.call(r,this.value),i.close()}),i.setMod("padding",!1).setMod("max-height",!1);const a=this.j.create.div(this.getFullElName("picker")),l=s.createPicker(a,{paletteEditable:!0,showAlpha:!0,palette:"PALETTE_MATERIAL_CHROME"}).on("change",(t,r)=>{this.isFocused||(this.value=s.parseColor(r||"","hex"))});this.j.e.on(this,"change",()=>{let t;t=this.value,s.parseColor(t,"hex")!==l.color&&(l.color=this.value)}),i.setContent(a),this.j.e.on(this.nativeInput,"click",()=>{i.parentElement=this,this.jodit instanceof p.Dialog&&i.setZIndex(this.jodit.getZIndex()+1),i.open(()=>(0,c.position)(this.container))}),this.onChangeValue(),this.onChangeSelfValue()}}(0,n.__decorate)([(0,l.watch)(":change")],d.prototype,"onChangeSelfValue",null),(0,n.__decorate)([(0,l.watch)("nativeInput:keydown")],d.prototype,"onEscKeyDown",null),d=(0,n.__decorate)([l.component],d)},46146:function(t){"u">typeof self&&self,t.exports=function(){var t=[function(t,r,i){"use strict";var o=i(3);function n(t){return!0===o(t)&&"[object Object]"===Object.prototype.toString.call(t)}t.exports=function(t){var r,i;return!1!==n(t)&&"function"==typeof(r=t.constructor)&&!1!==n(i=r.prototype)&&!1!==i.hasOwnProperty("isPrototypeOf")}},function(t,r,i){"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 o=function(){function t(t,r){for(var i=0;i<r.length;i++){var o=r[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(r,i,o){return i&&t(r.prototype,i),o&&t(r,o),r}}(),n=function(t,r){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,r){var i=[],o=!0,n=!1,s=void 0;try{for(var a,l=t[Symbol.iterator]();!(o=(a=l.next()).done)&&(i.push(a.value),!r||i.length!==r);o=!0);}catch(t){n=!0,s=t}finally{try{!o&&l.return&&l.return()}finally{if(n)throw s}}return i}(t,r);throw TypeError("Invalid attempt to destructure non-iterable instance")},s=i(2),a=c(i(0)),l=c(i(4));function c(t){return t&&t.__esModule?t:{default:t}}function h(t,r){if(!(t instanceof r))throw TypeError("Cannot call a class as a function")}function u(t){if(Array.isArray(t)){for(var r=0,i=Array(t.length);r<t.length;r++)i[r]=t[r];return i}return Array.from(t)}var p="u">typeof window&&window.navigator.userAgent.indexOf("Edge")>-1,d="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]},f="COLOR",b="RGBA_USER",v="HSLA_USER";function m(t,r,i){return t?t instanceof HTMLElement?t:t instanceof NodeList?t[0]:"string"==typeof t?document.querySelector(t):t.jquery?t.get(0):i?r:null:r}function A(t){var r=t.getContext("2d"),i=+t.width,o=+t.height,a=r.createLinearGradient(1,1,1,o-1);return a.addColorStop(0,"white"),a.addColorStop(1,"black"),{setHue:function(t){var n=r.createLinearGradient(1,0,i-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,i,o),r.fillStyle=n,r.globalCompositeOperation="multiply",r.fillRect(0,0,i,o),r.globalCompositeOperation="source-over"},grabColor:function(t,i){return r.getImageData(t,i,1,1).data},findColor:function(t,r,a){var l=n((0,s.rgbToHsv)(t,r,a),3);return[l[1]*i,o-l[2]*o]}}}function y(t,r,i){return null===t?r:/^\s*$/.test(t)?i:!!/true|yes|1/i.test(t)||!/false|no|0/i.test(t)&&r}function k(t,r,i){if(null===t)return r;if(/^\s*$/.test(t))return i;var o=t.split(",").map(Number);return 2===o.length&&o[0]&&o[1]?o:r}var F=function(){function t(r,i){if(h(this,t),i?(r=m(r),this.options=Object.assign({},g,i)):r&&(0,a.default)(r)?(this.options=Object.assign({},g,r),r=m(this.options.attachTo)):(this.options=Object.assign({},g),r=m((0,s.nvl)(r,this.options.attachTo))),!r)throw Error("Container not found: "+this.options.attachTo);!function(t,r){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"acp-";if(r.hasAttribute(i+"show-hsl")&&(t.showHSL=y(r.getAttribute(i+"show-hsl"),g.showHSL,!0)),r.hasAttribute(i+"show-rgb")&&(t.showRGB=y(r.getAttribute(i+"show-rgb"),g.showRGB,!0)),r.hasAttribute(i+"show-hex")&&(t.showHEX=y(r.getAttribute(i+"show-hex"),g.showHEX,!0)),r.hasAttribute(i+"show-alpha")&&(t.showAlpha=y(r.getAttribute(i+"show-alpha"),g.showAlpha,!0)),r.hasAttribute(i+"palette-editable")&&(t.paletteEditable=y(r.getAttribute(i+"palette-editable"),g.paletteEditable,!0)),r.hasAttribute(i+"sl-bar-size")&&(t.slBarSize=k(r.getAttribute(i+"sl-bar-size"),g.slBarSize,[232,150])),r.hasAttribute(i+"hue-bar-size")&&(t.hueBarSize=k(r.getAttribute(i+"hue-bar-size"),g.hueBarSize,[150,11]),t.alphaBarSize=t.hueBarSize),r.hasAttribute(i+"palette")){var o=r.getAttribute(i+"palette");switch(o){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=o.split(/[;|]/)}}r.hasAttribute(i+"color")&&(t.color=r.getAttribute(i+"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=l.default,r.appendChild(this.element);var o=this.element.querySelector(".a-color-picker-h");this.setupHueCanvas(o),this.hueBarHelper=A(o),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=A(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(f,this.options.color)}return o(t,[{key:"setupHueCanvas",value:function(t){var r=this;t.width=this.options.hueBarSize[0],t.height=this.options.hueBarSize[1];for(var i=t.getContext("2d"),o=i.createLinearGradient(0,0,this.options.hueBarSize[0],0),n=0;n<=1;n+=1/360)o.addColorStop(n,"hsl("+360*n+", 100%, 50%)");i.fillStyle=o,i.fillRect(0,0,this.options.hueBarSize[0],this.options.hueBarSize[1]);var a=function(i){var o=(0,s.limit)(i.clientX-t.getBoundingClientRect().left,0,r.options.hueBarSize[0]),n=Math.round(360*o/r.options.hueBarSize[0]);r.huePointer.style.left=o-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 i=function(i){var o=(0,s.limit)(i.clientX-t.getBoundingClientRect().left,0,r.options.slBarSize[0]-1),n=(0,s.limit)(i.clientY-t.getBoundingClientRect().top,0,r.options.slBarSize[1]-1),a=r.slBarHelper.grabColor(o,n);r.slPointer.style.left=o-7+"px",r.slPointer.style.top=n-7+"px",r.onValueChanged("RGB",a)},o=function t(){document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",t)};t.addEventListener("mousedown",function(t){i(t),document.addEventListener("mousemove",i),document.addEventListener("mouseup",o)})}},{key:"setupAlphaCanvas",value:function(t){var r=this;t.width=this.options.alphaBarSize[0],t.height=this.options.alphaBarSize[1];var i=t.getContext("2d"),o=i.createLinearGradient(0,0,t.width-1,0);o.addColorStop(0,"hsla(0, 0%, 50%, 0)"),o.addColorStop(1,"hsla(0, 0%, 50%, 1)"),i.fillStyle=o,i.fillRect(0,0,this.options.alphaBarSize[0],this.options.alphaBarSize[1]);var n=function(i){var o=(0,s.limit)(i.clientX-t.getBoundingClientRect().left,0,r.options.alphaBarSize[0]),n=+(o/r.options.alphaBarSize[0]).toFixed(2);r.alphaPointer.style.left=o-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,i=+t.min,o=+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)}):((p||d)&&t.addEventListener("keydown",function(a){"Up"===a.key?(t.value=(0,s.limit)(+t.value+1,i,o),r.onValueChanged(n,t.value),a.returnValue=!1):"Down"===a.key&&(t.value=(0,s.limit)(t.value-1,i,o),r.onValueChanged(n,t.value),a.returnValue=!1)}),t.addEventListener("change",function(){var a=+t.value;r.onValueChanged(n,(0,s.limit)(a,i,o))}))}},{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,i="auto"===this.options.useAlphaInPalette?this.options.showAlpha:this.options.useAlphaInPalette,o=null;switch(this.options.palette){case"PALETTE_MATERIAL_500":o=s.PALETTE_MATERIAL_500;break;case"PALETTE_MATERIAL_CHROME":o=s.PALETTE_MATERIAL_CHROME;break;default:o=(0,s.ensureArray)(this.options.palette)}if(this.options.paletteEditable||o.length>0){var n=function(i,o,n){var s=t.querySelector('.a-color-picker-palette-color[data-color="'+i+'"]')||document.createElement("div");s.className="a-color-picker-palette-color",s.style.backgroundColor=i,s.setAttribute("data-color",i),s.title=i,t.insertBefore(s,o),r.palette[i]=!0,n&&r.onPaletteColorAdd(i)},a=function(i,o){i?(t.removeChild(i),r.palette[i.getAttribute("data-color")]=!1,o&&r.onPaletteColorRemove(i.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}),o&&r.onPaletteColorRemove())};if(o.map(function(t){return(0,s.parseColor)(t,i?"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(i?(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(f,t.target.getAttribute("data-color")))})}else t.addEventListener("click",function(t){/a-color-picker-palette-color/.test(t.target.className)&&r.onValueChanged(f,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 i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{silent:!1};switch(t){case"H":this.H=r;var o=n((0,s.hslToRgb)(this.H,this.S,this.L),3);this.R=o[0],this.G=o[1],this.B=o[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 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"B":this.B=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"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 g=n(r,4);this.R=g[0],this.G=g[1],this.B=g[2],this.A=g[3];var m=n((0,s.rgbToHsl)(this.R,this.G,this.B),3);this.H=m[0],this.S=m[1],this.L=m[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 v:var A=n(r,4);this.H=A[0],this.S=A[1],this.L=A[2],this.A=A[3];var y=n((0,s.hslToRgb)(this.H,this.S,this.L),3);this.R=y[0],this.G=y[1],this.B=y[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 k=n((0,s.cssColorToRgb)(r)||[this.R,this.G,this.B],3);this.R=k[0],this.G=k[1],this.B=k[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 f: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+")",i&&i.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,i){this.options.showHSL&&(this.inputH.value=t,this.inputS.value=r,this.inputL.value=i)}},{key:"updateInputRGB",value:function(t,r,i){this.options.showRGB&&(this.inputR.value=t,this.inputG.value=r,this.inputB.value=i)}},{key:"updateInputRGBHEX",value:function(t,r,i){this.options.showHEX&&(this.inputRGBHEX.value=(0,s.rgbToHex)(t,r,i))}},{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,i){var o=n((0,s.hslToRgb)(t,r,i),3),a=o[0],l=o[1],c=o[2],h=n(this.slBarHelper.findColor(a,l,c),2),u=h[0],p=h[1];u>=0&&(this.slPointer.style.left=u-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}(),E=function(){function t(r){h(this,t),this.name=r,this.listeners=[]}return o(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 i=this.listeners.slice(0),o=0;o<i.length;o++)i[o].apply(r,t)}}]),t}();function C(t,r){var i=new F(t,r),o={change:new E("change"),coloradd:new E("coloradd"),colorremove:new E("colorremove")},a=!0,l={},c={get element(){return i.element},get rgb(){return[i.R,i.G,i.B]},set rgb(e){var h=n(e,3),u=h[0],p=h[1],d=h[2],g=[(0,s.limit)(u,0,255),(0,s.limit)(p,0,255),(0,s.limit)(d,0,255)];u=g[0],p=g[1],d=g[2],i.onValueChanged(b,[u,p,d,1])},get hsl(){return[i.H,i.S,i.L]},set hsl(e){var m=n(e,3),A=m[0],y=m[1],k=m[2],C=[(0,s.limit)(A,0,360),(0,s.limit)(y,0,100),(0,s.limit)(k,0,100)];A=C[0],y=C[1],k=C[2],i.onValueChanged(v,[A,y,k,1])},get rgbhex(){return this.all.hex},get rgba(){return[i.R,i.G,i.B,i.A]},set rgba(e){var H=n(e,4),B=H[0],R=H[1],S=H[2],L=H[3],w=[(0,s.limit)(B,0,255),(0,s.limit)(R,0,255),(0,s.limit)(S,0,255),(0,s.limit)(L,0,1)];B=w[0],R=w[1],S=w[2],L=w[3],i.onValueChanged(b,[B,R,S,L])},get hsla(){return[i.H,i.S,i.L,i.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],i.onValueChanged(v,[T,I,G,P])},get color(){return this.all.toString()},set color(e){i.onValueChanged(f,e)},setColor:function(t){var r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];i.onValueChanged(f,t,{silent:r})},get all(){if(a){var D=[i.R,i.G,i.B,i.A],M=i.A<1?"rgba("+i.R+","+i.G+","+i.B+","+i.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 o.change&&o.change.listeners[0]},set onchange(e){this.off("change").on("change",e)},get oncoloradd(){return o.coloradd&&o.coloradd.listeners[0]},set oncoloradd(e){this.off("coloradd").on("coloradd",e)},get oncolorremove(){return o.colorremove&&o.colorremove.listeners[0]},set oncolorremove(e){this.off("colorremove").on("colorremove",e)},get palette(){return Object.keys(i.palette).filter(function(t){return i.palette[t]})},set palette(e){i.updatePalette(e)},show:function(){i.element.classList.remove("hidden")},hide:function(){i.element.classList.add("hidden")},toggle:function(){i.element.classList.toggle("hidden")},on:function(t,r){return t&&o[t]&&o[t].on(r),this},off:function(t,r){return t&&o[t]&&o[t].off(r),this},destroy:function(){o.change.off(),o.coloradd.off(),o.colorremove.off(),i.element.remove(),o=null,i=null}};return i.onchange=function(){for(var t=arguments.length,r=Array(t),i=0;i<t;i++)r[i]=arguments[i];a=!0,o.change.emit([c].concat(r),c)},i.oncoloradd=function(){for(var t=arguments.length,r=Array(t),i=0;i<t;i++)r[i]=arguments[i];o.coloradd.emit([c].concat(r),c)},i.oncolorremove=function(){for(var t=arguments.length,r=Array(t),i=0;i<t;i++)r[i]=arguments[i];o.colorremove.emit([c].concat(r),c)},i.element.ctrl=c,c}if("u">typeof window&&!document.querySelector('head>style[data-source="a-color-picker"]')){var H=i(5).toString(),B=document.createElement("style");B.setAttribute("type","text/css"),B.setAttribute("data-source","a-color-picker"),B.innerHTML=H,document.querySelector("head").appendChild(B)}r.createPicker=C,r.from=function(t,r){var i=(t?Array.isArray(t)?t:t instanceof HTMLElement?[t]:t instanceof NodeList?[].concat(u(t)):"string"==typeof t?[].concat(u(document.querySelectorAll(t))):t.jquery?t.get():[]:[]).map(function(t,i){var o=C(t,r);return o.index=i,o});return i.on=function(t,r){return i.forEach(function(i){return i.on(t,r)}),this},i.off=function(t){return i.forEach(function(r){return r.off(t)}),this},i},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,i){"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 o,n=function(t,r){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,r){var i=[],o=!0,n=!1,s=void 0;try{for(var a,l=t[Symbol.iterator]();!(o=(a=l.next()).done)&&(i.push(a.value),!r||i.length!==r);o=!0);}catch(t){n=!0,s=t}finally{try{!o&&l.return&&l.return()}finally{if(n)throw s}}return i}(t,r);throw TypeError("Invalid attempt to destructure non-iterable instance")},s=(o=i(0))&&o.__esModule?o:{default:o};function a(t){if(Array.isArray(t)){for(var r=0,i=Array(t.length);r<t.length;r++)i[r]=t[r];return i}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,i){return isNaN(t*=1)||r>t?r:t>i?i:t}function h(t,r){return null==t?r:t}function u(t,r,i){var o=[c(t,0,255),c(r,0,255),c(i,0,255)];return"#"+("000000"+((t=o[0])<<16|(r=o[1])<<8|(i=o[2])).toString(16)).slice(-6)}function p(t,r,i){var o=void 0,n=void 0,s=void 0,a=[c(t,0,360)/360,c(r,0,100)/100,c(i,0,100)/100];if(t=a[0],i=a[2],0==(r=a[1]))o=n=s=i;else{var l=function(t,r,i){return i<0&&(i+=1),i>1&&(i-=1),i<1/6?t+6*(r-t)*i:i<.5?r:i<2/3?t+(r-t)*(2/3-i)*6:t},h=i<.5?i*(1+r):i+r-i*r,u=2*i-h;o=l(u,h,t+1/3),n=l(u,h,t),s=l(u,h,t-1/3)}return[255*o,255*n,255*s].map(Math.round)}function d(t,r,i){var o=[c(t,0,255)/255,c(r,0,255)/255,c(i,0,255)/255],n=Math.max(t=o[0],r=o[1],i=o[2]),s=Math.min(t,r,i),a=void 0,l=void 0,h=(n+s)/2;if(n==s)a=l=0;else{var u=n-s;switch(l=h>.5?u/(2-n-s):u/(n+s),n){case t:a=(r-i)/u+6*(r<i);break;case r:a=(i-t)/u+2;break;case i:a=(t-r)/u+4}a/=6}return[360*a,100*l,100*h].map(Math.round)}function g(t,r,i){return t<<16|r<<8|i}function f(t){if(t){var r=l[t.toString().toLowerCase()],i=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),o=i[3],s=i[4],a=i[5],c=i[7],h=i[8],u=i[9];if(void 0!==o)return[parseInt(o+o,16),parseInt(s+s,16),parseInt(a+a,16)];if(void 0!==c)return[parseInt(c,16),parseInt(h,16),parseInt(u,16)]}}function b(t){if(t){var r=l[t.toString().toLowerCase()],i=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),o=i[3],s=i[4],a=i[5],c=i[6],h=i[8],u=i[9],p=i[10],d=i[11];if(void 0!==o)return[parseInt(o+o,16),parseInt(s+s,16),parseInt(a+a,16),c?+(parseInt(c+c,16)/255).toFixed(2):1];if(void 0!==h)return[parseInt(h,16),parseInt(u,16),parseInt(p,16),d?+(parseInt(d,16)/255).toFixed(2):1]}}function v(t){if(t){var r=n(/^rgb\((\d+)[\s,](\d+)[\s,](\d+)\)/i.exec(t)||[],4),i=r[0],o=r[1],s=r[2],a=r[3];return i?[c(o,0,255),c(s,0,255),c(a,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),i=r[0],o=r[1],s=r[2],a=r[3],l=r[5];return i?[c(o,0,255),c(s,0,255),c(a,0,255),c(h(l,1),0,1)]:void 0}}function A(t){if(Array.isArray(t))return[c(t[0],0,255),c(t[1],0,255),c(t[2],0,255),c(h(t[3],1),0,1)];var r=b(t)||m(t);return r&&3===r.length&&r.push(1),r}function y(t){if(t){var r=n(/^hsl\((\d+)[\s,](\d+)[\s,](\d+)\)/i.exec(t)||[],4),i=r[0],o=r[1],s=r[2],a=r[3];return i?[c(o,0,360),c(s,0,100),c(a,0,100)]:void 0}}function k(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),i=r[0],o=r[1],s=r[2],a=r[3],l=r[5];return i?[c(o,0,255),c(s,0,255),c(a,0,255),c(h(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(h(t[3],1),0,1)];var r=k(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,a(t));case"hslcss":return"hsl("+(t=d.apply(void 0,a(t)))[0]+", "+t[1]+", "+t[2]+")";case"hslcss4":var i=d.apply(void 0,a(t));return"hsl("+i[0]+", "+i[1]+", "+i[2]+", "+t[3]+")";case"hsla":return[].concat(a(d.apply(void 0,a(t))),[t[3]]);case"hslacss":var o=d.apply(void 0,a(t));return"hsla("+o[0]+", "+o[1]+", "+o[2]+", "+t[3]+")";case"hex":return u.apply(void 0,a(t));case"hexcss4":return u.apply(void 0,a(t))+("00"+parseInt(255*t[3]).toString(16)).slice(-2);case"int":return g.apply(void 0,a(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=u,r.hslToRgb=p,r.rgbToHsl=d,r.rgbToHsv=function(t,r,i){var o=[c(t,0,255)/255,c(r,0,255)/255,c(i,0,255)/255],n,s=Math.max(t=o[0],r=o[1],i=o[2]),a=Math.min(t,r,i),l=void 0,h=s-a;if(n=0===s?0:h/s,s==a)l=0;else{switch(s){case t:l=(r-i)/h+6*(r<i);break;case r:l=(i-t)/h+2;break;case i:l=(t-r)/h+4}l/=6}return[l,n,s]},r.rgbToInt=g,r.intToRgb=function(t){return[t>>16&255,t>>8&255,255&t]},r.cssColorToRgb=f,r.cssColorToRgba=b,r.cssRgbToRgb=v,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)]:f(t)||v(t)},r.parseColorToRgba=A,r.cssHslToHsl=y,r.cssHslaToHsla=k,r.parseColorToHsl=function(t){return Array.isArray(t)?t=[c(t[0],0,360),c(t[1],0,100),c(t[2],0,100)]:y(t)},r.parseColorToHsla=F,r.parseColor=function(t,r){if(r=r||"rgb",null!=t){var i=void 0;if((i=A(t))||(i=F(t))&&(i=[].concat(a(p.apply(void 0,a(i))),[i[3]])))return(0,s.default)(r)?["rgb","rgbcss","rgbcss4","rgba","rgbacss","hsl","hslcss","hslcss4","hsla","hslacss","hex","hexcss4","int"].reduce(function(t,r){return t[r]=E(i,r),t},r||{}):E(i,r.toString().toLowerCase())}},r.getLuminance=function(t,r,i){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*((i/=255)<.03928?i/12.92:Math.pow((i+.055)/1.055,2.4))},r.limit=c,r.ensureArray=function(t){return t?Array.from(t):[]},r.nvl=h},function(t,r,i){"use strict";t.exports=function(t){return null!=t&&"object"==typeof 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,i){var o=i(6);t.exports="string"==typeof o?o:o.toString()},function(t,r,i){(t.exports=i(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 i=function(t,r){var i=t[1]||"",o=t[3];if(!o)return i;if(r&&"function"==typeof btoa){var n="/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */";return[i].concat(o.sources.map(function(t){return"/*# sourceURL="+o.sourceRoot+t+" */"})).concat([n]).join("\n")}return[i].join("\n")}(r,t);return r[2]?"@media "+r[2]+"{"+i+"}":i}).join("")},r.i=function(t,i){"string"==typeof t&&(t=[[null,t,""]]);for(var o={},n=0;n<this.length;n++){var s=this[n][0];"number"==typeof s&&(o[s]=!0)}for(n=0;n<t.length;n++){var a=t[n];"number"==typeof a[0]&&o[a[0]]||(i&&!a[2]?a[2]=i:i&&(a[2]="("+a[2]+") and ("+i+")"),r.push(a))}},r}}],r={};function i(o){if(r[o])return r[o].exports;var n=r[o]={i:o,l:!1,exports:{}};return t[o].call(n.exports,n,n.exports,i),n.l=!0,n.exports}return i.m=t,i.c=r,i.d=function(t,r,o){i.o(t,r)||Object.defineProperty(t,r,{enumerable:!0,get:o})},i.r=function(t){"u">typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,r){if(1&r&&(t=i(t)),8&r||4&r&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(i.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&r&&"string"!=typeof t)for(var n in t)i.d(o,n,(function(r){return t[r]}).bind(null,n));return o},i.n=function(t){var r=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(r,"a",r),r},i.o=function(t,r){return Object.prototype.hasOwnProperty.call(t,r)},i.p="",i(i.s=1)}()}},function(t){return t(t.s=29528)}])});