1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2061],{245241:(e,n,t)=>{t.r(n),t.d(n,{default:()=>r});var r=(0,t(528769).A)("outline","copy","IconCopy",[["path",{d:"M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z",key:"svg-0"}],["path",{d:"M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1",key:"svg-1"}]])},298392:(e,n,t)=>{t.r(n),t.d(n,{default:()=>r});var r=(0,t(528769).A)("outline","check","IconCheck",[["path",{d:"M5 12l5 5l10 -10",key:"svg-0"}]])},398001:(e,n,t)=>{t.d(n,{Mz:()=>T,UC:()=>J,ZL:()=>X,bL:()=>Y,iN:()=>L,l9:()=>W});var r=t(705922),i=t(299808),a=t(567166),o=t(254950),l=t(256072),c=t(319558),s=t(126470),d=t(671271),u=t(481996),p=t(553609),f=t(642354),h=t(442222),g=t(647188),b=t(507891),m=t(759620),v=t(933584),x=t(249738),w="Popover",[k,y]=(0,o.A)(w,[u.Bk]),I=(0,u.Bk)(),[A,S]=k(w),C=e=>{let{__scopePopover:n,children:t,open:i,defaultOpen:a,onOpenChange:o,modal:l=!1}=e,c=I(n),s=r.useRef(null),[p,f]=r.useState(!1),[h=!1,g]=(0,b.i)({prop:i,defaultProp:a,onChange:o});return(0,x.jsx)(u.bL,{...c,children:(0,x.jsx)(A,{scope:n,contentId:(0,d.B)(),triggerRef:s,open:h,onOpenChange:g,onOpenToggle:r.useCallback(()=>g(e=>!e),[g]),hasCustomAnchor:p,onCustomAnchorAdd:r.useCallback(()=>f(!0),[]),onCustomAnchorRemove:r.useCallback(()=>f(!1),[]),modal:l,children:t})})};C.displayName=w;var _="PopoverAnchor",M=r.forwardRef((e,n)=>{let{__scopePopover:t,...i}=e,a=S(_,t),o=I(t),{onCustomAnchorAdd:l,onCustomAnchorRemove:c}=a;return r.useEffect(()=>(l(),()=>c()),[l,c]),(0,x.jsx)(u.Mz,{...o,...i,ref:n})});M.displayName=_;var E="PopoverTrigger",N=r.forwardRef((e,n)=>{let{__scopePopover:t,...r}=e,o=S(E,t),l=I(t),c=(0,a.s)(n,o.triggerRef),s=(0,x.jsx)(h.sG.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":F(o.open),...r,ref:c,onClick:(0,i.m)(e.onClick,o.onOpenToggle)});return o.hasCustomAnchor?s:(0,x.jsx)(u.Mz,{asChild:!0,...l,children:s})});N.displayName=E;var P="PopoverPortal",[R,z]=k(P,{forceMount:void 0}),j=e=>{let{__scopePopover:n,forceMount:t,children:r,container:i}=e,a=S(P,n);return(0,x.jsx)(R,{scope:n,forceMount:t,children:(0,x.jsx)(f.C,{present:t||a.open,children:(0,x.jsx)(p.Z,{asChild:!0,container:i,children:r})})})};j.displayName=P;var H="PopoverContent",G=r.forwardRef((e,n)=>{let t=z(H,e.__scopePopover),{forceMount:r=t.forceMount,...i}=e,a=S(H,e.__scopePopover);return(0,x.jsx)(f.C,{present:r||a.open,children:a.modal?(0,x.jsx)(V,{...i,ref:n}):(0,x.jsx)(Z,{...i,ref:n})})});G.displayName=H;var V=r.forwardRef((e,n)=>{let t=S(H,e.__scopePopover),o=r.useRef(null),l=(0,a.s)(n,o),c=r.useRef(!1);return r.useEffect(()=>{let e=o.current;if(e)return(0,m.Eq)(e)},[]),(0,x.jsx)(v.A,{as:g.DX,allowPinchZoom:!0,children:(0,x.jsx)(B,{...e,ref:l,trapFocus:t.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:(0,i.m)(e.onCloseAutoFocus,e=>{var n;e.preventDefault(),c.current||null==(n=t.triggerRef.current)||n.focus()}),onPointerDownOutside:(0,i.m)(e.onPointerDownOutside,e=>{let n=e.detail.originalEvent,t=0===n.button&&!0===n.ctrlKey;c.current=2===n.button||t},{checkForDefaultPrevented:!1}),onFocusOutside:(0,i.m)(e.onFocusOutside,e=>e.preventDefault(),{checkForDefaultPrevented:!1})})})}),Z=r.forwardRef((e,n)=>{let t=S(H,e.__scopePopover),i=r.useRef(!1),a=r.useRef(!1);return(0,x.jsx)(B,{...e,ref:n,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:n=>{var r,o;null==(r=e.onCloseAutoFocus)||r.call(e,n),n.defaultPrevented||(i.current||null==(o=t.triggerRef.current)||o.focus(),n.preventDefault()),i.current=!1,a.current=!1},onInteractOutside:n=>{var r,o;null==(r=e.onInteractOutside)||r.call(e,n),n.defaultPrevented||(i.current=!0,"pointerdown"===n.detail.originalEvent.type&&(a.current=!0));let l=n.target;(null==(o=t.triggerRef.current)?void 0:o.contains(l))&&n.preventDefault(),"focusin"===n.detail.originalEvent.type&&a.current&&n.preventDefault()}})}),B=r.forwardRef((e,n)=>{let{__scopePopover:t,trapFocus:r,onOpenAutoFocus:i,onCloseAutoFocus:a,disableOutsidePointerEvents:o,onEscapeKeyDown:d,onPointerDownOutside:p,onFocusOutside:f,onInteractOutside:h,...g}=e,b=S(H,t),m=I(t);return(0,c.Oh)(),(0,x.jsx)(s.n,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:i,onUnmountAutoFocus:a,children:(0,x.jsx)(l.qW,{asChild:!0,disableOutsidePointerEvents:o,onInteractOutside:h,onEscapeKeyDown:d,onPointerDownOutside:p,onFocusOutside:f,onDismiss:()=>b.onOpenChange(!1),children:(0,x.jsx)(u.UC,{"data-state":F(b.open),role:"dialog",id:b.contentId,...m,...g,ref:n,style:{...g.style,"--radix-popover-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-popover-content-available-width":"var(--radix-popper-available-width)","--radix-popover-content-available-height":"var(--radix-popper-available-height)","--radix-popover-trigger-width":"var(--radix-popper-anchor-width)","--radix-popover-trigger-height":"var(--radix-popper-anchor-height)"}})})})}
1),D="PopoverClose",L=r.forwardRef((e,n)=>{let{__scopePopover:t,...r}=e,a=S(D,t);return(0,x.jsx)(h.sG.button,{type:"button",...r,ref:n,onClick:(0,i.m)(e.onClick,()=>a.onOpenChange(!1))})});function F(e){return e?"open":"closed"}L.displayName=D,r.forwardRef((e,n)=>{let{__scopePopover:t,...r}=e,i=I(t);return(0,x.jsx)(u.i3,{...i,...r,ref:n})}).displayName="PopoverArrow";var Y=C,T=M,W=N,X=j,J=G},701646:(e,n,t)=>{t.d(n,{A:()=>X});var r=t(705922);function i(e){if(e&&"undefined"!=typeof window){var n=document.createElement("style");return n.setAttribute("type","text/css"),n.innerHTML=e,document.head.appendChild(n),e}}var a=function(){return(a=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var i in n=arguments[t])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e}).apply(this,arguments)};function o(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var r,i,a=t.call(e),o=[];try{for(;(void 0===n||n-- >0)&&!(r=a.next()).done;)o.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(t=a.return)&&t.call(a)}finally{if(i)throw i.error}}return o}function l(){for(var e=[],n=0;n<arguments.length;n++)e=e.concat(o(arguments[n]));return e}i('.colorpicker {\n background-color: #fff;\n z-index: 1;\n}\n.colorpicker * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n.colorpicker .colorpicker-form {\n display: flex;\n}\n.colorpicker .colorpicker-form .colorpicker-hex {\n padding-right: 16px;\n}\n.colorpicker .colorpicker-form .colorpicker-alpha {\n flex-basis: 82px;\n}\n.colorpicker .color-picker-panel-wrap-has-alpha {\n display: flex;\n height: 36px;\n}\n.colorpicker-static {\n position: absolute;\n top: 5px;\n left: 0;\n}\n.colorpicker .color-picker-panel {\n background-color: #fff;\n box-sizing: border-box;\n outline: none;\n z-index: 9;\n padding-bottom: 20px;\n border-radius: 4px;\n -moz-user-select: none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.colorpicker .color-picker-panel-ribbon {\n position: relative;\n height: 100%;\n width: 100%;\n border-radius: 4px;\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmY5OTAwIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2NkZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMzNWZmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMDBmZjY2IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMwMDY2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjMzIwMGZmIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2NkMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmZjAwOTkiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);\n background-image: -webkit-linear-gradient(left, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%);\n background-image: -moz-linear-gradient(left, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%);\n background-image: -o-linear-gradient(left, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%);\n background-image: linear-gradient(to right, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%);\n}\n.colorpicker .color-picker-panel-ribbon-bg {\n position: absolute;\n height: 100%;\n width: 100%;\n border-radius: 4px;\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmY5OTAwIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2NkZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMzNWZmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMDBmZjY2IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMwMDY2ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjMzIwMGZmIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2NkMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmZjAwOTkiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);\n background-image: -webkit-linear-gradient(left, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%);\n background-image: -moz-linear-gradient(left, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%);\n background-image: -o-linear-gradient(left, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%);\n background-image: linear-gradient(to right, #ff0000 0%, #ff9900 10%, #cdff00 20%, #35ff00 30%, #00ff66 40%, #00fffd 50%, #0066ff 60%, #3200ff 70%, #cd00ff 80%, #ff0099 90%, #ff0000 100%);\n}\n.colorpicker .color-picker-panel-ribbon-handler {\n position: absolute;\n width: 100%;\n height: 100%;\n cursor: grab;\n}
1\n.colorpicker .color-picker-panel-ribbon span {\n position: absolute;\n top: -3px;\n display: block;\n height: 14px;\n width: 14px;\n padding: 1px 0;\n border-radius: 50%;\n margin-left: -7px;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);\n border: solid 2px #fff;\n cursor: grab;\n}\n.colorpicker .color-picker-panel-alpha {\n position: relative;\n height: 100%;\n width: 100%;\n border-radius: 4px;\n background: linear-gradient(to right, transparent, black), url(\'data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>\');\n background-size: 100%, 6px;\n background-repeat: repeat;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.colorpicker .color-picker-panel-alpha-bg {\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 4px;\n}\n.colorpicker .color-picker-panel-alpha-handler {\n position: absolute;\n width: 100%;\n height: 100%;\n cursor: grab;\n}\n.colorpicker .color-picker-panel-alpha span {\n position: absolute;\n top: -3px;\n height: 14px;\n width: 14px;\n padding: 1px 0;\n margin-left: -7px;\n border-radius: 50%;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);\n border: solid 2px #fff;\n cursor: grab;\n}\n.colorpicker .color-picker-panel-open {\n display: block;\n}\n.colorpicker .color-picker-panel-close {\n display: none;\n}\n.colorpicker .color-picker-panel-inner {\n position: relative;\n}\n.colorpicker .color-picker-panel-preview {\n height: 30px;\n width: 30px;\n overflow: hidden;\n border-radius: 2px;\n background-image: url("data:image/png;base64,R0lGODdhCgAKAPAAAOXl5f///ywAAAAACgAKAEACEIQdqXt9GxyETrI279OIgwIAOw==");\n}\n.colorpicker .color-picker-panel-preview span,\n.colorpicker .color-picker-panel-preview input[type=color] {\n position: absolute;\n display: block;\n height: 100%;\n width: 30px;\n border-radius: 2px;\n}\n.colorpicker .color-picker-panel-preview span {\n box-shadow: 0 0 2px #808080 inset;\n}\n.colorpicker .color-picker-panel-preview input[type=color] {\n opacity: 0;\n}\n.colorpicker .color-picker-panel-wrap {\n width: 100%;\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.colorpicker .color-picker-panel-wrap-preview {\n position: absolute;\n right: 8px;\n display: none;\n}\n.colorpicker .color-picker-panel-wrap-ribbon {\n height: 8px;\n}\n.colorpicker .color-picker-panel-wrap-alpha {\n height: 8px;\n}\n.colorpicker .color-picker-panel-wrap-ribbon {\n height: 8px;\n}\n.colorpicker .color-picker-panel-board {\n position: relative;\n margin-bottom: 16px;\n font-size: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.colorpicker .color-picker-panel-board-hsv {\n width: 100%;\n height: 120px;\n position: relative;\n z-index: 1;\n border-radius: 6px;\n}\n.colorpicker .color-picker-panel-board-value {\n border-radius: 6px;\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n z-index: 2;\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);\n background-image: -webkit-linear-gradient(top, transparent 0%, #000000 100%);\n background-image: -moz-linear-gradient(top, transparent 0%, #000000 100%);\n background-image: -o-linear-gradient(top, transparent 0%, #000000 100%);\n background-image: linear-gradient(to bottom, transparent 0%, #000000 100%);\n}\n.colorpicker .color-picker-panel-board-saturation {\n border-radius: 6px;\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n z-index: 1;\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDAsMCwwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);\n background-image: -webkit-linear-gradient(left, #fff 0%, transparent 100%);\n background-image: -moz-linear-gradient(left, #fff 0%, transparent 100%);\n background-image: -o-linear-gradient(left, #fff 0%, transparent 100%);\n background-image: linear-gradient(to right, #fff 0%, transparent 100%);\n}
1\n.colorpicker .color-picker-panel-board-handler {\n cursor: grab;\n cursor: -webkit-grab;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 3;\n}\n.colorpicker .color-picker-panel-board span {\n position: absolute;\n border-radius: 10px;\n width: 14px;\n height: 14px;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);\n border: solid 2px #fff;\n left: -999px;\n top: -999px;\n z-index: 2;\n}\n.colorpicker .color-picker-panel-params {\n font-size: 12px;\n}\n.colorpicker .color-picker-panel-params-input {\n overflow: hidden;\n padding: 2px 8px;\n}\n.colorpicker .color-picker-panel-params-hex {\n width: 52px;\n}\n.colorpicker .color-picker-panel-params-lable {\n padding: 2px 8px;\n height: 22px;\n line-height: 18px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.colorpicker .color-picker-panel-params-lable-hex {\n width: 52px;\n}\n.colorpicker .color-picker-panel-params-lable-number, .colorpicker .color-picker-panel-params-lable-alpha {\n margin-left: 5px;\n width: 44px;\n text-transform: uppercase;\n}\n.colorpicker .color-picker-panel-params-lable-number:hover {\n border-radius: 2px;\n background-color: #eee;\n box-shadow: 0 0 0 1px #ccc inset;\n cursor: grab;\n}\n.colorpicker .color-picker-panel-params-lable label {\n float: left;\n text-align: center;\n}\n.colorpicker .color-picker-panel-params-has-alpha input[type=number] {\n width: 32px;\n}\n.colorpicker .color-picker-panel-params input {\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n text-align: center;\n padding: 1px;\n margin: 0;\n float: left;\n border-radius: 2px;\n border: 1px solid #cacaca;\n font-family: "Helvetica Neue", Helvetica, sans-serif;\n}\n.colorpicker .color-picker-trigger {\n border: 1px solid #999;\n display: inline-block;\n padding: 2px;\n border-radius: 2px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n width: 20px;\n height: 20px;\n cursor: grab;\n box-shadow: 0 0 0 2px #fff inset;\n}\n.colorpicker .color-picker-trigger-open {\n box-shadow: 0px 0px 3px #999;\n}\n\n.color-picker-panel-params-has-alpha .color-picker-panel-params-lable-number,\n.color-picker-panel-params-has-alpha .color-picker-panel-params-lable-alpha {\n width: 32px;\n}\n\n.color-picker {\n position: absolute;\n left: -9999px;\n top: -9999px;\n z-index: 1000;\n}\n.color-picker-wrap {\n display: inline-block;\n}\n.color-picker-slide-up-enter {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n transform-origin: 0 0;\n display: block !important;\n opacity: 0;\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n animation-play-state: paused;\n}\n.color-picker-slide-up-appear {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n transform-origin: 0 0;\n display: block !important;\n opacity: 0;\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n animation-play-state: paused;\n}\n.color-picker-slide-up-leave {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n transform-origin: 0 0;\n display: block !important;\n opacity: 1;\n animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n animation-play-state: paused;\n}\n\n.color-picker-slide-up-enter.color-picker-slide-up-enter-active.color-picker-placement-bottomLeft,\n.color-picker-slide-up-enter.color-picker-slide-up-enter-active.color-picker-placement-bottomRight,\n.color-picker-slide-up-appear.color-picker-slide-up-appear-active.color-picker-placement-bottomLeft,\n.color-picker-slide-up-appear.color-picker-slide-up-appear-active.color-picker-placement-bottomRight {\n animation-name: rcColorPickerSlideUpIn;\n animation-play-state: running;\n}\n\n.color-picker-slide-up-enter.color-picker-slide-up-enter-active.color-picker-placement-topLeft,\n.color-picker-slide-up-enter.color-picker-slide-up-enter-active.color-picker-placement-topRight,\n.color-picker-slide-up-appear.color-picker-slide-up-appear-active.color-picker-placement-topLeft,\n.color-picker-slide-up-appear.color-picker-slide-up-appear-active.color-picker-placement-topRight {\n animation-name: rcColorPickerSlideDownIn;\n animation-play-state: running;\n}\n\n.color-picker-slide-up-leave.color-picker-slide-up-leave-active.color-picker-placement-bottomLeft,\n.color-picker-slide-up-leave.color-picker-slide-up-leave-active.color-picker-placement-bottomRight {\n animation-name: rcColorPickerSlideUpOut;\n animation-play-state: running;\n}\n\n.color-picker-slide-up-leave.color-picker-slide-up-leave-active.color-picker-placement-topLeft,\n.color-picker-slide-up-leave.color-picker-slide-up-leave-active.color-picker-placement-topRight {\n animation-name: rcColorPickerSlideDownOut;\n animation-play-state: running;\n}\n\n.gradient-interaction {\n flex-direction: column;\n display: flex;\n z-index: 1;\n}\n.gradient-interaction .gradient-result {\n height: 74px;\n width: 100%;\n position: relative;\n border-radius: 6px;\n margin-top: 18px;\n flex-grow: 1;\n font-size: 16px;\n}\n.gradient-interaction .gradient-result:hover .gradient-angle {\n opacity: 1;\n}\n.gradient-interaction .gradient-result .gradient-mode {\n height: 32px;\n width: 32px;\n position: relative;\n top: 20px;\n left: 16px;\n border: 2px solid white;\n border-radius: 0.15em;\n cursor: pointer;\n opacity: 0.25;\n transition: all 0.3s;\n}\n.gradient-interaction .gradient-result .gradient-mode::before {\n position: absolute;\n content: "";\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n margin: auto;\n transition: all 0.3s;\n}\n.gradient-interaction .gradient-result .gradient-mode:hover {\n opacity: 1;\n}\n.gradient-interaction .gradient-result .gradient-mode[data-mode=linear]::before {\n height: 2px;\n width: 70%;\n background: white;\n transform: rotate(45deg);\n border-radius: 50em;
1\n}\n.gradient-interaction .gradient-result .gradient-mode[data-mode=radial]::before {\n height: 50%;\n width: 50%;\n border-radius: 100%;\n border: 2px solid white;\n background-color: white;\n}\n.gradient-interaction .gradient-result .gradient-mode[data-mode=radial]::before + .gradient-angle {\n opacity: 0;\n}\n.gradient-interaction .gradient-result .gradient-mode[data-mode=radial] + .gradient-angle {\n opacity: 0;\n}\n.gradient-interaction .gradient-result .gradient-angle {\n height: 0.35em;\n width: 0.35em;\n background: white;\n border-radius: 100%;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n transition: all 0.3s;\n position: absolute;\n margin: auto;\n opacity: 0.25;\n}\n.gradient-interaction .gradient-result .gradient-angle > div {\n height: 2px;\n width: 2em;\n top: 0;\n right: 0;\n bottom: 0;\n left: 50%;\n position: absolute;\n background: white;\n border-radius: 1em;\n margin: auto 0;\n transform-origin: left;\n}\n.gradient-interaction .gradient-result .gradient-pos {\n height: 5em;\n width: 5em;\n display: grid;\n display: -ms-grid;\n grid-template-columns: 1fr 1fr 1fr;\n grid-template-rows: 1fr 1fr 1fr;\n -ms-grid-columns: 1fr 1fr 1fr;\n -ms-grid-rows: 1fr 1fr 1fr;\n opacity: 1;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n transition: all 0.3s;\n position: absolute;\n margin: auto;\n}\n.gradient-interaction .gradient-result .gradient-pos > div {\n height: 15px;\n width: 15px;\n border: 2px solid transparent;\n position: relative;\n margin: auto;\n transition: all 0.3s;\n}\n.gradient-interaction .gradient-result .gradient-pos > div:not(.gradient-active) {\n cursor: pointer;\n}\n.gradient-interaction .gradient-result .gradient-pos > div::before {\n position: absolute;\n content: "";\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n height: 5px;\n width: 5px;\n border-radius: 100%;\n background: white;\n transition: all 0.3s;\n opacity: 0.25;\n margin: auto;\n}\n.gradient-interaction .gradient-result .gradient-pos > div:hover::before {\n opacity: 1;\n}\n.gradient-interaction .gradient-result .gradient-pos > div.gradient-active {\n border-color: white;\n border-radius: 100%;\n}\n.gradient-interaction .gradient-result .gradient-pos > div.gradient-active::before {\n opacity: 1;\n}\n.gradient-interaction .gradient-stops {\n margin-top: 18px;\n}\n.gradient-interaction .gradient-stops .gradient-stop-preview {\n height: 8px;\n width: 100%;\n border-radius: 6px;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n}\n.gradient-interaction .gradient-stops .gradient-stop-preview::before {\n position: absolute;\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url(\'data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>\');\n background-size: 8px;\n border-radius: 4px;\n z-index: -1;\n}\n.gradient-interaction .gradient-stops .gradient-stop-marker {\n position: relative;\n z-index: 1;\n}\n.gradient-interaction .gradient-stops .gradient-stop-marker .gradient-marker {\n height: 14px;\n width: 14px;\n position: absolute;\n background: currentColor;\n margin: -11px 0 0 -7px;\n border-radius: 100%;\n border: 2px solid white;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);\n transition: opacity 0.15s;\n cursor: grab;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.gradient-interaction .gradient-stops .gradient-stop-marker .gradient-marker::before {\n position: absolute;\n content: "";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url(\'data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>\');\n background-size: 4px;\n border-radius: 100%;\n z-index: -1;\n}\n.gradient-interaction .gradient-stops .gradient-stop-marker .gradient-marker.hide {\n opacity: 0;\n}\n.gradient-interaction .gradient-stops .gradient-stop-marker .gradient-marker.active {\n border-width: 3px;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6);\n}\n\n.default-color-panel {\n display: grid;\n grid-template-columns: repeat(auto-fill, 30px);\n grid-gap: 6px;\n justify-content: space-between;\n margin: 14px -16px 0px -16px;\n padding: 2px 16px 1px 16px;\n overflow: auto;\n max-height: 105px;\n}\n.default-color-panel .default-color-panel_item {\n height: 30px;\n width: 30px;\n cursor: pointer;\n position: relative;\n outline: none;\n border-radius: 4px;\n box-shadow: 0px 0px 0px 1px #bbbfc5;\n}\n.default-color-panel .default-color-panel_item.default-color-panel_item-active {\n user-select: none;\n}\n.default-color-panel .default-color-panel_item.default-color-panel_item-active .item_qub {\n position: absolute;\n inset: 35%;\n background: white;\n border-radius: 50%;\n opacity: 1;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.38);\n}\n\n@keyframes rcColorPickerSlideUpIn {\n 0% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0);\n }\n 100% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1);\n }\n}\n@keyframes rcColorPickerSlideUpOut {\n 0% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0);\n }\n}\n@keyframes rcColorPickerSlideDownIn {\n 0% {\n opacity: 0;\n transform-origin: 100% 100%;\n transform: scaleY(0);\n }\n 100% {\n opacity: 1;\n transform-origin: 100% 100%;\n transform: scaleY(1);\n }\n}\n@keyframes rcColorPickerSlideDownOut {\n 0% {\n opacity: 1;\n transform-origin: 100% 100%;\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n transform-origin: 100% 100%;\n transform: scaleY(0);\n }\n}');
1var c=function(e){var n={exports:{}};return e(n,n.exports),n.exports}(function(e){!function(n){var t,r,i,a=/^\s+/,o=/\s+$/,l=0,c=n.round,s=n.min,d=n.max,u=n.random;function p(e,t){if(t=t||{},(e=e||"")instanceof p)return e;if(!(this instanceof p))return new p(e,t);var r,i,u,f,h,g,b,m,v,x,w,k,y,I,A,S,C,_,M,E,P=(i={r:0,g:0,b:0},u=1,f=null,h=null,g=null,b=!1,m=!1,"string"==typeof(r=e)&&(r=function(e){e=e.replace(a,"").replace(o,"").toLowerCase();var n,t=!1;if(N[e])e=N[e],t=!0;else if("transparent"==e)return{r:0,g:0,b:0,a:0,format:"name"};return(n=B.rgb.exec(e))?{r:n[1],g:n[2],b:n[3]}:(n=B.rgba.exec(e))?{r:n[1],g:n[2],b:n[3],a:n[4]}:(n=B.hsl.exec(e))?{h:n[1],s:n[2],l:n[3]}:(n=B.hsla.exec(e))?{h:n[1],s:n[2],l:n[3],a:n[4]}:(n=B.hsv.exec(e))?{h:n[1],s:n[2],v:n[3]}:(n=B.hsva.exec(e))?{h:n[1],s:n[2],v:n[3],a:n[4]}:(n=B.hex8.exec(e))?{r:H(n[1]),g:H(n[2]),b:H(n[3]),a:H(n[4])/255,format:t?"name":"hex8"}:(n=B.hex6.exec(e))?{r:H(n[1]),g:H(n[2]),b:H(n[3]),format:t?"name":"hex"}:(n=B.hex4.exec(e))?{r:H(n[1]+""+n[1]),g:H(n[2]+""+n[2]),b:H(n[3]+""+n[3]),a:H(n[4]+""+n[4])/255,format:t?"name":"hex8"}:!!(n=B.hex3.exec(e))&&{r:H(n[1]+""+n[1]),g:H(n[2]+""+n[2]),b:H(n[3]+""+n[3]),format:t?"name":"hex"}}(r)),"object"==typeof r&&(D(r.r)&&D(r.g)&&D(r.b)?(v=r.r,x=r.g,w=r.b,i={r:255*z(v,255),g:255*z(x,255),b:255*z(w,255)},b=!0,m="%"===String(r.r).substr(-1)?"prgb":"rgb"):D(r.h)&&D(r.s)&&D(r.v)?(f=V(r.s),h=V(r.v),k=r.h,y=f,I=h,k=6*z(k,360),y=z(y,100),I=z(I,100),A=n.floor(k),S=k-A,C=I*(1-y),_=I*(1-S*y),M=I*(1-(1-S)*y),i={r:255*[I,_,C,C,M,I][E=A%6],g:255*[M,I,I,_,C,C][E],b:255*[C,C,M,I,I,_][E]},b=!0,m="hsv"):D(r.h)&&D(r.s)&&D(r.l)&&(f=V(r.s),g=V(r.l),i=function(e,n,t){var r,i,a;function o(e,n,t){return(t<0&&(t+=1),t>1&&(t-=1),t<1/6)?e+(n-e)*6*t:t<.5?n:t<2/3?e+(n-e)*(2/3-t)*6:e}if(e=z(e,360),n=z(n,100),t=z(t,100),0===n)r=i=a=t;else{var l=t<.5?t*(1+n):t+n-t*n,c=2*t-l;r=o(c,l,e+1/3),i=o(c,l,e),a=o(c,l,e-1/3)}return{r:255*r,g:255*i,b:255*a}}(r.h,f,g),b=!0,m="hsl"),r.hasOwnProperty("a")&&(u=r.a)),u=R(u),{ok:b,format:r.format||m,r:s(255,d(i.r,0)),g:s(255,d(i.g,0)),b:s(255,d(i.b,0)),a:u});this._originalInput=e,this._r=P.r,this._g=P.g,this._b=P.b,this._a=P.a,this._roundA=c(100*this._a)/100,this._format=t.format||P.format,this._gradientType=t.gradientType,this._r<1&&(this._r=c(this._r)),this._g<1&&(this._g=c(this._g)),this._b<1&&(this._b=c(this._b)),this._ok=P.ok,this._tc_id=l++}function f(e,n,t){e=z(e,255);var r,i,a=d(e,n=z(n,255),t=z(t,255)),o=s(e,n,t),l=(a+o)/2;if(a==o)r=i=0;else{var c=a-o;switch(i=l>.5?c/(2-a-o):c/(a+o),a){case e:r=(n-t)/c+6*(n<t);break;case n:r=(t-e)/c+2;break;case t:r=(e-n)/c+4}r/=6}return{h:r,s:i,l:l}}function h(e,n,t){e=z(e,255);var r,i=d(e,n=z(n,255),t=z(t,255)),a=s(e,n,t),o=i-a;if(i==a)r=0;else{switch(i){case e:r=(n-t)/o+6*(n<t);break;case n:r=(t-e)/o+2;break;case t:r=(e-n)/o+4}r/=6}return{h:r,s:0===i?0:o/i,v:i}}function g(e,n,t,r){var i=[G(c(e).toString(16)),G(c(n).toString(16)),G(c(t).toString(16))];return r&&i[0].charAt(0)==i[0].charAt(1)&&i[1].charAt(0)==i[1].charAt(1)&&i[2].charAt(0)==i[2].charAt(1)?i[0].charAt(0)+i[1].charAt(0)+i[2].charAt(0):i.join("")}function b(e,n,t,r){return[G(Z(r)),G(c(e).toString(16)),G(c(n).toString(16)),G(c(t).toString(16))].join("")}function m(e,n){n=0===n?0:n||10;var t=p(e).toHsl();return t.s-=n/100,t.s=j(t.s),p(t)}function v(e,n){n=0===n?0:n||10;var t=p(e).toHsl();return t.s+=n/100,t.s=j(t.s),p(t)}function x(e){return p(e).desaturate(100)}function w(e,n){n=0===n?0:n||10;var t=p(e).toHsl();return t.l+=n/100,t.l=j(t.l),p(t)}function k(e,n){n=0===n?0:n||10;var t=p(e).toRgb();return t.r=d(0,s(255,t.r-c(-(n/100*255)))),t.g=d(0,s(255,t.g-c(-(n/100*255)))),t.b=d(0,s(255,t.b-c(-(n/100*255)))),p(t)}function y(e,n){n=0===n?0:n||10;var t=p(e).toHsl();return t.l-=n/100,t.l=j(t.l),p(t)}function I(e,n){var t=p(e).toHsl(),r=(t.h+n)%360;return t.h=r<0?360+r:r,p(t)}function A(e){var n=p(e).toHsl();return n.h=(n.h+180)%360,p(n)}function S(e){var n=p(e).toHsl(),t=n.h;return[p(e),p({h:(t+120)%360,s:n.s,l:n.l}),p({h:(t+240)%360,s:n.s,l:n.l})]}function C(e){var n=p(e).toHsl(),t=n.h;return[p(e),p({h:(t+90)%360,s:n.s,l:n.l}),p({h:(t+180)%360,s:n.s,l:n.l}),p({h:(t+270)%360,s:n.s,l:n.l})]}function _(e){var n=p(e).toHsl(),t=n.h;return[p(e),p({h:(t+72)%360,s:n.s,l:n.l}),p({h:(t+216)%360,s:n.s,l:n.l})]}function M(e,n,t){n=n||6,t=t||30;var r=p(e).toHsl(),i=360/t,a=[p(e)];for(r.h=(r.h-(i*n>>1)+720)%360;--n;)r.h=(r.h+i)%360,a.push(p(r));return a}function E(e,n){n=n||6;for(var t=p(e).toHsv(),r=t.h,i=t.s,a=t.v,o=[],l=1/n;n--;)o.push(p({h:r,s:i,v:a})),a=(a+l)%1;return o}p.prototype={isDark:function(){return 128>this.getBrightness()},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var e=this.toRgb();return(299*e.r+587*e.g+114*e.b)/1e3},getLuminance:function(){var e,t,r,i,a=this.toRgb();return e=a.r/255,t=a.g/255,r=a.b/255,i=e<=.03928?e/12.92:n.pow((e+.055)/1.055,2.4),.2126*i+.7152*(t<=.03928?t/12.92:n.pow((t+.055)/1.055,2.4))+.0722*(r<=.03928?r/12.92:n.pow((r+.055)/1.055,2.4))},setAlpha:function(e){return this._a=R(e),this._roundA=c(100*this._a)/100,this},toHsv:function(){var e=h(this._r,this._g,this._b);return{h:360*e.h,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=h(this._r,this._g,this._b),n=c(360*e.h),t=c(100*e.s),r=c(100*e.v);return 1==this._a?"hsv("+n+", "+t+"%, "+r+"%)":"hsva("+n+", "+t+"%, "+r+"%, "+this._roundA+")"},toHsl:function(){var e=f(this._r,this._g,this._b);return{h:360*e.h,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=f(this._r,this._g,this._b),n=c(360*e.h),t=c(100*e.s),r=c(100*e.l);return 1==this._a?"hsl("+n+", "+t+"%, "+r+"%)":"hsla("+n+", "+t+"%, "+r+"%, "+this._roundA+")"},toHex:function(e){return g(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(e){var n,t,r,i,a,o;return n=this._r,t=this._g,r=this._b,i=this._a,a=e,o=[G(c(n).toString(16)),G(c(t).toString(16)),G(c(r).toString(16)),G(Z(i))],a&&o[0].charAt(0)==o[0].charAt(1)&&o[1].charAt(0)==o[1].charAt(1)&&o[2].charAt(0)==o[2].charAt(1)&&o[3].charAt(0)==o[3].charAt(1)?o[0].charAt(0)+o[1].charAt(0)+o[2].charAt(0)+o[3].charAt(0):o.join("")},toHex8String:function(e){return"#"+this.toHex8(e)},toRgb:function(){return{r:c(this._r),g:c(this._g),b:c(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+c(this._r)+", "+c(this._g)+", "+c(this._b)+")":"rgba("+c(this._r)+", "+c(this._g)+", "+c(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:c(100*z(this._r,255))+"%",g:c(100*z(this._g,255))+"%",b:c(100*z(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+c(100*z(this._r,255))+"%, "+c(100*z(this._g,255))+"%, "+c(100*z(this._b,255))+"%)":"rgba("+c(100*z(this._r,255))+"%, "+c(100*z(this._g,255))+"%, "+c(100*z(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(P[g(this._r,this._g,this._b,!0)]||!1)},toFilter:function(e){var n="#"+b(this._r,this._g,this._b,this._a),t=n,r=this._gradientType?"GradientType = 1, ":"";if(e){var i=p(e);t="#"+b(i._r,i._g,i._b,i._a)}return"progid:DXImageTransform.Microsoft.gradient("+r+"startColorstr="+n+",endColorstr="+t+")"},toString:function(e){var n=!!e;e=e||this._format;var t=!1,r=this._a<1&&this._a>=0;return!n&&r&&("hex"===e||"hex6"===e||"hex3"===e||"hex4"===e||"hex8"===e||"name"===e)?"name"===e&&0===this._a?this.toName():this.toRgbString():("rgb"===e&&(t=this.toRgbString()),"prgb"===e&&(t=this.toPercentageRgbString()),("hex"===e||"hex6"===e)&&(t=this.toHexString()),"hex3"===e&&(t=this.toHexString(!0)),"hex4"===e&&(t=this.toHex8String(!0)),"hex8"===e&&(t=this.toHex8String()),"name"===e&&(t=this.toName()),"hsl"===e&&(t=this.toHslString()),"hsv"===e&&(t=this.toHsvString()),t||this.toHexString())},clone:function(){return p(this.toString())},_applyModification:function(e,n){var t=e.apply(null,[this].concat([].slice.call(n)));return this._r=t._r,this._g=t._g,this._b=t._b,this.setAlpha(t._a),this},lighten:function(){return this._applyModification(w,arguments)},brighten:function(){return this._applyModification(k,arguments)},darken:function(){return this._applyModification(y,arguments)},desaturate:function(){return this._applyModification(m,arguments)},saturate:function(){return this._applyModification(v,arguments)},greyscale:function(){return this._applyModification(x,arguments)},spin:function(){return this._applyModification(I,arguments)},_applyCombination:function(e,n){return e.apply(null,[this].concat([].slice.call(n)))},analogous:function(){return this._applyCombination(M,arguments)},complement:function(){return this._applyCombination(A,arguments)},monochromatic:function(){return this._applyCombination(E,arguments)},splitcomplement:function(){return this._applyCombination(_,arguments)},triad:function(){return this._applyCombination(S,arguments)},tetrad:function(){return this._applyCombination(C,arguments)}},p.fromRatio=function(e,n){if("object"==typeof e){var t={};for(var r in e)e.hasOwnProperty(r)&&("a"===r?t[r]=e[r]:t[r]=V(e[r]));e=t}return p(e,n)},p.equals=function(e,n){return!!e&&!!n&&p(e).toRgbString()==p(n).toRgbString()},p.random=function(){return p.fromRatio({r:u(),g:u(),b:u()})},p.mix=function(e,n,t){t=0===t?0:t||50;var r=p(e).toRgb(),i=p(n).toRgb(),a=t/100;return p({r:(i.r-r.r)*a+r.r,g:(i.g-r.g)*a+r.g,b:(i.b-r.b)*a+r.b,a:(i.a-r.a)*a+r.a})},p.readability=function(e,t){var r=p(e),i=p(t);return(n.max(r.getLuminance(),i.getLuminance())+.05)/(n.min(r.getLuminance(),i.getLuminance())+.05)},p.isReadable=function(e,n,t){var r,i,a,o,l,c=p.readability(e,n);switch(l=!1,(i=((r=(r=t)||{level:"AA",size:"small"}).level||"AA").toUpperCase(),a=(r.size||"small").toLowerCase(),"AA"!==i&&"AAA"!==i&&(i="AA"),"small"!==a&&"large"!==a&&(a="small"),o={level:i,size:a}).level+o.size){case"AAsmall":case"AAAlarge":l=c>=4.5;break;case"AAlarge":l=c>=3;break;case"AAAsmall":l=c>=7}return l},p.mostReadable=function(e,n,t){var r,i,a,o,l=null,c=0;i=(t=t||{}).includeFallbackColors,a=t.level,o=t.size;
vendor: 1,583 bytes, line 1
1for(var s=0;s<n.length;s++)(r=p.readability(e,n[s]))>c&&(c=r,l=p(n[s]));return p.isReadable(e,l,{level:a,size:o})||!i?l:(t.includeFallbackColors=!1,p.mostReadable(e,["#fff","#000"],t))};var N=p.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee9
10",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},P=p.hexNames=function(e){var n={};for(var t in e)e.hasOwnProperty(t)&&(n[e[t]]=t);return n}(N);function R(e){return(isNaN(e=parseFloat(e))||e<0||e>1)&&(e=1),e}function z(e,t){"string"==typeof(r=e)&&-1!=r.indexOf(".")&&1===parseFloat(r)&&(e="100%");var r,i,a="string"==typeof(i=e)&&-1!=i.indexOf("%");return(e=s(t,d(0,parseFloat(e))),a&&(e=parseInt(e*t,10)/100),1e-6>n.abs(e-t))?1:e%t/parseFloat(t)}function j(e){return s(1,d(0,e))}function H(e){return parseInt(e,16)}function G(e){return 1==e.length?"0"+e:""+e}function V(e){return e<=1&&(e=100*e+"%"),e}function Z(e){return n.round(255*parseFloat(e)).toString(16)}var B=(r="[\\s|\\(]+("+(t="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)")+")[,|\\s]+("+t+")[,|\\s]+("+t+")\\s*\\)?",i="[\\s|\\(]+("+t+")[,|\\s]+("+t+")[,|\\s]+("+t+")[,|\\s]+("+t+")\\s*\\)?",{CSS_UNIT:new RegExp(t),rgb:RegExp("rgb"+r),rgba:RegExp("rgba"+i),hsl:RegExp("hsl"+r),hsla:RegExp("hsla"+i),hsv:RegExp("hsv"+r),hsva:RegExp("hsva"
1+i),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/});function D(e){return!!B.CSS_UNIT.exec(e)}e.exports?e.exports=p:window.tinycolor=p}(Math)}),s=function(e){var n={hex:"#ffffff",alpha:100},t=c(e);return e&&(!t.isValid()||e.trim().startsWith("radial-gradient")||e.trim().startsWith("linear-gradient")||(n.hex=t.toHexString(),n.alpha=Math.round(100*t.getAlpha()))),n},d=function(e,n){var t=o((0,r.useState)(e),2),i=t[0],a=t[1];return(0,r.useEffect)(function(){var t=setTimeout(function(){a(e)},n);return function(){clearTimeout(t)}},[e,n]),i},u=[{angle:"0",name:"to top"},{angle:"45",name:"to top right"},{angle:"45",name:"to right top"},{angle:"90",name:"to right"},{angle:"135",name:"to right bottom"},{angle:"135",name:"to bottom right"},{angle:"180",name:"to bottom"},{angle:"225",name:"to left bottom"},{angle:"225",name:"to bottom left"},{angle:"270",name:"to left"},{angle:"315",name:"to top left"},{angle:"315",name:"to left top"}],p=function(e){var n,t,r=c(e),i={stops:[["rgba(0, 0, 0, 1)",0,0],["rgba(183, 80, 174, 0.92)",1,1]],gradient:"linear-gradient(180deg, rgba(6, 6, 6, 1) 0.0%, rgba(183, 80, 174, 0.92) 100.0%)",modifier:180,type:"linear"};if("transparent"===e)return i;if(!r.isValid()||e.trim().startsWith("radial-gradient")||e.trim().startsWith("linear-gradient")){var a=w(e=e.replace(";","").replace("background-image:","")),l=[],s="";if("Failed to find gradient"===a||"Not correct position"===a)return console.warn("Incorrect gradient value"),i;"string"!=typeof a&&(l=a.stops,s=a.angle?a.angle:a.line);var d=o(e.match(/^(\w+)-gradient\((.*)\)$/i)||[],3),p=d[1],f=d[2];if(!p||!f)return console.warn("Incorrect gradient value"),i;var h=(null==(n=u.find(function(e){return e.name===s}))?void 0:n.angle)||s||("linear"===p?"180":"circle at center");return{gradient:p+"-gradient("+("string"!=typeof a?a.original:e)+")",type:p,modifier:null!==h.match(/\d+/)?Number(null==(t=h.match(/\d+/))?void 0:t.join("")):h,stops:l.map(function(e,n){var t=[""+e.color,n];return(e.position||0===e.position)&&t.splice(1,0,e.position),t})}}var g=r.toRgbString();return g&&(i.stops=[["rgba(0, 0, 0, 1)",0,0],[g,1,1]],i.gradient="linear-gradient(180deg, rgba(6, 6, 6, 1) 0.0%, "+g+" 100.0%)"),i},f=function(e,n,t,r){var i,a=c(e),o=r||100*a.getAlpha();switch(n){case"rgb":i=a.toRgbString();break;case"hsl":i=a.toHslString();break;case"hex":i=t&&100!==o?a.toHex8String():a.toHexString();break;default:i=""}return i},h=function(e,n,t,r,i){void 0===r&&(r="rgb");var a="";switch(e){case"linear":"number"==typeof t&&(a="linear-gradient("+t+"deg, "+n.map(function(e){return f(e[0],r,i)+" "+Math.round(100*e[1]).toFixed(2)+"%"})+")"),"string"==typeof t&&(a="linear-gradient("+t+", "+n.map(function(e){return f(e[0],r,i)+" "+Math.round(100*e[1]).toFixed(2)+"%"})+")");break;case"radial":a="radial-gradient("+t+", "+n.map(function(e){return f(e[0],r,i)+" "+Math.round(100*e[1]).toFixed(2)+"%"})+")"}return a},g=function(e){if(e){if("transparent"===e.toLowerCase())return[0,0,0,0];if("#"===e[0])return e.length<7&&(e="#"+e[1]+e[1]+e[2]+e[2]+e[3]+e[3]+(e.length>4?e[4]+e[4]:"")),[parseInt(e.substr(1,2),16),parseInt(e.substr(3,2),16),parseInt(e.substr(5,2),16),e.length>7?parseInt(e.substr(7,2),16)/255:1];if(0===e.indexOf("rgb"))return(e+=",1").match(/[\.\d]+/g).map(function(e){return+e})}},b=function(e){if(!Array.isArray(e)||e.length<3||e.length>4)return"";var n=e.map(function(e){var n=(+e).toString(16);return 1===n.length&&(n="0"+n),n},[]);return~n.indexOf("NaN")?"":"#"+n.join("")},m=function(e,n){return new RegExp(e.reduce(function(e,n){return e+("string"==typeof n?n:n.source)},""),n)},v=function(){var e=/\s*,\s*/,n=/(?:[+-]?\d*\.?\d+)(?:%|[a-z]+)?/,t=m(["(?:",/\#(?:[a-f0-9]{6,8}|[a-f0-9]{3})/,"|","(?:rgb|hsl)",/\(\s*(?:\d{1,3}%?\s*,\s*){2}%?\d{1,3}%?\s*\)/,"|","(?:rgba|hsla)",/\(\s*(?:\d{1,3}%?\s*,\s*){2}%?\d{1,3}%?\s*,\s*\d*\.?\d+\)/,"|",/[_a-z-][_a-z0-9-]*/,")"],""),r=m([t,"(?:\\s+",n,"(?:\\s+",n,")?)?"],""),i=m(["(?:",r,e,")*",r],""),a=m(["(?:(",/(?:[+-]?\d*\.?\d+)(?:deg|grad|rad|turn)/,")|",/to\s+((?:(?:left|right)(?:\s+(?:top|bottom))?))/,"|",/circle at\s+((?:(?:left|right|center|top|bottom)(?:\s+(?:left|right|center|top|bottom))?))/,")"],"");return{gradientSearch:m(["(?:(",a,")",e,")?(",i,")"],"gi"),colorStopSearch:m(["\\s*(",t,")","(?:\\s+","(",n,"))?","(?:",e,"\\s*)?"],"gi")}},x=function(e,n){var t,r,i,o={stops:[],angle:"",line:"",original:""};if(e.gradientSearch.lastIndex=0,null!==(t=e.gradientSearch.exec(n)))for(o=a(a({},o),{original:t[0]}),t[1]&&(o.line=t[1]),t[2]&&(o.angle=t[2]),t[3]&&(o.sideCorner=t[3]),e.colorStopSearch.lastIndex=0,r=e.colorStopSearch.exec(t[5]);null!==r;)i={color:c(r[1]).toRgbString()},r[2]&&(i.position=Number((parseInt(r[2],10)/100).toFixed(2))),o.stops.push(i),r=e.colorStopSearch.exec(t[5]);return o},w=function(e){var n,t=v(),r=/.*gradient\s*\(((?:\([^\)]*\)|[^\)\(]*)*)\)/.exec(e);return null!==r?((n=x(t,r[1])).original.trim()!==r[1].trim()&&(n.parseWarning=!0),!1===n.stops.every(function(e){return e.hasOwnProperty("position")})&&(n="Not correct position")):n="Failed to find gradient",n}
1,k=function(){function e(e){var n=this;this.initRgb=function(){var e=n.color.toRgb(),t=e.r,r=e.g,i=e.b;n.redValue=t,n.greenValue=r,n.blueValue=i},this.initHsb=function(){var e=n.color.toHsv(),t=e.h,r=e.s,i=e.v;n.hueValue=t,n.saturationValue=r,n.brightnessValue=i},this.toHexString=function(){return n.color.toHexString()},this.toRgbString=function(){return n.color.toRgbString()},this.toHsv=function(){return n.color.toHsv()},this.color=c(e),this.initRgb(),this.initHsb();var t=this.color.toRgb().a;this.alphaValue=100*Math.min(1,t),this.hueValue=this.color.toHsv().h,this.saturationValue=this.color.toHsv().s,this.brightnessValue=this.color.toHsv().v,this.redValue=this.color.toRgb().r,this.greenValue=this.color.toRgb().g,this.blueValue=this.color.toRgb().b,this.lightnessValue=0}return e.isValidHex=function(e){return c(e).isValid()},Object.defineProperty(e.prototype,"hex",{get:function(){return this.color.toHex()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"hue",{get:function(){return this.hueValue},set:function(e){this.color=c({h:e,s:this.saturation,v:this.brightness}),this.initRgb(),this.hueValue=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"saturation",{get:function(){return this.saturationValue},set:function(e){this.color=c({h:this.hue,s:e,v:this.brightness}),this.initRgb(),this.saturationValue=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"lightness",{get:function(){return this.lightnessValue},set:function(e){this.color=c({h:this.hue,s:this.saturation,l:e}),this.initRgb(),this.lightnessValue=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"brightness",{get:function(){return this.brightnessValue},set:function(e){this.color=c({h:this.hue,s:this.saturation,v:e}),this.initRgb(),this.brightnessValue=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"red",{get:function(){return this.redValue},set:function(e){var n=this.color.toRgb();this.color=c(a(a({},n),{r:e})),this.initHsb(),this.redValue=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"green",{get:function(){return this.greenValue},set:function(e){var n=this.color.toRgb();this.color=c(a(a({},n),{g:e})),this.initHsb(),this.greenValue=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"blue",{get:function(){return this.blueValue},set:function(e){var n=this.color.toRgb();this.color=c(a(a({},n),{b:e})),this.initHsb(),this.blueValue=e},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"alpha",{get:function(){return 100*this.color.getAlpha()},set:function(e){this.color.setAlpha(e/100)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"RGB",{get:function(){return[this.red,this.green,this.blue]},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"HSB",{get:function(){return[this.hue,this.saturation,this.brightness]},enumerable:!1,configurable:!0}),e}(),y=function(e){var n=e.rootPrefixCls,t=e.color,i=e.colorBoardHeight,a=e.onChange,o=e.setChange,l=(0,r.useRef)(),c=function(){o(!1),window.removeEventListener("mousemove",p),window.removeEventListener("mouseup",f)},s=function(){o(!1),window.removeEventListener("touchmove",d),window.removeEventListener("touchend",u)};(0,r.useEffect)(function(){return function(){c(),s()}},[]);var d=function(e){e.cancelable&&e.preventDefault(),h({x:e.targetTouches[0].clientX,y:e.targetTouches[0].clientY})},u=function(){s()},p=function(e){e.preventDefault(),h({x:e.clientX,y:e.clientY})},f=function(e){e.preventDefault(),h({x:e.clientX,y:e.clientY}),c()},h=function(e){var n=l&&l.current.getBoundingClientRect(),r=e.x-n.left,i=e.y-n.top,o=n.width||200,c=n.height||150;r=Math.min(r=Math.max(0,r),o),i=Math.min(i=Math.max(0,i),c),t.saturation=r/o,t.brightness=1-i/c,a(t)},g=n+"-board",b=new k({h:t.hue,s:1,v:1}).toHexString(),m=100*t.saturation,v=(1-t.brightness)*100;return r.createElement("div",{className:g,ref:l},r.createElement("div",{className:g+"-hsv",style:{backgroundColor:b,height:i+"px",minHeight:i+"px"}},r.createElement("div",{className:g+"-value"}),r.createElement("div",{className:g+"-saturation"})),r.createElement("span",{style:{left:"calc("+m+"% - 7px)",top:"calc("+v+"%
1- 7px)",backgroundColor:t.toHexString()}}),r.createElement("div",{className:g+"-handler",onMouseDown:function(e){e.preventDefault(),1===e.buttons&&(c(),h({x:e.clientX,y:e.clientY}),window.addEventListener("mousemove",p),window.addEventListener("mouseup",f))},onTouchStart:function(e){e.cancelable&&e.preventDefault(),1===e.touches.length&&(s(),h({x:e.targetTouches[0].clientX,y:e.targetTouches[0].clientY}),window.addEventListener("touchmove",d,{passive:!1}),window.addEventListener("touchend",u,{passive:!1}))}}))},I=function(e){var n=e.rootPrefixCls,t=e.color,i=e.onChange,a=e.setChange,o=(0,r.useRef)(),l=function(){window.removeEventListener("mousemove",s),window.removeEventListener("mouseup",d)},c=function(){a(!1),window.removeEventListener("touchmove",u),window.removeEventListener("touchend",p)};(0,r.useEffect)(function(){return function(){l(),c()}},[]);var s=function(e){f({x:e.clientX,y:e.clientY})},d=function(e){f({x:e.clientX,y:e.clientY}),a(!1),l()},u=function(e){e.cancelable&&e.preventDefault(),f({x:e.targetTouches[0].clientX,y:e.targetTouches[0].clientY})},p=function(){c()},f=function(e){var n=o&&o.current.getBoundingClientRect(),r=n.width,a=e.x-n.left;t.hue=360*((a=Math.min(a=Math.max(0,a),r))/r),i(t)},h=new k({h:t.hue,s:1,v:1}).toHexString(),g=n+"-ribbon",b=t.hue;return r.createElement("div",{className:g,ref:o,onMouseDown:function(e){e.preventDefault(),f({x:e.clientX,y:e.clientY}),window.addEventListener("mousemove",s),window.addEventListener("mouseup",d)},onTouchStart:function(e){e.cancelable&&e.preventDefault(),1===e.touches.length&&(c(),f({x:e.targetTouches[0].clientX,y:e.targetTouches[0].clientY}),window.addEventListener("touchmove",u,{passive:!1}),window.addEventListener("touchend",p,{passive:!1}))}},r.createElement("div",{className:"color-picker-panel-ribbon-bg"}),r.createElement("span",{style:{left:b/360*100+"%",backgroundColor:h}}),r.createElement("div",{className:g+"-handler"}))},A=function(e,n,t,r){return"rgba("+[e,n,t,r/100].join(",")+")"},S=function(e){var n,t,i,a,o=e.rootPrefixCls,l=e.color,c=e.alpha,s=e.onChange,d=e.setChange,u=(0,r.useRef)(),p=function(){window.removeEventListener("mousemove",h),window.removeEventListener("mouseup",g)},f=function(){d(!1),window.removeEventListener("touchmove",b),window.removeEventListener("touchend",m)};(0,r.useEffect)(function(){return function(){p(),f()}},[]);var h=function(e){v({x:e.clientX,y:e.clientY})},g=function(e){v({x:e.clientX,y:e.clientY}),d(!1),p()},b=function(e){e.cancelable&&e.preventDefault(),v({x:e.targetTouches[0].clientX,y:e.targetTouches[0].clientY})},m=function(){f()},v=function(e){var n=u&&u.current.getBoundingClientRect(),t=n.width,r=e.x-n.left;s(Math.round((r=Math.min(r=Math.max(0,r),t))/t*100))},x=o+"-alpha";return r.createElement("div",{className:x,ref:u,onMouseDown:function(e){v({x:e.clientX,y:e.clientY}),window.addEventListener("mousemove",h),window.addEventListener("mouseup",g)},onTouchStart:function(e){e.cancelable&&e.preventDefault(),1===e.touches.length&&(f(),v({x:e.targetTouches[0].clientX,y:e.targetTouches[0].clientY}),window.addEventListener("touchmove",b,{passive:!1}),window.addEventListener("touchend",m,{passive:!1}))}},r.createElement("div",{className:x+"-bg",style:{background:(n=l.red,"linear-gradient(to right, "+A(n,t=l.green,i=l.blue,0)+" , "+A(n,t,i,100)+")")}}),r.createElement("span",{style:{left:c+"%",backgroundColor:(a=l.red,"rgba("+a+", "+l.green+", "+l.blue+", "+(c||1)/100+")")}}),r.createElement("div",{className:x+"-handler"}))},C=function(e){var n=e.alpha,t=e.className,i=e.hex,l=e.colorBoardHeight,c=e.showAlpha,s=e.onChange,d=(0,r.useRef)(),u=new k(i);u.alpha=n;var p=o((0,r.useState)({color:u,alpha:n}),2),f=p[0],h=p[1],g=o((0,r.useState)(!1),2),b=g[0],m=g[1];(0,r.useEffect)(function(){b||h({color:u,alpha:n})},[i,n]);var v=function(e){m(!0),e.alpha=f.alpha,h(a(a({},f),{color:e,alpha:e.alpha})),s({hex:e.toHexString(),alpha:e.alpha})};return r.createElement("div",{ref:d,className:["color-picker-panel",t].join(" "),tabIndex:0},r.createElement("div",{className:"color-picker-panel-inner"},r.createElement(y,{rootPrefixCls:"color-picker-panel",color:f.color,colorBoardHeight:l,onCh
1ange:v,setChange:m}),r.createElement("div",{className:"color-picker-panel-wrap"+(c?" color-picker-panel-wrap-has-alpha":"")},r.createElement("div",{className:"color-picker-panel-wrap-ribbon"},r.createElement(I,{rootPrefixCls:"color-picker-panel",color:f.color,onChange:v,setChange:m})),c&&r.createElement("div",{className:"color-picker-panel-wrap-alpha"},r.createElement(S,{rootPrefixCls:"color-picker-panel",alpha:f.alpha,color:f.color,onChange:function(e){m(!0);var n=f.color;n.alpha=e,h({color:n,alpha:e}),s({hex:n.toHexString(),alpha:e})},setChange:m})))))};i(".input_rgba {\n position: relative;\n}\n.input_rgba .input_rgba-wrap {\n display: flex;\n}\n.input_rgba .input_rgba-wrap .input_rgba-hex {\n position: relative;\n width: 100%;\n font-size: 0;\n}\n.input_rgba .input_rgba-wrap .input_rgba-hex .input_rgba-hex-label {\n position: absolute;\n top: 7px;\n left: 12px;\n font-size: 16px;\n color: #929fb7;\n font-size: 14px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.71;\n letter-spacing: normal;\n}\n.input_rgba .input_rgba-wrap .input_rgba-hex input {\n padding-left: 26px;\n}\n.input_rgba .input_rgba-wrap .input_rgba-alpha {\n margin-left: 16px;\n position: relative;\n flex-grow: 0;\n flex-shrink: 0;\n flex-basis: 71px;\n font-size: 0;\n}\n.input_rgba .input_rgba-wrap .input_rgba-alpha .input_rgba-alpha-label {\n position: absolute;\n top: 16%;\n color: #929fb7;\n right: 12px;\n font-size: 16px;\n}\n.input_rgba .input_rgba-wrap input {\n box-sizing: border-box;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n outline: none;\n border: none;\n box-shadow: none;\n width: 100%;\n height: 40px;\n border-radius: 4px;\n background-color: #fff;\n font-size: 16px;\n font-weight: normal;\n font-stretch: normal;\n font-style: normal;\n line-height: 24px;\n letter-spacing: normal;\n color: #312e55;\n margin-bottom: 8px;\n padding-left: 12px;\n padding-right: 12px;\n padding-top: 0;\n padding-bottom: 0;\n transition: all 0.15s ease;\n box-shadow: 0px 0px 0px 2px #bbbfc5;\n}\n.input_rgba .input_rgba-wrap input:hover {\n background-color: #d4e5ff;\n box-shadow: none;\n}\n.input_rgba .input_rgba-wrap input:focus {\n box-shadow: 0px 0px 0px 2px #6dbafd;\n background-color: #e5f3ff;\n}\n.input_rgba .input_rgba-wrap .input_rgba-label {\n width: 100%;\n text-transform: uppercase;\n font-size: 12px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.67;\n letter-spacing: 0.5px;\n text-align: center;\n color: #929fb7;\n}");var _=function(e,n){"Enter"===e.key&&n()},M=function(e){var n={wrapClass:"input_rgba-hex",labelSymbol:!0,idInput:"rgba-hex"+1e4*Math.random(),valueInput:e.hexValue,labelText:"Hex",labelArea:"hex",labelClass:"input_rgba-label",onChangeInput:function(n){var t;return e.onChangeHex(((t=n.target.value)&&"#"===t.substring(0,1)&&(t=t.substring(1)),t?t.substr(0,6).replace(/[^a-zA-Z0-9\s-]/gi,""):""))},name:"hex"},t={wrapClass:"input_rgba-alpha",labelSymbol:!1,idInput:"rgba-alpha"+1e4*Math.random(),valueInput:e.alphaValue,labelText:"Alpha",labelArea:"alpha",labelClass:"input_rgba-label",onChangeInput:function(n){var t;return e.onChangeAlpha((t=n.target.value)?t.substr(0,3).replace(/[^\d]/g,""):"")},name:"alpha"};return!1===e.showAlpha?[n]:[n,t]},E=function(e){var n=e.hex,t=e.alpha,i=e.format,l=void 0===i?"rgb":i,s=e.showAlpha,d=void 0===s||s,u=e.onChange,p=e.onSubmitChange,h=o((0,r.useState)({alpha:t,hex:n}),2),g=h[0],b=h[1],m=function(){var e=c("#"===g.hex[0]?g.hex:"#"+g.hex);e.setAlpha(Number(g.alpha)/100),e&&(g.alpha!==t||g.hex!==n)?(u({hex:"#"===g.hex[0]?g.hex:"#"+g.hex,alpha:Number(g.alpha)}),p&&p(f(e.toRgbString(),l,d,g.alpha))):(b({hex:n,alpha:t}),u({hex:n,alpha:t}))};(0,r.useEffect)(function(){b({hex:n,alpha:t})},[n,t]);var v={alphaValue:g.alpha,hexValue:g.hex.replace(/#/i,""),onChangeAlpha:function(e){var n,t=((n=e).replace(/%/i,""),"0"===n[0]&&n.length>1)?n.substr(1):Number(n)>=100?100:isNaN(Number(n))?parseInt(n):n||0;b(a(a({},g),{alpha:Number(t)}))},onChangeHex:function(e){b(a(a({},g),{hex:e}))},showAlpha:d};return r.createElement("div",{className:"input_rgba"},r.createElement("div",{className:"input_rgba-wrap"},M(v).map(function(e,n){var t=e.wrapClass,i=e.labelSymbol,a=e.idInput,o=e.valueInput,l=e.labelText,c=e.labelArea,s=e.labelClass,d=e.onChangeInput,u=e.name;return r.createElement("div",{className:t,key:n},i&&r.createElement("label",{htmlFor:"rgba-hex",className:"input_rgba-hex-label"},"#"),"alpha"===u&&r.createElement("label",{htmlFor:a,className:"input_rgba-alpha-label"},"%"),r.createElement("input",{type:"text",id:a,value:o,"aria-label":c,onChange:function(e){return d(e)},onBlur:m,onKeyPress:function(e){return _(e,m)}}),r.createElement("div",{className:s},l))})))}
1,N=function(e){var n=e.color,t=e.setColor,i=e.activeColor,s=e.setActiveColor,d=e.setInit,u=e.format,p=void 0===u?"rgb":u,f=e.showAlpha,m=void 0===f||f,v=e.allowAddGradientStops,x=void 0===v||v,w=(0,r.useRef)(),k=o((0,r.useState)(!1),2),y=k[0],I=k[1],A=o((0,r.useState)(!1),2),S=A[0],C=A[1],_=n.stops,M=n.type,E=n.modifier,N=function(e){if(d(!1),e.stopPropagation(),x){var r=e.target;if("gradient-marker"!==r.className){var o=r.getBoundingClientRect(),u=e.clientX-o.left,f=Number((100/o.width*u).toFixed(0))/100,g=c(i.hex);g.setAlpha(i.alpha/100);var b=l(n.stops,[[g.toRgbString(),f,n.stops.length]]).sort(function(e,n){return e[1]-n[1]}).map(function(e,n){return e[2]=n,e});t(a(a({},n),{gradient:""+h(M,b,E,p,m),stops:b})),s(a(a({},i),{loc:f,index:b.find(function(e){return e[1]===f})[2]}))}}},P=function(){window.removeEventListener("mousemove",j),window.removeEventListener("mouseup",H)},R=function(){window.removeEventListener("touchmove",V),window.removeEventListener("touchend",Z)},z=function(e,n){if((e.preventDefault(),e.stopPropagation(),e.nativeEvent.stopImmediatePropagation(),2!==e.detail)&&(d(!1),0===e.button)){var t=c(n[0]);s({hex:"#"+t.toHex(),alpha:100*t.getAlpha(),loc:n[1],index:n[2]}),B({x:e.clientX,y:e.clientY}),window.addEventListener("mousemove",j),window.addEventListener("mouseup",H)}},j=function(e){var n,t=e.clientX,r=e.clientY;if(r-(null==(n=null==w?void 0:w.current)?void 0:n.getBoundingClientRect()).y>80&&_.length>2)return void C(!0);C(!1),B({x:t,y:r})},H=function(e){var n,t=e.clientX,r=e.clientY;r-(null==(n=null==w?void 0:w.current)?void 0:n.getBoundingClientRect()).y>80&&_.length>2&&I(!0),B({x:t,y:r}),P()},G=function(e,n){if(d(!1),e.cancelable&&e.preventDefault(),1===e.touches.length){R();var t=c(n[0]);s({hex:"#"+t.toHex(),alpha:100*t.getAlpha(),loc:n[1],index:n[2]}),B({x:e.targetTouches[0].clientX,y:e.targetTouches[0].clientY}),window.addEventListener("touchmove",V,{passive:!1}),window.addEventListener("touchend",Z,{passive:!1})}},V=function(e){e.cancelable&&e.preventDefault();var n,t=e.targetTouches[0].clientX,r=e.targetTouches[0].clientY;if(r-(null==(n=null==w?void 0:w.current)?void 0:n.getBoundingClientRect()).y>80&&_.length>2)return void C(!0);C(!1),B({x:t,y:r})},Z=function(){R()},B=function(e){var n=w&&w.current.getBoundingClientRect(),t=n.width,r=e.x-n.left;r=Math.min(r=Math.max(0,r),t);var i=Number((100/n.width*r).toFixed(0))/100;s(function(e){return a(a({},e),{loc:i})})},D=function(){if(!(_.length<=2)){var e=_.filter(function(e){return e[2]!==i.index}).map(function(e,n){return e[2]=n,e}),r=g(e[e.length-1][0]),o=e[e.length-1][1],l=b([r[0],r[1],r[2]]),c=e[e.length-1][2];return I(!1),C(!1),s({hex:l,alpha:Number(Math.round(100*r[3])),loc:o,index:c}),t(a(a({},n),{gradient:""+h(M,e,E,p,m),stops:e}))}};return(0,r.useEffect)(function(){if(y)return D();var e=_.map(function(e){return i.index===e[2]?[e[0],i.loc,e[2]]:e});t(a(a({},n),{gradient:""+h(M,e,E,p,m),stops:e}))},[i.loc,y]),(0,r.useEffect)(function(){return function(){P(),R()}},[]),r.createElement("div",{className:"gradient-stops",onClick:function(e){return N(e)},ref:w},r.createElement("div",{className:"gradient-stop-preview",style:{background:"linear-gradient(to right, "+_.map(function(e){return e[0]+" "+100*e[1]+"%"}).join(", ")+")"}}),r.createElement("div",{className:"gradient-stop-marker"},_.map(function(e){var n=100*e[1],t=e[0];return r.createElement("div",{key:t+n+100*Math.random(),className:"gradient-marker"+(S&&i.index===e[2]?" hide":"")+(S||i.index!==e[2]?"":" active"),style:{left:Math.abs(Math.min(n,100))+"%",color:t},onTouchStart:function(n){return G(n,e)},onMouseDown:function(n){return z(n,e)},onClick:function(e){return e.stopPropagation()},onDoubleClick:D})})))},P=function(e){var n="solid",t=c(e).isValid();if(e){if("transparent"===e||t&&!e.trim().startsWith("radial-gradient")&&!e.trim().startsWith("linear-gradient"))return"solid";var r=g(e);r?b([r[0],r[1],r[2]])&&(n="solid"):n="gradient"}return n},R=function(e,n){if(!e.length||!Array.isArray(e))return[];var t=l(new Set(e));switch(n){case"solid":return t.filter(function(e,n){return!(!c(e).isValid()||e.trim().startsWith("radial-gradient")||e.trim().startsWith("linear-gradient"))});case"grad":return t.filter(function(e,n){var t=w(e);return"Failed to find gradient"!==t&&("Not correct position"===t?(console.warn("Incorrect gradient default value. You need to indicate the location for the colors. We ignore this gradient value"),!1):!(n>100))});default:return[]}},z=function(e,n){if(!(e instanceof Array)||!(n instanceof Array))return e===n;if(e.length!==n.length)return!1;for(var t=0;t<e.length;t++)if(!z(e[t],n[t]))return!1;return!0},j=function(e,n){var t,r,i=Object.keys(e),a=Object.keys(n);if(i.length!==a.length)return!1;try{for(var o=function(e){var n="function"==typeof Symbol&&Symbol.iterator,t=n&&e[n],r=0;if(t)return t.call(e);
1if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw TypeError(n?"Object is not iterable.":"Symbol.iterator is not defined.")}(i),l=o.next();!l.done;l=o.next()){var c=l.value;if(e[c]!==n[c])return!1}}catch(e){t={error:e}}finally{try{l&&!l.done&&(r=o.return)&&r.call(o)}finally{if(t)throw t.error}}return!0},H=["#FF6900","#FCB900","#7BDCB5","#00D084","#8ED1FC","#0693E3","#ABB8C3","#607d8b","#EB144C","#F78DA7","#ba68c8","#9900EF","linear-gradient(0deg, rgb(255, 177, 153) 0%, rgb(255, 8, 68) 100%)","linear-gradient(270deg, rgb(251, 171, 126) 8.00%, rgb(247, 206, 104) 92.00%)","linear-gradient(315deg, rgb(150, 230, 161) 8.00%, rgb(212, 252, 121) 92.00%)","linear-gradient(to left, rgb(249, 240, 71) 0%, rgb(15, 216, 80) 100%)","linear-gradient(315deg, rgb(194, 233, 251) 8.00%, rgb(161, 196, 253) 92.00%)","linear-gradient(0deg, rgb(0, 198, 251) 0%, rgb(0, 91, 234) 100%)","linear-gradient(0deg, rgb(167, 166, 203) 0%, rgb(137, 137, 186) 51.00%, rgb(137, 137, 186) 100%)","linear-gradient(0deg, rgb(80, 82, 133) 0%, rgb(88, 94, 146) 15.0%, rgb(101, 104, 159) 28.00%, rgb(116, 116, 176) 43.00%, rgb(126, 126, 187) 57.00%, rgb(131, 137, 199) 71.00%, rgb(151, 149, 212) 82.00%, rgb(162, 161, 220) 92.00%, rgb(181, 174, 228) 100%)","linear-gradient(270deg, rgb(255, 126, 179) 0%, rgb(255, 117, 140) 100%)","linear-gradient(90deg, rgb(120, 115, 245) 0%, rgb(236, 119, 171) 100%)","linear-gradient(45deg, #2e266f 0.00%, #9664dd38 100.00%)","radial-gradient(circle at center, yellow 0%, #009966 50%, purple 100%)"],G=[{pos:"tl",css:"circle at left top",active:!1},{pos:"tm",css:"circle at center top",active:!1},{pos:"tr",css:"circle at right top",active:!1},{pos:"l",css:"circle at left",active:!1},{pos:"m",css:"circle at center",active:!0},{pos:"r",css:"circle at right",active:!1},{pos:"bl",css:"circle at left bottom",active:!1},{pos:"bm",css:"circle at center bottom",active:!1},{pos:"br",css:"circle at right bottom",active:!1}],V=(0,r.memo)(function(e){var n=e.color,t=e.setColor,i=e.activeColor,l=e.setActiveColor,c=e.setInit,s=e.format,d=void 0===s?"rgb":s,u=e.showAlpha,p=void 0===u||u,f=e.showGradientResult,g=e.showGradientStops,b=e.showGradientMode,m=e.showGradientAngle,v=void 0===m||m,x=e.showGradientPosition,w=e.allowAddGradientStops,k=(0,r.useRef)(),y=n.stops,I=n.gradient,A=n.type,S=n.modifier,C=o((0,r.useState)(G),2),_=C[0],M=C[1],E=function(){switch(c(!1),A){case"linear":var e=_.find(function(e){return e.active});t(a(a({},n),{modifier:(null==e?void 0:e.css)||S,gradient:""+h("radial",y,(null==e?void 0:e.css)||S,d,p),type:"radial"}));break;case"radial":t(a(a({},n),{gradient:""+h("linear",y,180,d,p),type:"linear"}))}},P=function(e){c(!1);var r=e.target.getAttribute("data-pos"),i=_.map(function(e){return e.pos===r?a(a({},e),{active:!0}):a(a({},e),{active:!1})});M(i);var o=i.find(function(e){return e.active});t(a(a({},n),{modifier:(null==o?void 0:o.css)||S,gradient:""+h("radial",y,(null==o?void 0:o.css)||S,d,p)}))},R=function(){window.removeEventListener("mousemove",j),window.removeEventListener("mouseup",H)},z=function(){window.removeEventListener("touchmove",V),window.removeEventListener("touchend",Z)},j=function(e){B({x:e.clientX,y:e.clientY,shiftKey:e.shiftKey,ctrlKey:2*e.ctrlKey})},H=function(e){B({x:e.clientX,y:e.clientY,shiftKey:e.shiftKey,ctrlKey:2*e.ctrlKey}),R()},V=function(e){e.cancelable&&e.preventDefault(),B({x:e.targetTouches[0].clientX,y:e.targetTouches[0].clientY,shiftKey:!1,ctrlKey:0})},Z=function(){z()},B=function(e){var r=k&&k.current.getBoundingClientRect(),i=r.left+r.
1width/2,o=r.top+r.height/2,l=Math.abs(180*(Math.atan2(e.x-i,e.y-o)-Math.PI)/Math.PI),c=l-l%(45/[1,2,4][Number(e.shiftKey||e.ctrlKey)]);t(a(a({},n),{gradient:""+h(A,y,c,d,p),modifier:c}))};return(0,r.useEffect)(function(){return function(){R(),z()}},[]),(0,r.useEffect)(function(){if("radial"===A){var e=_.find(function(e){return e.css===S});t(a(a({},n),{modifier:(null==e?void 0:e.css)||S,gradient:""+h("radial",y,(null==e?void 0:e.css)||S,d,p)})),M(G.map(function(e){return e.css===S?a(a({},e),{active:!0}):a(a({},e),{active:!1})}))}},[S]),r.createElement("div",{className:"gradient-interaction"},(void 0===f||f)&&r.createElement("div",{className:"gradient-result",onMouseDown:v?function(e){if(e.preventDefault(),c(!1),0===e.button){var n=e.clientX,t=e.clientY,r=e.shiftKey,i=2*e.ctrlKey;"gradient-mode"!==e.target.className&&"linear"===A&&(B({x:n,y:t,shiftKey:r,ctrlKey:i}),window.addEventListener("mousemove",j),window.addEventListener("mouseup",H))}}:void 0,onTouchStart:v?function(e){c(!1),e.cancelable&&e.preventDefault(),1===e.touches.length&&(z(),B({x:e.targetTouches[0].clientX,y:e.targetTouches[0].clientY,shiftKey:!1,ctrlKey:0}),window.addEventListener("touchmove",V,{passive:!1}),window.addEventListener("touchend",Z,{passive:!1}))}:void 0,style:{background:I}},(void 0===b||b)&&r.createElement("div",{"data-mode":A,className:"gradient-mode",onClick:function(){return E()}}),v&&r.createElement("div",{className:"gradient-angle",ref:k,style:{visibility:"linear"===A?"visible":"hidden"}},r.createElement("div",{style:{transform:"rotate("+("number"==typeof S?S-90+"deg":S)+")"}})),(void 0===x||x)&&r.createElement("div",{className:"gradient-pos",style:{opacity:"radial"===A?"1":"0",visibility:"radial"===A?"visible":"hidden"}},_.map(function(e){return r.createElement("div",{key:e.pos,"data-pos":e.pos,className:e.active?"gradient-active":"",onClick:function(e){return P(e)}})}))),(void 0===g||g)&&r.createElement(N,{color:n,setColor:t,activeColor:i,setActiveColor:l,setInit:c,format:d,showAlpha:p,allowAddGradientStops:void 0===w||w}))},function(e,n){return!!(z(e.color.stops,n.color.stops)&&e.color.modifier===n.color.modifier&&e.color.type===n.color.type&&j(e.activeColor,n.activeColor))}),Z=function(e){var n=e.defaultColors,t=void 0===n?[]:n,i=e.setColor,a=e.setActiveColor,l=e.setInit,c=e.colorType,d=o((0,r.useState)(-1),2),u=d[0],f=d[1],h=o((0,r.useState)([]),2),m=h[0],v=h[1];(0,r.useEffect)(function(){"gradient"===c?v(R(t,"grad").map(function(e){return p(e)})):v(R(t,"solid"))},[]);var x=function(e,n){if(n!==u)if("gradient"===c&&"string"!=typeof e){var t=e.stops,r=g(t[t.length-1][0]),o=t[t.length-1][1],d=b([r[0],r[1],r[2]]),p=t[t.length-1][2];l(!1),i(e),a&&a({hex:d,alpha:Number(Math.round(100*r[3])),loc:o,index:p}),f(n)}else"gradient"!==c&&"string"==typeof e&&(l(!1),i(s(e)),f(n))};return Array.isArray(t)&&t.length?r.createElement("div",{className:"default-color-panel"},m.map(function(e,n){switch(c){case"gradient":if("string"==typeof e)return null;var t=e.gradient;return r.createElement("div",{onClick:function(){return x(e,n)},key:e.gradient+n,className:"default-color-panel_item"+(u===n?" default-color-panel_item-active":""),style:{background:t}},r.createElement("div",{className:"item_qub"}));case"solid":if("string"==typeof e)return r.createElement("div",{onClick:function(){return x(e,n)},key:e+n,className:"default-color-panel_item"+(u===n?" default-color-panel_item-active":""),style:{background:e,boxShadow:u===n?e+" 0px 0px 4px":"none"}},r.createElement("div",{className:"item_qub"}));return null;default:return null}})):null},B=function(e){var n=e.value,t=void 0===n?"#ffffff":n,i=e.onChange,l=void 0===i?function(){return{}}:i,s=e.format,u=void 0===s?"rgb":s,f=e.debounceMS,m=e.debounce,v=void 0===m||m,x=e.showAlpha,w=void 0===x||x,k=e.showInputs,y=e.showGradientResult,I=e.showGradientStops,A=e.showGradientMode,S=e.showGradientAngle,_=e.showGradientPosition,M=e.allowAddGradientStops,N=e.colorBoardHeight,P=e.defaultColors,R=(0,r.useCallback)(function(){return p(t)},[t])(),z=R.stops,j=g(z[z.length-1][0]),H=z[z.length-1][1],G=b([j[0],j[1],j[2]]),B=z[z.length-1][2],D=o((0,r.useState)(!0),2),L=D[0],F=D[1],Y=o((0,r.useState)({hex:G,alpha:Number(Math.round(100*j[3])),loc:H,index:B}),2),T=Y[0],W=Y[1],X=o((0,r.useState)(R),2),J=X[0],O=X[1],U=d(J,void 0===f?300:f);(0,r.useEffect)(function(){if(v&&U&&!1===L)U.gradient!==R.gradient&&l&&l(U.gradient);else if(!1===L){if(U.gradient===R.gradient)return;l&&l(U.gradient)}},[U]),(0,r.useEffect)(function(){O(R);var e=R.stops.find(function(e){return e[2]===T.index});if(e){var n=c(String(e[0]));
1"#"+n.toHex()!==T.hex&&W(a(a({},T),{hex:"#"+n.toHex(),alpha:100*n.getAlpha()}))}},[t]);var K=(0,r.useCallback)(function(e){F(!1),W(a(a({},T),{hex:e.hex,alpha:Number(Math.round(e.alpha))}));var n=J.stops,t=J.type,r=J.modifier,i=c(e.hex);i.setAlpha(e.alpha/100);var o=n.map(function(e){return e[1]===T.loc?[i.toRgbString(),e[1],e[2]]:e});O(a(a({},J),{gradient:""+h(t,o,r,u,w),stops:o}))},[T,J]);return r.createElement("div",{className:"colorpicker"},r.createElement(C,{hex:T.hex,alpha:T.alpha,showAlpha:w,onChange:K,colorBoardHeight:void 0===N?120:N}),(void 0===k||k)&&r.createElement(E,{hex:T.hex,alpha:T.alpha,showAlpha:w,onChange:function(e){return W(function(n){return a(a({},n),{hex:e.hex,alpha:e.alpha})})},onSubmitChange:function(e){var n=g(e);K({hex:b([n[0],n[1],n[2]]),alpha:100*n[3]})}}),r.createElement(V,{color:J,setColor:O,activeColor:T,setActiveColor:W,setInit:F,format:u,showAlpha:w,showGradientResult:void 0===y||y,showGradientStops:void 0===I||I,showGradientMode:void 0===A||A,showGradientAngle:void 0===S||S,showGradientPosition:void 0===_||_,allowAddGradientStops:void 0===M||M}),r.createElement(Z,{defaultColors:P,setColor:O,setActiveColor:W,setInit:F,colorType:"gradient"}))},D=function(e){var n=e.value,t=void 0===n?"#ffffff":n,i=e.onChange,a=void 0===i?function(){return{}}:i,l=e.format,u=void 0===l?"rgb":l,p=e.debounceMS,h=e.debounce,g=void 0===h||h,b=e.showAlpha,m=void 0===b||b,v=e.showInputs,x=e.colorBoardHeight,w=e.defaultColors,k=(0,r.useRef)(null),y=o((0,r.useState)(!0),2),I=y[0],A=y[1],S=o((0,r.useState)(s(t)),2),_=S[0],M=S[1],N=d(_,void 0===p?300:p);return(0,r.useEffect)(function(){if(g&&N&&!1===I){"transparent"===t&&0===_.alpha&&(_.alpha=100);var e=c(_.hex);e.setAlpha(_.alpha/100),c(e).toRgbString()!==c(t).toRgbString()&&a(f(e.toRgbString(),u,m,N.alpha))}},[N]),(0,r.useEffect)(function(){M(s(t))},[t]),r.createElement("div",{ref:k,className:"colorpicker"},r.createElement(C,{hex:_.hex,alpha:_.alpha,colorBoardHeight:void 0===x?120:x,showAlpha:m,onChange:function(e){A(!1),M({hex:e.hex,alpha:Math.round(e.alpha)})}}),(void 0===v||v)&&r.createElement(E,{hex:_.hex,alpha:_.alpha,format:u,showAlpha:m,onChange:M,onSubmitChange:a}),r.createElement(Z,{defaultColors:w,setColor:M,setInit:A,colorType:"solid"}))};i(".popup_tabs {\n position: relative;\n background-color: #ffffff;\n box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12);\n border-radius: 6px;\n}\n.popup_tabs-header {\n width: 100%;\n height: 49px;\n box-shadow: inset 0 2px 6px 0 rgba(0, 0, 0, 0.04);\n background-color: #f6f7f9;\n display: flex;\n border-radius: 6px;\n border-bottom-right-radius: 0px;\n border-bottom-left-radius: 0px;\n overflow: hidden;\n}\n.popup_tabs-header .popup_tabs-header-label {\n width: 100%;\n height: 49px;\n font-size: 14px;\n font-weight: bold;\n font-stretch: normal;\n font-style: normal;\n line-height: 24px;\n letter-spacing: 0.5px;\n text-align: center;\n color: #929fb7;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n text-transform: uppercase;\n}\n.popup_tabs-header .popup_tabs-header-label-active {\n background-color: #ffffff;\n cursor: default;\n color: #312e55;\n}\n.popup_tabs-body {\n padding: 16px;\n}");var L=function(e){var n=e.children,t=e.activeTab,i=e.popupWidth,a=r.Children.map(n,function(e){return r.cloneElement(e,{activeTab:t})});return r.createElement("div",{className:"popup_tabs",style:{width:i+"px"}},a)},F=function(e){var n=e.children,t=e.activeTab,i=e.tabName,a=e.onClick;return r.createElement("div",{className:"popup_tabs-header-label"+(t===i?" popup_tabs-header-label-active":""),onClick:a},n)},Y=function(e){var n=e.children,t=e.activeTab,i=r.Children.map(n,function(e){return r.cloneElement(e,{activeTab:t})});return r.createElement("div",{className:"popup_tabs-header"},i)},T=function(e){var n=e.children,t=e.activeTab,i=r.Children.map(n,function(e){return r.cloneElement(e,{activeTab:t})});return r.createElement("div",{className:"popup_tabs-body"},i)},W=function(e){var n=e.children;return e.activeTab===e.tabName?r.createElement("div",{className:"popup_tabs-body-item"},n):null};
1let X=function(e){var n=e.value,t=void 0===n?"#ffffff":n,i=e.format,a=void 0===i?"rgb":i,l=e.gradient,c=void 0!==l&&l,s=e.solid,d=void 0===s||s,u=e.debounceMS,p=void 0===u?300:u,f=e.debounce,h=void 0===f||f,g=e.showAlpha,b=void 0===g||g,m=e.showInputs,v=void 0===m||m,x=e.showGradientResult,w=void 0===x||x,k=e.showGradientStops,y=void 0===k||k,I=e.showGradientMode,A=void 0===I||I,S=e.showGradientAngle,C=void 0===S||S,_=e.showGradientPosition,M=void 0===_||_,E=e.allowAddGradientStops,N=void 0===E||E,R=e.popupWidth,z=void 0===R?267:R,j=e.colorBoardHeight,G=void 0===j?120:j,V=e.defaultColors,Z=void 0===V?H:V,X=e.defaultActiveTab,J=e.onChangeTabs,O=e.onChange,U=void 0===O?function(){return{}}:O,K=o((0,r.useState)(X||P(t)),2),Q=K[0],q=K[1],$=function(e){U(e)},ee=function(e){U(e)},en=function(e){q(e),"function"==typeof J&&J&&J(e)};return d&&c?r.createElement(L,{activeTab:Q,popupWidth:z},r.createElement(Y,null,r.createElement(F,{tabName:"solid",onClick:function(){return en("solid")}},"Solid"),r.createElement(F,{tabName:"gradient",onClick:function(){return en("gradient")}},"Gradient")),r.createElement(T,null,r.createElement(W,{tabName:"solid"},r.createElement(D,{onChange:$,value:t,format:a,defaultColors:Z,debounceMS:p,debounce:h,showAlpha:b,showInputs:v,colorBoardHeight:G})),r.createElement(W,{tabName:"gradient"},r.createElement(B,{onChange:ee,value:t,format:a,defaultColors:Z,debounceMS:p,debounce:h,showAlpha:b,showInputs:v,showGradientResult:w,showGradientStops:y,showGradientMode:A,showGradientAngle:C,showGradientPosition:M,allowAddGradientStops:N,colorBoardHeight:G})))):r.createElement(r.Fragment,null,d||c?r.createElement(L,{popupWidth:z},r.createElement(T,null,d?r.createElement(D,{onChange:$,value:t,format:a,defaultColors:Z,debounceMS:p,debounce:h,showAlpha:b,showInputs:v,colorBoardHeight:G}):r.createElement(r.Fragment,null),c?r.createElement(B,{onChange:ee,value:t,format:a,defaultColors:Z,debounceMS:p,debounce:h,showAlpha:b,showInputs:v,showGradientResult:w,showGradientStops:y,showGradientMode:A,showGradientAngle:C,showGradientPosition:M,allowAddGradientStops:N,colorBoardHeight:G}):r.createElement(r.Fragment,null))):null)}}}]); 2//# sourceMappingURL=2061-c95aa473adaaa983.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.