https://thumio.com/assets/index-mmKvPZqB.js

1import{R as l,r as f}from"./react-vendor-DvpaPdNC.js";function h(){return(h=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function I(e,r){if(e==null)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r.indexOf(t=o[n])>=0||(a[t]=e[t]);return a}function x(e){var r=f.useRef(e),t=f.useRef(function(n){r.current&&r.current(n)});return r.current=e,t.current}var y=function(e,r,t){return r===void 0&&(r=0),t===void 0&&(t=1),e>t?t:e<r?r:e},R=function(e){return"touches"in e},F=function(e){return e&&e.ownerDocument.defaultView||self},$=function(e,r,t){var n=e.getBoundingClientRect(),a=R(r)?(function(o,u){for(var c=0;c<o.length;c++)if(o[c].identifier===u)return o[c];return o[0]})(r.touches,t):r;return{left:y((a.pageX-(n.left+F(e).pageXOffset))/n.width),top:y((a.pageY-(n.top+F(e).pageYOffset))/n.height)}},G=function(e){!R(e)&&e.preventDefault()},Y=l.memo(function(e){var r=e.onMove,t=e.onKey,n=e.onEnd,a=I(e,["onMove","onKey","onEnd"]),o=f.useRef(null),u=x(r),c=x(t),s=x(n),i=f.useRef(null),v=f.useRef(!1),p=f.useMemo(function(){var T=function(b){G(b),(R(b)?b.touches.length>0:b.buttons>0)&&o.current?u($(o.current,b,i.current)):(_(!1),s())},w=function(){_(!1),s()};function _(b){var g=v.current,H=F(o.current),P=b?H.addEventListener:H.removeEventListener;P(g?"touchmove":"mousemove",T),P(g?"touchend":"mouseup",w)}return[function(b){var g=b.nativeEvent,H=o.current;if(H&&(G(g),!(function(ie,fe){return fe&&!R(ie)})(g,v.current)&&H)){if(R(g)){v.current=!0;var P=g.changedTouches||[];P.length&&(i.current=P[0].identifier)}H.focus(),u($(H,g,i.current)),_(!0)}},function(b){var g=b.which||b.keyCode;g<37||g>40||(b.preventDefault(),c({left:g===39?.05:g===37?-.05:0,top:g===40?.05:g===38?-.05:0}))},function(b){var g=b.which||b.keyCode;g>=37&&g<=40&&s()},_]},[c,u,s]),C=p[0],m=p[1],N=p[2],z=p[3];return f.useEffect(function(){return z},[z]),l.createElement("div",h({},a,{onTouchStart:C,onMouseDown:C,className:"react-colorful__interactive",ref:o,onKeyDown:m,onKeyUp:N,tabIndex:0,role:"slider"}))}),O=function(e){return e.filter(Boolean).join(" ")},U=function(e){var r=e.color,t=e.left,n=e.top,a=n===void 0?.5:n,o=O(["react-colorful__pointer",e.className]);return l.createElement("div",{className:o,style:{top:100*a+"%",left:100*t+"%"}},l.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:r}}))},d=function(e,r,t){return r===void 0&&(r=0),t===void 0&&(t=Math.pow(10,r)),Math.round(t*e)/t},ve={grad:.9,turn:360,rad:360/(2*Math.PI)},W=function(e){return A(X(e))},X=function(e){return e[0]==="#"&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?d(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?d(parseInt(e.substring(6,8),16)/255,2):1}},Z=function(e,r){return r===void 0&&(r="deg"),Number(e)*(ve[r]||1)},ee=function(e){var r=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?V({h:Z(r[1],r[2]),s:Number(r[3]),l:Number(r[4]),a:r[5]===void 0?1:Number(r[5])/(r[6]?100:1)}):{h:0,s:0,v:0,a:1}},de=ee,V=function(e){var r=e.s,t=e.l;return{h:e.h,s:(r*=(t<50?t:100-t)/100)>0?2*r/(t+r)*100:0,v:t+r,a:e.a}},re=function(e){return me(S(e))},L=function(e){var r=e.s,t=e.v,n=e.a,a=(200-r)*t/100;return{h:d(e.h),s:d(a>0&&a<200?r*t/100/(a<=100?a:200-a)*100:0),l:d(a/2),a:d(n,2)}},D=function(e){var r=L(e);return"hsl("+r.h+", "+r.s+"%, "+r.l+"%)"},B=function(e){var r=L(e);return"hsla("+r.h+", "+r.s+"%, "+r.l+"%, "+r.a+")"},S=function(e){var r=e.h,t=e.s,n=e.v,a=e.a;r=r/360*6,t/=100,n/=100;var o=Math.floor(r),u=n*(1-t),c=n*(1-(r-o)*t),s=n*(1-(1-r+o)*t),i=o%6;return{r:d(255*[n,c,u,u,s,n][i]),g:d(255*[s,n,n,c,u,u][i]),b:d(255*[u,u,s,n,n,c][i]),a:d(a,2)}},te=function(e){var r=/hsva?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?j({h:Z(r[1],r[2]),s:Number(r[3]),v:Number(r[4]),a:r[5]===void 0?1:Number(r[5])/(r[6]?100:1)}):{h:0,s:0,v:0,a:1}},he=te,ne=function(e){var r=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?A({r:Number(r[1])/(r[2]?100/255:1),g:Number(r[3])/(r[4]?100/255:1),b:Number(r[5])/(r[6]?100/255:1),a:r[7]===void 0?1:Number(r[7])/(r[8]?100:1)}):{h:0,s:0,v:0,a:1}},ge=ne,K=function(e){var r=e.toString(16);return r.length<2?"0"+r:r},me=function(e){var r=e.r,t=e.g,n=e.b,a=e.a,o=a<1?K(d(255*a)):"";return"#"+K(r)+K(t)+K(n)+o},A=function(e){var r=e.r,t=e.g,n=e.b,a=e.a,o=Math.max(r,t,n),u=o-Math.min(r,t,n),c=u?o===r?(t-n)/u:o===t?2+(n-r)/u:4+(r-t)/u:0;return{h:d(60*(c<0?c+6:c)),s:d(o?u/o*100:0),v:d(o/255*100),a}},j=function(e){return{h:d(e.h),s:d(e.s),v:d(e.v),a:d(e.a,2)}}

