3 lines
15 KiB
JavaScript
3 lines
15 KiB
JavaScript
!function(e,r,t,o,n){var a="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{},l="function"==typeof a[o]&&a[o],u=l.cache||{},c="undefined"!=typeof module&&"function"==typeof module.require&&module.require.bind(module);function f(r,t){if(!u[r]){if(!e[r]){var n="function"==typeof a[o]&&a[o];if(!t&&n)return n(r,!0);if(l)return l(r,!0);if(c&&"string"==typeof r)return c(r);var i=Error("Cannot find module '"+r+"'");throw i.code="MODULE_NOT_FOUND",i}d.resolve=function(t){var o=e[r][1][t];return null!=o?o:t},d.cache={};var s=u[r]=new f.Module(r);e[r][0].call(s.exports,d,s,s.exports,this)}return u[r].exports;function d(e){var r=d.resolve(e);return!1===r?{}:f(r)}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.exports={}},f.modules=e,f.cache=u,f.parent=l,f.register=function(r,t){e[r]=[function(e,r){r.exports=t},{}]},Object.defineProperty(f,"root",{get:function(){return a[o]}}),a[o]=f;for(var i=0;i<r.length;i++)f(r[i])}({aAP16:[function(e,r,t){var o=e("@parcel/transformer-js/src/esmodule-helpers.js");o.defineInteropFlag(t),o.export(t,"HexAlphaColorPicker",()=>W),o.export(t,"HexColorInput",()=>eN),o.export(t,"HexColorPicker",()=>$),o.export(t,"HslColorPicker",()=>en),o.export(t,"HslStringColorPicker",()=>el),o.export(t,"HslaColorPicker",()=>ee),o.export(t,"HslaStringColorPicker",()=>et),o.export(t,"HsvColorPicker",()=>ed),o.export(t,"HsvStringColorPicker",()=>eh),o.export(t,"HsvaColorPicker",()=>ec),o.export(t,"HsvaStringColorPicker",()=>ei),o.export(t,"RgbColorPicker",()=>ex),o.export(t,"RgbStringColorPicker",()=>eE),o.export(t,"RgbaColorPicker",()=>eg),o.export(t,"RgbaStringColorPicker",()=>eb),o.export(t,"setNonce",()=>F);var n=e("react"),a=o.interopDefault(n);function l(){return(l=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(this,arguments)}function u(e,r){if(null==e)return{};var t,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)r.indexOf(t=a[o])>=0||(n[t]=e[t]);return n}function c(e){var r=(0,n.useRef)(e),t=(0,n.useRef)(function(e){r.current&&r.current(e)});return r.current=e,t.current}var f=function(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=1),e>t?t:e<r?r:e},i=function(e){return"touches"in e},s=function(e){return e&&e.ownerDocument.defaultView||self},d=function(e,r,t){var o=e.getBoundingClientRect(),n=i(r)?function(e,r){for(var t=0;t<e.length;t++)if(e[t].identifier===r)return e[t];return e[0]}(r.touches,t):r;return{left:f((n.pageX-(o.left+s(e).pageXOffset))/o.width),top:f((n.pageY-(o.top+s(e).pageYOffset))/o.height)}},v=function(e){i(e)||e.preventDefault()},h=(0,a.default).memo(function(e){var r=e.onMove,t=e.onKey,o=u(e,["onMove","onKey"]),f=(0,n.useRef)(null),h=c(r),p=c(t),g=(0,n.useRef)(null),m=(0,n.useRef)(!1),b=(0,n.useMemo)(function(){var e=function(e){v(e),(i(e)?e.touches.length>0:e.buttons>0)&&f.current?h(d(f.current,e,g.current)):t(!1)},r=function(){return t(!1)};function t(t){var o=m.current,n=s(f.current),a=t?n.addEventListener:n.removeEventListener;a(o?"touchmove":"mousemove",e),a(o?"touchend":"mouseup",r)}return[function(e){var r=e.nativeEvent,o=f.current;if(o&&(v(r),(!m.current||i(r))&&o)){if(i(r)){m.current=!0;var n=r.changedTouches||[];n.length&&(g.current=n[0].identifier)}o.focus(),h(d(o,r,g.current)),t(!0)}},function(e){var r=e.which||e.keyCode;r<37||r>40||(e.preventDefault(),p({left:39===r?.05:37===r?-.05:0,top:40===r?.05:38===r?-.05:0}))},t]},[p,h]),_=b[0],x=b[1],C=b[2];return(0,n.useEffect)(function(){return C},[C]),(0,a.default).createElement("div",l({},o,{onTouchStart:_,onMouseDown:_,className:"react-colorful__interactive",ref:f,onKeyDown:x,tabIndex:0,role:"slider"}))}),p=function(e){return e.filter(Boolean).join(" ")},g=function(e){var r=e.color,t=e.left,o=e.top,n=p(["react-colorful__pointer",e.className]);return(0,a.default).createElement("div",{className:n,style:{top:100*(void 0===o?.5:o)+"%",left:100*t+"%"}},(0,a.default).createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:r}}))},m=function(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=Math.pow(10,r)),Math.round(t*e)/t},b={grad:.9,turn:360,rad:360/(2*Math.PI)},_=function(e){return j(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:4===e.length?m(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:8===e.length?m(parseInt(e.substring(6,8),16)/255,2):1}},C=function(e,r){return void 0===r&&(r="deg"),Number(e)*(b[r]||1)},E=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?H({h:C(r[1],r[2]),s:Number(r[3]),l:Number(r[4]),a:void 0===r[5]?1:Number(r[5])/(r[6]?100:1)}):{h:0,s:0,v:0,a:1}},H=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}},M=function(e){return O(y(e))},w=function(e){var r=e.s,t=e.v,o=e.a,n=(200-r)*t/100;return{h:m(e.h),s:m(n>0&&n<200?r*t/100/(n<=100?n:200-n)*100:0),l:m(n/2),a:m(o,2)}},N=function(e){var r=w(e);return"hsl("+r.h+", "+r.s+"%, "+r.l+"%)"},k=function(e){var r=w(e);return"hsla("+r.h+", "+r.s+"%, "+r.l+"%, "+r.a+")"},y=function(e){var r=e.h,t=e.s,o=e.v,n=e.a;r=r/360*6,t/=100,o/=100;var a=Math.floor(r),l=o*(1-t),u=o*(1-(r-a)*t),c=o*(1-(1-r+a)*t),f=a%6;return{r:m(255*[o,u,l,l,c,o][f]),g:m(255*[c,o,o,u,l,l][f]),b:m(255*[l,l,c,o,o,u][f]),a:m(n,2)}},q=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?I({h:C(r[1],r[2]),s:Number(r[3]),v:Number(r[4]),a:void 0===r[5]?1:Number(r[5])/(r[6]?100:1)}):{h:0,s:0,v:0,a:1}},P=function(e){var r=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?j({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:void 0===r[7]?1:Number(r[7])/(r[8]?100:1)}):{h:0,s:0,v:0,a:1}},R=function(e){var r=e.toString(16);return r.length<2?"0"+r:r},O=function(e){var r=e.r,t=e.g,o=e.b,n=e.a,a=n<1?R(m(255*n)):"";return"#"+R(r)+R(t)+R(o)+a},j=function(e){var r=e.r,t=e.g,o=e.b,n=e.a,a=Math.max(r,t,o),l=a-Math.min(r,t,o),u=l?a===r?(t-o)/l:a===t?2+(o-r)/l:4+(r-t)/l:0;return{h:m(60*(u<0?u+6:u)),s:m(a?l/a*100:0),v:m(a/255*100),a:n}},I=function(e){return{h:m(e.h),s:m(e.s),v:m(e.v),a:m(e.a,2)}},S=(0,a.default).memo(function(e){var r=e.hue,t=e.onChange,o=p(["react-colorful__hue",e.className]);return(0,a.default).createElement("div",{className:o},(0,a.default).createElement(h,{onMove:function(e){t({h:360*e.left})},onKey:function(e){t({h:f(r+360*e.left,0,360)})},"aria-label":"Hue","aria-valuenow":m(r),"aria-valuemax":"360","aria-valuemin":"0"},(0,a.default).createElement(g,{className:"react-colorful__hue-pointer",left:r/360,color:N({h:r,s:100,v:100,a:1})})))}),D=(0,a.default).memo(function(e){var r=e.hsva,t=e.onChange,o={backgroundColor:N({h:r.h,s:100,v:100,a:1})};return(0,a.default).createElement("div",{className:"react-colorful__saturation",style:o},(0,a.default).createElement(h,{onMove:function(e){t({s:100*e.left,v:100-100*e.top})},onKey:function(e){t({s:f(r.s+100*e.left,0,100),v:f(r.v-100*e.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+m(r.s)+"%, Brightness "+m(r.v)+"%"},(0,a.default).createElement(g,{className:"react-colorful__saturation-pointer",top:1-r.v/100,left:r.s/100,color:N(r)})))}),z=function(e,r){if(e===r)return!0;for(var t in e)if(e[t]!==r[t])return!1;return!0},B=function(e,r){return e.replace(/\s/g,"")===r.replace(/\s/g,"")},L=function(e,r){return e.toLowerCase()===r.toLowerCase()||z(x(e),x(r))};function A(e,r,t){var o=c(t),a=(0,n.useState)(function(){return e.toHsva(r)}),l=a[0],u=a[1],f=(0,n.useRef)({color:r,hsva:l});return(0,n.useEffect)(function(){if(!e.equal(r,f.current.color)){var t=e.toHsva(r);f.current={hsva:t,color:r},u(t)}},[r,e]),(0,n.useEffect)(function(){var r;z(l,f.current.hsva)||e.equal(r=e.fromHsva(l),f.current.color)||(f.current={hsva:l,color:r},o(r))},[l,e,o]),[l,(0,n.useCallback)(function(e){u(function(r){return Object.assign({},r,e)})},[])]}var K,T="undefined"!=typeof window?n.useLayoutEffect:n.useEffect,F=function(e){K=e},U=new Map,X=function(e){T(function(){var r=e.current?e.current.ownerDocument:document;if(void 0!==r&&!U.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}',U.set(r,t);var o=K||("undefined"!=typeof __webpack_nonce__?__webpack_nonce__:void 0);o&&t.setAttribute("nonce",o),r.head.appendChild(t)}},[])},Y=function(e){var r=e.className,t=e.colorModel,o=e.color,c=void 0===o?t.defaultColor:o,f=e.onChange,i=u(e,["className","colorModel","color","onChange"]),s=(0,n.useRef)(null);X(s);var d=A(t,c,f),v=d[0],h=d[1],g=p(["react-colorful",r]);return(0,a.default).createElement("div",l({},i,{ref:s,className:g}),(0,a.default).createElement(D,{hsva:v,onChange:h}),(0,a.default).createElement(S,{hue:v.h,onChange:h,className:"react-colorful__last-control"}))},V={defaultColor:"000",toHsva:_,fromHsva:function(e){return M({h:e.h,s:e.s,v:e.v,a:1})},equal:L},$=function(e){return(0,a.default).createElement(Y,l({},e,{colorModel:V}))},G=function(e){var r=e.className,t=e.hsva,o=e.onChange,n={backgroundImage:"linear-gradient(90deg, "+k(Object.assign({},t,{a:0}))+", "+k(Object.assign({},t,{a:1}))+")"},l=p(["react-colorful__alpha",r]),u=m(100*t.a);return(0,a.default).createElement("div",{className:l},(0,a.default).createElement("div",{className:"react-colorful__alpha-gradient",style:n}),(0,a.default).createElement(h,{onMove:function(e){o({a:e.left})},onKey:function(e){o({a:f(t.a+e.left)})},"aria-label":"Alpha","aria-valuetext":u+"%","aria-valuenow":u,"aria-valuemin":"0","aria-valuemax":"100"},(0,a.default).createElement(g,{className:"react-colorful__alpha-pointer",left:t.a,color:k(t)})))},J=function(e){var r=e.className,t=e.colorModel,o=e.color,c=void 0===o?t.defaultColor:o,f=e.onChange,i=u(e,["className","colorModel","color","onChange"]),s=(0,n.useRef)(null);X(s);var d=A(t,c,f),v=d[0],h=d[1],g=p(["react-colorful",r]);return(0,a.default).createElement("div",l({},i,{ref:s,className:g}),(0,a.default).createElement(D,{hsva:v,onChange:h}),(0,a.default).createElement(S,{hue:v.h,onChange:h}),(0,a.default).createElement(G,{hsva:v,onChange:h,className:"react-colorful__last-control"}))},Q={defaultColor:"0001",toHsva:_,fromHsva:M,equal:L},W=function(e){return(0,a.default).createElement(J,l({},e,{colorModel:Q}))},Z={defaultColor:{h:0,s:0,l:0,a:1},toHsva:H,fromHsva:w,equal:z},ee=function(e){return(0,a.default).createElement(J,l({},e,{colorModel:Z}))},er={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:E,fromHsva:k,equal:B},et=function(e){return(0,a.default).createElement(J,l({},e,{colorModel:er}))},eo={defaultColor:{h:0,s:0,l:0},toHsva:function(e){return H({h:e.h,s:e.s,l:e.l,a:1})},fromHsva:function(e){var r;return{h:(r=w(e)).h,s:r.s,l:r.l}},equal:z},en=function(e){return(0,a.default).createElement(Y,l({},e,{colorModel:eo}))},ea={defaultColor:"hsl(0, 0%, 0%)",toHsva:E,fromHsva:N,equal:B},el=function(e){return(0,a.default).createElement(Y,l({},e,{colorModel:ea}))},eu={defaultColor:{h:0,s:0,v:0,a:1},toHsva:function(e){return e},fromHsva:I,equal:z},ec=function(e){return(0,a.default).createElement(J,l({},e,{colorModel:eu}))},ef={defaultColor:"hsva(0, 0%, 0%, 1)",toHsva:q,fromHsva:function(e){var r=I(e);return"hsva("+r.h+", "+r.s+"%, "+r.v+"%, "+r.a+")"},equal:B},ei=function(e){return(0,a.default).createElement(J,l({},e,{colorModel:ef}))},es={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=I(e);return{h:r.h,s:r.s,v:r.v}},equal:z},ed=function(e){return(0,a.default).createElement(Y,l({},e,{colorModel:es}))},ev={defaultColor:"hsv(0, 0%, 0%)",toHsva:q,fromHsva:function(e){var r=I(e);return"hsv("+r.h+", "+r.s+"%, "+r.v+"%)"},equal:B},eh=function(e){return(0,a.default).createElement(Y,l({},e,{colorModel:ev}))},ep={defaultColor:{r:0,g:0,b:0,a:1},toHsva:j,fromHsva:y,equal:z},eg=function(e){return(0,a.default).createElement(J,l({},e,{colorModel:ep}))},em={defaultColor:"rgba(0, 0, 0, 1)",toHsva:P,fromHsva:function(e){var r=y(e);return"rgba("+r.r+", "+r.g+", "+r.b+", "+r.a+")"},equal:B},eb=function(e){return(0,a.default).createElement(J,l({},e,{colorModel:em}))},e_={defaultColor:{r:0,g:0,b:0},toHsva:function(e){return j({r:e.r,g:e.g,b:e.b,a:1})},fromHsva:function(e){var r;return{r:(r=y(e)).r,g:r.g,b:r.b}},equal:z},ex=function(e){return(0,a.default).createElement(Y,l({},e,{colorModel:e_}))},eC={defaultColor:"rgb(0, 0, 0)",toHsva:P,fromHsva:function(e){var r=y(e);return"rgb("+r.r+", "+r.g+", "+r.b+")"},equal:B},eE=function(e){return(0,a.default).createElement(Y,l({},e,{colorModel:eC}))},eH=/^#?([0-9A-F]{3,8})$/i,eM=function(e){var r=e.color,t=void 0===r?"":r,o=e.onChange,f=e.onBlur,i=e.escape,s=e.validate,d=e.format,v=e.process,h=u(e,["color","onChange","onBlur","escape","validate","format","process"]),p=(0,n.useState)(function(){return i(t)}),g=p[0],m=p[1],b=c(o),_=c(f),x=(0,n.useCallback)(function(e){var r=i(e.target.value);m(r),s(r)&&b(v?v(r):r)},[i,v,s,b]),C=(0,n.useCallback)(function(e){s(e.target.value)||m(i(t)),_(e)},[t,i,s,_]);return(0,n.useEffect)(function(){m(i(t))},[t,i]),(0,a.default).createElement("input",l({},h,{value:d?d(g):g,spellCheck:"false",onChange:x,onBlur:C}))},ew=function(e){return"#"+e},eN=function(e){var r=e.prefixed,t=e.alpha,o=u(e,["prefixed","alpha"]),c=(0,n.useCallback)(function(e){return e.replace(/([^0-9A-F]+)/gi,"").substring(0,t?8:6)},[t]),f=(0,n.useCallback)(function(e){var r,o;return 3===(o=(r=eH.exec(e))?r[1].length:0)||6===o||!!t&&4===o||!!t&&8===o},[t]);return(0,a.default).createElement(eM,l({},o,{escape:c,format:r?ew:void 0,process:ew,validate:f}))}},{react:"jhHkt","@parcel/transformer-js/src/esmodule-helpers.js":"4uUBn"}]},[],0,"parcelRequire2d1f");
|
|
//# sourceMappingURL=index.module.4fc4803d.js.map
|