@sheetxl/studio-vanilla 0.8.0-beta.2 → 0.8.0-beta.3

package/browser/cjs/{DHL7SVvz96-5zSWE2.cjs → B2fdTYeKGNugWRgn2.cjs}

@@ -1,4 +1,4 @@
-const e=require("./B7_pDFYCVzt-3hUs.cjs"),t=require("./Ytzw6iUYx5f19wfK.cjs"),n=require("./BdJvn1vLXMZvE-8h.cjs"),r=require("./9vk-L6rRvx20jeQj.cjs");var i=e.r(t.i(),1),a=e.r(t.r(),1);function o(e){return o=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},o(e)}var s=/^\s+/,c=/\s+$/;function l(e,t){if(t||={},(e||=``)instanceof l)return e;if(!(this instanceof l))return new l(e,t);var n=function(e){var t,n,r,i={r:0,g:0,b:0},a=1,l=null,u=null,d=null,f=!1,p=!1;return typeof e==`string`&&(e=function(e){e=e.replace(s,``).replace(c,``).toLowerCase();var t,n=!1;if(k[e])e=k[e],n=!0;else if(e==`transparent`)return{r:0,g:0,b:0,a:0,format:`name`};return(t=z.rgb.exec(e))?{r:t[1],g:t[2],b:t[3]}:(t=z.rgba.exec(e))?{r:t[1],g:t[2],b:t[3],a:t[4]}:(t=z.hsl.exec(e))?{h:t[1],s:t[2],l:t[3]}:(t=z.hsla.exec(e))?{h:t[1],s:t[2],l:t[3],a:t[4]}:(t=z.hsv.exec(e))?{h:t[1],s:t[2],v:t[3]}:(t=z.hsva.exec(e))?{h:t[1],s:t[2],v:t[3],a:t[4]}:(t=z.hex8.exec(e))?{r:P(t[1]),g:P(t[2]),b:P(t[3]),a:R(t[4]),format:n?`name`:`hex8`}:(t=z.hex6.exec(e))?{r:P(t[1]),g:P(t[2]),b:P(t[3]),format:n?`name`:`hex`}:(t=z.hex4.exec(e))?{r:P(t[1]+``+t[1]),g:P(t[2]+``+t[2]),b:P(t[3]+``+t[3]),a:R(t[4]+``+t[4]),format:n?`name`:`hex8`}:!!(t=z.hex3.exec(e))&&{r:P(t[1]+``+t[1]),g:P(t[2]+``+t[2]),b:P(t[3]+``+t[3]),format:n?`name`:`hex`}}(e)),o(e)==`object`&&(B(e.r)&&B(e.g)&&B(e.b)?(t=e.r,n=e.g,r=e.b,i={r:255*M(t,255),g:255*M(n,255),b:255*M(r,255)},f=!0,p=String(e.r).substr(-1)===`%`?`prgb`:`rgb`):B(e.h)&&B(e.s)&&B(e.v)?(l=I(e.s),u=I(e.v),i=function(e,t,n){e=6*M(e,360),t=M(t,100),n=M(n,100);var r=Math.floor(e),i=e-r,a=n*(1-t),o=n*(1-i*t),s=n*(1-(1-i)*t),c=r%6;return{r:255*[n,o,a,a,s,n][c],g:255*[s,n,n,o,a,a][c],b:255*[a,a,s,n,n,o][c]}}(e.h,l,u),f=!0,p=`hsv`):B(e.h)&&B(e.s)&&B(e.l)&&(l=I(e.s),d=I(e.l),i=function(e,t,n){var r,i,a;function o(e,t,n){return n<0&&(n+=1),n>1&&--n,n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}if(e=M(e,360),t=M(t,100),n=M(n,100),t===0)r=i=a=n;else{var s=n<.5?n*(1+t):n+t-n*t,c=2*n-s;r=o(c,s,e+1/3),i=o(c,s,e),a=o(c,s,e-1/3)}return{r:255*r,g:255*i,b:255*a}}(e.h,l,d),f=!0,p=`hsl`),e.hasOwnProperty(`a`)&&(a=e.a)),a=j(a),{ok:f,format:e.format||p,r:Math.min(255,Math.max(i.r,0)),g:Math.min(255,Math.max(i.g,0)),b:Math.min(255,Math.max(i.b,0)),a}}(e);this._originalInput=e,this._r=n.r,this._g=n.g,this._b=n.b,this._a=n.a,this._roundA=Math.round(100*this._a)/100,this._format=t.format||n.format,this._gradientType=t.gradientType,this._r<1&&(this._r=Math.round(this._r)),this._g<1&&(this._g=Math.round(this._g)),this._b<1&&(this._b=Math.round(this._b)),this._ok=n.ok}function u(e,t,n){e=M(e,255),t=M(t,255),n=M(n,255);var r,i,a=Math.max(e,t,n),o=Math.min(e,t,n),s=(a+o)/2;if(a==o)r=i=0;else{var c=a-o;switch(i=s>.5?c/(2-a-o):c/(a+o),a){case e:r=(t-n)/c+(t<n?6:0);break;case t:r=(n-e)/c+2;break;case n:r=(e-t)/c+4}r/=6}return{h:r,s:i,l:s}}function d(e,t,n){e=M(e,255),t=M(t,255),n=M(n,255);var r,i,a=Math.max(e,t,n),o=Math.min(e,t,n),s=a,c=a-o;if(i=a===0?0:c/a,a==o)r=0;else{switch(a){case e:r=(t-n)/c+(t<n?6:0);break;case t:r=(n-e)/c+2;break;case n:r=(e-t)/c+4}r/=6}return{h:r,s:i,v:s}}function f(e,t,n,r){var i=[F(Math.round(e).toString(16)),F(Math.round(t).toString(16)),F(Math.round(n).toString(16))];return r&&i[0].charAt(0)==i[0].charAt(1)&&i[1].charAt(0)==i[1].charAt(1)&&i[2].charAt(0)==i[2].charAt(1)?i[0].charAt(0)+i[1].charAt(0)+i[2].charAt(0):i.join(``)}function p(e,t,n,r){return[F(L(r)),F(Math.round(e).toString(16)),F(Math.round(t).toString(16)),F(Math.round(n).toString(16))].join(``)}function m(e,t){t=t===0?0:t||10;var n=l(e).toHsl();return n.s-=t/100,n.s=N(n.s),l(n)}function h(e,t){t=t===0?0:t||10;var n=l(e).toHsl();return n.s+=t/100,n.s=N(n.s),l(n)}function g(e){return l(e).desaturate(100)}function _(e,t){t=t===0?0:t||10;var n=l(e).toHsl();return n.l+=t/100,n.l=N(n.l),l(n)}function v(e,t){t=t===0?0:t||10;var n=l(e).toRgb();return n.r=Math.max(0,Math.min(255,n.r-Math.round(-t/100*255))),n.g=Math.max(0,Math.min(255,n.g-Math.round(-t/100*255))),n.b=Math.max(0,Math.min(255,n.b-Math.round(-t/100*255))),l(n)}function y(e,t){t=t===0?0:t||10;var n=l(e).toHsl();return n.l-=t/100,n.l=N(n.l),l(n)}function b(e,t){var n=l(e).toHsl(),r=(n.h+t)%360;return n.h=r<0?360+r:r,l(n)}function x(e){var t=l(e).toHsl();return t.h=(t.h+180)%360,l(t)}function S(e,t){if(isNaN(t)||t<=0)throw Error(`Argument to polyad must be a positive number`);for(var n=l(e).toHsl(),r=[l(e)],i=360/t,a=1;a<t;a++)r.push(l({h:(n.h+a*i)%360,s:n.s,l:n.l}));return r}function C(e){var t=l(e).toHsl(),n=t.h;return[l(e),l({h:(n+72)%360,s:t.s,l:t.l}),l({h:(n+216)%360,s:t.s,l:t.l})]}function w(e,t,n){t||=6,n||=30;var r=l(e).toHsl(),i=360/n,a=[l(e)];for(r.h=(r.h-(i*t>>1)+720)%360;--t;)r.h=(r.h+i)%360,a.push(l(r));return a}function T(e,t){t||=6;for(var n=l(e).toHsv(),r=n.h,i=n.s,a=n.v,o=[],s=1/t;t--;)o.push(l({h:r,s:i,v:a})),a=(a+s)%1;return o}l.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=this.toRgb(),t=e.r/255,n=e.g/255,r=e.b/255;return .2126*(t<=.03928?t/12.92:((t+.055)/1.055)**2.4)+.7152*(n<=.03928?n/12.92:((n+.055)/1.055)**2.4)+.0722*(r<=.03928?r/12.92:((r+.055)/1.055)**2.4)},setAlpha:function(e){return this._a=j(e),this._roundA=Math.round(100*this._a)/100,this},toHsv:function(){var e=d(this._r,this._g,this._b);return{h:360*e.h,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=d(this._r,this._g,this._b),t=Math.round(360*e.h),n=Math.round(100*e.s),r=Math.round(100*e.v);return this._a==1?`hsv(`+t+`, `+n+`%, `+r+`%)`:`hsva(`+t+`, `+n+`%, `+r+`%, `+this._roundA+`)`},toHsl:function(){var e=u(this._r,this._g,this._b);return{h:360*e.h,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=u(this._r,this._g,this._b),t=Math.round(360*e.h),n=Math.round(100*e.s),r=Math.round(100*e.l);return this._a==1?`hsl(`+t+`, `+n+`%, `+r+`%)`:`hsla(`+t+`, `+n+`%, `+r+`%, `+this._roundA+`)`},toHex:function(e){return f(this._r,this._g,this._b,e)},toHexString:function(e){return`#`+this.toHex(e)},toHex8:function(e){return function(e,t,n,r,i){var a=[F(Math.round(e).toString(16)),F(Math.round(t).toString(16)),F(Math.round(n).toString(16)),F(L(r))];return i&&a[0].charAt(0)==a[0].charAt(1)&&a[1].charAt(0)==a[1].charAt(1)&&a[2].charAt(0)==a[2].charAt(1)&&a[3].charAt(0)==a[3].charAt(1)?a[0].charAt(0)+a[1].charAt(0)+a[2].charAt(0)+a[3].charAt(0):a.join(``)}(this._r,this._g,this._b,this._a,e)},toHex8String:function(e){return`#`+this.toHex8(e)},toRgb:function(){return{r:Math.round(this._r),g:Math.round(this._g),b:Math.round(this._b),a:this._a}},toRgbString:function(){return this._a==1?`rgb(`+Math.round(this._r)+`, `+Math.round(this._g)+`, `+Math.round(this._b)+`)`:`rgba(`+Math.round(this._r)+`, `+Math.round(this._g)+`, `+Math.round(this._b)+`, `+this._roundA+`)`},toPercentageRgb:function(){return{r:Math.round(100*M(this._r,255))+`%`,g:Math.round(100*M(this._g,255))+`%`,b:Math.round(100*M(this._b,255))+`%`,a:this._a}},toPercentageRgbString:function(){return this._a==1?`rgb(`+Math.round(100*M(this._r,255))+`%, `+Math.round(100*M(this._g,255))+`%, `+Math.round(100*M(this._b,255))+`%)`:`rgba(`+Math.round(100*M(this._r,255))+`%, `+Math.round(100*M(this._g,255))+`%, `+Math.round(100*M(this._b,255))+`%, `+this._roundA+`)`},toName:function(){return this._a===0?`transparent`:!(this._a<1)&&(A[f(this._r,this._g,this._b,!0)]||!1)},toFilter:function(e){var t=`#`+p(this._r,this._g,this._b,this._a),n=t,r=this._gradientType?`GradientType = 1, `:``;if(e){var i=l(e);n=`#`+p(i._r,i._g,i._b,i._a)}return`progid:DXImageTransform.Microsoft.gradient(`+r+`startColorstr=`+t+`,endColorstr=`+n+`)`},toString:function(e){var t=!!e;e||=this._format;var n=!1,r=this._a<1&&this._a>=0;return t||!r||e!==`hex`&&e!==`hex6`&&e!==`hex3`&&e!==`hex4`&&e!==`hex8`&&e!==`name`?(e===`rgb`&&(n=this.toRgbString()),e===`prgb`&&(n=this.toPercentageRgbString()),e!==`hex`&&e!==`hex6`||(n=this.toHexString()),e===`hex3`&&(n=this.toHexString(!0)),e===`hex4`&&(n=this.toHex8String(!0)),e===`hex8`&&(n=this.toHex8String()),e===`name`&&(n=this.toName()),e===`hsl`&&(n=this.toHslString()),e===`hsv`&&(n=this.toHsvString()),n||this.toHexString()):e===`name`&&this._a===0?this.toName():this.toRgbString()},clone:function(){return l(this.toString())},_applyModification:function(e,t){var n=e.apply(null,[this].concat([].slice.call(t)));return this._r=n._r,this._g=n._g,this._b=n._b,this.setAlpha(n._a),this},lighten:function(){return this._applyModification(_,arguments)},brighten:function(){return this._applyModification(v,arguments)},darken:function(){return this._applyModification(y,arguments)},desaturate:function(){return this._applyModification(m,arguments)},saturate:function(){return this._applyModification(h,arguments)},greyscale:function(){return this._applyModification(g,arguments)},spin:function(){return this._applyModification(b,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(w,arguments)},complement:function(){return this._applyCombination(x,arguments)},monochromatic:function(){return this._applyCombination(T,arguments)},splitcomplement:function(){return this._applyCombination(C,arguments)},triad:function(){return this._applyCombination(S,[3])},tetrad:function(){return this._applyCombination(S,[4])}},l.fromRatio=function(e,t){if(o(e)==`object`){var n={};for(var r in e)e.hasOwnProperty(r)&&(n[r]=r===`a`?e[r]:I(e[r]));e=n}return l(e,t)},l.equals=function(e,t){return!(!e||!t)&&l(e).toRgbString()==l(t).toRgbString()},l.random=function(){return l.fromRatio({r:Math.random(),g:Math.random(),b:Math.random()})},l.mix=function(e,t,n){n=n===0?0:n||50;var r=l(e).toRgb(),i=l(t).toRgb(),a=n/100;return l({r:(i.r-r.r)*a+r.r,g:(i.g-r.g)*a+r.g,b:(i.b-r.b)*a+r.b,a:(i.a-r.a)*a+r.a})},l.readability=function(e,t){var n=l(e),r=l(t);return(Math.max(n.getLuminance(),r.getLuminance())+.05)/(Math.min(n.getLuminance(),r.getLuminance())+.05)},l.isReadable=function(e,t,n){var r,i=l.readability(e,t),a=!1;switch((r=function(e){var t=((e||={level:`AA`,size:`small`}).level||`AA`).toUpperCase(),n=(e.size||`small`).toLowerCase();return t!==`AA`&&t!==`AAA`&&(t=`AA`),n!==`small`&&n!==`large`&&(n=`small`),{level:t,size:n}}(n)).level+r.size){case`AAsmall`:case`AAAlarge`:a=i>=4.5;break;case`AAlarge`:a=i>=3;break;case`AAAsmall`:a=i>=7}return a},l.mostReadable=function(e,t,n){var r,i,a,o,s=null,c=0;i=(n||={}).includeFallbackColors,a=n.level,o=n.size;for(var u=0;u<t.length;u++)(r=l.readability(e,t[u]))>c&&(c=r,s=l(t[u]));return l.isReadable(e,s,{level:a,size:o})||!i?s:(n.includeFallbackColors=!1,l.mostReadable(e,[`#fff`,`#000`],n))};var E,D,O,k=l.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`},A=l.hexNames=function(e){var t={};for(var n in e)e.hasOwnProperty(n)&&(t[e[n]]=n);return t}(k);function j(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function M(e,t){(function(e){return typeof e==`string`&&e.indexOf(`.`)!=-1&&parseFloat(e)===1})(e)&&(e=`100%`);var n=function(e){return typeof e==`string`&&e.indexOf(`%`)!=-1}(e);return e=Math.min(t,Math.max(0,parseFloat(e))),n&&(e=parseInt(e*t,10)/100),Math.abs(e-t)<1e-6?1:e%t/parseFloat(t)}function N(e){return Math.min(1,Math.max(0,e))}function P(e){return parseInt(e,16)}function F(e){return e.length==1?`0`+e:``+e}function I(e){return e<=1&&(e=100*e+`%`),e}function L(e){return Math.round(255*parseFloat(e)).toString(16)}function R(e){return P(e)/255}var z=(D=`[\\s|\\(]+(`+(E=`(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)`)+`)[,|\\s]+(`+E+`)[,|\\s]+(`+E+`)\\s*\\)?`,O=`[\\s|\\(]+(`+E+`)[,|\\s]+(`+E+`)[,|\\s]+(`+E+`)[,|\\s]+(`+E+`)\\s*\\)?`,{CSS_UNIT:new RegExp(E),rgb:RegExp(`rgb`+D),rgba:RegExp(`rgba`+O),hsl:RegExp(`hsl`+D),hsla:RegExp(`hsla`+O),hsv:RegExp(`hsv`+D),hsva:RegExp(`hsva`+O),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})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/});function B(e){return!!z.CSS_UNIT.exec(e)}var V=class extends (i.PureComponent||i.Component){constructor(...e){super(...e),this.handleChange=e=>{let t=((e,t,n,r)=>{let i=r.clientWidth,a=r.clientHeight,o=typeof e.pageX==`number`?e.pageX:e.touches[0].pageX,s=typeof e.pageY==`number`?e.pageY:e.touches[0].pageY,c=o-(r.getBoundingClientRect().left+window.pageXOffset),l=s-(r.getBoundingClientRect().top+window.pageYOffset);if(t===`vertical`){let e;if(e=l<0?359:l>a?0:360*(-100*l/a+100)/100,n.h!==e)return{h:e,s:n.s,l:n.l,a:n.a,source:`hsl`}}else{let e;if(e=c<0?0:c>i?359:100*c/i*360/100,n.h!==e)return{h:e,s:n.s,l:n.l,a:n.a,source:`hsl`}}return null})(e,this.props.direction,this.props.hsl,this.container);t&&typeof this.props.onChange==`function`&&this.props.onChange(t,e)},this.handleMouseDown=e=>{this.handleChange(e),window.addEventListener(`mousemove`,this.handleChange),window.addEventListener(`mouseup`,this.handleMouseUp)},this.handleMouseUp=()=>{this.unbindEventListeners()}}componentWillUnmount(){this.unbindEventListeners()}unbindEventListeners(){window.removeEventListener(`mousemove`,this.handleChange),window.removeEventListener(`mouseup`,this.handleMouseUp)}render(){let e=this.props.direction??`horizontal`,t=e===`vertical`,n={hue:{position:`absolute`,top:`0px`,right:`0px`,bottom:`0px`,left:`0px`,borderRadius:this.props.radius,boxShadow:this.props.shadow},container:{padding:`0 2px`,position:`relative`,height:`100%`,borderRadius:this.props.radius},pointer:{position:`absolute`,left:t?`0px`:100*this.props.hsl.h/360+`%`,...t?{top:-100*this.props.hsl.h/360+100+`%`}:{}},slider:{marginTop:`1px`,width:`4px`,borderRadius:`1px`,height:`8px`,boxShadow:`0 0 2px rgba(0, 0, 0, .6)`,background:`#fff`,transform:`translateX(-2px)`}};return(0,a.jsx)(`div`,{style:n.hue,children:(0,a.jsxs)(`div`,{className:`hue-${e}`,style:n.container,ref:e=>{this.container=e},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange,children:[(0,a.jsx)(`style`,{children:`
+const e=require("./B7_pDFYCVzt-3hUs.cjs"),t=require("./Ytzw6iUYx5f19wfK.cjs"),n=require("./BjjAQLiorKWXy3g5.cjs"),r=require("./Doiqeo4Qlie45lbl.cjs");var i=e.r(t.i(),1),a=e.r(t.r(),1);function o(e){return o=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},o(e)}var s=/^\s+/,c=/\s+$/;function l(e,t){if(t||={},(e||=``)instanceof l)return e;if(!(this instanceof l))return new l(e,t);var n=function(e){var t,n,r,i={r:0,g:0,b:0},a=1,l=null,u=null,d=null,f=!1,p=!1;return typeof e==`string`&&(e=function(e){e=e.replace(s,``).replace(c,``).toLowerCase();var t,n=!1;if(k[e])e=k[e],n=!0;else if(e==`transparent`)return{r:0,g:0,b:0,a:0,format:`name`};return(t=z.rgb.exec(e))?{r:t[1],g:t[2],b:t[3]}:(t=z.rgba.exec(e))?{r:t[1],g:t[2],b:t[3],a:t[4]}:(t=z.hsl.exec(e))?{h:t[1],s:t[2],l:t[3]}:(t=z.hsla.exec(e))?{h:t[1],s:t[2],l:t[3],a:t[4]}:(t=z.hsv.exec(e))?{h:t[1],s:t[2],v:t[3]}:(t=z.hsva.exec(e))?{h:t[1],s:t[2],v:t[3],a:t[4]}:(t=z.hex8.exec(e))?{r:P(t[1]),g:P(t[2]),b:P(t[3]),a:R(t[4]),format:n?`name`:`hex8`}:(t=z.hex6.exec(e))?{r:P(t[1]),g:P(t[2]),b:P(t[3]),format:n?`name`:`hex`}:(t=z.hex4.exec(e))?{r:P(t[1]+``+t[1]),g:P(t[2]+``+t[2]),b:P(t[3]+``+t[3]),a:R(t[4]+``+t[4]),format:n?`name`:`hex8`}:!!(t=z.hex3.exec(e))&&{r:P(t[1]+``+t[1]),g:P(t[2]+``+t[2]),b:P(t[3]+``+t[3]),format:n?`name`:`hex`}}(e)),o(e)==`object`&&(B(e.r)&&B(e.g)&&B(e.b)?(t=e.r,n=e.g,r=e.b,i={r:255*M(t,255),g:255*M(n,255),b:255*M(r,255)},f=!0,p=String(e.r).substr(-1)===`%`?`prgb`:`rgb`):B(e.h)&&B(e.s)&&B(e.v)?(l=I(e.s),u=I(e.v),i=function(e,t,n){e=6*M(e,360),t=M(t,100),n=M(n,100);var r=Math.floor(e),i=e-r,a=n*(1-t),o=n*(1-i*t),s=n*(1-(1-i)*t),c=r%6;return{r:255*[n,o,a,a,s,n][c],g:255*[s,n,n,o,a,a][c],b:255*[a,a,s,n,n,o][c]}}(e.h,l,u),f=!0,p=`hsv`):B(e.h)&&B(e.s)&&B(e.l)&&(l=I(e.s),d=I(e.l),i=function(e,t,n){var r,i,a;function o(e,t,n){return n<0&&(n+=1),n>1&&--n,n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}if(e=M(e,360),t=M(t,100),n=M(n,100),t===0)r=i=a=n;else{var s=n<.5?n*(1+t):n+t-n*t,c=2*n-s;r=o(c,s,e+1/3),i=o(c,s,e),a=o(c,s,e-1/3)}return{r:255*r,g:255*i,b:255*a}}(e.h,l,d),f=!0,p=`hsl`),e.hasOwnProperty(`a`)&&(a=e.a)),a=j(a),{ok:f,format:e.format||p,r:Math.min(255,Math.max(i.r,0)),g:Math.min(255,Math.max(i.g,0)),b:Math.min(255,Math.max(i.b,0)),a}}(e);this._originalInput=e,this._r=n.r,this._g=n.g,this._b=n.b,this._a=n.a,this._roundA=Math.round(100*this._a)/100,this._format=t.format||n.format,this._gradientType=t.gradientType,this._r<1&&(this._r=Math.round(this._r)),this._g<1&&(this._g=Math.round(this._g)),this._b<1&&(this._b=Math.round(this._b)),this._ok=n.ok}function u(e,t,n){e=M(e,255),t=M(t,255),n=M(n,255);var r,i,a=Math.max(e,t,n),o=Math.min(e,t,n),s=(a+o)/2;if(a==o)r=i=0;else{var c=a-o;switch(i=s>.5?c/(2-a-o):c/(a+o),a){case e:r=(t-n)/c+(t<n?6:0);break;case t:r=(n-e)/c+2;break;case n:r=(e-t)/c+4}r/=6}return{h:r,s:i,l:s}}function d(e,t,n){e=M(e,255),t=M(t,255),n=M(n,255);var r,i,a=Math.max(e,t,n),o=Math.min(e,t,n),s=a,c=a-o;if(i=a===0?0:c/a,a==o)r=0;else{switch(a){case e:r=(t-n)/c+(t<n?6:0);break;case t:r=(n-e)/c+2;break;case n:r=(e-t)/c+4}r/=6}return{h:r,s:i,v:s}}function f(e,t,n,r){var i=[F(Math.round(e).toString(16)),F(Math.round(t).toString(16)),F(Math.round(n).toString(16))];return r&&i[0].charAt(0)==i[0].charAt(1)&&i[1].charAt(0)==i[1].charAt(1)&&i[2].charAt(0)==i[2].charAt(1)?i[0].charAt(0)+i[1].charAt(0)+i[2].charAt(0):i.join(``)}function p(e,t,n,r){return[F(L(r)),F(Math.round(e).toString(16)),F(Math.round(t).toString(16)),F(Math.round(n).toString(16))].join(``)}function m(e,t){t=t===0?0:t||10;var n=l(e).toHsl();return n.s-=t/100,n.s=N(n.s),l(n)}function h(e,t){t=t===0?0:t||10;var n=l(e).toHsl();return n.s+=t/100,n.s=N(n.s),l(n)}function g(e){return l(e).desaturate(100)}function _(e,t){t=t===0?0:t||10;var n=l(e).toHsl();return n.l+=t/100,n.l=N(n.l),l(n)}function v(e,t){t=t===0?0:t||10;var n=l(e).toRgb();return n.r=Math.max(0,Math.min(255,n.r-Math.round(-t/100*255))),n.g=Math.max(0,Math.min(255,n.g-Math.round(-t/100*255))),n.b=Math.max(0,Math.min(255,n.b-Math.round(-t/100*255))),l(n)}function y(e,t){t=t===0?0:t||10;var n=l(e).toHsl();return n.l-=t/100,n.l=N(n.l),l(n)}function b(e,t){var n=l(e).toHsl(),r=(n.h+t)%360;return n.h=r<0?360+r:r,l(n)}function x(e){var t=l(e).toHsl();return t.h=(t.h+180)%360,l(t)}function S(e,t){if(isNaN(t)||t<=0)throw Error(`Argument to polyad must be a positive number`);for(var n=l(e).toHsl(),r=[l(e)],i=360/t,a=1;a<t;a++)r.push(l({h:(n.h+a*i)%360,s:n.s,l:n.l}));return r}function C(e){var t=l(e).toHsl(),n=t.h;return[l(e),l({h:(n+72)%360,s:t.s,l:t.l}),l({h:(n+216)%360,s:t.s,l:t.l})]}function w(e,t,n){t||=6,n||=30;var r=l(e).toHsl(),i=360/n,a=[l(e)];for(r.h=(r.h-(i*t>>1)+720)%360;--t;)r.h=(r.h+i)%360,a.push(l(r));return a}function T(e,t){t||=6;for(var n=l(e).toHsv(),r=n.h,i=n.s,a=n.v,o=[],s=1/t;t--;)o.push(l({h:r,s:i,v:a})),a=(a+s)%1;return o}l.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=this.toRgb(),t=e.r/255,n=e.g/255,r=e.b/255;return .2126*(t<=.03928?t/12.92:((t+.055)/1.055)**2.4)+.7152*(n<=.03928?n/12.92:((n+.055)/1.055)**2.4)+.0722*(r<=.03928?r/12.92:((r+.055)/1.055)**2.4)},setAlpha:function(e){return this._a=j(e),this._roundA=Math.round(100*this._a)/100,this},toHsv:function(){var e=d(this._r,this._g,this._b);return{h:360*e.h,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=d(this._r,this._g,this._b),t=Math.round(360*e.h),n=Math.round(100*e.s),r=Math.round(100*e.v);return this._a==1?`hsv(`+t+`, `+n+`%, `+r+`%)`:`hsva(`+t+`, `+n+`%, `+r+`%, `+this._roundA+`)`},toHsl:function(){var e=u(this._r,this._g,this._b);return{h:360*e.h,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=u(this._r,this._g,this._b),t=Math.round(360*e.h),n=Math.round(100*e.s),r=Math.round(100*e.l);return this._a==1?`hsl(`+t+`, `+n+`%, `+r+`%)`:`hsla(`+t+`, `+n+`%, `+r+`%, `+this._roundA+`)`},toHex:function(e){return f(this._r,this._g,this._b,e)},toHexString:function(e){return`#`+this.toHex(e)},toHex8:function(e){return function(e,t,n,r,i){var a=[F(Math.round(e).toString(16)),F(Math.round(t).toString(16)),F(Math.round(n).toString(16)),F(L(r))];return i&&a[0].charAt(0)==a[0].charAt(1)&&a[1].charAt(0)==a[1].charAt(1)&&a[2].charAt(0)==a[2].charAt(1)&&a[3].charAt(0)==a[3].charAt(1)?a[0].charAt(0)+a[1].charAt(0)+a[2].charAt(0)+a[3].charAt(0):a.join(``)}(this._r,this._g,this._b,this._a,e)},toHex8String:function(e){return`#`+this.toHex8(e)},toRgb:function(){return{r:Math.round(this._r),g:Math.round(this._g),b:Math.round(this._b),a:this._a}},toRgbString:function(){return this._a==1?`rgb(`+Math.round(this._r)+`, `+Math.round(this._g)+`, `+Math.round(this._b)+`)`:`rgba(`+Math.round(this._r)+`, `+Math.round(this._g)+`, `+Math.round(this._b)+`, `+this._roundA+`)`},toPercentageRgb:function(){return{r:Math.round(100*M(this._r,255))+`%`,g:Math.round(100*M(this._g,255))+`%`,b:Math.round(100*M(this._b,255))+`%`,a:this._a}},toPercentageRgbString:function(){return this._a==1?`rgb(`+Math.round(100*M(this._r,255))+`%, `+Math.round(100*M(this._g,255))+`%, `+Math.round(100*M(this._b,255))+`%)`:`rgba(`+Math.round(100*M(this._r,255))+`%, `+Math.round(100*M(this._g,255))+`%, `+Math.round(100*M(this._b,255))+`%, `+this._roundA+`)`},toName:function(){return this._a===0?`transparent`:!(this._a<1)&&(A[f(this._r,this._g,this._b,!0)]||!1)},toFilter:function(e){var t=`#`+p(this._r,this._g,this._b,this._a),n=t,r=this._gradientType?`GradientType = 1, `:``;if(e){var i=l(e);n=`#`+p(i._r,i._g,i._b,i._a)}return`progid:DXImageTransform.Microsoft.gradient(`+r+`startColorstr=`+t+`,endColorstr=`+n+`)`},toString:function(e){var t=!!e;e||=this._format;var n=!1,r=this._a<1&&this._a>=0;return t||!r||e!==`hex`&&e!==`hex6`&&e!==`hex3`&&e!==`hex4`&&e!==`hex8`&&e!==`name`?(e===`rgb`&&(n=this.toRgbString()),e===`prgb`&&(n=this.toPercentageRgbString()),e!==`hex`&&e!==`hex6`||(n=this.toHexString()),e===`hex3`&&(n=this.toHexString(!0)),e===`hex4`&&(n=this.toHex8String(!0)),e===`hex8`&&(n=this.toHex8String()),e===`name`&&(n=this.toName()),e===`hsl`&&(n=this.toHslString()),e===`hsv`&&(n=this.toHsvString()),n||this.toHexString()):e===`name`&&this._a===0?this.toName():this.toRgbString()},clone:function(){return l(this.toString())},_applyModification:function(e,t){var n=e.apply(null,[this].concat([].slice.call(t)));return this._r=n._r,this._g=n._g,this._b=n._b,this.setAlpha(n._a),this},lighten:function(){return this._applyModification(_,arguments)},brighten:function(){return this._applyModification(v,arguments)},darken:function(){return this._applyModification(y,arguments)},desaturate:function(){return this._applyModification(m,arguments)},saturate:function(){return this._applyModification(h,arguments)},greyscale:function(){return this._applyModification(g,arguments)},spin:function(){return this._applyModification(b,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(w,arguments)},complement:function(){return this._applyCombination(x,arguments)},monochromatic:function(){return this._applyCombination(T,arguments)},splitcomplement:function(){return this._applyCombination(C,arguments)},triad:function(){return this._applyCombination(S,[3])},tetrad:function(){return this._applyCombination(S,[4])}},l.fromRatio=function(e,t){if(o(e)==`object`){var n={};for(var r in e)e.hasOwnProperty(r)&&(n[r]=r===`a`?e[r]:I(e[r]));e=n}return l(e,t)},l.equals=function(e,t){return!(!e||!t)&&l(e).toRgbString()==l(t).toRgbString()},l.random=function(){return l.fromRatio({r:Math.random(),g:Math.random(),b:Math.random()})},l.mix=function(e,t,n){n=n===0?0:n||50;var r=l(e).toRgb(),i=l(t).toRgb(),a=n/100;return l({r:(i.r-r.r)*a+r.r,g:(i.g-r.g)*a+r.g,b:(i.b-r.b)*a+r.b,a:(i.a-r.a)*a+r.a})},l.readability=function(e,t){var n=l(e),r=l(t);return(Math.max(n.getLuminance(),r.getLuminance())+.05)/(Math.min(n.getLuminance(),r.getLuminance())+.05)},l.isReadable=function(e,t,n){var r,i=l.readability(e,t),a=!1;switch((r=function(e){var t=((e||={level:`AA`,size:`small`}).level||`AA`).toUpperCase(),n=(e.size||`small`).toLowerCase();return t!==`AA`&&t!==`AAA`&&(t=`AA`),n!==`small`&&n!==`large`&&(n=`small`),{level:t,size:n}}(n)).level+r.size){case`AAsmall`:case`AAAlarge`:a=i>=4.5;break;case`AAlarge`:a=i>=3;break;case`AAAsmall`:a=i>=7}return a},l.mostReadable=function(e,t,n){var r,i,a,o,s=null,c=0;i=(n||={}).includeFallbackColors,a=n.level,o=n.size;for(var u=0;u<t.length;u++)(r=l.readability(e,t[u]))>c&&(c=r,s=l(t[u]));return l.isReadable(e,s,{level:a,size:o})||!i?s:(n.includeFallbackColors=!1,l.mostReadable(e,[`#fff`,`#000`],n))};var E,D,O,k=l.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`},A=l.hexNames=function(e){var t={};for(var n in e)e.hasOwnProperty(n)&&(t[e[n]]=n);return t}(k);function j(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function M(e,t){(function(e){return typeof e==`string`&&e.indexOf(`.`)!=-1&&parseFloat(e)===1})(e)&&(e=`100%`);var n=function(e){return typeof e==`string`&&e.indexOf(`%`)!=-1}(e);return e=Math.min(t,Math.max(0,parseFloat(e))),n&&(e=parseInt(e*t,10)/100),Math.abs(e-t)<1e-6?1:e%t/parseFloat(t)}function N(e){return Math.min(1,Math.max(0,e))}function P(e){return parseInt(e,16)}function F(e){return e.length==1?`0`+e:``+e}function I(e){return e<=1&&(e=100*e+`%`),e}function L(e){return Math.round(255*parseFloat(e)).toString(16)}function R(e){return P(e)/255}var z=(D=`[\\s|\\(]+(`+(E=`(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)`)+`)[,|\\s]+(`+E+`)[,|\\s]+(`+E+`)\\s*\\)?`,O=`[\\s|\\(]+(`+E+`)[,|\\s]+(`+E+`)[,|\\s]+(`+E+`)[,|\\s]+(`+E+`)\\s*\\)?`,{CSS_UNIT:new RegExp(E),rgb:RegExp(`rgb`+D),rgba:RegExp(`rgba`+O),hsl:RegExp(`hsl`+D),hsla:RegExp(`hsla`+O),hsv:RegExp(`hsv`+D),hsva:RegExp(`hsva`+O),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})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/});function B(e){return!!z.CSS_UNIT.exec(e)}var V=class extends (i.PureComponent||i.Component){constructor(...e){super(...e),this.handleChange=e=>{let t=((e,t,n,r)=>{let i=r.clientWidth,a=r.clientHeight,o=typeof e.pageX==`number`?e.pageX:e.touches[0].pageX,s=typeof e.pageY==`number`?e.pageY:e.touches[0].pageY,c=o-(r.getBoundingClientRect().left+window.pageXOffset),l=s-(r.getBoundingClientRect().top+window.pageYOffset);if(t===`vertical`){let e;if(e=l<0?359:l>a?0:360*(-100*l/a+100)/100,n.h!==e)return{h:e,s:n.s,l:n.l,a:n.a,source:`hsl`}}else{let e;if(e=c<0?0:c>i?359:100*c/i*360/100,n.h!==e)return{h:e,s:n.s,l:n.l,a:n.a,source:`hsl`}}return null})(e,this.props.direction,this.props.hsl,this.container);t&&typeof this.props.onChange==`function`&&this.props.onChange(t,e)},this.handleMouseDown=e=>{this.handleChange(e),window.addEventListener(`mousemove`,this.handleChange),window.addEventListener(`mouseup`,this.handleMouseUp)},this.handleMouseUp=()=>{this.unbindEventListeners()}}componentWillUnmount(){this.unbindEventListeners()}unbindEventListeners(){window.removeEventListener(`mousemove`,this.handleChange),window.removeEventListener(`mouseup`,this.handleMouseUp)}render(){let e=this.props.direction??`horizontal`,t=e===`vertical`,n={hue:{position:`absolute`,top:`0px`,right:`0px`,bottom:`0px`,left:`0px`,borderRadius:this.props.radius,boxShadow:this.props.shadow},container:{padding:`0 2px`,position:`relative`,height:`100%`,borderRadius:this.props.radius},pointer:{position:`absolute`,left:t?`0px`:100*this.props.hsl.h/360+`%`,...t?{top:-100*this.props.hsl.h/360+100+`%`}:{}},slider:{marginTop:`1px`,width:`4px`,borderRadius:`1px`,height:`8px`,boxShadow:`0 0 2px rgba(0, 0, 0, .6)`,background:`#fff`,transform:`translateX(-2px)`}};return(0,a.jsx)(`div`,{style:n.hue,children:(0,a.jsxs)(`div`,{className:`hue-${e}`,style:n.container,ref:e=>{this.container=e},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange,children:[(0,a.jsx)(`style`,{children:`
             .hue-horizontal {
               background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
               background: -webkit-linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);