Loading
function(e,l,n){n.d(l,{VN:()=>S,fy:()=>A,nJ:()=>L,sk:()=>T});var t=n(477900),r=n(582128),s=n(503698),i=n.n(s),o=n(837381),a=n(887129),c=n(741918),d=n(317097),u=n(933832),h=n(559106),g=n(22231),p=n(95477),m=n(714385),x=n(939249),b=n(661531),f=n(305866),j=n(971745),k=n(284059),C=n(652215),v=n(375708),I=n(374190);let N=r.lazy(()=>Promise.all([n.e("577162"),n.e("869047"),n.e("593279"),n.e("936920"),n.e("787680")]).then(n.bind(n,148259))),y=()=>Promise.resolve();function $(e){let{color:l,listItemId:n,isDefault:r=!1,isCustom:s=!1,isSelected:a=!1,disabled:c=!1,style:p={},onClick:m,isGradient:x=!1,"aria-label":f,gradientColors:j,gradientDegrees:N=180}=e,y=(0,o.rm)(n??`color-${l}`),$={};$=x&&null!=j&&j.length>0?{background:(0,k.r)(j,N)}:{backgroundColor:null!=l?(0,d.Hl)(l):p.backgroundColor};let A=x?j?.[0]:l,L=!1;return s&&!a?L=!0:(s||a)&&(L=(0,d.OK)(A??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]:r,[I.Ie]:s,[I.dw]:null==l&&!x,[I.hb]:x}),disabled:c,onClick:()=>m?.(x?j:l),style:{...p,...$},"aria-label":f??(x?v.intl.string(v.t.XpWmJz):$.backgroundColor),...y,children:[s?(0,t.jsx)(g.PencilIcon,{size:"custom",className:I.M2,width:14,height:14,color:L?b.A.colors.WHITE.css:b.A.colors.BLACK.css}):null,function(){let e=16,l=16;if((s||r)&&(e="38%",l="auto"),a)return(0,t.jsx)(u.CheckmarkLargeIcon,{size:"custom",width:e,height:l,color:L?b.A.colors.WHITE.css:b.A.colors.BLACK.css})}()]})})}class A extends r.PureComponent{render(){let{color:e,onChange:l,value:n,disabled:r,allowBlackCustomColor:s}=this.props;return(0,t.jsx)($,{isDefault:!0,listItemId:"default",color:e,isSelected:e===n||0===n&&!s,onClick:l,disabled:r})}}class L extends r.PureComponent{render(){let{customColor:e,value:l,disabled:n,"aria-label":r,presets:s}=this.props;return(0,t.jsx)($,{isCustom:!0,listItemId:"custom",color:e,isSelected:l===e&&!s.includes(e),disabled:n,"aria-label":r})}}let S=r.memo(function(e){var l;let{value:n,eagerUpdate:s=!1,onChange:o,onClose:a,suggestedColors:c,middle:u,footer:h,showEyeDropper:g,wrapperComponentType:b,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,$=y??0,A=(0,d.Hl)($),L=(0,d.tf)($),[S,T]=r.useState({current:$,pending:{hex:A,hsl:L},input:A});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{}}r.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]),r.useEffect(()=>a,[a]);let P=r.useCallback(e=>{T(l=>({...l,pending:e,input:e.hex})),s&&o((0,d.LX)(e.hex))},[s,o]),w=(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.Suspense,{fallback:null,children:(0,t.jsx)(N,{onChange:P,onChangeComplete:e=>{let{hex:l}=e;o((0,d.LX)(l))},color:S.pending.hsl})}),u,(0,t.jsx)(p.k,{value:S.input.slice(1),onChange:H,maxLength:6,leading:"#",trailing:g&&null!=C?{icon:m.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)(x.D,{"aria-label":v.intl.formatToPlainString(v.t.XFIqyk,{hex:e}),style:{backgroundColor:e},className:I.db,onClick:()=>H(e)},`${e}-${l}`))}),h]}),D=b??f.l;return(0,t.jsx)(D,{"aria-label":v.intl.string(v.t.WTqQ5e),className:i()(I.zi,k),children:w})});function T(e){let{className:l,defaultColor:n,customColor:r,colors:s,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)($,{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)($,{listItemId:`preset-${e}`,color:e,isSelected:e===d,onClick:g,disabled:h,isGradient:!1},e))})}let A=s.slice(0,s.length/2),L=s.slice(s.length/2,s.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:r,disabled:h,presets:s})})]}),b&&null!=f&&(0,t.jsx)("div",{children:f()}),(0,t.jsxs)("div",{children:[N(A),N(L)]})]})}})})}}