1,oe=l.memo(function(e){var r=e.hue,t=e.onChange,n=e.onChangeEnd,a=O(["react-colorful__hue",e.className]);return l.createElement("div",{className:a},l.createElement(Y,{onMove:function(o){t({h:360*o.left})},onKey:function(o){t({h:y(r+360*o.left,0,360)})},onEnd:n,"aria-label":"Hue","aria-valuenow":d(r),"aria-valuemax":"360","aria-valuemin":"0"},l.createElement(U,{className:"react-colorful__hue-pointer",left:r/360,color:D({h:r,s:100,v:100,a:1})})))}),ae=l.memo(function(e){var r=e.hsva,t=e.onChange,n=e.onChangeEnd,a={backgroundColor:D({h:r.h,s:100,v:100,a:1})};return l.createElement("div",{className:"react-colorful__saturation",style:a},l.createElement(Y,{onMove:function(o){t({s:100*o.left,v:100-100*o.top})},onKey:function(o){t({s:y(r.s+100*o.left,0,100),v:y(r.v-100*o.top,0,100)})},onEnd:n,"aria-label":"Color","aria-valuetext":"Saturation "+d(r.s)+"%, Brightness "+d(r.v)+"%"},l.createElement(U,{className:"react-colorful__saturation-pointer",top:1-r.v/100,left:r.s/100,color:D(r)})))}),E=function(e,r){if(e===r)return!0;for(var t in e)if(e[t]!==r[t])return!1;return!0},q=function(e,r){return e.replace(/\s/g,"")===r.replace(/\s/g,"")},le=function(e,r){return e.toLowerCase()===r.toLowerCase()||E(X(e),X(r))};function ue(e,r,t,n){var a=x(t),o=x(n),u=f.useState(function(){return e.toHsva(r)}),c=u[0],s=u[1],i=f.useRef({color:r,hsva:c}),v=f.useRef(!1);f.useEffect(function(){if(!e.equal(r,i.current.color)){var m=e.toHsva(r);i.current={hsva:m,color:r},s(m),v.current=!1}},[r,e]),f.useEffect(function(){var m;E(c,i.current.hsva)||e.equal(m=e.fromHsva(c),i.current.color)||(i.current={hsva:c,color:m},a(m),v.current=!0)},[c,e,a]);var p=f.useCallback(function(m){s(function(N){return Object.assign({},N,m)})},[]),C=f.useCallback(function(){v.current&&(v.current=!1,o(i.current.color))},[o]);return[c,p,C]}var ce,pe=typeof window<"u"?f.useLayoutEffect:f.useEffect,be=function(){return ce||(typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0)},Ke=function(e){ce=e},J=new Map,se=function(e){pe(function(){var r=e.current?e.current.ownerDocument:document;if(r!==void 0&&!J.has(r)){var t=r.createElement("style");t.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,J.set(r,t);var n=be();n&&t.setAttribute("nonce",n),r.head.appendChild(t)}},[])},M=function(e){var r=e.className,t=e.colorModel,n=e.color,a=n===void 0?t.defaultColor:n,o=e.onChange,u=e.onChangeEnd,c=I(e,["className","colorModel","color","onChange","onChangeEnd"]),s=f.useRef(null);se(s);var i=ue(t,a,o,u),v=i[0],p=i[1],C=i[2],m=O(["react-colorful",r]);return l.createElement("div",h({},c,{ref:s,className:m}),l.createElement(ae,{hsva:v,onChange:p,onChangeEnd:C}),l.createElement(oe,{hue:v.h,onChange:p,onChangeEnd:C,className:"react-colorful__last-control"}))},Ce={defaultColor:"000",toHsva:W,fromHsva:function(e){return re({h:e.h,s:e.s,v:e.v,a:1})},equal:le},Be=function(e){return l.createElement(M,h({},e,{colorModel:Ce}))}

