2 lines
17 KiB
JavaScript
2 lines
17 KiB
JavaScript
import{g as Q}from"./chunk-S4VUQJ4A-1bca9a32.js";import{n as w,f as A,T as Y,F as tt,I as et,r as x,R as m}from"./index-cc9b10ed.js";import{c as nt,Z as rt,H as st,u as ot}from"./index-b1b1a1ec.js";import{g as D}from"./_commonjsHelpers-de833af9.js";import{_ as at,i as W,b as ct}from"./index-e04ae519.js";import"./iframe-b8a2a526.js";import"../sb-preview/runtime.js";import"./index-d37d4223.js";import"./index-356e4a49.js";const M=nt,U={};for(const t of Object.keys(M))U[M[t]]=t;const l={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var q=l;for(const t of Object.keys(l)){if(!("channels"in l[t]))throw new Error("missing channels property: "+t);if(!("labels"in l[t]))throw new Error("missing channel labels property: "+t);if(l[t].labels.length!==l[t].channels)throw new Error("channel and label counts mismatch: "+t);const{channels:e,labels:s}=l[t];delete l[t].channels,delete l[t].labels,Object.defineProperty(l[t],"channels",{value:e}),Object.defineProperty(l[t],"labels",{value:s})}l.rgb.hsl=function(t){const e=t[0]/255,s=t[1]/255,n=t[2]/255,r=Math.min(e,s,n),o=Math.max(e,s,n),a=o-r;let c,i;o===r?c=0:e===o?c=(s-n)/a:s===o?c=2+(n-e)/a:n===o&&(c=4+(e-s)/a),c=Math.min(c*60,360),c<0&&(c+=360);const u=(r+o)/2;return o===r?i=0:u<=.5?i=a/(o+r):i=a/(2-o-r),[c,i*100,u*100]};l.rgb.hsv=function(t){let e,s,n,r,o;const a=t[0]/255,c=t[1]/255,i=t[2]/255,u=Math.max(a,c,i),d=u-Math.min(a,c,i),f=function(h){return(u-h)/6/d+1/2};return d===0?(r=0,o=0):(o=d/u,e=f(a),s=f(c),n=f(i),a===u?r=n-s:c===u?r=1/3+e-n:i===u&&(r=2/3+s-e),r<0?r+=1:r>1&&(r-=1)),[r*360,o*100,u*100]};l.rgb.hwb=function(t){const e=t[0],s=t[1];let n=t[2];const r=l.rgb.hsl(t)[0],o=1/255*Math.min(e,Math.min(s,n));return n=1-1/255*Math.max(e,Math.max(s,n)),[r,o*100,n*100]};l.rgb.cmyk=function(t){const e=t[0]/255,s=t[1]/255,n=t[2]/255,r=Math.min(1-e,1-s,1-n),o=(1-e-r)/(1-r)||0,a=(1-s-r)/(1-r)||0,c=(1-n-r)/(1-r)||0;return[o*100,a*100,c*100,r*100]};function it(t,e){return(t[0]-e[0])**2+(t[1]-e[1])**2+(t[2]-e[2])**2}l.rgb.keyword=function(t){const e=U[t];if(e)return e;let s=1/0,n;for(const r of Object.keys(M)){const o=M[r],a=it(t,o);a<s&&(s=a,n=r)}return n};l.keyword.rgb=function(t){return M[t]};l.rgb.xyz=function(t){let e=t[0]/255,s=t[1]/255,n=t[2]/255;e=e>.04045?((e+.055)/1.055)**2.4:e/12.92,s=s>.04045?((s+.055)/1.055)**2.4:s/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92;const r=e*.4124+s*.3576+n*.1805,o=e*.2126+s*.7152+n*.0722,a=e*.0193+s*.1192+n*.9505;return[r*100,o*100,a*100]};l.rgb.lab=function(t){const e=l.rgb.xyz(t);let s=e[0],n=e[1],r=e[2];s/=95.047,n/=100,r/=108.883,s=s>.008856?s**(1/3):7.787*s+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;const o=116*n-16,a=500*(s-n),c=200*(n-r);return[o,a,c]};l.hsl.rgb=function(t){const e=t[0]/360,s=t[1]/100,n=t[2]/100;let r,o,a;if(s===0)return a=n*255,[a,a,a];n<.5?r=n*(1+s):r=n+s-n*s;const c=2*n-r,i=[0,0,0];for(let u=0;u<3;u++)o=e+1/3*-(u-1),o<0&&o++,o>1&&o--,6*o<1?a=c+(r-c)*6*o:2*o<1?a=r:3*o<2?a=c+(r-c)*(2/3-o)*6:a=c,i[u]=a*255;return i};l.hsl.hsv=function(t){const e=t[0];let s=t[1]/100,n=t[2]/100,r=s;const o=Math.max(n,.01);n*=2,s*=n<=1?n:2-n,r*=o<=1?o:2-o;const a=(n+s)/2,c=n===0?2*r/(o+r):2*s/(n+s);return[e,c*100,a*100]};l.hsv.rgb=function(t){const e=t[0]/60,s=t[1]/100;let n=t[2]/100;const r=Math.floor(e)%6,o=e-Math.floor(e),a=255*n*(1-s),c=255*n*(1-s*o),i=255*n*(1-s*(1-o));switch(n*=255,r){case 0:return[n,i,a];case 1:return[c,n,a];case 2:return[a,n,i];case 3:return[a,c,n];case 4:return[i,a,n];case 5:return[n,a,c]}};l.hsv.hsl=function(t){const e=t[0],s=t[1]/100,n=t[2]/100,r=Math.max(n,.01);let o,a;a=(2-s)*n;const c=(2-s)*r;return o=s*r,o/=c<=1?c:2-c,o=o||0,a/=2,[e,o*100,a*100]};l.hwb.rgb=function(t){const e=t[0]/360;let s=t[1]/100,n=t[2]/100;const r=s+n;let o;r>1&&(s/=r,n/=r);const a=Math.floor(6*e),c=1-n;o=6*e-a,a&1&&(o=1-o);const i=s+o*(c-s);let u,d,f;switch(a){default:case 6:case 0:u=c,d=i,f=s;break;case 1:u=i,d=c,f=s;break;case 2:u=s,d=c,f=i;break;case 3:u=s,d=i,f=c;break;case 4:u=i,d=s,f=c;break;case 5:u=c,d=s,f=i;break}return[u*255,d*255,f*255]};l.cmyk.rgb=function(t){const e=t[0]/100,s=t[1]/100,n=t[2]/100,r=t[3]/100,o=1-Math.min(1,e*(1-r)+r),a=1-Math.min(1,s*(1-r)+r),c=1-Math.min(1,n*(1-r)+r);return[o*255,a*255,c*255]};l.xyz.rgb=function(t){const e=t[0]/100,s=t[1]/100,n=t[2]/100;let r,o,a;return r=e*3.2406+s*-1.5372+n*-.4986,o=e*-.9689+s*1.8758+n*.0415,a=e*.0557+s*-.204+n*1.057,r=r>.0031308?1.055*r**(1/2.4)-.055:r*12.92,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,r=Math.min(Math.max(0,r),1),o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),[r*255,o*255,a*255]};l.xyz.lab=function(t){let e=t[0],s=t[1],n=t[2];e/=95.047,s/=100,n/=108.883,e=e>.008856?e**(1/3):7.787*e+16/116,s=s>.008856?s**(1/3):7.787*s+16/116,n=n>.008856?n**(1/3):7.787*n+16/116;const r=116*s-16,o=500*(e-s),a=200*(s-n);return[r,o,a]};l.lab.xyz=function(t){const e=t[0],s=t[1],n=t[2];let r,o,a;o=(e+16)/116,r=s/500+o,a=o-n/200;const c=o**3,i=r**3,u=a**3;return o=c>.008856?c:(o-16/116)/7.787,r=i>.008856?i:(r-16/116)/7.787,a=u>.008856?u:(a-16/116)/7.787,r*=95.047,o*=100,a*=108.883,[r,o,a]};l.lab.lch=function(t){const e=t[0],s=t[1],n=t[2];let r;r=Math.atan2(n,s)*360/2/Math.PI,r<0&&(r+=360);const a=Math.sqrt(s*s+n*n);return[e,a,r]};l.lch.lab=function(t){const e=t[0],s=t[1],r=t[2]/360*2*Math.PI,o=s*Math.cos(r),a=s*Math.sin(r);return[e,o,a]};l.rgb.ansi16=function(t,e=null){const[s,n,r]=t;let o=e===null?l.rgb.hsv(t)[2]:e;if(o=Math.round(o/50),o===0)return 30;let a=30+(Math.round(r/255)<<2|Math.round(n/255)<<1|Math.round(s/255));return o===2&&(a+=60),a};l.hsv.ansi16=function(t){return l.rgb.ansi16(l.hsv.rgb(t),t[2])};l.rgb.ansi256=function(t){const e=t[0],s=t[1],n=t[2];return e===s&&s===n?e<8?16:e>248?231:Math.round((e-8)/247*24)+232:16+36*Math.round(e/255*5)+6*Math.round(s/255*5)+Math.round(n/255*5)};l.ansi16.rgb=function(t){let e=t%10;if(e===0||e===7)return t>50&&(e+=3.5),e=e/10.5*255,[e,e,e];const s=(~~(t>50)+1)*.5,n=(e&1)*s*255,r=(e>>1&1)*s*255,o=(e>>2&1)*s*255;return[n,r,o]};l.ansi256.rgb=function(t){if(t>=232){const o=(t-232)*10+8;return[o,o,o]}t-=16;let e;const s=Math.floor(t/36)/5*255,n=Math.floor((e=t%36)/6)/5*255,r=e%6/5*255;return[s,n,r]};l.rgb.hex=function(t){const s=(((Math.round(t[0])&255)<<16)+((Math.round(t[1])&255)<<8)+(Math.round(t[2])&255)).toString(16).toUpperCase();return"000000".substring(s.length)+s};l.hex.rgb=function(t){const e=t.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e)return[0,0,0];let s=e[0];e[0].length===3&&(s=s.split("").map(c=>c+c).join(""));const n=parseInt(s,16),r=n>>16&255,o=n>>8&255,a=n&255;return[r,o,a]};l.rgb.hcg=function(t){const e=t[0]/255,s=t[1]/255,n=t[2]/255,r=Math.max(Math.max(e,s),n),o=Math.min(Math.min(e,s),n),a=r-o;let c,i;return a<1?c=o/(1-a):c=0,a<=0?i=0:r===e?i=(s-n)/a%6:r===s?i=2+(n-e)/a:i=4+(e-s)/a,i/=6,i%=1,[i*360,a*100,c*100]};l.hsl.hcg=function(t){const e=t[1]/100,s=t[2]/100,n=s<.5?2*e*s:2*e*(1-s);let r=0;return n<1&&(r=(s-.5*n)/(1-n)),[t[0],n*100,r*100]};l.hsv.hcg=function(t){const e=t[1]/100,s=t[2]/100,n=e*s;let r=0;return n<1&&(r=(s-n)/(1-n)),[t[0],n*100,r*100]};l.hcg.rgb=function(t){const e=t[0]/360,s=t[1]/100,n=t[2]/100;if(s===0)return[n*255,n*255,n*255];const r=[0,0,0],o=e%1*6,a=o%1,c=1-a;let i=0;switch(Math.floor(o)){case 0:r[0]=1,r[1]=a,r[2]=0;break;case 1:r[0]=c,r[1]=1,r[2]=0;break;case 2:r[0]=0,r[1]=1,r[2]=a;break;case 3:r[0]=0,r[1]=c,r[2]=1;break;case 4:r[0]=a,r[1]=0,r[2]=1;break;default:r[0]=1,r[1]=0,r[2]=c}return i=(1-s)*n,[(s*r[0]+i)*255,(s*r[1]+i)*255,(s*r[2]+i)*255]};l.hcg.hsv=function(t){const e=t[1]/100,s=t[2]/100,n=e+s*(1-e);let r=0;return n>0&&(r=e/n),[t[0],r*100,n*100]};l.hcg.hsl=function(t){const e=t[1]/100,n=t[2]/100*(1-e)+.5*e;let r=0;return n>0&&n<.5?r=e/(2*n):n>=.5&&n<1&&(r=e/(2*(1-n))),[t[0],r*100,n*100]};l.hcg.hwb=function(t){const e=t[1]/100,s=t[2]/100,n=e+s*(1-e);return[t[0],(n-e)*100,(1-n)*100]};l.hwb.hcg=function(t){const e=t[1]/100,n=1-t[2]/100,r=n-e;let o=0;return r<1&&(o=(n-r)/(1-r)),[t[0],r*100,o*100]};l.apple.rgb=function(t){return[t[0]/65535*255,t[1]/65535*255,t[2]/65535*255]};l.rgb.apple=function(t){return[t[0]/255*65535,t[1]/255*65535,t[2]/255*65535]};l.gray.rgb=function(t){return[t[0]/100*255,t[0]/100*255,t[0]/100*255]};l.gray.hsl=function(t){return[0,0,t[0]]};l.gray.hsv=l.gray.hsl;l.gray.hwb=function(t){return[0,100,t[0]]};l.gray.cmyk=function(t){return[0,0,0,t[0]]};l.gray.lab=function(t){return[t[0],0,0]};l.gray.hex=function(t){const e=Math.round(t[0]/100*255)&255,n=((e<<16)+(e<<8)+e).toString(16).toUpperCase();return"000000".substring(n.length)+n};l.rgb.gray=function(t){return[(t[0]+t[1]+t[2])/3/255*100]};const _=q;function lt(){const t={},e=Object.keys(_);for(let s=e.length,n=0;n<s;n++)t[e[n]]={distance:-1,parent:null};return t}function ut(t){const e=lt(),s=[t];for(e[t].distance=0;s.length;){const n=s.pop(),r=Object.keys(_[n]);for(let o=r.length,a=0;a<o;a++){const c=r[a],i=e[c];i.distance===-1&&(i.distance=e[n].distance+1,i.parent=n,s.unshift(c))}}return e}function ft(t,e){return function(s){return e(t(s))}}function ht(t,e){const s=[e[t].parent,t];let n=_[e[t].parent][t],r=e[t].parent;for(;e[r].parent;)s.unshift(e[r].parent),n=ft(_[e[r].parent][r],n),r=e[r].parent;return n.conversion=s,n}var dt=function(t){const e=ut(t),s={},n=Object.keys(e);for(let r=n.length,o=0;o<r;o++){const a=n[o];e[a].parent!==null&&(s[a]=ht(a,e))}return s};const z=q,bt=dt,k={},gt=Object.keys(z);function mt(t){const e=function(...s){const n=s[0];return n==null?n:(n.length>1&&(s=n),t(s))};return"conversion"in t&&(e.conversion=t.conversion),e}function pt(t){const e=function(...s){const n=s[0];if(n==null)return n;n.length>1&&(s=n);const r=t(s);if(typeof r=="object")for(let o=r.length,a=0;a<o;a++)r[a]=Math.round(r[a]);return r};return"conversion"in t&&(e.conversion=t.conversion),e}gt.forEach(t=>{k[t]={},Object.defineProperty(k[t],"channels",{value:z[t].channels}),Object.defineProperty(k[t],"labels",{value:z[t].labels});const e=bt(t);Object.keys(e).forEach(n=>{const r=e[n];k[t][n]=pt(r),k[t][n].raw=mt(r)})});var xt=k;const p=D(xt);var vt=at,yt=function(){return vt.Date.now()},wt=yt,kt=/\s/;function $t(t){for(var e=t.length;e--&&kt.test(t.charAt(e)););return e}var Et=$t,Mt=Et,Ct=/^\s+/;function St(t){return t&&t.slice(0,Mt(t)+1).replace(Ct,"")}var Ot=St,Tt=Ot,H=W,It=ct,N=0/0,_t=/^[-+]0x[0-9a-f]+$/i,Ft=/^0b[01]+$/i,Rt=/^0o[0-7]+$/i,jt=parseInt;function Pt(t){if(typeof t=="number")return t;if(It(t))return N;if(H(t)){var e=typeof t.valueOf=="function"?t.valueOf():t;t=H(e)?e+"":e}if(typeof t!="string")return t===0?t:+t;t=Tt(t);var s=Ft.test(t);return s||Rt.test(t)?jt(t.slice(2),s?2:8):_t.test(t)?N:+t}var zt=Pt,Lt=W,P=wt,X=zt,Wt="Expected a function",Bt=Math.max,Ht=Math.min;function Nt(t,e,s){var n,r,o,a,c,i,u=0,d=!1,f=!1,h=!0;if(typeof t!="function")throw new TypeError(Wt);e=X(e)||0,Lt(s)&&(d=!!s.leading,f="maxWait"in s,o=f?Bt(X(s.maxWait)||0,e):o,h="trailing"in s?!!s.trailing:h);function v(b){var y=n,E=r;return n=r=void 0,u=b,a=t.apply(E,y),a}function C(b){return u=b,c=setTimeout(g,e),d?v(b):a}function R(b){var y=b-i,E=b-u,B=e-y;return f?Ht(B,o-E):B}function S(b){var y=b-i,E=b-u;return i===void 0||y>=e||y<0||f&&E>=o}function g(){var b=P();if(S(b))return O(b);c=setTimeout(g,R(b))}function O(b){return c=void 0,h&&n?v(b):(n=r=void 0,a)}function Z(){c!==void 0&&clearTimeout(c),u=0,n=i=r=c=void 0}function J(){return c===void 0?a:O(P())}function j(){var b=P(),y=S(b);if(n=arguments,r=this,i=b,y){if(c===void 0)return C(i);if(f)return clearTimeout(c),c=setTimeout(g,e),v(i)}return c===void 0&&(c=setTimeout(g,e)),a}return j.cancel=Z,j.flush=J,j}var Xt=Nt,Gt=Xt,Vt=W,At="Expected a function";function Dt(t,e,s){var n=!0,r=!0;if(typeof t!="function")throw new TypeError(At);return Vt(s)&&(n="leading"in s?!!s.leading:n,r="trailing"in s?!!s.trailing:r),Gt(t,e,{leading:n,maxWait:e,trailing:r})}var Ut=Dt;const qt=D(Ut);var Kt=w.div({position:"relative",maxWidth:250}),Zt=w(A)({position:"absolute",zIndex:1,top:4,left:4}),Jt=w.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Qt=w(Y)(({theme:t})=>({fontFamily:t.typography.fonts.base})),Yt=w.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),te=w.div(({theme:t,active:e})=>({width:16,height:16,boxShadow:e?`${t.appBorderColor} 0 0 0 1px inset, ${t.textMutedColor}50 0 0 0 4px`:`${t.appBorderColor} 0 0 0 1px inset`,borderRadius:t.appBorderRadius})),ee=`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>')`,G=({value:t,active:e,onClick:s,style:n,...r})=>{let o=`linear-gradient(${t}, ${t}), ${ee}, linear-gradient(#fff, #fff)`;return m.createElement(te,{...r,active:e,onClick:s,style:{...n,backgroundImage:o}})},ne=w(tt.Input)(({theme:t})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:t.typography.fonts.base})),re=w(et)(({theme:t})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:t.input.color})),K=(t=>(t.RGB="rgb",t.HSL="hsl",t.HEX="hex",t))(K||{}),T=Object.values(K),se=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,oe=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,ae=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,L=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,ce=/^\s*#?([0-9a-f]{3})\s*$/i,ie={hex:rt,rgb:st,hsl:ot},I={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},V=t=>{let e=t==null?void 0:t.match(se);if(!e)return[0,0,0,1];let[,s,n,r,o=1]=e;return[s,n,r,o].map(Number)},$=t=>{if(!t)return;let e=!0;if(oe.test(t)){let[a,c,i,u]=V(t),[d,f,h]=p.rgb.hsl([a,c,i])||[0,0,0];return{valid:e,value:t,keyword:p.rgb.keyword([a,c,i]),colorSpace:"rgb",rgb:t,hsl:`hsla(${d}, ${f}%, ${h}%, ${u})`,hex:`#${p.rgb.hex([a,c,i]).toLowerCase()}`}}if(ae.test(t)){let[a,c,i,u]=V(t),[d,f,h]=p.hsl.rgb([a,c,i])||[0,0,0];return{valid:e,value:t,keyword:p.hsl.keyword([a,c,i]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${h}, ${u})`,hsl:t,hex:`#${p.hsl.hex([a,c,i]).toLowerCase()}`}}let s=t.replace("#",""),n=p.keyword.rgb(s)||p.hex.rgb(s),r=p.rgb.hsl(n),o=t;if(/[^#a-f0-9]/i.test(t)?o=s:L.test(t)&&(o=`#${s}`),o.startsWith("#"))e=L.test(o);else try{p.keyword.hex(o)}catch{e=!1}return{valid:e,value:o,keyword:p.rgb.keyword(n),colorSpace:"hex",rgb:`rgba(${n[0]}, ${n[1]}, ${n[2]}, 1)`,hsl:`hsla(${r[0]}, ${r[1]}%, ${r[2]}%, 1)`,hex:o}},le=(t,e,s)=>{if(!t||!(e!=null&&e.valid))return I[s];if(s!=="hex")return(e==null?void 0:e[s])||I[s];if(!e.hex.startsWith("#"))try{return`#${p.keyword.hex(e.hex)}`}catch{return I.hex}let n=e.hex.match(ce);if(!n)return L.test(e.hex)?e.hex:I.hex;let[r,o,a]=n[1].split("");return`#${r}${r}${o}${o}${a}${a}`},ue=(t,e)=>{let[s,n]=x.useState(t||""),[r,o]=x.useState(()=>$(s)),[a,c]=x.useState((r==null?void 0:r.colorSpace)||"hex");x.useEffect(()=>{let f=t||"",h=$(f);n(f),o(h),c((h==null?void 0:h.colorSpace)||"hex")},[t]);let i=x.useMemo(()=>le(s,r,a).toLowerCase(),[s,r,a]),u=x.useCallback(f=>{let h=$(f),v=(h==null?void 0:h.value)||f||"";n(v),v===""&&(o(void 0),e(void 0)),h&&(o(h),c(h.colorSpace),e(h.value))},[e]),d=x.useCallback(()=>{let f=T.indexOf(a)+1;f>=T.length&&(f=0),c(T[f]);let h=(r==null?void 0:r[T[f]])||"";n(h),e(h)},[r,a,e]);return{value:s,realValue:i,updateValue:u,color:r,colorSpace:a,cycleColorSpace:d}},F=t=>t.replace(/\s*/,"").toLowerCase(),fe=(t,e,s)=>{let[n,r]=x.useState(e!=null&&e.valid?[e]:[]);x.useEffect(()=>{e===void 0&&r([])},[e]);let o=x.useMemo(()=>(t||[]).map(c=>typeof c=="string"?$(c):c.title?{...$(c.color),keyword:c.title}:$(c.color)).concat(n).filter(Boolean).slice(-27),[t,n]),a=x.useCallback(c=>{c!=null&&c.valid&&(o.some(i=>F(i[s])===F(c[s]))||r(i=>i.concat(c)))},[s,o]);return{presets:o,addPreset:a}},he=({name:t,value:e,onChange:s,onFocus:n,onBlur:r,presetColors:o,startOpen:a=!1})=>{let c=x.useCallback(qt(s,200),[s]),{value:i,realValue:u,updateValue:d,color:f,colorSpace:h,cycleColorSpace:v}=ue(e,c),{presets:C,addPreset:R}=fe(o,f,h),S=ie[h];return m.createElement(Kt,null,m.createElement(Zt,{startOpen:a,closeOnOutsideClick:!0,onVisibleChange:()=>R(f),tooltip:m.createElement(Jt,null,m.createElement(S,{color:u==="transparent"?"#000000":u,onChange:d,onFocus:n,onBlur:r}),C.length>0&&m.createElement(Yt,null,C.map((g,O)=>m.createElement(A,{key:`${g.value}-${O}`,hasChrome:!1,tooltip:m.createElement(Qt,{note:g.keyword||g.value})},m.createElement(G,{value:g[h],active:f&&F(g[h])===F(f[h]),onClick:()=>d(g.value)})))))},m.createElement(G,{value:u,style:{margin:4}})),m.createElement(ne,{id:Q(t),value:i,onChange:g=>d(g.target.value),onFocus:g=>g.target.select(),placeholder:"Choose color..."}),i?m.createElement(re,{icon:"markup",onClick:v}):null)},ke=he;export{he as ColorControl,ke as default};
|
|
//# sourceMappingURL=Color-6VNJS4EI-c3b7452d.js.map
|