Module 508274

function(e,l,n){n.d(l,{VN:()=>S,fy:()=>$,nJ:()=>L,sk:()=>T});var t=n(477900),s=n(582128),r=n(503698),i=n.n(r),o=n(837381),a=n(887129),c=n(741918),d=n(317097),u=n(933832),h=n(259678),g=n(22231),p=n(714385),m=n(939249),x=n(661531),b=n(305866),f=n(292666),j=n(971745),k=n(284059),C=n(652215),v=n(375708),I=n(298261);let N=s.lazy(()=>Promise.all([n.e("51921"),n.e("69047"),n.e("93279"),n.e("36920"),n.e("87680")]).then(n.bind(n,148259))),y=()=>Promise.resolve();function A(e){let{color:l,listItemId:n,isDefault:s=!1,isCustom:r=!1,isSelected:a=!1,disabled:c=!1,style:p={},onClick:m,isGradient:b=!1,"aria-label":f,gradientColors:j,gradientDegrees:N=180}=e,y=(0,o.rm)(n??`color-${l}`),A={};A=b&&null!=j&&j.length>0?{background:(0,k.r)(j,N)}:{backgroundColor:null!=l?(0,d.Hl)(l):p.backgroundColor};let $=b?j?.[0]:l,L=!1;return r&&!a?L=!0:(r||a)&&(L=(0,d.OK)($??C.TGz)>.2),(0,t.jsx)(h.vN,{offset:-2,children:(0,t.jsxs)("button",{type:"button",className:i()(I.iH,{[I.r9]:c,[I.Ay]:s,[I.Ie]:r,[I.dw]:null==l&&!b,[I.hb]:b}),disabled:c,onClick:()=>m?.(b?j:l),style:{...p,...A},"aria-label":f??(b?v.intl.string(v.t.XpWmJz):A.backgroundColor),...y,children:[r?(0,t.jsx)(g.R,{size:"custom",className:I.M2,width:14,height:14,color:L?x.A.colors.WHITE.css:x.A.colors.BLACK.css}):null,function(){let e=16,l=16;if((r||s)&&(e="38%",l="auto"),a)return(0,t.jsx)(u.A,{size:"custom",width:e,height:l,color:L?x.A.colors.WHITE.css:x.A.colors.BLACK.css})}()]})})}class $ extends s.PureComponent{render(){let{color:e,onChange:l,value:n,disabled:s,allowBlackCustomColor:r}=this.props;return(0,t.jsx)(A,{isDefault:!0,listItemId:"default",color:e,isSelected:e===n||0===n&&!r,onClick:l,disabled:s})}}class L extends s.PureComponent{render(){let{customColor:e,value:l,disabled:n,"aria-label":s,presets:r}=this.props;return(0,t.jsx)(A,{isCustom:!0,listItemId:"custom",color:e,isSelected:l===e&&!r.includes(e),disabled:n,"aria-label":s})}}let S=s.memo(function(e){var l;let{value:n,eagerUpdate:r=!1,onChange:o,onClose:a,suggestedColors:c,middle:u,footer:h,showEyeDropper:g,wrapperComponentType:x,className:k}=e,C=(0,j.A)(),y=null==(l=n)?null:"string"==typeof l?(0,d.qt)(l)?(0,d.LX)(l):null:l,A=y??0,$=(0,d.Hl)(A),L=(0,d.tf)(A),[S,T]=s.useState({current:A,pending:{hex:$,hsl:L},input:$});function H(e){let l="#"===e[0]?e:`#${e}`;if(!(0,d.qt)(l))return void T(e=>({...e,input:l}));let n=(0,d.LX)(l),t=(0,d.tf)(n);T({current:n,pending:{hex:l,hsl:t},input:l}),o(n)}async function z(){if(null!=C)try{let{sRGBHex:e}=await C.open();H(e)}catch{}}s.useEffect(()=>{if(null==y||y===S.current)return;let e=(0,d.Hl)(y),l=(0,d.tf)(y);T({current:y,pending:{hex:e,hsl:l},input:e})},[y,S]),s.useEffect(()=>a,[a]);let w=s.useCallback(e=>{T(l=>({...l,pending:e,input:e.hex})),r&&o((0,d.LX)(e.hex))},[r,o]),D=(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.Suspense,{fallback:null,children:(0,t.jsx)(N,{onChange:w,onChangeComplete:e=>{let{hex:l}=e;o((0,d.LX)(l))},color:S.pending.hsl})}),u,(0,t.jsx)(f.k,{value:S.input.slice(1),onChange:H,maxLength:6,leading:"#",trailing:g&&null!=C?{icon:p.d,onClick:z,"aria-label":v.intl.string(v.t["0dU9Ny"])}:void 0}),null!=c&&c.length>0&&(0,t.jsx)("div",{className:I.I1,children:c.map((e,l)=>(0,t.jsx)(m.D,{"aria-label":v.intl.formatToPlainString(v.t.XFIqyk,{hex:e}),style:{backgroundColor:e},className:I.db,onClick:()=>H(e)},`${e}-${l}`))}),h]}),E=x??b.l;return(0,t.jsx)(E,{"aria-label":v.intl.string(v.t.WTqQ5e),className:i()(I.zi,k),children:D})});function T(e){let{className:l,defaultColor:n,customColor:s,colors:r,value:d,gradientColors:u,disabled:h,onChange:g,renderDefaultButton:p,renderCustomButton:m,colorContainerClassName:x,isGradient:b,renderGradientCustomButton:f,gradientDegrees:j,gradientWidth:k,allowBlackCustomColor:C}=e,v="100%"===k;function N(e){return(0,t.jsx)("div",{className:I._D,children:b?e.map(e=>{let l=e.colors.join("-"),n=u?.join("-")===l;return(0,t.jsx)(A,{listItemId:`gradient-${l}`,gradientColors:e.colors,color:0,isSelected:n,onClick:()=>g(e.colors),disabled:h,isGradient:!0,"aria-label":e.name,gradientDegrees:j},l)}):e.map(e=>(0,t.jsx)(A,{listItemId:`preset-${e}`,color:e,isSelected:e===d,onClick:g,disabled:h,isGradient:!1},e))})}let $=r.slice(0,r.length/2),L=r.slice(r.length/2,r.length),S=(0,a.Ay)({id:"color-picker",isEnabled:!0,orientation:c.Gl.HORIZONTAL,scrollToStart:y,scrollToEnd:y});return(0,t.jsx)(o.hD,{navigator:S,children:(0,t.jsx)(o.PR,{children:e=>{let{ref:o,...a}=e;return(0,t.jsxs)("div",{className:i()(I.kL,l,{[I.D7]:b,[I.Sk]:b&&v}),ref:o,...a,children:[!b&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:i()(I.$R,x),children:p({value:d,color:n,onChange:g,disabled:h,allowBlackCustomColor:C})}),(0,t.jsx)("div",{className:i()(I.BQ,x),children:m({value:d,customColor:s,disabled:h,presets:r})})]}),b&&null!=f&&(0,t.jsx)("div",{children:f()}),(0,t.jsxs)("div",{children:[N($),N(L)]})]})}})})}}