1,_e=function(e){var r=e.className,t=e.hsva,n=e.onChange,a=e.onChangeEnd,o={backgroundImage:"linear-gradient(90deg, "+B(Object.assign({},t,{a:0}))+", "+B(Object.assign({},t,{a:1}))+")"},u=O(["react-colorful__alpha",r]),c=d(100*t.a);return l.createElement("div",{className:u},l.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),l.createElement(Y,{onMove:function(s){n({a:s.left})},onKey:function(s){n({a:y(t.a+s.left)})},onEnd:a,"aria-label":"Alpha","aria-valuetext":c+"%","aria-valuenow":c,"aria-valuemin":"0","aria-valuemax":"100"},l.createElement(U,{className:"react-colorful__alpha-pointer",left:t.a,color:B(t)})))},k=function(e){var r=e.className,t=e.colorModel,n=e.color,a=n===void 0?t.defaultColor:n,o=e.onChange,u=e.onChangeEnd,c=I(e,["className","colorModel","color","onChange","onChangeEnd"]),s=f.useRef(null);se(s);var i=ue(t,a,o,u),v=i[0],p=i[1],C=i[2],m=O(["react-colorful",r]);return l.createElement("div",h({},c,{ref:s,className:m}),l.createElement(ae,{hsva:v,onChange:p,onChangeEnd:C}),l.createElement(oe,{hue:v.h,onChange:p,onChangeEnd:C}),l.createElement(_e,{hsva:v,onChange:p,onChangeEnd:C,className:"react-colorful__last-control"}))},Ee={defaultColor:"0001",toHsva:W,fromHsva:re,equal:le},De=function(e){return l.createElement(k,h({},e,{colorModel:Ee}))},He={defaultColor:{h:0,s:0,l:0,a:1},toHsva:V,fromHsva:L,equal:E},Le=function(e){return l.createElement(k,h({},e,{colorModel:He}))},xe={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:ee,fromHsva:B,equal:q},Ae=function(e){return l.createElement(k,h({},e,{colorModel:xe}))},Me={defaultColor:{h:0,s:0,l:0},toHsva:function(e){return V({h:e.h,s:e.s,l:e.l,a:1})},fromHsva:function(e){return{h:(r=L(e)).h,s:r.s,l:r.l};var r},equal:E},Te=function(e){return l.createElement(M,h({},e,{colorModel:Me}))},ke={defaultColor:"hsl(0, 0%, 0%)",toHsva:de,fromHsva:D,equal:q},Fe=function(e){return l.createElement(M,h({},e,{colorModel:ke}))},Ne={defaultColor:{h:0,s:0,v:0,a:1},toHsva:function(e){return e},fromHsva:j,equal:E},Xe=function(e){return l.createElement(k,h({},e,{colorModel:Ne}))},we={defaultColor:"hsva(0, 0%, 0%, 1)",toHsva:te,fromHsva:function(e){var r=j(e);return"hsva("+r.h+", "+r.s+"%, "+r.v+"%, "+r.a+")"},equal:q},Ye=function(e){return l.createElement(k,h({},e,{colorModel:we}))},ye={defaultColor:{h:0,s:0,v:0},toHsva:function(e){return{h:e.h,s:e.s,v:e.v,a:1}},fromHsva:function(e){var r=j(e);return{h:r.h,s:r.s,v:r.v}},equal:E},Ue=function(e){return l.createElement(M,h({},e,{colorModel:ye}))},qe={defaultColor:"hsv(0, 0%, 0%)",toHsva:he,fromHsva:function(e){var r=j(e);return"hsv("+r.h+", "+r.s+"%, "+r.v+"%)"},equal:q},Ve=function(e){return l.createElement(M,h({},e,{colorModel:qe}))},Pe={defaultColor:{r:0,g:0,b:0,a:1},toHsva:A,fromHsva:S,equal:E},$e=function(e){return l.createElement(k,h({},e,{colorModel:Pe}))},Re={defaultColor:"rgba(0, 0, 0, 1)",toHsva:ne,fromHsva:function(e){var r=S(e);return"rgba("+r.r+", "+r.g+", "+r.b+", "+r.a+")"},equal:q},Ge=function(e){return l.createElement(k,h({},e,{colorModel:Re}))},Ie={defaultColor:{r:0,g:0,b:0},toHsva:function(e){return A({r:e.r,g:e.g,b:e.b,a:1})},fromHsva:function(e){return{r:(r=S(e)).r,g:r.g,b:r.b};var r},equal:E},Je=function(e){return l.createElement(M,h({},e,{colorModel:Ie}))},Oe={defaultColor:"rgb(0, 0, 0)",toHsva:ge,fromHsva:function(e){var r=S(e);return"rgb("+r.r+", "+r.g+", "+r.b+")"},equal:q},Qe=function(e){return l.createElement(M,h({},e,{colorModel:Oe}))},Se=/^#?([0-9A-F]{3,8})$/i,je=function(e){var r=e.color,t=r===void 0?"":r,n=e.onChange,a=e.onBlur,o=e.escape,u=e.validate,c=e.format,s=e.process,i=I(e,["color","onChange","onBlur","escape","validate","format","process"]),v=f.useState(function(){return o(t)}),p=v[0],C=v[1],m=x(n),N=x(a),z=f.useCallback(function(w){var _=o(w.target.value);C(_),u(_)&&m(s?s(_):_)},[o,s,u,m]),T=f.useCallback(function(w){u(w.target.value)||C(o(t)),N(w)},[t,o,u,N]);return f.useEffect(function(){C(o(t))},[t,o]),l.createElement("input",h({},i,{value:c?c(p):p,spellCheck:"false",onChange:z,onBlur:T}))},Q=function(e){return"#"+e},We=function(e){var r=e.prefixed,t=e.alpha,n=I(e,["prefixed","alpha"]),a=f.useCallback(function(u){return u.replace(/([^0-9A-F]+)/gi,"").substring(0,t?8:6)},[t]),o=f.useCallback(function(u){return(function(c,s){var i=Se.exec(c),v=i?i[1].length:0;return v===3||v===6||!!s&&v===4||!!s&&v===8})(u,t)},[t]);return l.createElement(je,h({},n,{escape:a,format:r?Q:void 0,process:Q,validate:o}))};export{De as HexAlphaColorPicker,We as HexColorInput,Be as HexColorPicker,Te as HslColorPicker,Fe as HslStringColorPicker,Le as HslaColorPicker,Ae as HslaStringColorPicker,Ue as HsvColorPicker,Ve as HsvStringColorPicker,Xe as HsvaColorPicker,Ye as HsvaStringColorPicker,Je as RgbColorPicker,Qe as RgbStringColorPicker,$e as RgbaColorPicker,Ge as RgbaStringColorPicker,Ke as setNonce};