@abtnode/webapp 1.16.28 → 1.16.29-beta-e04c6f40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/blocklet.js +1 -1
- package/blocklet.yml +1 -1
- package/dist/assets/{Add-B8Ae2MjM.js → Add-xExgHDod.js} +1 -1
- package/dist/assets/{ArrowDropDown-BNt-WuI3.js → ArrowDropDown-KUzipi3t.js} +1 -1
- package/dist/assets/{Autocomplete-Bo6UH2XL.js → Autocomplete-Er311sva.js} +1 -1
- package/dist/assets/{Breadcrumbs-CkmMkQDW.js → Breadcrumbs-Pqx4il3S.js} +1 -1
- package/dist/assets/{ButtonGroup-OcQcEz6r.js → ButtonGroup-BcupcRIM.js} +1 -1
- package/dist/assets/{CheckCircle-BnRenrK4.js → CheckCircle-zUiCwNZs.js} +1 -1
- package/dist/assets/{ChevronLeft-Dp9aa91c.js → ChevronLeft-Bet4yQzf.js} +1 -1
- package/dist/assets/{ChevronRight-C3NPaw6o.js → ChevronRight-DVus-Y96.js} +1 -1
- package/dist/assets/{Close-Cbaq-RRq.js → Close-O3YNtovt.js} +1 -1
- package/dist/assets/Delete-DOCRW1Ln.js +1 -0
- package/dist/assets/{DeleteOutline-B4LqoCK2.js → DeleteOutline-CUojn4xn.js} +1 -1
- package/dist/assets/{Done-BCLH1e-Y.js → Done-BbWcazKr.js} +1 -1
- package/dist/assets/{Edit-i_Bman7K.js → Edit-BhCFwv7o.js} +1 -1
- package/dist/assets/{EditIcon-DmNEjmIQ.js → EditIcon-CERx0ivQ.js} +1 -1
- package/dist/assets/{FilterList-fpG1-3KQ.js → FilterList-BRYDdfFq.js} +4 -4
- package/dist/assets/{Google-DLkd6TAZ.js → Google-CdmAvvA5.js} +3 -3
- package/dist/assets/{Https-amCzjB1a.js → Https-D3zQe1g3.js} +1 -1
- package/dist/assets/{InputAdornment-C6LFxcti.js → InputAdornment-CiVUPEjM.js} +1 -1
- package/dist/assets/{InputLabel-avYwCvJM.js → InputLabel-Cl0jKlH9.js} +1 -1
- package/dist/assets/{LastPage-DnBOlrut.js → LastPage-DIXa5YVo.js} +1 -1
- package/dist/assets/{Launch-DPclIZbd.js → Launch-u57ssxVt.js} +1 -1
- package/dist/assets/{Link-DfSEdivF.js → Link-8ntBDNt-.js} +1 -1
- package/dist/assets/{LoadingButton-xveWP_M5.js → LoadingButton-BhxaC5Ed.js} +1 -1
- package/dist/assets/{LockIcon-9c7sG23a.js → LockIcon-CkFf2isB.js} +1 -1
- package/dist/assets/{Loop-DwAWKPvc.js → Loop-BnL-Vxc4.js} +1 -1
- package/dist/assets/{MoreVert-Nc1QBj2D.js → MoreVert-LBoMA9yq.js} +1 -1
- package/dist/assets/{Pagination-D5t0OCBH.js → Pagination-B0vuu0Jz.js} +1 -1
- package/dist/assets/{Public-BLh26Bb9.js → Public-BPRyPUP1.js} +1 -1
- package/dist/assets/{SchemaReference.es--oFfd0mm.js → SchemaReference.es-Cw9PnK9u.js} +1 -1
- package/dist/assets/{Search-DnnCUnjB.js → Search-DoXY8XQp.js} +1 -1
- package/dist/assets/{Select-CBA-xyOJ.js → Select-CSRNZbOq.js} +2 -2
- package/dist/assets/{Skeleton-CQPjJHp3.js → Skeleton-CZxXS4jE.js} +5 -5
- package/dist/assets/{Slider-Bdpm9oO4.js → Slider-BcITXKtu.js} +1 -1
- package/dist/assets/{Stepper-UEQaZPW7.js → Stepper-mccJibcr.js} +1 -1
- package/dist/assets/TextField-HCXJkIb-.js +1 -0
- package/dist/assets/{ToggleButtonGroup-Drarswgi.js → ToggleButtonGroup-DNi-APKM.js} +1 -1
- package/dist/assets/{ViewList-CoYI2XgO.js → ViewList-B0D9uEjF.js} +1 -1
- package/dist/assets/{actions-BAUfPsQv.js → actions-CAskIzvr.js} +1 -1
- package/dist/assets/actions-Cs-U54uv.js +11 -0
- package/dist/assets/{agreement-_qYynElX.js → agreement-Dqwk0Qk1.js} +3 -3
- package/dist/assets/api-UGqvGbaE.js +1 -0
- package/dist/assets/app-avatar-DnQtdz_O.js +1 -0
- package/dist/assets/ar-DDqDOM6_.js +1 -0
- package/dist/assets/{audit-logs-BqT_1MLt.js → audit-logs-elaTyIYr.js} +1 -1
- package/dist/assets/{brace-fold.es-CkrKXotH.js → brace-fold.es-CHAwFrP-.js} +1 -1
- package/dist/assets/{bundle-avatar-RiFaz1Hb.js → bundle-avatar-DQKqTcLf.js} +1 -1
- package/dist/assets/{chart-Cinf5zq_.js → chart-B4WtoTol.js} +1 -1
- package/dist/assets/{click-to-copy-Bj13kdln.js → click-to-copy-BxTGXnkW.js} +1 -1
- package/dist/assets/{closebrackets.es-C32XuxI5.js → closebrackets.es-Cowrx9Wh.js} +1 -1
- package/dist/assets/{codemirror.es-oms3GpFv.js → codemirror.es-DDaWBk7v.js} +1 -1
- package/dist/assets/{comment.es-AVZXTIDr.js → comment.es-BpMZ3nSF.js} +1 -1
- package/dist/assets/config-navigation-mgsMFCq0.js +25 -0
- package/dist/assets/de-Df9PmQSL.js +1 -0
- package/dist/assets/delete-confirm-G3-jMPGR.js +1 -0
- package/dist/assets/{detail-CHKmnQLc.js → detail-BBKDt7TH.js} +3 -3
- package/dist/assets/{dialog.es-DHZdXjGS.js → dialog.es-CRh6VOLz.js} +1 -1
- package/dist/assets/{download-DFPnF7mz.js → download-BK5ocL5s.js} +1 -1
- package/dist/assets/es-BQD9zWi-.js +1 -0
- package/dist/assets/{foldgutter.es-CSicbQSJ.js → foldgutter.es-CHLe3IFg.js} +1 -1
- package/dist/assets/fr-DNx2OQyQ.js +1 -0
- package/dist/assets/getValidReactChildren-C2KGwF2r.js +1 -0
- package/dist/assets/hi-BmEkoTIE.js +1 -0
- package/dist/assets/{hint.es-DAEQ9N76.js → hint.es-qHNwvQXY.js} +1 -1
- package/dist/assets/{hint.es2-DYXluLKu.js → hint.es2-DRHlNN6z.js} +1 -1
- package/dist/assets/id-DXu5sStK.js +1 -0
- package/dist/assets/{iframe-DwuYX0Xq.js → iframe-D-PNyLg3.js} +1 -1
- package/dist/assets/{index-B60jROHj.js → index-3ruoHhFa.js} +26 -26
- package/dist/assets/{index-zFXZLqso.js → index-3sl31tmo.js} +2 -2
- package/dist/assets/{index-CZKHzmkC.js → index-B1h0P1L0.js} +1 -1
- package/dist/assets/index-B1yKtvhn.js +54 -0
- package/dist/assets/{index-BbS1Wq4p.js → index-B6HWus5t.js} +1 -1
- package/dist/assets/{index-baq8DMtQ.js → index-BhwGm9ir.js} +9 -9
- package/dist/assets/{index-DKkTRBZn.js → index-BlSaylBC.js} +4 -4
- package/dist/assets/{index-DOsg2sHH.js → index-Boc7heJK.js} +1 -1
- package/dist/assets/{index-cmiUur_8.js → index-Boe-4fof.js} +1 -1
- package/dist/assets/{index-CiZAReVP.js → index-Br7MMAwb.js} +1 -1
- package/dist/assets/{index-ZQu91rXz.js → index-Bt8_a71i.js} +1 -1
- package/dist/assets/{index-BVznp3M0.js → index-C4esebAE.js} +1 -1
- package/dist/assets/{index-BbW2IRRR.js → index-C5c3sxc7.js} +3 -3
- package/dist/assets/{index-0RUAEm49.js → index-C7piHvhS.js} +2 -2
- package/dist/assets/{index-BKi0XLcv.js → index-C8OOX63T.js} +1 -1
- package/dist/assets/{index-DfNh08gP.js → index-CAP7ccf-.js} +3 -3
- package/dist/assets/{index-Cl2QG8J6.js → index-CCMFLAjE.js} +16 -16
- package/dist/assets/{index-CKOyruf_.js → index-CGedY69r.js} +2 -2
- package/dist/assets/{index-ByF3apMm.js → index-CI3-G8f5.js} +3 -3
- package/dist/assets/{index-9R6mPPbN.js → index-CMw6A55r.js} +1 -1
- package/dist/assets/index-COVe-oac.js +1 -0
- package/dist/assets/{index-D5MDxbqt.js → index-CTWxKp8R.js} +1 -1
- package/dist/assets/{index-DHYJxTcV.js → index-CU4Kco8M.js} +57 -57
- package/dist/assets/{index-DrWhB0MJ.js → index-CfjU2vkP.js} +1 -1
- package/dist/assets/{index-BBnT5XB9.js → index-Cjw9QiwF.js} +1 -1
- package/dist/assets/{index-CyYUysSv.js → index-CpWB9aT7.js} +1 -1
- package/dist/assets/{index-CIbzY-F7.js → index-CsGASsXO.js} +1 -1
- package/dist/assets/{index-v2cqn0eS.js → index-CuZgQfxG.js} +1 -1
- package/dist/assets/{index-BnFWpIPQ.js → index-Cx08Fq4-.js} +1 -1
- package/dist/assets/{index-CHjwpGia.js → index-D0mxQWU5.js} +7 -7
- package/dist/assets/{index-DSByvARI.js → index-DHWCojAQ.js} +1 -1
- package/dist/assets/{index-DcU_Cijj.js → index-DIJ53y8c.js} +1 -1
- package/dist/assets/index-DIbFXQTV.js +1 -0
- package/dist/assets/{index-7J6TijHC.js → index-Dkkm6kzm.js} +1 -1
- package/dist/assets/{index-rPqHtLu4.js → index-Dw9clXjq.js} +1 -1
- package/dist/assets/{index-CucnV9EX.js → index-DzW0Cxov.js} +25 -25
- package/dist/assets/index-LlxzMpy3.js +231 -0
- package/dist/assets/{index-DV2quTIn.js → index-M5WcRzZV.js} +1 -1
- package/dist/assets/index-P1GJ1Y4T.js +177 -0
- package/dist/assets/{index-CqcpZ8C3.js → index-Pf5VRxU2.js} +174 -210
- package/dist/assets/{index-CtzAe2AR.js → index-RQQsaMDK.js} +1 -1
- package/dist/assets/{index-DPx9NPlp.js → index-_RvLZsys.js} +1 -1
- package/dist/assets/index-hFhjFjqL.js +58 -0
- package/dist/assets/{index-ECk6dODK.js → index-y8_7sFXl.js} +10 -10
- package/dist/assets/{index.es-Dkh9ejMp.js → index.es-0GspS0hl.js} +1 -1
- package/dist/assets/{index.esm-Hqw0Nfnx.js → index.esm-CJT_Vb_Y.js} +1 -1
- package/dist/assets/{info-addon.es-5NmROke-.js → info-addon.es-BvWPiOWh.js} +1 -1
- package/dist/assets/{info.es-CsELEfUv.js → info.es-D6grONEz.js} +1 -1
- package/dist/assets/{install-from-url-DXGlT7R8.js → install-from-url-CLk48T0_.js} +1 -1
- package/dist/assets/invitation-4W3IOdXy.js +200 -0
- package/dist/assets/{is-path-prefix-equal-CoJozASB.js → is-path-prefix-equal-DQciVrFn.js} +1 -1
- package/dist/assets/{isEqual-BLnnfE4T.js → isEqual-C5Iu_kl-.js} +1 -1
- package/dist/assets/{item-tD3jAfba.js → item-C9bzNYRu.js} +31 -31
- package/dist/assets/ja-thyFR9rH.js +1 -0
- package/dist/assets/{javascript.es-BIUhEWTj.js → javascript.es-CWlPpygW.js} +1 -1
- package/dist/assets/{jump-to-line.es-BQjWkUgo.js → jump-to-line.es-D7dd2At6.js} +1 -1
- package/dist/assets/{jump.es-D8ZxFsmc.js → jump.es-WtAW-Ijf.js} +1 -1
- package/dist/assets/ko-BJSWgMML.js +1 -0
- package/dist/assets/{line-DW0juCGB.js → line-Cfyg0g9I.js} +4 -4
- package/dist/assets/{lint.es-Dv2pWRyz.js → lint.es-aUUps1ME.js} +1 -1
- package/dist/assets/{lint.es2-CqGQ_rnk.js → lint.es2-CDvv_d9A.js} +1 -1
- package/dist/assets/{lint.es3-g58ofVJA.js → lint.es3-DTrQmP6j.js} +1 -1
- package/dist/assets/{list-header-tjKXNgOR.js → list-header-BG2QMZZz.js} +1 -1
- package/dist/assets/{log-BFiA_Tyh.js → log-DIJPVIRP.js} +1 -1
- package/dist/assets/{lottie-yeTV0Y2m.js → lottie-BkwIvhEu.js} +1 -1
- package/dist/assets/{matchbrackets.es-B-Xj5H9Q.js → matchbrackets.es-CCjeMHPP.js} +1 -1
- package/dist/assets/{memory-C7a59RsU.js → memory-CYabGN8q.js} +1 -1
- package/dist/assets/{mode.es-BSNxo6gK.js → mode.es-kZQjUXx0.js} +1 -1
- package/dist/assets/{mode.es2-C1LDwVOl.js → mode.es2-hCaXf0ad.js} +1 -1
- package/dist/assets/{mode.es3-C6-ZTyOk.js → mode.es3-DlVh9_RV.js} +1 -1
- package/dist/assets/{onlineParser.es-BzK7GlZv.js → onlineParser.es-g03lcwfp.js} +1 -1
- package/dist/assets/overview-BFHUS9cz.js +23 -0
- package/dist/assets/{pt-fvVMjgC8.js → pt-D828CXoS.js} +1 -1
- package/dist/assets/{react-1fE0Sobf.js → react-DjQtZm70.js} +7 -7
- package/dist/assets/{redux-hfExDDyr.js → redux-0yltQfyb.js} +1 -1
- package/dist/assets/{resource-dialog-DinbvH2C.js → resource-dialog-B2vu5Of2.js} +2 -2
- package/dist/assets/ru-t_aX-wsm.js +1 -0
- package/dist/assets/{runtime-tAjj0dmb.js → runtime-C9hFU3Ij.js} +1 -1
- package/dist/assets/{search.es-DxfjuUNu.js → search.es-C20qP8Vq.js} +1 -1
- package/dist/assets/{searchcursor.es-C0Z2DY1c.js → searchcursor.es-Cy-3eaEN.js} +1 -1
- package/dist/assets/service-CkoGqY1V.js +1 -0
- package/dist/assets/{show-hint.es-q24U0q_A.js → show-hint.es-DAqKK5Qn.js} +1 -1
- package/dist/assets/{slicedToArray-CYGiqzmA.js → slicedToArray-Bl_ysqUF.js} +3 -3
- package/dist/assets/{spaces-C58gy1rM.js → spaces-CE3KwDvq.js} +1 -1
- package/dist/assets/{sublime.es-BffqyCoy.js → sublime.es-DPcVE8hJ.js} +1 -1
- package/dist/assets/{switch-control-CuPWIx6T.js → switch-control-CCSLs9W3.js} +1 -1
- package/dist/assets/{table-icons-DOOoyljy.js → table-icons-B9NLkXar.js} +10 -10
- package/dist/assets/{tag-Cxx1sXPF.js → tag-_nponNF2.js} +1 -1
- package/dist/assets/{team-BynFP1rM.js → team-wy2ENAAe.js} +1 -1
- package/dist/assets/th-DvaD_9E5.js +1 -0
- package/dist/assets/toUpper-D-lxmi1w.js +1 -0
- package/dist/assets/{traffic-D03HdfGL.js → traffic-BU3E2tw9.js} +5 -5
- package/dist/assets/{url-evaluation-dheoi_Nj.js → url-evaluation-CAG0Y4FK.js} +4 -4
- package/dist/assets/{url-join-DMIMYkEk.js → url-join-DMJmszyo.js} +1 -1
- package/dist/assets/{use-blocklet-info-for-connect-did-spaces-DWywlTbc.js → use-blocklet-info-for-connect-did-spaces-Bc-o6Zkq.js} +1 -1
- package/dist/assets/{useLocalStorage-C3GQNaV2.js → useLocalStorage-D4xQyg06.js} +1 -1
- package/dist/assets/{util-cf4pvQDW.js → util-CuvemqGW.js} +1 -1
- package/dist/assets/vi-B4VdHKzm.js +1 -0
- package/dist/assets/{wait-container-BwlRhWl0.js → wait-container-CdR6E8LE.js} +4 -4
- package/dist/assets/{withStyles-BkcRLEgx.js → withStyles-Ct7uoTy7.js} +1 -1
- package/dist/assets/wrap-locale-C2k9YLGh.js +1 -0
- package/dist/assets/zh-D0ck6JaG.js +2 -0
- package/dist/assets/zh-tw-C19pg5Jo.js +1 -0
- package/dist/index.html +1 -1
- package/dist/service-worker.js +1 -1
- package/package.json +1 -1
- package/dist/assets/Delete-CnrKsAGC.js +0 -1
- package/dist/assets/TextField-DjRhIjo4.js +0 -1
- package/dist/assets/actions-C1t0ka-G.js +0 -11
- package/dist/assets/api-xvCGCwMn.js +0 -1
- package/dist/assets/app-avatar-DcgC0kB0.js +0 -1
- package/dist/assets/ar-B5gcsN0k.js +0 -1
- package/dist/assets/config-navigation-LFUjTzgk.js +0 -25
- package/dist/assets/de-WUCASh9G.js +0 -1
- package/dist/assets/delete-confirm-BoeDYrYX.js +0 -1
- package/dist/assets/es-DsRorAcf.js +0 -1
- package/dist/assets/fr-CUMFVKph.js +0 -1
- package/dist/assets/getValidReactChildren-GMOIXwRG.js +0 -1
- package/dist/assets/hi-BinC6-tx.js +0 -1
- package/dist/assets/id-BVFhYsL8.js +0 -1
- package/dist/assets/index-BKck0oIO.js +0 -234
- package/dist/assets/index-DU7hJgoO.js +0 -1
- package/dist/assets/index-DmPgcoiv.js +0 -150
- package/dist/assets/index-DsUZ7uiP.js +0 -58
- package/dist/assets/index-HOVCi07-.js +0 -54
- package/dist/assets/invitation-CSNEw5oM.js +0 -200
- package/dist/assets/ja-B1xj2XMp.js +0 -1
- package/dist/assets/ko-Buo9FEc0.js +0 -1
- package/dist/assets/overview-BlWFlRx2.js +0 -23
- package/dist/assets/ru-OQD02sOm.js +0 -1
- package/dist/assets/service-1GhnQw9a.js +0 -1
- package/dist/assets/th-DaDxf6qI.js +0 -1
- package/dist/assets/toUpper-mYvRPeiI.js +0 -1
- package/dist/assets/vi-D2hO2mdU.js +0 -1
- package/dist/assets/wrap-locale-BqGpRCMA.js +0 -1
- package/dist/assets/zh-OQY8LvIH.js +0 -2
- package/dist/assets/zh-tw-Dd8o0udA.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{g4 as Cn,g5 as _n,dq as On,bu as Rn,g6 as An,f7 as Tn,g7 as Pn,g8 as Mn,g9 as $n,r as O,ba as s,cN as Le,P as g}from"./index-CqcpZ8C3.js";var k={},$e={},kn=Cn;function Fn(t){return typeof t=="function"?t:kn}var Bn=Fn,Hn=_n,Nn=Bn;function Dn(t,e){return t&&Hn(t,Nn(e))}var xt=Dn,Ln=Rn,jn=On,In=An,Gn=Tn;function zn(t,e){var r=Gn(t)?Ln:In;return r(t,jn(e))}var Un=zn;Object.defineProperty($e,"__esModule",{value:!0});$e.flattenNames=void 0;var Wn=Pn,Xn=qe(Wn),Vn=xt,Kn=qe(Vn),qn=Mn,Yn=qe(qn),Zn=Un,Jn=qe(Zn);function qe(t){return t&&t.__esModule?t:{default:t}}var Qn=$e.flattenNames=function t(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],r=[];return(0,Jn.default)(e,function(n){Array.isArray(n)?t(n).map(function(a){return r.push(a)}):(0,Yn.default)(n)?(0,Kn.default)(n,function(a,i){a===!0&&r.push(i),r.push(i+"-"+a)}):(0,Xn.default)(n)&&r.push(n)}),r};$e.default=Qn;var ke={};Object.defineProperty(ke,"__esModule",{value:!0});ke.mergeClasses=void 0;var ea=xt,ta=Ur(ea),ra=$n,na=Ur(ra),aa=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t};function Ur(t){return t&&t.__esModule?t:{default:t}}var ia=ke.mergeClasses=function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[],n=e.default&&(0,na.default)(e.default)||{};return r.map(function(a){var i=e[a];return i&&(0,ta.default)(i,function(o,l){n[l]||(n[l]={}),n[l]=aa({},n[l],i[l])}),a}),n};ke.default=ia;var Fe={};Object.defineProperty(Fe,"__esModule",{value:!0});Fe.autoprefix=void 0;var oa=xt,Kt=sa(oa),la=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t};function sa(t){return t&&t.__esModule?t:{default:t}}var ua={borderRadius:function(e){return{msBorderRadius:e,MozBorderRadius:e,OBorderRadius:e,WebkitBorderRadius:e,borderRadius:e}},boxShadow:function(e){return{msBoxShadow:e,MozBoxShadow:e,OBoxShadow:e,WebkitBoxShadow:e,boxShadow:e}},userSelect:function(e){return{WebkitTouchCallout:e,KhtmlUserSelect:e,MozUserSelect:e,msUserSelect:e,WebkitUserSelect:e,userSelect:e}},flex:function(e){return{WebkitBoxFlex:e,MozBoxFlex:e,WebkitFlex:e,msFlex:e,flex:e}},flexBasis:function(e){return{WebkitFlexBasis:e,flexBasis:e}},justifyContent:function(e){return{WebkitJustifyContent:e,justifyContent:e}},transition:function(e){return{msTransition:e,MozTransition:e,OTransition:e,WebkitTransition:e,transition:e}},transform:function(e){return{msTransform:e,MozTransform:e,OTransform:e,WebkitTransform:e,transform:e}},absolute:function(e){var r=e&&e.split(" ");return{position:"absolute",top:r&&r[0],right:r&&r[1],bottom:r&&r[2],left:r&&r[3]}},extend:function(e,r){var n=r[e];return n||{extend:e}}},fa=Fe.autoprefix=function(e){var r={};return(0,Kt.default)(e,function(n,a){var i={};(0,Kt.default)(n,function(o,l){var u=ua[l];u?i=la({},i,u(o)):i[l]=o}),r[a]=i}),r};Fe.default=fa;var Be={};Object.defineProperty(Be,"__esModule",{value:!0});Be.hover=void 0;var ha=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},ca=O,nt=pa(ca);function pa(t){return t&&t.__esModule?t:{default:t}}function da(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function qt(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t}function ga(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var ba=Be.hover=function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return function(n){ga(a,n);function a(){var i,o,l,u;da(this,a);for(var f=arguments.length,h=Array(f),c=0;c<f;c++)h[c]=arguments[c];return u=(o=(l=qt(this,(i=a.__proto__||Object.getPrototypeOf(a)).call.apply(i,[this].concat(h))),l),l.state={hover:!1},l.handleMouseOver=function(){return l.setState({hover:!0})},l.handleMouseOut=function(){return l.setState({hover:!1})},l.render=function(){return nt.default.createElement(r,{onMouseOver:l.handleMouseOver,onMouseOut:l.handleMouseOut},nt.default.createElement(e,ha({},l.props,l.state)))},o),qt(l,u)}return a}(nt.default.Component)};Be.default=ba;var He={};Object.defineProperty(He,"__esModule",{value:!0});He.active=void 0;var va=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},xa=O,at=ma(xa);function ma(t){return t&&t.__esModule?t:{default:t}}function ya(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Yt(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t}function wa(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var Ea=He.active=function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return function(n){wa(a,n);function a(){var i,o,l,u;ya(this,a);for(var f=arguments.length,h=Array(f),c=0;c<f;c++)h[c]=arguments[c];return u=(o=(l=Yt(this,(i=a.__proto__||Object.getPrototypeOf(a)).call.apply(i,[this].concat(h))),l),l.state={active:!1},l.handleMouseDown=function(){return l.setState({active:!0})},l.handleMouseUp=function(){return l.setState({active:!1})},l.render=function(){return at.default.createElement(r,{onMouseDown:l.handleMouseDown,onMouseUp:l.handleMouseUp},at.default.createElement(e,va({},l.props,l.state)))},o),Yt(l,u)}return a}(at.default.Component)};He.default=Ea;var mt={};Object.defineProperty(mt,"__esModule",{value:!0});var Sa=function(e,r){var n={},a=function(o){var l=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0;n[o]=l};return e===0&&a("first-child"),e===r-1&&a("last-child"),(e===0||e%2===0)&&a("even"),Math.abs(e%2)===1&&a("odd"),a("nth-child",e),n};mt.default=Sa;Object.defineProperty(k,"__esModule",{value:!0});k.ReactCSS=k.loop=k.handleActive=yt=k.handleHover=k.hover=void 0;var Ca=$e,_a=xe(Ca),Oa=ke,Ra=xe(Oa),Aa=Fe,Ta=xe(Aa),Pa=Be,Wr=xe(Pa),Ma=He,$a=xe(Ma),ka=mt,Fa=xe(ka);function xe(t){return t&&t.__esModule?t:{default:t}}k.hover=Wr.default;var yt=k.handleHover=Wr.default;k.handleActive=$a.default;k.loop=Fa.default;var Ba=k.ReactCSS=function(e){for(var r=arguments.length,n=Array(r>1?r-1:0),a=1;a<r;a++)n[a-1]=arguments[a];var i=(0,_a.default)(n),o=(0,Ra.default)(e,i);return(0,Ta.default)(o)},y=k.default=Ba,Ha=function(e,r,n,a,i){var o=i.clientWidth,l=i.clientHeight,u=typeof e.pageX=="number"?e.pageX:e.touches[0].pageX,f=typeof e.pageY=="number"?e.pageY:e.touches[0].pageY,h=u-(i.getBoundingClientRect().left+window.pageXOffset),c=f-(i.getBoundingClientRect().top+window.pageYOffset);if(n==="vertical"){var p=void 0;if(c<0?p=0:c>l?p=1:p=Math.round(c*100/l)/100,r.a!==p)return{h:r.h,s:r.s,l:r.l,a:p,source:"rgb"}}else{var d=void 0;if(h<0?d=0:h>o?d=1:d=Math.round(h*100/o)/100,a!==d)return{h:r.h,s:r.s,l:r.l,a:d,source:"rgb"}}return null},it={},Na=function(e,r,n,a){if(typeof document>"u"&&!a)return null;var i=a?new a:document.createElement("canvas");i.width=n*2,i.height=n*2;var o=i.getContext("2d");return o?(o.fillStyle=e,o.fillRect(0,0,i.width,i.height),o.fillStyle=r,o.fillRect(0,0,n,n),o.translate(n,n),o.fillRect(0,0,n,n),i.toDataURL()):null},Da=function(e,r,n,a){var i=e+"-"+r+"-"+n+(a?"-server":"");if(it[i])return it[i];var o=Na(e,r,n,a);return it[i]=o,o},Zt=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},me=function(e){var r=e.white,n=e.grey,a=e.size,i=e.renderers,o=e.borderRadius,l=e.boxShadow,u=e.children,f=y({default:{grid:{borderRadius:o,boxShadow:l,absolute:"0px 0px 0px 0px",background:"url("+Da(r,n,a,i.canvas)+") center left"}}});return O.isValidElement(u)?s.cloneElement(u,Zt({},u.props,{style:Zt({},u.props.style,f.grid)})):s.createElement("div",{style:f.grid})};me.defaultProps={size:8,white:"transparent",grey:"rgba(0,0,0,.08)",renderers:{}};var La=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},ja=function(){function t(e,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}();function Ia(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Jt(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t}function Ga(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var wt=function(t){Ga(e,t);function e(){var r,n,a,i;Ia(this,e);for(var o=arguments.length,l=Array(o),u=0;u<o;u++)l[u]=arguments[u];return i=(n=(a=Jt(this,(r=e.__proto__||Object.getPrototypeOf(e)).call.apply(r,[this].concat(l))),a),a.handleChange=function(f){var h=Ha(f,a.props.hsl,a.props.direction,a.props.a,a.container);h&&typeof a.props.onChange=="function"&&a.props.onChange(h,f)},a.handleMouseDown=function(f){a.handleChange(f),window.addEventListener("mousemove",a.handleChange),window.addEventListener("mouseup",a.handleMouseUp)},a.handleMouseUp=function(){a.unbindEventListeners()},a.unbindEventListeners=function(){window.removeEventListener("mousemove",a.handleChange),window.removeEventListener("mouseup",a.handleMouseUp)},n),Jt(a,i)}return ja(e,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var n=this,a=this.props.rgb,i=y({default:{alpha:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},checkboard:{absolute:"0px 0px 0px 0px",overflow:"hidden",borderRadius:this.props.radius},gradient:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, rgba("+a.r+","+a.g+","+a.b+`, 0) 0%,
|
|
1
|
+
import{g5 as Cn,g6 as _n,dv as On,bt as Rn,g7 as An,f9 as Tn,g8 as Pn,g9 as Mn,ga as $n,r as O,b9 as s,cU as Le,P as g}from"./index-Pf5VRxU2.js";var k={},$e={},kn=Cn;function Fn(t){return typeof t=="function"?t:kn}var Bn=Fn,Hn=_n,Dn=Bn;function Nn(t,e){return t&&Hn(t,Dn(e))}var xt=Nn,Ln=Rn,jn=On,In=An,Gn=Tn;function zn(t,e){var r=Gn(t)?Ln:In;return r(t,jn(e))}var Un=zn;Object.defineProperty($e,"__esModule",{value:!0});$e.flattenNames=void 0;var Wn=Pn,Xn=qe(Wn),Vn=xt,Kn=qe(Vn),qn=Mn,Yn=qe(qn),Zn=Un,Jn=qe(Zn);function qe(t){return t&&t.__esModule?t:{default:t}}var Qn=$e.flattenNames=function t(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],r=[];return(0,Jn.default)(e,function(n){Array.isArray(n)?t(n).map(function(a){return r.push(a)}):(0,Yn.default)(n)?(0,Kn.default)(n,function(a,i){a===!0&&r.push(i),r.push(i+"-"+a)}):(0,Xn.default)(n)&&r.push(n)}),r};$e.default=Qn;var ke={};Object.defineProperty(ke,"__esModule",{value:!0});ke.mergeClasses=void 0;var ea=xt,ta=Ur(ea),ra=$n,na=Ur(ra),aa=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t};function Ur(t){return t&&t.__esModule?t:{default:t}}var ia=ke.mergeClasses=function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:[],n=e.default&&(0,na.default)(e.default)||{};return r.map(function(a){var i=e[a];return i&&(0,ta.default)(i,function(o,l){n[l]||(n[l]={}),n[l]=aa({},n[l],i[l])}),a}),n};ke.default=ia;var Fe={};Object.defineProperty(Fe,"__esModule",{value:!0});Fe.autoprefix=void 0;var oa=xt,Kt=sa(oa),la=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t};function sa(t){return t&&t.__esModule?t:{default:t}}var ua={borderRadius:function(e){return{msBorderRadius:e,MozBorderRadius:e,OBorderRadius:e,WebkitBorderRadius:e,borderRadius:e}},boxShadow:function(e){return{msBoxShadow:e,MozBoxShadow:e,OBoxShadow:e,WebkitBoxShadow:e,boxShadow:e}},userSelect:function(e){return{WebkitTouchCallout:e,KhtmlUserSelect:e,MozUserSelect:e,msUserSelect:e,WebkitUserSelect:e,userSelect:e}},flex:function(e){return{WebkitBoxFlex:e,MozBoxFlex:e,WebkitFlex:e,msFlex:e,flex:e}},flexBasis:function(e){return{WebkitFlexBasis:e,flexBasis:e}},justifyContent:function(e){return{WebkitJustifyContent:e,justifyContent:e}},transition:function(e){return{msTransition:e,MozTransition:e,OTransition:e,WebkitTransition:e,transition:e}},transform:function(e){return{msTransform:e,MozTransform:e,OTransform:e,WebkitTransform:e,transform:e}},absolute:function(e){var r=e&&e.split(" ");return{position:"absolute",top:r&&r[0],right:r&&r[1],bottom:r&&r[2],left:r&&r[3]}},extend:function(e,r){var n=r[e];return n||{extend:e}}},fa=Fe.autoprefix=function(e){var r={};return(0,Kt.default)(e,function(n,a){var i={};(0,Kt.default)(n,function(o,l){var u=ua[l];u?i=la({},i,u(o)):i[l]=o}),r[a]=i}),r};Fe.default=fa;var Be={};Object.defineProperty(Be,"__esModule",{value:!0});Be.hover=void 0;var ha=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},ca=O,nt=pa(ca);function pa(t){return t&&t.__esModule?t:{default:t}}function da(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function qt(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t}function ga(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var ba=Be.hover=function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return function(n){ga(a,n);function a(){var i,o,l,u;da(this,a);for(var f=arguments.length,h=Array(f),c=0;c<f;c++)h[c]=arguments[c];return u=(o=(l=qt(this,(i=a.__proto__||Object.getPrototypeOf(a)).call.apply(i,[this].concat(h))),l),l.state={hover:!1},l.handleMouseOver=function(){return l.setState({hover:!0})},l.handleMouseOut=function(){return l.setState({hover:!1})},l.render=function(){return nt.default.createElement(r,{onMouseOver:l.handleMouseOver,onMouseOut:l.handleMouseOut},nt.default.createElement(e,ha({},l.props,l.state)))},o),qt(l,u)}return a}(nt.default.Component)};Be.default=ba;var He={};Object.defineProperty(He,"__esModule",{value:!0});He.active=void 0;var va=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},xa=O,at=ma(xa);function ma(t){return t&&t.__esModule?t:{default:t}}function ya(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Yt(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t}function wa(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var Ea=He.active=function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return function(n){wa(a,n);function a(){var i,o,l,u;ya(this,a);for(var f=arguments.length,h=Array(f),c=0;c<f;c++)h[c]=arguments[c];return u=(o=(l=Yt(this,(i=a.__proto__||Object.getPrototypeOf(a)).call.apply(i,[this].concat(h))),l),l.state={active:!1},l.handleMouseDown=function(){return l.setState({active:!0})},l.handleMouseUp=function(){return l.setState({active:!1})},l.render=function(){return at.default.createElement(r,{onMouseDown:l.handleMouseDown,onMouseUp:l.handleMouseUp},at.default.createElement(e,va({},l.props,l.state)))},o),Yt(l,u)}return a}(at.default.Component)};He.default=Ea;var mt={};Object.defineProperty(mt,"__esModule",{value:!0});var Sa=function(e,r){var n={},a=function(o){var l=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0;n[o]=l};return e===0&&a("first-child"),e===r-1&&a("last-child"),(e===0||e%2===0)&&a("even"),Math.abs(e%2)===1&&a("odd"),a("nth-child",e),n};mt.default=Sa;Object.defineProperty(k,"__esModule",{value:!0});k.ReactCSS=k.loop=k.handleActive=yt=k.handleHover=k.hover=void 0;var Ca=$e,_a=xe(Ca),Oa=ke,Ra=xe(Oa),Aa=Fe,Ta=xe(Aa),Pa=Be,Wr=xe(Pa),Ma=He,$a=xe(Ma),ka=mt,Fa=xe(ka);function xe(t){return t&&t.__esModule?t:{default:t}}k.hover=Wr.default;var yt=k.handleHover=Wr.default;k.handleActive=$a.default;k.loop=Fa.default;var Ba=k.ReactCSS=function(e){for(var r=arguments.length,n=Array(r>1?r-1:0),a=1;a<r;a++)n[a-1]=arguments[a];var i=(0,_a.default)(n),o=(0,Ra.default)(e,i);return(0,Ta.default)(o)},y=k.default=Ba,Ha=function(e,r,n,a,i){var o=i.clientWidth,l=i.clientHeight,u=typeof e.pageX=="number"?e.pageX:e.touches[0].pageX,f=typeof e.pageY=="number"?e.pageY:e.touches[0].pageY,h=u-(i.getBoundingClientRect().left+window.pageXOffset),c=f-(i.getBoundingClientRect().top+window.pageYOffset);if(n==="vertical"){var p=void 0;if(c<0?p=0:c>l?p=1:p=Math.round(c*100/l)/100,r.a!==p)return{h:r.h,s:r.s,l:r.l,a:p,source:"rgb"}}else{var d=void 0;if(h<0?d=0:h>o?d=1:d=Math.round(h*100/o)/100,a!==d)return{h:r.h,s:r.s,l:r.l,a:d,source:"rgb"}}return null},it={},Da=function(e,r,n,a){if(typeof document>"u"&&!a)return null;var i=a?new a:document.createElement("canvas");i.width=n*2,i.height=n*2;var o=i.getContext("2d");return o?(o.fillStyle=e,o.fillRect(0,0,i.width,i.height),o.fillStyle=r,o.fillRect(0,0,n,n),o.translate(n,n),o.fillRect(0,0,n,n),i.toDataURL()):null},Na=function(e,r,n,a){var i=e+"-"+r+"-"+n+(a?"-server":"");if(it[i])return it[i];var o=Da(e,r,n,a);return it[i]=o,o},Zt=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},me=function(e){var r=e.white,n=e.grey,a=e.size,i=e.renderers,o=e.borderRadius,l=e.boxShadow,u=e.children,f=y({default:{grid:{borderRadius:o,boxShadow:l,absolute:"0px 0px 0px 0px",background:"url("+Na(r,n,a,i.canvas)+") center left"}}});return O.isValidElement(u)?s.cloneElement(u,Zt({},u.props,{style:Zt({},u.props.style,f.grid)})):s.createElement("div",{style:f.grid})};me.defaultProps={size:8,white:"transparent",grey:"rgba(0,0,0,.08)",renderers:{}};var La=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},ja=function(){function t(e,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}();function Ia(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Jt(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t}function Ga(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var wt=function(t){Ga(e,t);function e(){var r,n,a,i;Ia(this,e);for(var o=arguments.length,l=Array(o),u=0;u<o;u++)l[u]=arguments[u];return i=(n=(a=Jt(this,(r=e.__proto__||Object.getPrototypeOf(e)).call.apply(r,[this].concat(l))),a),a.handleChange=function(f){var h=Ha(f,a.props.hsl,a.props.direction,a.props.a,a.container);h&&typeof a.props.onChange=="function"&&a.props.onChange(h,f)},a.handleMouseDown=function(f){a.handleChange(f),window.addEventListener("mousemove",a.handleChange),window.addEventListener("mouseup",a.handleMouseUp)},a.handleMouseUp=function(){a.unbindEventListeners()},a.unbindEventListeners=function(){window.removeEventListener("mousemove",a.handleChange),window.removeEventListener("mouseup",a.handleMouseUp)},n),Jt(a,i)}return ja(e,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var n=this,a=this.props.rgb,i=y({default:{alpha:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},checkboard:{absolute:"0px 0px 0px 0px",overflow:"hidden",borderRadius:this.props.radius},gradient:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, rgba("+a.r+","+a.g+","+a.b+`, 0) 0%,
|
|
2
2
|
rgba(`+a.r+","+a.g+","+a.b+", 1) 100%)",boxShadow:this.props.shadow,borderRadius:this.props.radius},container:{position:"relative",height:"100%",margin:"0 3px"},pointer:{position:"absolute",left:a.a*100+"%"},slider:{width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",marginTop:"1px",transform:"translateX(-2px)"}},vertical:{gradient:{background:"linear-gradient(to bottom, rgba("+a.r+","+a.g+","+a.b+`, 0) 0%,
|
|
3
3
|
rgba(`+a.r+","+a.g+","+a.b+", 1) 100%)"},pointer:{left:0,top:a.a*100+"%"}},overwrite:La({},this.props.style)},{vertical:this.props.direction==="vertical",overwrite:!0});return s.createElement("div",{style:i.alpha},s.createElement("div",{style:i.checkboard},s.createElement(me,{renderers:this.props.renderers})),s.createElement("div",{style:i.gradient}),s.createElement("div",{style:i.container,ref:function(l){return n.container=l},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},s.createElement("div",{style:i.pointer},this.props.pointer?s.createElement(this.props.pointer,this.props):s.createElement("div",{style:i.slider}))))}}]),e}(O.PureComponent||O.Component),za=function(){function t(e,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}();function Ua(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function Wa(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Xa(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t}function Va(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var Ka=1,Xr=38,qa=40,Ya=[Xr,qa],Za=function(e){return Ya.indexOf(e)>-1},Ja=function(e){return Number(String(e).replace(/%/g,""))},Qa=1,w=function(t){Va(e,t);function e(r){Wa(this,e);var n=Xa(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return n.handleBlur=function(){n.state.blurValue&&n.setState({value:n.state.blurValue,blurValue:null})},n.handleChange=function(a){n.setUpdatedValue(a.target.value,a)},n.handleKeyDown=function(a){var i=Ja(a.target.value);if(!isNaN(i)&&Za(a.keyCode)){var o=n.getArrowOffset(),l=a.keyCode===Xr?i+o:i-o;n.setUpdatedValue(l,a)}},n.handleDrag=function(a){if(n.props.dragLabel){var i=Math.round(n.props.value+a.movementX);i>=0&&i<=n.props.dragMax&&n.props.onChange&&n.props.onChange(n.getValueObjectWithLabel(i),a)}},n.handleMouseDown=function(a){n.props.dragLabel&&(a.preventDefault(),n.handleDrag(a),window.addEventListener("mousemove",n.handleDrag),window.addEventListener("mouseup",n.handleMouseUp))},n.handleMouseUp=function(){n.unbindEventListeners()},n.unbindEventListeners=function(){window.removeEventListener("mousemove",n.handleDrag),window.removeEventListener("mouseup",n.handleMouseUp)},n.state={value:String(r.value).toUpperCase(),blurValue:String(r.value).toUpperCase()},n.inputId="rc-editable-input-"+Qa++,n}return za(e,[{key:"componentDidUpdate",value:function(n,a){this.props.value!==this.state.value&&(n.value!==this.props.value||a.value!==this.state.value)&&(this.input===document.activeElement?this.setState({blurValue:String(this.props.value).toUpperCase()}):this.setState({value:String(this.props.value).toUpperCase(),blurValue:!this.state.blurValue&&String(this.props.value).toUpperCase()}))}},{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"getValueObjectWithLabel",value:function(n){return Ua({},this.props.label,n)}},{key:"getArrowOffset",value:function(){return this.props.arrowOffset||Ka}},{key:"setUpdatedValue",value:function(n,a){var i=this.props.label?this.getValueObjectWithLabel(n):n;this.props.onChange&&this.props.onChange(i,a),this.setState({value:n})}},{key:"render",value:function(){var n=this,a=y({default:{wrap:{position:"relative"}},"user-override":{wrap:this.props.style&&this.props.style.wrap?this.props.style.wrap:{},input:this.props.style&&this.props.style.input?this.props.style.input:{},label:this.props.style&&this.props.style.label?this.props.style.label:{}},"dragLabel-true":{label:{cursor:"ew-resize"}}},{"user-override":!0},this.props);return s.createElement("div",{style:a.wrap},s.createElement("input",{id:this.inputId,style:a.input,ref:function(o){return n.input=o},value:this.state.value,onKeyDown:this.handleKeyDown,onChange:this.handleChange,onBlur:this.handleBlur,placeholder:this.props.placeholder,spellCheck:"false"}),this.props.label&&!this.props.hideLabel?s.createElement("label",{htmlFor:this.inputId,style:a.label,onMouseDown:this.handleMouseDown},this.props.label):null)}}]),e}(O.PureComponent||O.Component),ei=function(e,r,n,a){var i=a.clientWidth,o=a.clientHeight,l=typeof e.pageX=="number"?e.pageX:e.touches[0].pageX,u=typeof e.pageY=="number"?e.pageY:e.touches[0].pageY,f=l-(a.getBoundingClientRect().left+window.pageXOffset),h=u-(a.getBoundingClientRect().top+window.pageYOffset);if(r==="vertical"){var c=void 0;if(h<0)c=359;else if(h>o)c=0;else{var p=-(h*100/o)+100;c=360*p/100}if(n.h!==c)return{h:c,s:n.s,l:n.l,a:n.a,source:"hsl"}}else{var d=void 0;if(f<0)d=0;else if(f>i)d=359;else{var v=f*100/i;d=360*v/100}if(n.h!==d)return{h:d,s:n.s,l:n.l,a:n.a,source:"hsl"}}return null},ti=function(){function t(e,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}();function ri(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function Qt(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t}function ni(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var ye=function(t){ni(e,t);function e(){var r,n,a,i;ri(this,e);for(var o=arguments.length,l=Array(o),u=0;u<o;u++)l[u]=arguments[u];return i=(n=(a=Qt(this,(r=e.__proto__||Object.getPrototypeOf(e)).call.apply(r,[this].concat(l))),a),a.handleChange=function(f){var h=ei(f,a.props.direction,a.props.hsl,a.container);h&&typeof a.props.onChange=="function"&&a.props.onChange(h,f)},a.handleMouseDown=function(f){a.handleChange(f),window.addEventListener("mousemove",a.handleChange),window.addEventListener("mouseup",a.handleMouseUp)},a.handleMouseUp=function(){a.unbindEventListeners()},n),Qt(a,i)}return ti(e,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"unbindEventListeners",value:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var n=this,a=this.props.direction,i=a===void 0?"horizontal":a,o=y({default:{hue:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius,boxShadow:this.props.shadow},container:{padding:"0 2px",position:"relative",height:"100%",borderRadius:this.props.radius},pointer:{position:"absolute",left:this.props.hsl.h*100/360+"%"},slider:{marginTop:"1px",width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",transform:"translateX(-2px)"}},vertical:{pointer:{left:"0px",top:-(this.props.hsl.h*100/360)+100+"%"}}},{vertical:i==="vertical"});return s.createElement("div",{style:o.hue},s.createElement("div",{className:"hue-"+i,style:o.container,ref:function(u){return n.container=u},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},s.createElement("style",null,`
|
|
4
4
|
.hue-horizontal {
|
|
@@ -14,7 +14,7 @@ import{g4 as Cn,g5 as _n,dq as On,bu as Rn,g6 as An,f7 as Tn,g7 as Pn,g8 as Mn,g
|
|
|
14
14
|
background: -webkit-linear-gradient(to top, #f00 0%, #ff0 17%,
|
|
15
15
|
#0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
|
|
16
16
|
}
|
|
17
|
-
`),s.createElement("div",{style:o.pointer},this.props.pointer?s.createElement(this.props.pointer,this.props):s.createElement("div",{style:o.slider}))))}}]),e}(O.PureComponent||O.Component);function ai(){this.__data__=[],this.size=0}function Ne(t,e){return t===e||t!==t&&e!==e}function Ye(t,e){for(var r=t.length;r--;)if(Ne(t[r][0],e))return r;return-1}var ii=Array.prototype,oi=ii.splice;function li(t){var e=this.__data__,r=Ye(e,t);if(r<0)return!1;var n=e.length-1;return r==n?e.pop():oi.call(e,r,1),--this.size,!0}function si(t){var e=this.__data__,r=Ye(e,t);return r<0?void 0:e[r][1]}function ui(t){return Ye(this.__data__,t)>-1}function fi(t,e){var r=this.__data__,n=Ye(r,t);return n<0?(++this.size,r.push([t,e])):r[n][1]=e,this}function j(t){var e=-1,r=t==null?0:t.length;for(this.clear();++e<r;){var n=t[e];this.set(n[0],n[1])}}j.prototype.clear=ai;j.prototype.delete=li;j.prototype.get=si;j.prototype.has=ui;j.prototype.set=fi;function hi(){this.__data__=new j,this.size=0}function ci(t){var e=this.__data__,r=e.delete(t);return this.size=e.size,r}function pi(t){return this.__data__.get(t)}function di(t){return this.__data__.has(t)}var Vr=typeof Le=="object"&&Le&&Le.Object===Object&&Le,gi=typeof self=="object"&&self&&self.Object===Object&&self,N=Vr||gi||Function("return this")(),U=N.Symbol,Kr=Object.prototype,bi=Kr.hasOwnProperty,vi=Kr.toString,Se=U?U.toStringTag:void 0;function xi(t){var e=bi.call(t,Se),r=t[Se];try{t[Se]=void 0;var n=!0}catch{}var a=vi.call(t);return n&&(e?t[Se]=r:delete t[Se]),a}var mi=Object.prototype,yi=mi.toString;function wi(t){return yi.call(t)}var Ei="[object Null]",Si="[object Undefined]",er=U?U.toStringTag:void 0;function Y(t){return t==null?t===void 0?Si:Ei:er&&er in Object(t)?xi(t):wi(t)}function F(t){var e=typeof t;return t!=null&&(e=="object"||e=="function")}var Ci="[object AsyncFunction]",_i="[object Function]",Oi="[object GeneratorFunction]",Ri="[object Proxy]";function Et(t){if(!F(t))return!1;var e=Y(t);return e==_i||e==Oi||e==Ci||e==Ri}var ot=N["__core-js_shared__"],tr=function(){var t=/[^.]+$/.exec(ot&&ot.keys&&ot.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}();function Ai(t){return!!tr&&tr in t}var Ti=Function.prototype,Pi=Ti.toString;function Z(t){if(t!=null){try{return Pi.call(t)}catch{}try{return t+""}catch{}}return""}var Mi=/[\\^$.*+?()[\]{}|]/g,$i=/^\[object .+?Constructor\]$/,ki=Function.prototype,Fi=Object.prototype,Bi=ki.toString,Hi=Fi.hasOwnProperty,Ni=RegExp("^"+Bi.call(Hi).replace(Mi,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function Di(t){if(!F(t)||Ai(t))return!1;var e=Et(t)?Ni:$i;return e.test(Z(t))}function Li(t,e){return t==null?void 0:t[e]}function J(t,e){var r=Li(t,e);return Di(r)?r:void 0}var Pe=J(N,"Map"),Me=J(Object,"create");function ji(){this.__data__=Me?Me(null):{},this.size=0}function Ii(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e}var Gi="__lodash_hash_undefined__",zi=Object.prototype,Ui=zi.hasOwnProperty;function Wi(t){var e=this.__data__;if(Me){var r=e[t];return r===Gi?void 0:r}return Ui.call(e,t)?e[t]:void 0}var Xi=Object.prototype,Vi=Xi.hasOwnProperty;function Ki(t){var e=this.__data__;return Me?e[t]!==void 0:Vi.call(e,t)}var qi="__lodash_hash_undefined__";function Yi(t,e){var r=this.__data__;return this.size+=this.has(t)?0:1,r[t]=Me&&e===void 0?qi:e,this}function q(t){var e=-1,r=t==null?0:t.length;for(this.clear();++e<r;){var n=t[e];this.set(n[0],n[1])}}q.prototype.clear=ji;q.prototype.delete=Ii;q.prototype.get=Wi;q.prototype.has=Ki;q.prototype.set=Yi;function Zi(){this.size=0,this.__data__={hash:new q,map:new(Pe||j),string:new q}}function Ji(t){var e=typeof t;return e=="string"||e=="number"||e=="symbol"||e=="boolean"?t!=="__proto__":t===null}function Ze(t,e){var r=t.__data__;return Ji(e)?r[typeof e=="string"?"string":"hash"]:r.map}function Qi(t){var e=Ze(this,t).delete(t);return this.size-=e?1:0,e}function eo(t){return Ze(this,t).get(t)}function to(t){return Ze(this,t).has(t)}function ro(t,e){var r=Ze(this,t),n=r.size;return r.set(t,e),this.size+=r.size==n?0:1,this}function I(t){var e=-1,r=t==null?0:t.length;for(this.clear();++e<r;){var n=t[e];this.set(n[0],n[1])}}I.prototype.clear=Zi;I.prototype.delete=Qi;I.prototype.get=eo;I.prototype.has=to;I.prototype.set=ro;var no=200;function ao(t,e){var r=this.__data__;if(r instanceof j){var n=r.__data__;if(!Pe||n.length<no-1)return n.push([t,e]),this.size=++r.size,this;r=this.__data__=new I(n)}return r.set(t,e),this.size=r.size,this}function D(t){var e=this.__data__=new j(t);this.size=e.size}D.prototype.clear=hi;D.prototype.delete=ci;D.prototype.get=pi;D.prototype.has=di;D.prototype.set=ao;var ze=function(){try{var t=J(Object,"defineProperty");return t({},"",{}),t}catch{}}();function St(t,e,r){e=="__proto__"&&ze?ze(t,e,{configurable:!0,enumerable:!0,value:r,writable:!0}):t[e]=r}function ht(t,e,r){(r!==void 0&&!Ne(t[e],r)||r===void 0&&!(e in t))&&St(t,e,r)}function io(t){return function(e,r,n){for(var a=-1,i=Object(e),o=n(e),l=o.length;l--;){var u=o[t?l:++a];if(r(i[u],u,i)===!1)break}return e}}var qr=io(),Yr=typeof exports=="object"&&exports&&!exports.nodeType&&exports,rr=Yr&&typeof module=="object"&&module&&!module.nodeType&&module,oo=rr&&rr.exports===Yr,nr=oo?N.Buffer:void 0,ar=nr?nr.allocUnsafe:void 0;function lo(t,e){if(e)return t.slice();var r=t.length,n=ar?ar(r):new t.constructor(r);return t.copy(n),n}var Ue=N.Uint8Array;function so(t){var e=new t.constructor(t.byteLength);return new Ue(e).set(new Ue(t)),e}function uo(t,e){var r=e?so(t.buffer):t.buffer;return new t.constructor(r,t.byteOffset,t.length)}function fo(t,e){var r=-1,n=t.length;for(e||(e=Array(n));++r<n;)e[r]=t[r];return e}var ir=Object.create,ho=function(){function t(){}return function(e){if(!F(e))return{};if(ir)return ir(e);t.prototype=e;var r=new t;return t.prototype=void 0,r}}();function Zr(t,e){return function(r){return t(e(r))}}var co=Zr(Object.getPrototypeOf,Object);const Jr=co;var po=Object.prototype;function Ct(t){var e=t&&t.constructor,r=typeof e=="function"&&e.prototype||po;return t===r}function go(t){return typeof t.constructor=="function"&&!Ct(t)?ho(Jr(t)):{}}function W(t){return t!=null&&typeof t=="object"}var bo="[object Arguments]";function or(t){return W(t)&&Y(t)==bo}var Qr=Object.prototype,vo=Qr.hasOwnProperty,xo=Qr.propertyIsEnumerable,mo=or(function(){return arguments}())?or:function(t){return W(t)&&vo.call(t,"callee")&&!xo.call(t,"callee")};const We=mo;var $=Array.isArray,yo=9007199254740991;function _t(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=yo}function we(t){return t!=null&&_t(t.length)&&!Et(t)}function wo(t){return W(t)&&we(t)}function Eo(){return!1}var en=typeof exports=="object"&&exports&&!exports.nodeType&&exports,lr=en&&typeof module=="object"&&module&&!module.nodeType&&module,So=lr&&lr.exports===en,sr=So?N.Buffer:void 0,Co=sr?sr.isBuffer:void 0,Xe=Co||Eo,_o="[object Object]",Oo=Function.prototype,Ro=Object.prototype,tn=Oo.toString,Ao=Ro.hasOwnProperty,To=tn.call(Object);function Po(t){if(!W(t)||Y(t)!=_o)return!1;var e=Jr(t);if(e===null)return!0;var r=Ao.call(e,"constructor")&&e.constructor;return typeof r=="function"&&r instanceof r&&tn.call(r)==To}var Mo="[object Arguments]",$o="[object Array]",ko="[object Boolean]",Fo="[object Date]",Bo="[object Error]",Ho="[object Function]",No="[object Map]",Do="[object Number]",Lo="[object Object]",jo="[object RegExp]",Io="[object Set]",Go="[object String]",zo="[object WeakMap]",Uo="[object ArrayBuffer]",Wo="[object DataView]",Xo="[object Float32Array]",Vo="[object Float64Array]",Ko="[object Int8Array]",qo="[object Int16Array]",Yo="[object Int32Array]",Zo="[object Uint8Array]",Jo="[object Uint8ClampedArray]",Qo="[object Uint16Array]",el="[object Uint32Array]",S={};S[Xo]=S[Vo]=S[Ko]=S[qo]=S[Yo]=S[Zo]=S[Jo]=S[Qo]=S[el]=!0;S[Mo]=S[$o]=S[Uo]=S[ko]=S[Wo]=S[Fo]=S[Bo]=S[Ho]=S[No]=S[Do]=S[Lo]=S[jo]=S[Io]=S[Go]=S[zo]=!1;function tl(t){return W(t)&&_t(t.length)&&!!S[Y(t)]}function rl(t){return function(e){return t(e)}}var rn=typeof exports=="object"&&exports&&!exports.nodeType&&exports,Te=rn&&typeof module=="object"&&module&&!module.nodeType&&module,nl=Te&&Te.exports===rn,lt=nl&&Vr.process,ur=function(){try{var t=Te&&Te.require&&Te.require("util").types;return t||lt&<.binding&<.binding("util")}catch{}}(),fr=ur&&ur.isTypedArray,Ot=fr?rl(fr):tl;function ct(t,e){if(!(e==="constructor"&&typeof t[e]=="function")&&e!="__proto__")return t[e]}var al=Object.prototype,il=al.hasOwnProperty;function ol(t,e,r){var n=t[e];(!(il.call(t,e)&&Ne(n,r))||r===void 0&&!(e in t))&&St(t,e,r)}function ll(t,e,r,n){var a=!r;r||(r={});for(var i=-1,o=e.length;++i<o;){var l=e[i],u=n?n(r[l],t[l],l,r,t):void 0;u===void 0&&(u=t[l]),a?St(r,l,u):ol(r,l,u)}return r}function sl(t,e){for(var r=-1,n=Array(t);++r<t;)n[r]=e(r);return n}var ul=9007199254740991,fl=/^(?:0|[1-9]\d*)$/;function Rt(t,e){var r=typeof t;return e=e??ul,!!e&&(r=="number"||r!="symbol"&&fl.test(t))&&t>-1&&t%1==0&&t<e}var hl=Object.prototype,cl=hl.hasOwnProperty;function nn(t,e){var r=$(t),n=!r&&We(t),a=!r&&!n&&Xe(t),i=!r&&!n&&!a&&Ot(t),o=r||n||a||i,l=o?sl(t.length,String):[],u=l.length;for(var f in t)(e||cl.call(t,f))&&!(o&&(f=="length"||a&&(f=="offset"||f=="parent")||i&&(f=="buffer"||f=="byteLength"||f=="byteOffset")||Rt(f,u)))&&l.push(f);return l}function pl(t){var e=[];if(t!=null)for(var r in Object(t))e.push(r);return e}var dl=Object.prototype,gl=dl.hasOwnProperty;function bl(t){if(!F(t))return pl(t);var e=Ct(t),r=[];for(var n in t)n=="constructor"&&(e||!gl.call(t,n))||r.push(n);return r}function an(t){return we(t)?nn(t,!0):bl(t)}function vl(t){return ll(t,an(t))}function xl(t,e,r,n,a,i,o){var l=ct(t,r),u=ct(e,r),f=o.get(u);if(f){ht(t,r,f);return}var h=i?i(l,u,r+"",t,e,o):void 0,c=h===void 0;if(c){var p=$(u),d=!p&&Xe(u),v=!p&&!d&&Ot(u);h=u,p||d||v?$(l)?h=l:wo(l)?h=fo(l):d?(c=!1,h=lo(u,!0)):v?(c=!1,h=uo(u,!0)):h=[]:Po(u)||We(u)?(h=l,We(l)?h=vl(l):(!F(l)||Et(l))&&(h=go(u))):c=!1}c&&(o.set(u,h),a(h,u,n,i,o),o.delete(u)),ht(t,r,h)}function on(t,e,r,n,a){t!==e&&qr(e,function(i,o){if(a||(a=new D),F(i))xl(t,e,o,r,on,n,a);else{var l=n?n(ct(t,o),i,o+"",t,e,a):void 0;l===void 0&&(l=i),ht(t,o,l)}},an)}function Je(t){return t}function ml(t,e,r){switch(r.length){case 0:return t.call(e);case 1:return t.call(e,r[0]);case 2:return t.call(e,r[0],r[1]);case 3:return t.call(e,r[0],r[1],r[2])}return t.apply(e,r)}var hr=Math.max;function yl(t,e,r){return e=hr(e===void 0?t.length-1:e,0),function(){for(var n=arguments,a=-1,i=hr(n.length-e,0),o=Array(i);++a<i;)o[a]=n[e+a];a=-1;for(var l=Array(e+1);++a<e;)l[a]=n[a];return l[e]=r(o),ml(t,this,l)}}function wl(t){return function(){return t}}var El=ze?function(t,e){return ze(t,"toString",{configurable:!0,enumerable:!1,value:wl(e),writable:!0})}:Je;const Sl=El;var Cl=800,_l=16,Ol=Date.now;function Rl(t){var e=0,r=0;return function(){var n=Ol(),a=_l-(n-r);if(r=n,a>0){if(++e>=Cl)return arguments[0]}else e=0;return t.apply(void 0,arguments)}}var Al=Rl(Sl);function Tl(t,e){return Al(yl(t,e,Je),t+"")}function Pl(t,e,r){if(!F(r))return!1;var n=typeof e;return(n=="number"?we(r)&&Rt(e,r.length):n=="string"&&e in r)?Ne(r[e],t):!1}function Ml(t){return Tl(function(e,r){var n=-1,a=r.length,i=a>1?r[a-1]:void 0,o=a>2?r[2]:void 0;for(i=t.length>3&&typeof i=="function"?(a--,i):void 0,o&&Pl(r[0],r[1],o)&&(i=a<3?void 0:i,a=1),e=Object(e);++n<a;){var l=r[n];l&&t(e,l,n,i)}return e})}var R=Ml(function(t,e,r){on(t,e,r)}),De=function(e){var r=e.zDepth,n=e.radius,a=e.background,i=e.children,o=e.styles,l=o===void 0?{}:o,u=y(R({default:{wrap:{position:"relative",display:"inline-block"},content:{position:"relative"},bg:{absolute:"0px 0px 0px 0px",boxShadow:"0 "+r+"px "+r*4+"px rgba(0,0,0,.24)",borderRadius:n,background:a}},"zDepth-0":{bg:{boxShadow:"none"}},"zDepth-1":{bg:{boxShadow:"0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16)"}},"zDepth-2":{bg:{boxShadow:"0 6px 20px rgba(0,0,0,.19), 0 8px 17px rgba(0,0,0,.2)"}},"zDepth-3":{bg:{boxShadow:"0 17px 50px rgba(0,0,0,.19), 0 12px 15px rgba(0,0,0,.24)"}},"zDepth-4":{bg:{boxShadow:"0 25px 55px rgba(0,0,0,.21), 0 16px 28px rgba(0,0,0,.22)"}},"zDepth-5":{bg:{boxShadow:"0 40px 77px rgba(0,0,0,.22), 0 27px 24px rgba(0,0,0,.2)"}},square:{bg:{borderRadius:"0"}},circle:{bg:{borderRadius:"50%"}}},l),{"zDepth-1":r===1});return s.createElement("div",{style:u.wrap},s.createElement("div",{style:u.bg}),s.createElement("div",{style:u.content},i))};De.propTypes={background:g.string,zDepth:g.oneOf([0,1,2,3,4,5]),radius:g.number,styles:g.object};De.defaultProps={background:"#fff",zDepth:1,radius:2,styles:{}};var st=function(){return N.Date.now()},$l=/\s/;function kl(t){for(var e=t.length;e--&&$l.test(t.charAt(e)););return e}var Fl=/^\s+/;function Bl(t){return t&&t.slice(0,kl(t)+1).replace(Fl,"")}var Hl="[object Symbol]";function Qe(t){return typeof t=="symbol"||W(t)&&Y(t)==Hl}var cr=NaN,Nl=/^[-+]0x[0-9a-f]+$/i,Dl=/^0b[01]+$/i,Ll=/^0o[0-7]+$/i,jl=parseInt;function pr(t){if(typeof t=="number")return t;if(Qe(t))return cr;if(F(t)){var e=typeof t.valueOf=="function"?t.valueOf():t;t=F(e)?e+"":e}if(typeof t!="string")return t===0?t:+t;t=Bl(t);var r=Dl.test(t);return r||Ll.test(t)?jl(t.slice(2),r?2:8):Nl.test(t)?cr:+t}var Il="Expected a function",Gl=Math.max,zl=Math.min;function ln(t,e,r){var n,a,i,o,l,u,f=0,h=!1,c=!1,p=!0;if(typeof t!="function")throw new TypeError(Il);e=pr(e)||0,F(r)&&(h=!!r.leading,c="maxWait"in r,i=c?Gl(pr(r.maxWait)||0,e):i,p="trailing"in r?!!r.trailing:p);function d(_){var z=n,Ee=a;return n=a=void 0,f=_,o=t.apply(Ee,z),o}function v(_){return f=_,l=setTimeout(E,e),h?d(_):o}function x(_){var z=_-u,Ee=_-f,Vt=e-z;return c?zl(Vt,i-Ee):Vt}function m(_){var z=_-u,Ee=_-f;return u===void 0||z>=e||z<0||c&&Ee>=i}function E(){var _=st();if(m(_))return T(_);l=setTimeout(E,x(_))}function T(_){return l=void 0,p&&n?d(_):(n=a=void 0,o)}function V(){l!==void 0&&clearTimeout(l),f=0,n=u=a=l=void 0}function P(){return l===void 0?o:T(st())}function G(){var _=st(),z=m(_);if(n=arguments,a=this,u=_,z){if(l===void 0)return v(u);if(c)return clearTimeout(l),l=setTimeout(E,e),d(u)}return l===void 0&&(l=setTimeout(E,e)),o}return G.cancel=V,G.flush=P,G}var Ul="Expected a function";function Wl(t,e,r){var n=!0,a=!0;if(typeof t!="function")throw new TypeError(Ul);return F(r)&&(n="leading"in r?!!r.leading:n,a="trailing"in r?!!r.trailing:a),ln(t,e,{leading:n,maxWait:e,trailing:a})}var Xl=function(e,r,n){var a=n.getBoundingClientRect(),i=a.width,o=a.height,l=typeof e.pageX=="number"?e.pageX:e.touches[0].pageX,u=typeof e.pageY=="number"?e.pageY:e.touches[0].pageY,f=l-(n.getBoundingClientRect().left+window.pageXOffset),h=u-(n.getBoundingClientRect().top+window.pageYOffset);f<0?f=0:f>i&&(f=i),h<0?h=0:h>o&&(h=o);var c=f/i,p=1-h/o;return{h:r.h,s:c,v:p,a:r.a,source:"hsv"}},Vl=function(){function t(e,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}();function Kl(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ql(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t}function Yl(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var et=function(t){Yl(e,t);function e(r){Kl(this,e);var n=ql(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,r));return n.handleChange=function(a){typeof n.props.onChange=="function"&&n.throttle(n.props.onChange,Xl(a,n.props.hsl,n.container),a)},n.handleMouseDown=function(a){n.handleChange(a);var i=n.getContainerRenderWindow();i.addEventListener("mousemove",n.handleChange),i.addEventListener("mouseup",n.handleMouseUp)},n.handleMouseUp=function(){n.unbindEventListeners()},n.throttle=Wl(function(a,i,o){a(i,o)},50),n}return Vl(e,[{key:"componentWillUnmount",value:function(){this.throttle.cancel(),this.unbindEventListeners()}},{key:"getContainerRenderWindow",value:function(){for(var n=this.container,a=window;!a.document.contains(n)&&a.parent!==a;)a=a.parent;return a}},{key:"unbindEventListeners",value:function(){var n=this.getContainerRenderWindow();n.removeEventListener("mousemove",this.handleChange),n.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var n=this,a=this.props.style||{},i=a.color,o=a.white,l=a.black,u=a.pointer,f=a.circle,h=y({default:{color:{absolute:"0px 0px 0px 0px",background:"hsl("+this.props.hsl.h+",100%, 50%)",borderRadius:this.props.radius},white:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},black:{absolute:"0px 0px 0px 0px",boxShadow:this.props.shadow,borderRadius:this.props.radius},pointer:{position:"absolute",top:-(this.props.hsv.v*100)+100+"%",left:this.props.hsv.s*100+"%",cursor:"default"},circle:{width:"4px",height:"4px",boxShadow:`0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),
|
|
17
|
+
`),s.createElement("div",{style:o.pointer},this.props.pointer?s.createElement(this.props.pointer,this.props):s.createElement("div",{style:o.slider}))))}}]),e}(O.PureComponent||O.Component);function ai(){this.__data__=[],this.size=0}function De(t,e){return t===e||t!==t&&e!==e}function Ye(t,e){for(var r=t.length;r--;)if(De(t[r][0],e))return r;return-1}var ii=Array.prototype,oi=ii.splice;function li(t){var e=this.__data__,r=Ye(e,t);if(r<0)return!1;var n=e.length-1;return r==n?e.pop():oi.call(e,r,1),--this.size,!0}function si(t){var e=this.__data__,r=Ye(e,t);return r<0?void 0:e[r][1]}function ui(t){return Ye(this.__data__,t)>-1}function fi(t,e){var r=this.__data__,n=Ye(r,t);return n<0?(++this.size,r.push([t,e])):r[n][1]=e,this}function j(t){var e=-1,r=t==null?0:t.length;for(this.clear();++e<r;){var n=t[e];this.set(n[0],n[1])}}j.prototype.clear=ai;j.prototype.delete=li;j.prototype.get=si;j.prototype.has=ui;j.prototype.set=fi;function hi(){this.__data__=new j,this.size=0}function ci(t){var e=this.__data__,r=e.delete(t);return this.size=e.size,r}function pi(t){return this.__data__.get(t)}function di(t){return this.__data__.has(t)}var Vr=typeof Le=="object"&&Le&&Le.Object===Object&&Le,gi=typeof self=="object"&&self&&self.Object===Object&&self,D=Vr||gi||Function("return this")(),U=D.Symbol,Kr=Object.prototype,bi=Kr.hasOwnProperty,vi=Kr.toString,Se=U?U.toStringTag:void 0;function xi(t){var e=bi.call(t,Se),r=t[Se];try{t[Se]=void 0;var n=!0}catch{}var a=vi.call(t);return n&&(e?t[Se]=r:delete t[Se]),a}var mi=Object.prototype,yi=mi.toString;function wi(t){return yi.call(t)}var Ei="[object Null]",Si="[object Undefined]",er=U?U.toStringTag:void 0;function Y(t){return t==null?t===void 0?Si:Ei:er&&er in Object(t)?xi(t):wi(t)}function F(t){var e=typeof t;return t!=null&&(e=="object"||e=="function")}var Ci="[object AsyncFunction]",_i="[object Function]",Oi="[object GeneratorFunction]",Ri="[object Proxy]";function Et(t){if(!F(t))return!1;var e=Y(t);return e==_i||e==Oi||e==Ci||e==Ri}var ot=D["__core-js_shared__"],tr=function(){var t=/[^.]+$/.exec(ot&&ot.keys&&ot.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""}();function Ai(t){return!!tr&&tr in t}var Ti=Function.prototype,Pi=Ti.toString;function Z(t){if(t!=null){try{return Pi.call(t)}catch{}try{return t+""}catch{}}return""}var Mi=/[\\^$.*+?()[\]{}|]/g,$i=/^\[object .+?Constructor\]$/,ki=Function.prototype,Fi=Object.prototype,Bi=ki.toString,Hi=Fi.hasOwnProperty,Di=RegExp("^"+Bi.call(Hi).replace(Mi,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function Ni(t){if(!F(t)||Ai(t))return!1;var e=Et(t)?Di:$i;return e.test(Z(t))}function Li(t,e){return t==null?void 0:t[e]}function J(t,e){var r=Li(t,e);return Ni(r)?r:void 0}var Pe=J(D,"Map"),Me=J(Object,"create");function ji(){this.__data__=Me?Me(null):{},this.size=0}function Ii(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e}var Gi="__lodash_hash_undefined__",zi=Object.prototype,Ui=zi.hasOwnProperty;function Wi(t){var e=this.__data__;if(Me){var r=e[t];return r===Gi?void 0:r}return Ui.call(e,t)?e[t]:void 0}var Xi=Object.prototype,Vi=Xi.hasOwnProperty;function Ki(t){var e=this.__data__;return Me?e[t]!==void 0:Vi.call(e,t)}var qi="__lodash_hash_undefined__";function Yi(t,e){var r=this.__data__;return this.size+=this.has(t)?0:1,r[t]=Me&&e===void 0?qi:e,this}function q(t){var e=-1,r=t==null?0:t.length;for(this.clear();++e<r;){var n=t[e];this.set(n[0],n[1])}}q.prototype.clear=ji;q.prototype.delete=Ii;q.prototype.get=Wi;q.prototype.has=Ki;q.prototype.set=Yi;function Zi(){this.size=0,this.__data__={hash:new q,map:new(Pe||j),string:new q}}function Ji(t){var e=typeof t;return e=="string"||e=="number"||e=="symbol"||e=="boolean"?t!=="__proto__":t===null}function Ze(t,e){var r=t.__data__;return Ji(e)?r[typeof e=="string"?"string":"hash"]:r.map}function Qi(t){var e=Ze(this,t).delete(t);return this.size-=e?1:0,e}function eo(t){return Ze(this,t).get(t)}function to(t){return Ze(this,t).has(t)}function ro(t,e){var r=Ze(this,t),n=r.size;return r.set(t,e),this.size+=r.size==n?0:1,this}function I(t){var e=-1,r=t==null?0:t.length;for(this.clear();++e<r;){var n=t[e];this.set(n[0],n[1])}}I.prototype.clear=Zi;I.prototype.delete=Qi;I.prototype.get=eo;I.prototype.has=to;I.prototype.set=ro;var no=200;function ao(t,e){var r=this.__data__;if(r instanceof j){var n=r.__data__;if(!Pe||n.length<no-1)return n.push([t,e]),this.size=++r.size,this;r=this.__data__=new I(n)}return r.set(t,e),this.size=r.size,this}function N(t){var e=this.__data__=new j(t);this.size=e.size}N.prototype.clear=hi;N.prototype.delete=ci;N.prototype.get=pi;N.prototype.has=di;N.prototype.set=ao;var ze=function(){try{var t=J(Object,"defineProperty");return t({},"",{}),t}catch{}}();function St(t,e,r){e=="__proto__"&&ze?ze(t,e,{configurable:!0,enumerable:!0,value:r,writable:!0}):t[e]=r}function ht(t,e,r){(r!==void 0&&!De(t[e],r)||r===void 0&&!(e in t))&&St(t,e,r)}function io(t){return function(e,r,n){for(var a=-1,i=Object(e),o=n(e),l=o.length;l--;){var u=o[t?l:++a];if(r(i[u],u,i)===!1)break}return e}}var qr=io(),Yr=typeof exports=="object"&&exports&&!exports.nodeType&&exports,rr=Yr&&typeof module=="object"&&module&&!module.nodeType&&module,oo=rr&&rr.exports===Yr,nr=oo?D.Buffer:void 0,ar=nr?nr.allocUnsafe:void 0;function lo(t,e){if(e)return t.slice();var r=t.length,n=ar?ar(r):new t.constructor(r);return t.copy(n),n}var Ue=D.Uint8Array;function so(t){var e=new t.constructor(t.byteLength);return new Ue(e).set(new Ue(t)),e}function uo(t,e){var r=e?so(t.buffer):t.buffer;return new t.constructor(r,t.byteOffset,t.length)}function fo(t,e){var r=-1,n=t.length;for(e||(e=Array(n));++r<n;)e[r]=t[r];return e}var ir=Object.create,ho=function(){function t(){}return function(e){if(!F(e))return{};if(ir)return ir(e);t.prototype=e;var r=new t;return t.prototype=void 0,r}}();function Zr(t,e){return function(r){return t(e(r))}}var co=Zr(Object.getPrototypeOf,Object);const Jr=co;var po=Object.prototype;function Ct(t){var e=t&&t.constructor,r=typeof e=="function"&&e.prototype||po;return t===r}function go(t){return typeof t.constructor=="function"&&!Ct(t)?ho(Jr(t)):{}}function W(t){return t!=null&&typeof t=="object"}var bo="[object Arguments]";function or(t){return W(t)&&Y(t)==bo}var Qr=Object.prototype,vo=Qr.hasOwnProperty,xo=Qr.propertyIsEnumerable,mo=or(function(){return arguments}())?or:function(t){return W(t)&&vo.call(t,"callee")&&!xo.call(t,"callee")};const We=mo;var $=Array.isArray,yo=9007199254740991;function _t(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=yo}function we(t){return t!=null&&_t(t.length)&&!Et(t)}function wo(t){return W(t)&&we(t)}function Eo(){return!1}var en=typeof exports=="object"&&exports&&!exports.nodeType&&exports,lr=en&&typeof module=="object"&&module&&!module.nodeType&&module,So=lr&&lr.exports===en,sr=So?D.Buffer:void 0,Co=sr?sr.isBuffer:void 0,Xe=Co||Eo,_o="[object Object]",Oo=Function.prototype,Ro=Object.prototype,tn=Oo.toString,Ao=Ro.hasOwnProperty,To=tn.call(Object);function Po(t){if(!W(t)||Y(t)!=_o)return!1;var e=Jr(t);if(e===null)return!0;var r=Ao.call(e,"constructor")&&e.constructor;return typeof r=="function"&&r instanceof r&&tn.call(r)==To}var Mo="[object Arguments]",$o="[object Array]",ko="[object Boolean]",Fo="[object Date]",Bo="[object Error]",Ho="[object Function]",Do="[object Map]",No="[object Number]",Lo="[object Object]",jo="[object RegExp]",Io="[object Set]",Go="[object String]",zo="[object WeakMap]",Uo="[object ArrayBuffer]",Wo="[object DataView]",Xo="[object Float32Array]",Vo="[object Float64Array]",Ko="[object Int8Array]",qo="[object Int16Array]",Yo="[object Int32Array]",Zo="[object Uint8Array]",Jo="[object Uint8ClampedArray]",Qo="[object Uint16Array]",el="[object Uint32Array]",S={};S[Xo]=S[Vo]=S[Ko]=S[qo]=S[Yo]=S[Zo]=S[Jo]=S[Qo]=S[el]=!0;S[Mo]=S[$o]=S[Uo]=S[ko]=S[Wo]=S[Fo]=S[Bo]=S[Ho]=S[Do]=S[No]=S[Lo]=S[jo]=S[Io]=S[Go]=S[zo]=!1;function tl(t){return W(t)&&_t(t.length)&&!!S[Y(t)]}function rl(t){return function(e){return t(e)}}var rn=typeof exports=="object"&&exports&&!exports.nodeType&&exports,Te=rn&&typeof module=="object"&&module&&!module.nodeType&&module,nl=Te&&Te.exports===rn,lt=nl&&Vr.process,ur=function(){try{var t=Te&&Te.require&&Te.require("util").types;return t||lt&<.binding&<.binding("util")}catch{}}(),fr=ur&&ur.isTypedArray,Ot=fr?rl(fr):tl;function ct(t,e){if(!(e==="constructor"&&typeof t[e]=="function")&&e!="__proto__")return t[e]}var al=Object.prototype,il=al.hasOwnProperty;function ol(t,e,r){var n=t[e];(!(il.call(t,e)&&De(n,r))||r===void 0&&!(e in t))&&St(t,e,r)}function ll(t,e,r,n){var a=!r;r||(r={});for(var i=-1,o=e.length;++i<o;){var l=e[i],u=n?n(r[l],t[l],l,r,t):void 0;u===void 0&&(u=t[l]),a?St(r,l,u):ol(r,l,u)}return r}function sl(t,e){for(var r=-1,n=Array(t);++r<t;)n[r]=e(r);return n}var ul=9007199254740991,fl=/^(?:0|[1-9]\d*)$/;function Rt(t,e){var r=typeof t;return e=e??ul,!!e&&(r=="number"||r!="symbol"&&fl.test(t))&&t>-1&&t%1==0&&t<e}var hl=Object.prototype,cl=hl.hasOwnProperty;function nn(t,e){var r=$(t),n=!r&&We(t),a=!r&&!n&&Xe(t),i=!r&&!n&&!a&&Ot(t),o=r||n||a||i,l=o?sl(t.length,String):[],u=l.length;for(var f in t)(e||cl.call(t,f))&&!(o&&(f=="length"||a&&(f=="offset"||f=="parent")||i&&(f=="buffer"||f=="byteLength"||f=="byteOffset")||Rt(f,u)))&&l.push(f);return l}function pl(t){var e=[];if(t!=null)for(var r in Object(t))e.push(r);return e}var dl=Object.prototype,gl=dl.hasOwnProperty;function bl(t){if(!F(t))return pl(t);var e=Ct(t),r=[];for(var n in t)n=="constructor"&&(e||!gl.call(t,n))||r.push(n);return r}function an(t){return we(t)?nn(t,!0):bl(t)}function vl(t){return ll(t,an(t))}function xl(t,e,r,n,a,i,o){var l=ct(t,r),u=ct(e,r),f=o.get(u);if(f){ht(t,r,f);return}var h=i?i(l,u,r+"",t,e,o):void 0,c=h===void 0;if(c){var p=$(u),d=!p&&Xe(u),v=!p&&!d&&Ot(u);h=u,p||d||v?$(l)?h=l:wo(l)?h=fo(l):d?(c=!1,h=lo(u,!0)):v?(c=!1,h=uo(u,!0)):h=[]:Po(u)||We(u)?(h=l,We(l)?h=vl(l):(!F(l)||Et(l))&&(h=go(u))):c=!1}c&&(o.set(u,h),a(h,u,n,i,o),o.delete(u)),ht(t,r,h)}function on(t,e,r,n,a){t!==e&&qr(e,function(i,o){if(a||(a=new N),F(i))xl(t,e,o,r,on,n,a);else{var l=n?n(ct(t,o),i,o+"",t,e,a):void 0;l===void 0&&(l=i),ht(t,o,l)}},an)}function Je(t){return t}function ml(t,e,r){switch(r.length){case 0:return t.call(e);case 1:return t.call(e,r[0]);case 2:return t.call(e,r[0],r[1]);case 3:return t.call(e,r[0],r[1],r[2])}return t.apply(e,r)}var hr=Math.max;function yl(t,e,r){return e=hr(e===void 0?t.length-1:e,0),function(){for(var n=arguments,a=-1,i=hr(n.length-e,0),o=Array(i);++a<i;)o[a]=n[e+a];a=-1;for(var l=Array(e+1);++a<e;)l[a]=n[a];return l[e]=r(o),ml(t,this,l)}}function wl(t){return function(){return t}}var El=ze?function(t,e){return ze(t,"toString",{configurable:!0,enumerable:!1,value:wl(e),writable:!0})}:Je;const Sl=El;var Cl=800,_l=16,Ol=Date.now;function Rl(t){var e=0,r=0;return function(){var n=Ol(),a=_l-(n-r);if(r=n,a>0){if(++e>=Cl)return arguments[0]}else e=0;return t.apply(void 0,arguments)}}var Al=Rl(Sl);function Tl(t,e){return Al(yl(t,e,Je),t+"")}function Pl(t,e,r){if(!F(r))return!1;var n=typeof e;return(n=="number"?we(r)&&Rt(e,r.length):n=="string"&&e in r)?De(r[e],t):!1}function Ml(t){return Tl(function(e,r){var n=-1,a=r.length,i=a>1?r[a-1]:void 0,o=a>2?r[2]:void 0;for(i=t.length>3&&typeof i=="function"?(a--,i):void 0,o&&Pl(r[0],r[1],o)&&(i=a<3?void 0:i,a=1),e=Object(e);++n<a;){var l=r[n];l&&t(e,l,n,i)}return e})}var R=Ml(function(t,e,r){on(t,e,r)}),Ne=function(e){var r=e.zDepth,n=e.radius,a=e.background,i=e.children,o=e.styles,l=o===void 0?{}:o,u=y(R({default:{wrap:{position:"relative",display:"inline-block"},content:{position:"relative"},bg:{absolute:"0px 0px 0px 0px",boxShadow:"0 "+r+"px "+r*4+"px rgba(0,0,0,.24)",borderRadius:n,background:a}},"zDepth-0":{bg:{boxShadow:"none"}},"zDepth-1":{bg:{boxShadow:"0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16)"}},"zDepth-2":{bg:{boxShadow:"0 6px 20px rgba(0,0,0,.19), 0 8px 17px rgba(0,0,0,.2)"}},"zDepth-3":{bg:{boxShadow:"0 17px 50px rgba(0,0,0,.19), 0 12px 15px rgba(0,0,0,.24)"}},"zDepth-4":{bg:{boxShadow:"0 25px 55px rgba(0,0,0,.21), 0 16px 28px rgba(0,0,0,.22)"}},"zDepth-5":{bg:{boxShadow:"0 40px 77px rgba(0,0,0,.22), 0 27px 24px rgba(0,0,0,.2)"}},square:{bg:{borderRadius:"0"}},circle:{bg:{borderRadius:"50%"}}},l),{"zDepth-1":r===1});return s.createElement("div",{style:u.wrap},s.createElement("div",{style:u.bg}),s.createElement("div",{style:u.content},i))};Ne.propTypes={background:g.string,zDepth:g.oneOf([0,1,2,3,4,5]),radius:g.number,styles:g.object};Ne.defaultProps={background:"#fff",zDepth:1,radius:2,styles:{}};var st=function(){return D.Date.now()},$l=/\s/;function kl(t){for(var e=t.length;e--&&$l.test(t.charAt(e)););return e}var Fl=/^\s+/;function Bl(t){return t&&t.slice(0,kl(t)+1).replace(Fl,"")}var Hl="[object Symbol]";function Qe(t){return typeof t=="symbol"||W(t)&&Y(t)==Hl}var cr=NaN,Dl=/^[-+]0x[0-9a-f]+$/i,Nl=/^0b[01]+$/i,Ll=/^0o[0-7]+$/i,jl=parseInt;function pr(t){if(typeof t=="number")return t;if(Qe(t))return cr;if(F(t)){var e=typeof t.valueOf=="function"?t.valueOf():t;t=F(e)?e+"":e}if(typeof t!="string")return t===0?t:+t;t=Bl(t);var r=Nl.test(t);return r||Ll.test(t)?jl(t.slice(2),r?2:8):Dl.test(t)?cr:+t}var Il="Expected a function",Gl=Math.max,zl=Math.min;function ln(t,e,r){var n,a,i,o,l,u,f=0,h=!1,c=!1,p=!0;if(typeof t!="function")throw new TypeError(Il);e=pr(e)||0,F(r)&&(h=!!r.leading,c="maxWait"in r,i=c?Gl(pr(r.maxWait)||0,e):i,p="trailing"in r?!!r.trailing:p);function d(_){var z=n,Ee=a;return n=a=void 0,f=_,o=t.apply(Ee,z),o}function v(_){return f=_,l=setTimeout(E,e),h?d(_):o}function x(_){var z=_-u,Ee=_-f,Vt=e-z;return c?zl(Vt,i-Ee):Vt}function m(_){var z=_-u,Ee=_-f;return u===void 0||z>=e||z<0||c&&Ee>=i}function E(){var _=st();if(m(_))return T(_);l=setTimeout(E,x(_))}function T(_){return l=void 0,p&&n?d(_):(n=a=void 0,o)}function V(){l!==void 0&&clearTimeout(l),f=0,n=u=a=l=void 0}function P(){return l===void 0?o:T(st())}function G(){var _=st(),z=m(_);if(n=arguments,a=this,u=_,z){if(l===void 0)return v(u);if(c)return clearTimeout(l),l=setTimeout(E,e),d(u)}return l===void 0&&(l=setTimeout(E,e)),o}return G.cancel=V,G.flush=P,G}var Ul="Expected a function";function Wl(t,e,r){var n=!0,a=!0;if(typeof t!="function")throw new TypeError(Ul);return F(r)&&(n="leading"in r?!!r.leading:n,a="trailing"in r?!!r.trailing:a),ln(t,e,{leading:n,maxWait:e,trailing:a})}var Xl=function(e,r,n){var a=n.getBoundingClientRect(),i=a.width,o=a.height,l=typeof e.pageX=="number"?e.pageX:e.touches[0].pageX,u=typeof e.pageY=="number"?e.pageY:e.touches[0].pageY,f=l-(n.getBoundingClientRect().left+window.pageXOffset),h=u-(n.getBoundingClientRect().top+window.pageYOffset);f<0?f=0:f>i&&(f=i),h<0?h=0:h>o&&(h=o);var c=f/i,p=1-h/o;return{h:r.h,s:c,v:p,a:r.a,source:"hsv"}},Vl=function(){function t(e,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}();function Kl(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ql(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t}function Yl(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var et=function(t){Yl(e,t);function e(r){Kl(this,e);var n=ql(this,(e.__proto__||Object.getPrototypeOf(e)).call(this,r));return n.handleChange=function(a){typeof n.props.onChange=="function"&&n.throttle(n.props.onChange,Xl(a,n.props.hsl,n.container),a)},n.handleMouseDown=function(a){n.handleChange(a);var i=n.getContainerRenderWindow();i.addEventListener("mousemove",n.handleChange),i.addEventListener("mouseup",n.handleMouseUp)},n.handleMouseUp=function(){n.unbindEventListeners()},n.throttle=Wl(function(a,i,o){a(i,o)},50),n}return Vl(e,[{key:"componentWillUnmount",value:function(){this.throttle.cancel(),this.unbindEventListeners()}},{key:"getContainerRenderWindow",value:function(){for(var n=this.container,a=window;!a.document.contains(n)&&a.parent!==a;)a=a.parent;return a}},{key:"unbindEventListeners",value:function(){var n=this.getContainerRenderWindow();n.removeEventListener("mousemove",this.handleChange),n.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var n=this,a=this.props.style||{},i=a.color,o=a.white,l=a.black,u=a.pointer,f=a.circle,h=y({default:{color:{absolute:"0px 0px 0px 0px",background:"hsl("+this.props.hsl.h+",100%, 50%)",borderRadius:this.props.radius},white:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},black:{absolute:"0px 0px 0px 0px",boxShadow:this.props.shadow,borderRadius:this.props.radius},pointer:{position:"absolute",top:-(this.props.hsv.v*100)+100+"%",left:this.props.hsv.s*100+"%",cursor:"default"},circle:{width:"4px",height:"4px",boxShadow:`0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0,0,0,.3),
|
|
18
18
|
0 0 1px 2px rgba(0,0,0,.4)`,borderRadius:"50%",cursor:"hand",transform:"translate(-2px, -2px)"}},custom:{color:i,white:o,black:l,pointer:u,circle:f}},{custom:!!this.props.style});return s.createElement("div",{style:h.color,ref:function(p){return n.container=p},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},s.createElement("style",null,`
|
|
19
19
|
.saturation-white {
|
|
20
20
|
background: -webkit-linear-gradient(to right, #fff, rgba(255,255,255,0));
|
|
@@ -24,4 +24,4 @@ import{g4 as Cn,g5 as _n,dq as On,bu as Rn,g6 as An,f7 as Tn,g7 as Pn,g8 as Mn,g
|
|
|
24
24
|
background: -webkit-linear-gradient(to top, #000, rgba(0,0,0,0));
|
|
25
25
|
background: linear-gradient(to top, #000, rgba(0,0,0,0));
|
|
26
26
|
}
|
|
27
|
-
`),s.createElement("div",{style:h.white,className:"saturation-white"},s.createElement("div",{style:h.black,className:"saturation-black"}),s.createElement("div",{style:h.pointer},this.props.pointer?s.createElement(this.props.pointer,this.props):s.createElement("div",{style:h.circle}))))}}]),e}(O.PureComponent||O.Component);function Zl(t,e){for(var r=-1,n=t==null?0:t.length;++r<n&&e(t[r],r,t)!==!1;);return t}var Jl=Zr(Object.keys,Object),Ql=Object.prototype,es=Ql.hasOwnProperty;function ts(t){if(!Ct(t))return Jl(t);var e=[];for(var r in Object(t))es.call(t,r)&&r!="constructor"&&e.push(r);return e}function At(t){return we(t)?nn(t):ts(t)}function rs(t,e){return t&&qr(t,e,At)}function ns(t,e){return function(r,n){if(r==null)return r;if(!we(r))return t(r,n);for(var a=r.length,i=e?a:-1,o=Object(r);(e?i--:++i<a)&&n(o[i],i,o)!==!1;);return r}}var as=ns(rs);const sn=as;function is(t){return typeof t=="function"?t:Je}function os(t,e){var r=$(t)?Zl:sn;return r(t,is(e))}function Ve(t){"@babel/helpers - typeof";return Ve=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Ve(t)}var ls=/^\s+/,ss=/\s+$/;function b(t,e){if(t=t||"",e=e||{},t instanceof b)return t;if(!(this instanceof b))return new b(t,e);var r=us(t);this._originalInput=t,this._r=r.r,this._g=r.g,this._b=r.b,this._a=r.a,this._roundA=Math.round(100*this._a)/100,this._format=e.format||r.format,this._gradientType=e.gradientType,this._r<1&&(this._r=Math.round(this._r)),this._g<1&&(this._g=Math.round(this._g)),this._b<1&&(this._b=Math.round(this._b)),this._ok=r.ok}b.prototype={isDark:function(){return this.getBrightness()<128},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(e.r*299+e.g*587+e.b*114)/1e3},getLuminance:function(){var e=this.toRgb(),r,n,a,i,o,l;return r=e.r/255,n=e.g/255,a=e.b/255,r<=.03928?i=r/12.92:i=Math.pow((r+.055)/1.055,2.4),n<=.03928?o=n/12.92:o=Math.pow((n+.055)/1.055,2.4),a<=.03928?l=a/12.92:l=Math.pow((a+.055)/1.055,2.4),.2126*i+.7152*o+.0722*l},setAlpha:function(e){return this._a=un(e),this._roundA=Math.round(100*this._a)/100,this},toHsv:function(){var e=gr(this._r,this._g,this._b);return{h:e.h*360,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=gr(this._r,this._g,this._b),r=Math.round(e.h*360),n=Math.round(e.s*100),a=Math.round(e.v*100);return this._a==1?"hsv("+r+", "+n+"%, "+a+"%)":"hsva("+r+", "+n+"%, "+a+"%, "+this._roundA+")"},toHsl:function(){var e=dr(this._r,this._g,this._b);return{h:e.h*360,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=dr(this._r,this._g,this._b),r=Math.round(e.h*360),n=Math.round(e.s*100),a=Math.round(e.l*100);return this._a==1?"hsl("+r+", "+n+"%, "+a+"%)":"hsla("+r+", "+n+"%, "+a+"%, "+this._roundA+")"},toHex:function(e){return br(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(e){return ps(this._r,this._g,this._b,this._a,e)},toHex8String:function(e){return"#"+this.toHex8(e)},toRgb:function(){return{r:Math.round(this._r),g:Math.round(this._g),b:Math.round(this._b),a:this._a}},toRgbString:function(){return this._a==1?"rgb("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+")":"rgba("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:Math.round(C(this._r,255)*100)+"%",g:Math.round(C(this._g,255)*100)+"%",b:Math.round(C(this._b,255)*100)+"%",a:this._a}},toPercentageRgbString:function(){return this._a==1?"rgb("+Math.round(C(this._r,255)*100)+"%, "+Math.round(C(this._g,255)*100)+"%, "+Math.round(C(this._b,255)*100)+"%)":"rgba("+Math.round(C(this._r,255)*100)+"%, "+Math.round(C(this._g,255)*100)+"%, "+Math.round(C(this._b,255)*100)+"%, "+this._roundA+")"},toName:function(){return this._a===0?"transparent":this._a<1?!1:_s[br(this._r,this._g,this._b,!0)]||!1},toFilter:function(e){var r="#"+vr(this._r,this._g,this._b,this._a),n=r,a=this._gradientType?"GradientType = 1, ":"";if(e){var i=b(e);n="#"+vr(i._r,i._g,i._b,i._a)}return"progid:DXImageTransform.Microsoft.gradient("+a+"startColorstr="+r+",endColorstr="+n+")"},toString:function(e){var r=!!e;e=e||this._format;var n=!1,a=this._a<1&&this._a>=0,i=!r&&a&&(e==="hex"||e==="hex6"||e==="hex3"||e==="hex4"||e==="hex8"||e==="name");return i?e==="name"&&this._a===0?this.toName():this.toRgbString():(e==="rgb"&&(n=this.toRgbString()),e==="prgb"&&(n=this.toPercentageRgbString()),(e==="hex"||e==="hex6")&&(n=this.toHexString()),e==="hex3"&&(n=this.toHexString(!0)),e==="hex4"&&(n=this.toHex8String(!0)),e==="hex8"&&(n=this.toHex8String()),e==="name"&&(n=this.toName()),e==="hsl"&&(n=this.toHslString()),e==="hsv"&&(n=this.toHsvString()),n||this.toHexString())},clone:function(){return b(this.toString())},_applyModification:function(e,r){var n=e.apply(null,[this].concat([].slice.call(r)));return this._r=n._r,this._g=n._g,this._b=n._b,this.setAlpha(n._a),this},lighten:function(){return this._applyModification(vs,arguments)},brighten:function(){return this._applyModification(xs,arguments)},darken:function(){return this._applyModification(ms,arguments)},desaturate:function(){return this._applyModification(ds,arguments)},saturate:function(){return this._applyModification(gs,arguments)},greyscale:function(){return this._applyModification(bs,arguments)},spin:function(){return this._applyModification(ys,arguments)},_applyCombination:function(e,r){return e.apply(null,[this].concat([].slice.call(r)))},analogous:function(){return this._applyCombination(Ss,arguments)},complement:function(){return this._applyCombination(ws,arguments)},monochromatic:function(){return this._applyCombination(Cs,arguments)},splitcomplement:function(){return this._applyCombination(Es,arguments)},triad:function(){return this._applyCombination(xr,[3])},tetrad:function(){return this._applyCombination(xr,[4])}};b.fromRatio=function(t,e){if(Ve(t)=="object"){var r={};for(var n in t)t.hasOwnProperty(n)&&(n==="a"?r[n]=t[n]:r[n]=Oe(t[n]));t=r}return b(t,e)};function us(t){var e={r:0,g:0,b:0},r=1,n=null,a=null,i=null,o=!1,l=!1;return typeof t=="string"&&(t=Ts(t)),Ve(t)=="object"&&(L(t.r)&&L(t.g)&&L(t.b)?(e=fs(t.r,t.g,t.b),o=!0,l=String(t.r).substr(-1)==="%"?"prgb":"rgb"):L(t.h)&&L(t.s)&&L(t.v)?(n=Oe(t.s),a=Oe(t.v),e=cs(t.h,n,a),o=!0,l="hsv"):L(t.h)&&L(t.s)&&L(t.l)&&(n=Oe(t.s),i=Oe(t.l),e=hs(t.h,n,i),o=!0,l="hsl"),t.hasOwnProperty("a")&&(r=t.a)),r=un(r),{ok:o,format:t.format||l,r:Math.min(255,Math.max(e.r,0)),g:Math.min(255,Math.max(e.g,0)),b:Math.min(255,Math.max(e.b,0)),a:r}}function fs(t,e,r){return{r:C(t,255)*255,g:C(e,255)*255,b:C(r,255)*255}}function dr(t,e,r){t=C(t,255),e=C(e,255),r=C(r,255);var n=Math.max(t,e,r),a=Math.min(t,e,r),i,o,l=(n+a)/2;if(n==a)i=o=0;else{var u=n-a;switch(o=l>.5?u/(2-n-a):u/(n+a),n){case t:i=(e-r)/u+(e<r?6:0);break;case e:i=(r-t)/u+2;break;case r:i=(t-e)/u+4;break}i/=6}return{h:i,s:o,l}}function hs(t,e,r){var n,a,i;t=C(t,360),e=C(e,100),r=C(r,100);function o(f,h,c){return c<0&&(c+=1),c>1&&(c-=1),c<1/6?f+(h-f)*6*c:c<1/2?h:c<2/3?f+(h-f)*(2/3-c)*6:f}if(e===0)n=a=i=r;else{var l=r<.5?r*(1+e):r+e-r*e,u=2*r-l;n=o(u,l,t+1/3),a=o(u,l,t),i=o(u,l,t-1/3)}return{r:n*255,g:a*255,b:i*255}}function gr(t,e,r){t=C(t,255),e=C(e,255),r=C(r,255);var n=Math.max(t,e,r),a=Math.min(t,e,r),i,o,l=n,u=n-a;if(o=n===0?0:u/n,n==a)i=0;else{switch(n){case t:i=(e-r)/u+(e<r?6:0);break;case e:i=(r-t)/u+2;break;case r:i=(t-e)/u+4;break}i/=6}return{h:i,s:o,v:l}}function cs(t,e,r){t=C(t,360)*6,e=C(e,100),r=C(r,100);var n=Math.floor(t),a=t-n,i=r*(1-e),o=r*(1-a*e),l=r*(1-(1-a)*e),u=n%6,f=[r,o,i,i,l,r][u],h=[l,r,r,o,i,i][u],c=[i,i,l,r,r,o][u];return{r:f*255,g:h*255,b:c*255}}function br(t,e,r,n){var a=[H(Math.round(t).toString(16)),H(Math.round(e).toString(16)),H(Math.round(r).toString(16))];return n&&a[0].charAt(0)==a[0].charAt(1)&&a[1].charAt(0)==a[1].charAt(1)&&a[2].charAt(0)==a[2].charAt(1)?a[0].charAt(0)+a[1].charAt(0)+a[2].charAt(0):a.join("")}function ps(t,e,r,n,a){var i=[H(Math.round(t).toString(16)),H(Math.round(e).toString(16)),H(Math.round(r).toString(16)),H(fn(n))];return a&&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[3].charAt(0)==i[3].charAt(1)?i[0].charAt(0)+i[1].charAt(0)+i[2].charAt(0)+i[3].charAt(0):i.join("")}function vr(t,e,r,n){var a=[H(fn(n)),H(Math.round(t).toString(16)),H(Math.round(e).toString(16)),H(Math.round(r).toString(16))];return a.join("")}b.equals=function(t,e){return!t||!e?!1:b(t).toRgbString()==b(e).toRgbString()};b.random=function(){return b.fromRatio({r:Math.random(),g:Math.random(),b:Math.random()})};function ds(t,e){e=e===0?0:e||10;var r=b(t).toHsl();return r.s-=e/100,r.s=tt(r.s),b(r)}function gs(t,e){e=e===0?0:e||10;var r=b(t).toHsl();return r.s+=e/100,r.s=tt(r.s),b(r)}function bs(t){return b(t).desaturate(100)}function vs(t,e){e=e===0?0:e||10;var r=b(t).toHsl();return r.l+=e/100,r.l=tt(r.l),b(r)}function xs(t,e){e=e===0?0:e||10;var r=b(t).toRgb();return r.r=Math.max(0,Math.min(255,r.r-Math.round(255*-(e/100)))),r.g=Math.max(0,Math.min(255,r.g-Math.round(255*-(e/100)))),r.b=Math.max(0,Math.min(255,r.b-Math.round(255*-(e/100)))),b(r)}function ms(t,e){e=e===0?0:e||10;var r=b(t).toHsl();return r.l-=e/100,r.l=tt(r.l),b(r)}function ys(t,e){var r=b(t).toHsl(),n=(r.h+e)%360;return r.h=n<0?360+n:n,b(r)}function ws(t){var e=b(t).toHsl();return e.h=(e.h+180)%360,b(e)}function xr(t,e){if(isNaN(e)||e<=0)throw new Error("Argument to polyad must be a positive number");for(var r=b(t).toHsl(),n=[b(t)],a=360/e,i=1;i<e;i++)n.push(b({h:(r.h+i*a)%360,s:r.s,l:r.l}));return n}function Es(t){var e=b(t).toHsl(),r=e.h;return[b(t),b({h:(r+72)%360,s:e.s,l:e.l}),b({h:(r+216)%360,s:e.s,l:e.l})]}function Ss(t,e,r){e=e||6,r=r||30;var n=b(t).toHsl(),a=360/r,i=[b(t)];for(n.h=(n.h-(a*e>>1)+720)%360;--e;)n.h=(n.h+a)%360,i.push(b(n));return i}function Cs(t,e){e=e||6;for(var r=b(t).toHsv(),n=r.h,a=r.s,i=r.v,o=[],l=1/e;e--;)o.push(b({h:n,s:a,v:i})),i=(i+l)%1;return o}b.mix=function(t,e,r){r=r===0?0:r||50;var n=b(t).toRgb(),a=b(e).toRgb(),i=r/100,o={r:(a.r-n.r)*i+n.r,g:(a.g-n.g)*i+n.g,b:(a.b-n.b)*i+n.b,a:(a.a-n.a)*i+n.a};return b(o)};b.readability=function(t,e){var r=b(t),n=b(e);return(Math.max(r.getLuminance(),n.getLuminance())+.05)/(Math.min(r.getLuminance(),n.getLuminance())+.05)};b.isReadable=function(t,e,r){var n=b.readability(t,e),a,i;switch(i=!1,a=Ps(r),a.level+a.size){case"AAsmall":case"AAAlarge":i=n>=4.5;break;case"AAlarge":i=n>=3;break;case"AAAsmall":i=n>=7;break}return i};b.mostReadable=function(t,e,r){var n=null,a=0,i,o,l,u;r=r||{},o=r.includeFallbackColors,l=r.level,u=r.size;for(var f=0;f<e.length;f++)i=b.readability(t,e[f]),i>a&&(a=i,n=b(e[f]));return b.isReadable(t,n,{level:l,size:u})||!o?n:(r.includeFallbackColors=!1,b.mostReadable(t,["#fff","#000"],r))};var pt=b.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:"90ee90",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"},_s=b.hexNames=Os(pt);function Os(t){var e={};for(var r in t)t.hasOwnProperty(r)&&(e[t[r]]=r);return e}function un(t){return t=parseFloat(t),(isNaN(t)||t<0||t>1)&&(t=1),t}function C(t,e){Rs(t)&&(t="100%");var r=As(t);return t=Math.min(e,Math.max(0,parseFloat(t))),r&&(t=parseInt(t*e,10)/100),Math.abs(t-e)<1e-6?1:t%e/parseFloat(e)}function tt(t){return Math.min(1,Math.max(0,t))}function M(t){return parseInt(t,16)}function Rs(t){return typeof t=="string"&&t.indexOf(".")!=-1&&parseFloat(t)===1}function As(t){return typeof t=="string"&&t.indexOf("%")!=-1}function H(t){return t.length==1?"0"+t:""+t}function Oe(t){return t<=1&&(t=t*100+"%"),t}function fn(t){return Math.round(parseFloat(t)*255).toString(16)}function mr(t){return M(t)/255}var B=function(){var t="[-\\+]?\\d+%?",e="[-\\+]?\\d*\\.\\d+%?",r="(?:"+e+")|(?:"+t+")",n="[\\s|\\(]+("+r+")[,|\\s]+("+r+")[,|\\s]+("+r+")\\s*\\)?",a="[\\s|\\(]+("+r+")[,|\\s]+("+r+")[,|\\s]+("+r+")[,|\\s]+("+r+")\\s*\\)?";return{CSS_UNIT:new RegExp(r),rgb:new RegExp("rgb"+n),rgba:new RegExp("rgba"+a),hsl:new RegExp("hsl"+n),hsla:new RegExp("hsla"+a),hsv:new RegExp("hsv"+n),hsva:new RegExp("hsva"+a),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 L(t){return!!B.CSS_UNIT.exec(t)}function Ts(t){t=t.replace(ls,"").replace(ss,"").toLowerCase();var e=!1;if(pt[t])t=pt[t],e=!0;else if(t=="transparent")return{r:0,g:0,b:0,a:0,format:"name"};var r;return(r=B.rgb.exec(t))?{r:r[1],g:r[2],b:r[3]}:(r=B.rgba.exec(t))?{r:r[1],g:r[2],b:r[3],a:r[4]}:(r=B.hsl.exec(t))?{h:r[1],s:r[2],l:r[3]}:(r=B.hsla.exec(t))?{h:r[1],s:r[2],l:r[3],a:r[4]}:(r=B.hsv.exec(t))?{h:r[1],s:r[2],v:r[3]}:(r=B.hsva.exec(t))?{h:r[1],s:r[2],v:r[3],a:r[4]}:(r=B.hex8.exec(t))?{r:M(r[1]),g:M(r[2]),b:M(r[3]),a:mr(r[4]),format:e?"name":"hex8"}:(r=B.hex6.exec(t))?{r:M(r[1]),g:M(r[2]),b:M(r[3]),format:e?"name":"hex"}:(r=B.hex4.exec(t))?{r:M(r[1]+""+r[1]),g:M(r[2]+""+r[2]),b:M(r[3]+""+r[3]),a:mr(r[4]+""+r[4]),format:e?"name":"hex8"}:(r=B.hex3.exec(t))?{r:M(r[1]+""+r[1]),g:M(r[2]+""+r[2]),b:M(r[3]+""+r[3]),format:e?"name":"hex"}:!1}function Ps(t){var e,r;return t=t||{level:"AA",size:"small"},e=(t.level||"AA").toUpperCase(),r=(t.size||"small").toLowerCase(),e!=="AA"&&e!=="AAA"&&(e="AA"),r!=="small"&&r!=="large"&&(r="small"),{level:e,size:r}}var yr=function(e){var r=["r","g","b","a","h","s","l","v"],n=0,a=0;return os(r,function(i){if(e[i]&&(n+=1,isNaN(e[i])||(a+=1),i==="s"||i==="l")){var o=/^\d+%$/;o.test(e[i])&&(a+=1)}}),n===a?e:!1},Re=function(e,r){var n=e.hex?b(e.hex):b(e),a=n.toHsl(),i=n.toHsv(),o=n.toRgb(),l=n.toHex();a.s===0&&(a.h=r||0,i.h=r||0);var u=l==="000000"&&o.a===0;return{hsl:a,hex:u?"transparent":"#"+l,rgb:o,hsv:i,oldHue:e.h||r||a.h,source:e.source}},X=function(e){if(e==="transparent")return!0;var r=String(e).charAt(0)==="#"?1:0;return e.length!==4+r&&e.length<7+r&&b(e).isValid()},Tt=function(e){if(!e)return"#fff";var r=Re(e);if(r.hex==="transparent")return"rgba(0,0,0,0.4)";var n=(r.rgb.r*299+r.rgb.g*587+r.rgb.b*114)/1e3;return n>=128?"#000":"#fff"},ut=function(e,r){var n=e.replace("°","");return b(r+" ("+n+")")._ok},Ce=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},Ms=function(){function t(e,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}();function $s(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ks(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t}function Fs(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var A=function(e){var r=function(n){Fs(a,n);function a(i){$s(this,a);var o=ks(this,(a.__proto__||Object.getPrototypeOf(a)).call(this));return o.handleChange=function(l,u){var f=yr(l);if(f){var h=Re(l,l.h||o.state.oldHue);o.setState(h),o.props.onChangeComplete&&o.debounce(o.props.onChangeComplete,h,u),o.props.onChange&&o.props.onChange(h,u)}},o.handleSwatchHover=function(l,u){var f=yr(l);if(f){var h=Re(l,l.h||o.state.oldHue);o.props.onSwatchHover&&o.props.onSwatchHover(h,u)}},o.state=Ce({},Re(i.color,0)),o.debounce=ln(function(l,u,f){l(u,f)},100),o}return Ms(a,[{key:"render",value:function(){var o={};return this.props.onSwatchHover&&(o.onSwatchHover=this.handleSwatchHover),s.createElement(e,Ce({},this.props,this.state,{onChange:this.handleChange},o))}}],[{key:"getDerivedStateFromProps",value:function(o,l){return Ce({},Re(o.color,l.oldHue))}}]),a}(O.PureComponent||O.Component);return r.propTypes=Ce({},e.propTypes),r.defaultProps=Ce({},e.defaultProps,{color:{h:250,s:.5,l:.2,a:1}}),r},Bs=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},Hs=function(){function t(e,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}();function Ns(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function wr(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t}function Ds(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var Ls=function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return function(n){Ds(a,n);function a(){var i,o,l,u;Ns(this,a);for(var f=arguments.length,h=Array(f),c=0;c<f;c++)h[c]=arguments[c];return u=(o=(l=wr(this,(i=a.__proto__||Object.getPrototypeOf(a)).call.apply(i,[this].concat(h))),l),l.state={focus:!1},l.handleFocus=function(){return l.setState({focus:!0})},l.handleBlur=function(){return l.setState({focus:!1})},o),wr(l,u)}return Hs(a,[{key:"render",value:function(){return s.createElement(r,{onFocus:this.handleFocus,onBlur:this.handleBlur},s.createElement(e,Bs({},this.props,this.state)))}}]),a}(s.Component)},Er=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},js=13,Is=function(e){var r=e.color,n=e.style,a=e.onClick,i=a===void 0?function(){}:a,o=e.onHover,l=e.title,u=l===void 0?r:l,f=e.children,h=e.focus,c=e.focusStyle,p=c===void 0?{}:c,d=r==="transparent",v=y({default:{swatch:Er({background:r,height:"100%",width:"100%",cursor:"pointer",position:"relative",outline:"none"},n,h?p:{})}}),x=function(P){return i(r,P)},m=function(P){return P.keyCode===js&&i(r,P)},E=function(P){return o(r,P)},T={};return o&&(T.onMouseOver=E),s.createElement("div",Er({style:v.swatch,onClick:x,title:u,tabIndex:0,onKeyDown:m},T),f,d&&s.createElement(me,{borderRadius:v.swatch.borderRadius,boxShadow:"inset 0 0 0 1px rgba(0,0,0,0.1)"}))};const Q=Ls(Is);var Gs=function(e){var r=e.direction,n=y({default:{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}},vertical:{picker:{transform:"translate(-3px, -9px)"}}},{vertical:r==="vertical"});return s.createElement("div",{style:n.picker})},zs=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},hn=function(e){var r=e.rgb,n=e.hsl,a=e.width,i=e.height,o=e.onChange,l=e.direction,u=e.style,f=e.renderers,h=e.pointer,c=e.className,p=c===void 0?"":c,d=y({default:{picker:{position:"relative",width:a,height:i},alpha:{radius:"2px",style:u}}});return s.createElement("div",{style:d.picker,className:"alpha-picker "+p},s.createElement(wt,zs({},d.alpha,{rgb:r,hsl:n,pointer:h,renderers:f,onChange:o,direction:l})))};hn.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:Gs};A(hn);function cn(t,e){for(var r=-1,n=t==null?0:t.length,a=Array(n);++r<n;)a[r]=e(t[r],r,t);return a}var Us="__lodash_hash_undefined__";function Ws(t){return this.__data__.set(t,Us),this}function Xs(t){return this.__data__.has(t)}function Ke(t){var e=-1,r=t==null?0:t.length;for(this.__data__=new I;++e<r;)this.add(t[e])}Ke.prototype.add=Ke.prototype.push=Ws;Ke.prototype.has=Xs;function Vs(t,e){for(var r=-1,n=t==null?0:t.length;++r<n;)if(e(t[r],r,t))return!0;return!1}function Ks(t,e){return t.has(e)}var qs=1,Ys=2;function pn(t,e,r,n,a,i){var o=r&qs,l=t.length,u=e.length;if(l!=u&&!(o&&u>l))return!1;var f=i.get(t),h=i.get(e);if(f&&h)return f==e&&h==t;var c=-1,p=!0,d=r&Ys?new Ke:void 0;for(i.set(t,e),i.set(e,t);++c<l;){var v=t[c],x=e[c];if(n)var m=o?n(x,v,c,e,t,i):n(v,x,c,t,e,i);if(m!==void 0){if(m)continue;p=!1;break}if(d){if(!Vs(e,function(E,T){if(!Ks(d,T)&&(v===E||a(v,E,r,n,i)))return d.push(T)})){p=!1;break}}else if(!(v===x||a(v,x,r,n,i))){p=!1;break}}return i.delete(t),i.delete(e),p}function Zs(t){var e=-1,r=Array(t.size);return t.forEach(function(n,a){r[++e]=[a,n]}),r}function Js(t){var e=-1,r=Array(t.size);return t.forEach(function(n){r[++e]=n}),r}var Qs=1,eu=2,tu="[object Boolean]",ru="[object Date]",nu="[object Error]",au="[object Map]",iu="[object Number]",ou="[object RegExp]",lu="[object Set]",su="[object String]",uu="[object Symbol]",fu="[object ArrayBuffer]",hu="[object DataView]",Sr=U?U.prototype:void 0,ft=Sr?Sr.valueOf:void 0;function cu(t,e,r,n,a,i,o){switch(r){case hu:if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case fu:return!(t.byteLength!=e.byteLength||!i(new Ue(t),new Ue(e)));case tu:case ru:case iu:return Ne(+t,+e);case nu:return t.name==e.name&&t.message==e.message;case ou:case su:return t==e+"";case au:var l=Zs;case lu:var u=n&Qs;if(l||(l=Js),t.size!=e.size&&!u)return!1;var f=o.get(t);if(f)return f==e;n|=eu,o.set(t,e);var h=pn(l(t),l(e),n,a,i,o);return o.delete(t),h;case uu:if(ft)return ft.call(t)==ft.call(e)}return!1}function pu(t,e){for(var r=-1,n=e.length,a=t.length;++r<n;)t[a+r]=e[r];return t}function du(t,e,r){var n=e(t);return $(t)?n:pu(n,r(t))}function gu(t,e){for(var r=-1,n=t==null?0:t.length,a=0,i=[];++r<n;){var o=t[r];e(o,r,t)&&(i[a++]=o)}return i}function bu(){return[]}var vu=Object.prototype,xu=vu.propertyIsEnumerable,Cr=Object.getOwnPropertySymbols,mu=Cr?function(t){return t==null?[]:(t=Object(t),gu(Cr(t),function(e){return xu.call(t,e)}))}:bu;const yu=mu;function _r(t){return du(t,At,yu)}var wu=1,Eu=Object.prototype,Su=Eu.hasOwnProperty;function Cu(t,e,r,n,a,i){var o=r&wu,l=_r(t),u=l.length,f=_r(e),h=f.length;if(u!=h&&!o)return!1;for(var c=u;c--;){var p=l[c];if(!(o?p in e:Su.call(e,p)))return!1}var d=i.get(t),v=i.get(e);if(d&&v)return d==e&&v==t;var x=!0;i.set(t,e),i.set(e,t);for(var m=o;++c<u;){p=l[c];var E=t[p],T=e[p];if(n)var V=o?n(T,E,p,e,t,i):n(E,T,p,t,e,i);if(!(V===void 0?E===T||a(E,T,r,n,i):V)){x=!1;break}m||(m=p=="constructor")}if(x&&!m){var P=t.constructor,G=e.constructor;P!=G&&"constructor"in t&&"constructor"in e&&!(typeof P=="function"&&P instanceof P&&typeof G=="function"&&G instanceof G)&&(x=!1)}return i.delete(t),i.delete(e),x}var dt=J(N,"DataView"),gt=J(N,"Promise"),bt=J(N,"Set"),vt=J(N,"WeakMap"),Or="[object Map]",_u="[object Object]",Rr="[object Promise]",Ar="[object Set]",Tr="[object WeakMap]",Pr="[object DataView]",Ou=Z(dt),Ru=Z(Pe),Au=Z(gt),Tu=Z(bt),Pu=Z(vt),K=Y;(dt&&K(new dt(new ArrayBuffer(1)))!=Pr||Pe&&K(new Pe)!=Or||gt&&K(gt.resolve())!=Rr||bt&&K(new bt)!=Ar||vt&&K(new vt)!=Tr)&&(K=function(t){var e=Y(t),r=e==_u?t.constructor:void 0,n=r?Z(r):"";if(n)switch(n){case Ou:return Pr;case Ru:return Or;case Au:return Rr;case Tu:return Ar;case Pu:return Tr}return e});const Mr=K;var Mu=1,$r="[object Arguments]",kr="[object Array]",je="[object Object]",$u=Object.prototype,Fr=$u.hasOwnProperty;function ku(t,e,r,n,a,i){var o=$(t),l=$(e),u=o?kr:Mr(t),f=l?kr:Mr(e);u=u==$r?je:u,f=f==$r?je:f;var h=u==je,c=f==je,p=u==f;if(p&&Xe(t)){if(!Xe(e))return!1;o=!0,h=!1}if(p&&!h)return i||(i=new D),o||Ot(t)?pn(t,e,r,n,a,i):cu(t,e,u,r,n,a,i);if(!(r&Mu)){var d=h&&Fr.call(t,"__wrapped__"),v=c&&Fr.call(e,"__wrapped__");if(d||v){var x=d?t.value():t,m=v?e.value():e;return i||(i=new D),a(x,m,r,n,i)}}return p?(i||(i=new D),Cu(t,e,r,n,a,i)):!1}function Pt(t,e,r,n,a){return t===e?!0:t==null||e==null||!W(t)&&!W(e)?t!==t&&e!==e:ku(t,e,r,n,Pt,a)}var Fu=1,Bu=2;function Hu(t,e,r,n){var a=r.length,i=a,o=!n;if(t==null)return!i;for(t=Object(t);a--;){var l=r[a];if(o&&l[2]?l[1]!==t[l[0]]:!(l[0]in t))return!1}for(;++a<i;){l=r[a];var u=l[0],f=t[u],h=l[1];if(o&&l[2]){if(f===void 0&&!(u in t))return!1}else{var c=new D;if(n)var p=n(f,h,u,t,e,c);if(!(p===void 0?Pt(h,f,Fu|Bu,n,c):p))return!1}}return!0}function dn(t){return t===t&&!F(t)}function Nu(t){for(var e=At(t),r=e.length;r--;){var n=e[r],a=t[n];e[r]=[n,a,dn(a)]}return e}function gn(t,e){return function(r){return r==null?!1:r[t]===e&&(e!==void 0||t in Object(r))}}function Du(t){var e=Nu(t);return e.length==1&&e[0][2]?gn(e[0][0],e[0][1]):function(r){return r===t||Hu(r,t,e)}}var Lu=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,ju=/^\w*$/;function Mt(t,e){if($(t))return!1;var r=typeof t;return r=="number"||r=="symbol"||r=="boolean"||t==null||Qe(t)?!0:ju.test(t)||!Lu.test(t)||e!=null&&t in Object(e)}var Iu="Expected a function";function $t(t,e){if(typeof t!="function"||e!=null&&typeof e!="function")throw new TypeError(Iu);var r=function(){var n=arguments,a=e?e.apply(this,n):n[0],i=r.cache;if(i.has(a))return i.get(a);var o=t.apply(this,n);return r.cache=i.set(a,o)||i,o};return r.cache=new($t.Cache||I),r}$t.Cache=I;var Gu=500;function zu(t){var e=$t(t,function(n){return r.size===Gu&&r.clear(),n}),r=e.cache;return e}var Uu=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Wu=/\\(\\)?/g,Xu=zu(function(t){var e=[];return t.charCodeAt(0)===46&&e.push(""),t.replace(Uu,function(r,n,a,i){e.push(a?i.replace(Wu,"$1"):n||r)}),e}),Vu=1/0,Br=U?U.prototype:void 0,Hr=Br?Br.toString:void 0;function bn(t){if(typeof t=="string")return t;if($(t))return cn(t,bn)+"";if(Qe(t))return Hr?Hr.call(t):"";var e=t+"";return e=="0"&&1/t==-Vu?"-0":e}function Ku(t){return t==null?"":bn(t)}function vn(t,e){return $(t)?t:Mt(t,e)?[t]:Xu(Ku(t))}var qu=1/0;function rt(t){if(typeof t=="string"||Qe(t))return t;var e=t+"";return e=="0"&&1/t==-qu?"-0":e}function xn(t,e){e=vn(e,t);for(var r=0,n=e.length;t!=null&&r<n;)t=t[rt(e[r++])];return r&&r==n?t:void 0}function Yu(t,e,r){var n=t==null?void 0:xn(t,e);return n===void 0?r:n}function Zu(t,e){return t!=null&&e in Object(t)}function Ju(t,e,r){e=vn(e,t);for(var n=-1,a=e.length,i=!1;++n<a;){var o=rt(e[n]);if(!(i=t!=null&&r(t,o)))break;t=t[o]}return i||++n!=a?i:(a=t==null?0:t.length,!!a&&_t(a)&&Rt(o,a)&&($(t)||We(t)))}function Qu(t,e){return t!=null&&Ju(t,e,Zu)}var ef=1,tf=2;function rf(t,e){return Mt(t)&&dn(e)?gn(rt(t),e):function(r){var n=Yu(r,t);return n===void 0&&n===e?Qu(r,t):Pt(e,n,ef|tf)}}function nf(t){return function(e){return e==null?void 0:e[t]}}function af(t){return function(e){return xn(e,t)}}function of(t){return Mt(t)?nf(rt(t)):af(t)}function lf(t){return typeof t=="function"?t:t==null?Je:typeof t=="object"?$(t)?rf(t[0],t[1]):Du(t):of(t)}function sf(t,e){var r=-1,n=we(t)?Array(t.length):[];return sn(t,function(a,i,o){n[++r]=e(a,i,o)}),n}function ee(t,e){var r=$(t)?cn:sf;return r(t,lf(e))}var uf=function(e){var r=e.colors,n=e.onClick,a=e.onSwatchHover,i=y({default:{swatches:{marginRight:"-10px"},swatch:{width:"22px",height:"22px",float:"left",marginRight:"10px",marginBottom:"10px",borderRadius:"4px"},clear:{clear:"both"}}});return s.createElement("div",{style:i.swatches},ee(r,function(o){return s.createElement(Q,{key:o,color:o,style:i.swatch,onClick:n,onHover:a,focusStyle:{boxShadow:"0 0 4px "+o}})}),s.createElement("div",{style:i.clear}))},kt=function(e){var r=e.onChange,n=e.onSwatchHover,a=e.hex,i=e.colors,o=e.width,l=e.triangle,u=e.styles,f=u===void 0?{}:u,h=e.className,c=h===void 0?"":h,p=a==="transparent",d=function(m,E){X(m)&&r({hex:m,source:"hex"},E)},v=y(R({default:{card:{width:o,background:"#fff",boxShadow:"0 1px rgba(0,0,0,.1)",borderRadius:"6px",position:"relative"},head:{height:"110px",background:a,borderRadius:"6px 6px 0 0",display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},body:{padding:"10px"},label:{fontSize:"18px",color:Tt(a),position:"relative"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 10px 10px 10px",borderColor:"transparent transparent "+a+" transparent",position:"absolute",top:"-10px",left:"50%",marginLeft:"-10px"},input:{width:"100%",fontSize:"12px",color:"#666",border:"0px",outline:"none",height:"22px",boxShadow:"inset 0 0 0 1px #ddd",borderRadius:"4px",padding:"0 7px",boxSizing:"border-box"}},"hide-triangle":{triangle:{display:"none"}}},f),{"hide-triangle":l==="hide"});return s.createElement("div",{style:v.card,className:"block-picker "+c},s.createElement("div",{style:v.triangle}),s.createElement("div",{style:v.head},p&&s.createElement(me,{borderRadius:"6px 6px 0 0"}),s.createElement("div",{style:v.label},a)),s.createElement("div",{style:v.body},s.createElement(uf,{colors:i,onClick:d,onSwatchHover:n}),s.createElement(w,{style:{input:v.input},value:a,onChange:d})))};kt.propTypes={width:g.oneOfType([g.string,g.number]),colors:g.arrayOf(g.string),triangle:g.oneOf(["top","hide"]),styles:g.object};kt.defaultProps={width:170,colors:["#D9E3F0","#F47373","#697689","#37D67A","#2CCCE4","#555555","#dce775","#ff8a65","#ba68c8"],triangle:"top",styles:{}};A(kt);var te={50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",a100:"#ff8a80",a200:"#ff5252",a400:"#ff1744",a700:"#d50000"},re={50:"#fce4ec",100:"#f8bbd0",200:"#f48fb1",300:"#f06292",400:"#ec407a",500:"#e91e63",600:"#d81b60",700:"#c2185b",800:"#ad1457",900:"#880e4f",a100:"#ff80ab",a200:"#ff4081",a400:"#f50057",a700:"#c51162"},ne={50:"#f3e5f5",100:"#e1bee7",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",600:"#8e24aa",700:"#7b1fa2",800:"#6a1b9a",900:"#4a148c",a100:"#ea80fc",a200:"#e040fb",a400:"#d500f9",a700:"#aa00ff"},ae={50:"#ede7f6",100:"#d1c4e9",200:"#b39ddb",300:"#9575cd",400:"#7e57c2",500:"#673ab7",600:"#5e35b1",700:"#512da8",800:"#4527a0",900:"#311b92",a100:"#b388ff",a200:"#7c4dff",a400:"#651fff",a700:"#6200ea"},ie={50:"#e8eaf6",100:"#c5cae9",200:"#9fa8da",300:"#7986cb",400:"#5c6bc0",500:"#3f51b5",600:"#3949ab",700:"#303f9f",800:"#283593",900:"#1a237e",a100:"#8c9eff",a200:"#536dfe",a400:"#3d5afe",a700:"#304ffe"},oe={50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",a100:"#82b1ff",a200:"#448aff",a400:"#2979ff",a700:"#2962ff"},le={50:"#e1f5fe",100:"#b3e5fc",200:"#81d4fa",300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",600:"#039be5",700:"#0288d1",800:"#0277bd",900:"#01579b",a100:"#80d8ff",a200:"#40c4ff",a400:"#00b0ff",a700:"#0091ea"},se={50:"#e0f7fa",100:"#b2ebf2",200:"#80deea",300:"#4dd0e1",400:"#26c6da",500:"#00bcd4",600:"#00acc1",700:"#0097a7",800:"#00838f",900:"#006064",a100:"#84ffff",a200:"#18ffff",a400:"#00e5ff",a700:"#00b8d4"},ue={50:"#e0f2f1",100:"#b2dfdb",200:"#80cbc4",300:"#4db6ac",400:"#26a69a",500:"#009688",600:"#00897b",700:"#00796b",800:"#00695c",900:"#004d40",a100:"#a7ffeb",a200:"#64ffda",a400:"#1de9b6",a700:"#00bfa5"},Ae={50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",a100:"#b9f6ca",a200:"#69f0ae",a400:"#00e676",a700:"#00c853"},fe={50:"#f1f8e9",100:"#dcedc8",200:"#c5e1a5",300:"#aed581",400:"#9ccc65",500:"#8bc34a",600:"#7cb342",700:"#689f38",800:"#558b2f",900:"#33691e",a100:"#ccff90",a200:"#b2ff59",a400:"#76ff03",a700:"#64dd17"},he={50:"#f9fbe7",100:"#f0f4c3",200:"#e6ee9c",300:"#dce775",400:"#d4e157",500:"#cddc39",600:"#c0ca33",700:"#afb42b",800:"#9e9d24",900:"#827717",a100:"#f4ff81",a200:"#eeff41",a400:"#c6ff00",a700:"#aeea00"},ce={50:"#fffde7",100:"#fff9c4",200:"#fff59d",300:"#fff176",400:"#ffee58",500:"#ffeb3b",600:"#fdd835",700:"#fbc02d",800:"#f9a825",900:"#f57f17",a100:"#ffff8d",a200:"#ffff00",a400:"#ffea00",a700:"#ffd600"},pe={50:"#fff8e1",100:"#ffecb3",200:"#ffe082",300:"#ffd54f",400:"#ffca28",500:"#ffc107",600:"#ffb300",700:"#ffa000",800:"#ff8f00",900:"#ff6f00",a100:"#ffe57f",a200:"#ffd740",a400:"#ffc400",a700:"#ffab00"},de={50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",a100:"#ffd180",a200:"#ffab40",a400:"#ff9100",a700:"#ff6d00"},ge={50:"#fbe9e7",100:"#ffccbc",200:"#ffab91",300:"#ff8a65",400:"#ff7043",500:"#ff5722",600:"#f4511e",700:"#e64a19",800:"#d84315",900:"#bf360c",a100:"#ff9e80",a200:"#ff6e40",a400:"#ff3d00",a700:"#dd2c00"},be={50:"#efebe9",100:"#d7ccc8",200:"#bcaaa4",300:"#a1887f",400:"#8d6e63",500:"#795548",600:"#6d4c41",700:"#5d4037",800:"#4e342e",900:"#3e2723"},ve={50:"#eceff1",100:"#cfd8dc",200:"#b0bec5",300:"#90a4ae",400:"#78909c",500:"#607d8b",600:"#546e7a",700:"#455a64",800:"#37474f",900:"#263238"},mn=function(e){var r=e.color,n=e.onClick,a=e.onSwatchHover,i=e.hover,o=e.active,l=e.circleSize,u=e.circleSpacing,f=y({default:{swatch:{width:l,height:l,marginRight:u,marginBottom:u,transform:"scale(1)",transition:"100ms transform ease"},Swatch:{borderRadius:"50%",background:"transparent",boxShadow:"inset 0 0 0 "+(l/2+1)+"px "+r,transition:"100ms box-shadow ease"}},hover:{swatch:{transform:"scale(1.2)"}},active:{Swatch:{boxShadow:"inset 0 0 0 3px "+r}}},{hover:i,active:o});return s.createElement("div",{style:f.swatch},s.createElement(Q,{style:f.Swatch,color:r,onClick:n,onHover:a,focusStyle:{boxShadow:f.Swatch.boxShadow+", 0 0 5px "+r}}))};mn.defaultProps={circleSize:28,circleSpacing:14};const ff=yt(mn);var Ft=function(e){var r=e.width,n=e.onChange,a=e.onSwatchHover,i=e.colors,o=e.hex,l=e.circleSize,u=e.styles,f=u===void 0?{}:u,h=e.circleSpacing,c=e.className,p=c===void 0?"":c,d=y(R({default:{card:{width:r,display:"flex",flexWrap:"wrap",marginRight:-h,marginBottom:-h}}},f)),v=function(m,E){return n({hex:m,source:"hex"},E)};return s.createElement("div",{style:d.card,className:"circle-picker "+p},ee(i,function(x){return s.createElement(ff,{key:x,color:x,onClick:v,onSwatchHover:a,active:o===x.toLowerCase(),circleSize:l,circleSpacing:h})}))};Ft.propTypes={width:g.oneOfType([g.string,g.number]),circleSize:g.number,circleSpacing:g.number,styles:g.object};Ft.defaultProps={width:252,circleSize:28,circleSpacing:14,colors:[te[500],re[500],ne[500],ae[500],ie[500],oe[500],le[500],se[500],ue[500],Ae[500],fe[500],he[500],ce[500],pe[500],de[500],ge[500],be[500],ve[500]],styles:{}};A(Ft);function Nr(t){return t===void 0}var yn={};Object.defineProperty(yn,"__esModule",{value:!0});var Dr=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},hf=O,Lr=cf(hf);function cf(t){return t&&t.__esModule?t:{default:t}}function pf(t,e){var r={};for(var n in t)e.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n]);return r}var Ie=24,df=yn.default=function(t){var e=t.fill,r=e===void 0?"currentColor":e,n=t.width,a=n===void 0?Ie:n,i=t.height,o=i===void 0?Ie:i,l=t.style,u=l===void 0?{}:l,f=pf(t,["fill","width","height","style"]);return Lr.default.createElement("svg",Dr({viewBox:"0 0 "+Ie+" "+Ie,style:Dr({fill:r,width:a,height:o},u)},f),Lr.default.createElement("path",{d:"M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z"}))},gf=function(){function t(e,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}();function bf(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function vf(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t}function xf(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var wn=function(t){xf(e,t);function e(r){bf(this,e);var n=vf(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return n.toggleViews=function(){n.state.view==="hex"?n.setState({view:"rgb"}):n.state.view==="rgb"?n.setState({view:"hsl"}):n.state.view==="hsl"&&(n.props.hsl.a===1?n.setState({view:"hex"}):n.setState({view:"rgb"}))},n.handleChange=function(a,i){a.hex?X(a.hex)&&n.props.onChange({hex:a.hex,source:"hex"},i):a.r||a.g||a.b?n.props.onChange({r:a.r||n.props.rgb.r,g:a.g||n.props.rgb.g,b:a.b||n.props.rgb.b,source:"rgb"},i):a.a?(a.a<0?a.a=0:a.a>1&&(a.a=1),n.props.onChange({h:n.props.hsl.h,s:n.props.hsl.s,l:n.props.hsl.l,a:Math.round(a.a*100)/100,source:"rgb"},i)):(a.h||a.s||a.l)&&(typeof a.s=="string"&&a.s.includes("%")&&(a.s=a.s.replace("%","")),typeof a.l=="string"&&a.l.includes("%")&&(a.l=a.l.replace("%","")),a.s==1?a.s=.01:a.l==1&&(a.l=.01),n.props.onChange({h:a.h||n.props.hsl.h,s:Number(Nr(a.s)?n.props.hsl.s:a.s),l:Number(Nr(a.l)?n.props.hsl.l:a.l),source:"hsl"},i))},n.showHighlight=function(a){a.currentTarget.style.background="#eee"},n.hideHighlight=function(a){a.currentTarget.style.background="transparent"},r.hsl.a!==1&&r.view==="hex"?n.state={view:"rgb"}:n.state={view:r.view},n}return gf(e,[{key:"render",value:function(){var n=this,a=y({default:{wrap:{paddingTop:"16px",display:"flex"},fields:{flex:"1",display:"flex",marginLeft:"-6px"},field:{paddingLeft:"6px",width:"100%"},alpha:{paddingLeft:"6px",width:"100%"},toggle:{width:"32px",textAlign:"right",position:"relative"},icon:{marginRight:"-4px",marginTop:"12px",cursor:"pointer",position:"relative"},iconHighlight:{position:"absolute",width:"24px",height:"28px",background:"#eee",borderRadius:"4px",top:"10px",left:"12px",display:"none"},input:{fontSize:"11px",color:"#333",width:"100%",borderRadius:"2px",border:"none",boxShadow:"inset 0 0 0 1px #dadada",height:"21px",textAlign:"center"},label:{textTransform:"uppercase",fontSize:"11px",lineHeight:"11px",color:"#969696",textAlign:"center",display:"block",marginTop:"12px"},svg:{fill:"#333",width:"24px",height:"24px",border:"1px transparent solid",borderRadius:"5px"}},disableAlpha:{alpha:{display:"none"}}},this.props,this.state),i=void 0;return this.state.view==="hex"?i=s.createElement("div",{style:a.fields,className:"flexbox-fix"},s.createElement("div",{style:a.field},s.createElement(w,{style:{input:a.input,label:a.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):this.state.view==="rgb"?i=s.createElement("div",{style:a.fields,className:"flexbox-fix"},s.createElement("div",{style:a.field},s.createElement(w,{style:{input:a.input,label:a.label},label:"r",value:this.props.rgb.r,onChange:this.handleChange})),s.createElement("div",{style:a.field},s.createElement(w,{style:{input:a.input,label:a.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),s.createElement("div",{style:a.field},s.createElement(w,{style:{input:a.input,label:a.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),s.createElement("div",{style:a.alpha},s.createElement(w,{style:{input:a.input,label:a.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):this.state.view==="hsl"&&(i=s.createElement("div",{style:a.fields,className:"flexbox-fix"},s.createElement("div",{style:a.field},s.createElement(w,{style:{input:a.input,label:a.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),s.createElement("div",{style:a.field},s.createElement(w,{style:{input:a.input,label:a.label},label:"s",value:Math.round(this.props.hsl.s*100)+"%",onChange:this.handleChange})),s.createElement("div",{style:a.field},s.createElement(w,{style:{input:a.input,label:a.label},label:"l",value:Math.round(this.props.hsl.l*100)+"%",onChange:this.handleChange})),s.createElement("div",{style:a.alpha},s.createElement(w,{style:{input:a.input,label:a.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),s.createElement("div",{style:a.wrap,className:"flexbox-fix"},i,s.createElement("div",{style:a.toggle},s.createElement("div",{style:a.icon,onClick:this.toggleViews,ref:function(l){return n.icon=l}},s.createElement(df,{style:a.svg,onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight}))))}}],[{key:"getDerivedStateFromProps",value:function(n,a){return n.hsl.a!==1&&a.view==="hex"?{view:"rgb"}:null}}]),e}(s.Component);wn.defaultProps={view:"hex"};var jr=function(){var e=y({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",transform:"translate(-6px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return s.createElement("div",{style:e.picker})},mf=function(){var e=y({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}}});return s.createElement("div",{style:e.picker})},Bt=function(e){var r=e.width,n=e.onChange,a=e.disableAlpha,i=e.rgb,o=e.hsl,l=e.hsv,u=e.hex,f=e.renderers,h=e.styles,c=h===void 0?{}:h,p=e.className,d=p===void 0?"":p,v=e.defaultView,x=y(R({default:{picker:{width:r,background:"#fff",borderRadius:"2px",boxShadow:"0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3)",boxSizing:"initial",fontFamily:"Menlo"},saturation:{width:"100%",paddingBottom:"55%",position:"relative",borderRadius:"2px 2px 0 0",overflow:"hidden"},Saturation:{radius:"2px 2px 0 0"},body:{padding:"16px 16px 12px"},controls:{display:"flex"},color:{width:"32px"},swatch:{marginTop:"6px",width:"16px",height:"16px",borderRadius:"8px",position:"relative",overflow:"hidden"},active:{absolute:"0px 0px 0px 0px",borderRadius:"8px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.1)",background:"rgba("+i.r+", "+i.g+", "+i.b+", "+i.a+")",zIndex:"2"},toggles:{flex:"1"},hue:{height:"10px",position:"relative",marginBottom:"8px"},Hue:{radius:"2px"},alpha:{height:"10px",position:"relative"},Alpha:{radius:"2px"}},disableAlpha:{color:{width:"22px"},alpha:{display:"none"},hue:{marginBottom:"0px"},swatch:{width:"10px",height:"10px",marginTop:"0px"}}},c),{disableAlpha:a});return s.createElement("div",{style:x.picker,className:"chrome-picker "+d},s.createElement("div",{style:x.saturation},s.createElement(et,{style:x.Saturation,hsl:o,hsv:l,pointer:mf,onChange:n})),s.createElement("div",{style:x.body},s.createElement("div",{style:x.controls,className:"flexbox-fix"},s.createElement("div",{style:x.color},s.createElement("div",{style:x.swatch},s.createElement("div",{style:x.active}),s.createElement(me,{renderers:f}))),s.createElement("div",{style:x.toggles},s.createElement("div",{style:x.hue},s.createElement(ye,{style:x.Hue,hsl:o,pointer:jr,onChange:n})),s.createElement("div",{style:x.alpha},s.createElement(wt,{style:x.Alpha,rgb:i,hsl:o,pointer:jr,renderers:f,onChange:n})))),s.createElement(wn,{rgb:i,hsl:o,hex:u,view:v,onChange:n,disableAlpha:a})))};Bt.propTypes={width:g.oneOfType([g.string,g.number]),disableAlpha:g.bool,styles:g.object,defaultView:g.oneOf(["hex","rgb","hsl"])};Bt.defaultProps={width:225,disableAlpha:!1,styles:{}};const Kf=A(Bt);var yf=function(e){var r=e.color,n=e.onClick,a=n===void 0?function(){}:n,i=e.onSwatchHover,o=e.active,l=y({default:{color:{background:r,width:"15px",height:"15px",float:"left",marginRight:"5px",marginBottom:"5px",position:"relative",cursor:"pointer"},dot:{absolute:"5px 5px 5px 5px",background:Tt(r),borderRadius:"50%",opacity:"0"}},active:{dot:{opacity:"1"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #ddd"},dot:{background:"#000"}},transparent:{dot:{background:"#000"}}},{active:o,"color-#FFFFFF":r==="#FFFFFF",transparent:r==="transparent"});return s.createElement(Q,{style:l.color,color:r,onClick:a,onHover:i,focusStyle:{boxShadow:"0 0 4px "+r}},s.createElement("div",{style:l.dot}))},wf=function(e){var r=e.hex,n=e.rgb,a=e.onChange,i=y({default:{fields:{display:"flex",paddingBottom:"6px",paddingRight:"5px",position:"relative"},active:{position:"absolute",top:"6px",left:"5px",height:"9px",width:"9px",background:r},HEXwrap:{flex:"6",position:"relative"},HEXinput:{width:"80%",padding:"0px",paddingLeft:"20%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},HEXlabel:{display:"none"},RGBwrap:{flex:"3",position:"relative"},RGBinput:{width:"70%",padding:"0px",paddingLeft:"30%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},RGBlabel:{position:"absolute",top:"3px",left:"0px",lineHeight:"16px",textTransform:"uppercase",fontSize:"12px",color:"#999"}}}),o=function(u,f){u.r||u.g||u.b?a({r:u.r||n.r,g:u.g||n.g,b:u.b||n.b,source:"rgb"},f):a({hex:u.hex,source:"hex"},f)};return s.createElement("div",{style:i.fields,className:"flexbox-fix"},s.createElement("div",{style:i.active}),s.createElement(w,{style:{wrap:i.HEXwrap,input:i.HEXinput,label:i.HEXlabel},label:"hex",value:r,onChange:o}),s.createElement(w,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"r",value:n.r,onChange:o}),s.createElement(w,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"g",value:n.g,onChange:o}),s.createElement(w,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"b",value:n.b,onChange:o}))},Ht=function(e){var r=e.onChange,n=e.onSwatchHover,a=e.colors,i=e.hex,o=e.rgb,l=e.styles,u=l===void 0?{}:l,f=e.className,h=f===void 0?"":f,c=y(R({default:{Compact:{background:"#f6f6f6",radius:"4px"},compact:{paddingTop:"5px",paddingLeft:"5px",boxSizing:"initial",width:"240px"},clear:{clear:"both"}}},u)),p=function(v,x){v.hex?X(v.hex)&&r({hex:v.hex,source:"hex"},x):r(v,x)};return s.createElement(De,{style:c.Compact,styles:u},s.createElement("div",{style:c.compact,className:"compact-picker "+h},s.createElement("div",null,ee(a,function(d){return s.createElement(yf,{key:d,color:d,active:d.toLowerCase()===i,onClick:p,onSwatchHover:n})}),s.createElement("div",{style:c.clear})),s.createElement(wf,{hex:i,rgb:o,onChange:p})))};Ht.propTypes={colors:g.arrayOf(g.string),styles:g.object};Ht.defaultProps={colors:["#4D4D4D","#999999","#FFFFFF","#F44E3B","#FE9200","#FCDC00","#DBDF00","#A4DD00","#68CCCA","#73D8FF","#AEA1FF","#FDA1FF","#333333","#808080","#cccccc","#D33115","#E27300","#FCC400","#B0BC00","#68BC00","#16A5A5","#009CE0","#7B64FF","#FA28FF","#000000","#666666","#B3B3B3","#9F0500","#C45100","#FB9E00","#808900","#194D33","#0C797D","#0062B1","#653294","#AB149E"],styles:{}};A(Ht);var Ef=function(e){var r=e.hover,n=e.color,a=e.onClick,i=e.onSwatchHover,o={position:"relative",zIndex:"2",outline:"2px solid #fff",boxShadow:"0 0 5px 2px rgba(0,0,0,0.25)"},l=y({default:{swatch:{width:"25px",height:"25px",fontSize:"0"}},hover:{swatch:o}},{hover:r});return s.createElement("div",{style:l.swatch},s.createElement(Q,{color:n,onClick:a,onHover:i,focusStyle:o}))};const Sf=yt(Ef);var Nt=function(e){var r=e.width,n=e.colors,a=e.onChange,i=e.onSwatchHover,o=e.triangle,l=e.styles,u=l===void 0?{}:l,f=e.className,h=f===void 0?"":f,c=y(R({default:{card:{width:r,background:"#fff",border:"1px solid rgba(0,0,0,0.2)",boxShadow:"0 3px 12px rgba(0,0,0,0.15)",borderRadius:"4px",position:"relative",padding:"5px",display:"flex",flexWrap:"wrap"},triangle:{position:"absolute",border:"7px solid transparent",borderBottomColor:"#fff"},triangleShadow:{position:"absolute",border:"8px solid transparent",borderBottomColor:"rgba(0,0,0,0.15)"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-14px",left:"10px"},triangleShadow:{top:"-16px",left:"9px"}},"top-right-triangle":{triangle:{top:"-14px",right:"10px"},triangleShadow:{top:"-16px",right:"9px"}},"bottom-left-triangle":{triangle:{top:"35px",left:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",left:"9px",transform:"rotate(180deg)"}},"bottom-right-triangle":{triangle:{top:"35px",right:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",right:"9px",transform:"rotate(180deg)"}}},u),{"hide-triangle":o==="hide","top-left-triangle":o==="top-left","top-right-triangle":o==="top-right","bottom-left-triangle":o==="bottom-left","bottom-right-triangle":o==="bottom-right"}),p=function(v,x){return a({hex:v,source:"hex"},x)};return s.createElement("div",{style:c.card,className:"github-picker "+h},s.createElement("div",{style:c.triangleShadow}),s.createElement("div",{style:c.triangle}),ee(n,function(d){return s.createElement(Sf,{color:d,key:d,onClick:p,onSwatchHover:i})}))};Nt.propTypes={width:g.oneOfType([g.string,g.number]),colors:g.arrayOf(g.string),triangle:g.oneOf(["hide","top-left","top-right","bottom-left","bottom-right"]),styles:g.object};Nt.defaultProps={width:200,colors:["#B80000","#DB3E00","#FCCB00","#008B02","#006B76","#1273DE","#004DCF","#5300EB","#EB9694","#FAD0C3","#FEF3BD","#C1E1C5","#BEDADC","#C4DEF6","#BED3F3","#D4C4FB"],triangle:"top-left",styles:{}};A(Nt);var Cf=function(e){var r=e.direction,n=y({default:{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}},vertical:{picker:{transform:"translate(-3px, -9px)"}}},{vertical:r==="vertical"});return s.createElement("div",{style:n.picker})},_f=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},Dt=function(e){var r=e.width,n=e.height,a=e.onChange,i=e.hsl,o=e.direction,l=e.pointer,u=e.styles,f=u===void 0?{}:u,h=e.className,c=h===void 0?"":h,p=y(R({default:{picker:{position:"relative",width:r,height:n},hue:{radius:"2px"}}},f)),d=function(x){return a({a:1,h:x.h,l:.5,s:1})};return s.createElement("div",{style:p.picker,className:"hue-picker "+c},s.createElement(ye,_f({},p.hue,{hsl:i,pointer:l,onChange:d,direction:o})))};Dt.propTypes={styles:g.object};Dt.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:Cf,styles:{}};A(Dt);var Of=function(e){var r=e.onChange,n=e.hex,a=e.rgb,i=e.styles,o=i===void 0?{}:i,l=e.className,u=l===void 0?"":l,f=y(R({default:{material:{width:"98px",height:"98px",padding:"16px",fontFamily:"Roboto"},HEXwrap:{position:"relative"},HEXinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"2px solid "+n,outline:"none",height:"30px"},HEXlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},Hex:{style:{}},RGBwrap:{position:"relative"},RGBinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"1px solid #eee",outline:"none",height:"30px"},RGBlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},split:{display:"flex",marginRight:"-10px",paddingTop:"11px"},third:{flex:"1",paddingRight:"10px"}}},o)),h=function(p,d){p.hex?X(p.hex)&&r({hex:p.hex,source:"hex"},d):(p.r||p.g||p.b)&&r({r:p.r||a.r,g:p.g||a.g,b:p.b||a.b,source:"rgb"},d)};return s.createElement(De,{styles:o},s.createElement("div",{style:f.material,className:"material-picker "+u},s.createElement(w,{style:{wrap:f.HEXwrap,input:f.HEXinput,label:f.HEXlabel},label:"hex",value:n,onChange:h}),s.createElement("div",{style:f.split,className:"flexbox-fix"},s.createElement("div",{style:f.third},s.createElement(w,{style:{wrap:f.RGBwrap,input:f.RGBinput,label:f.RGBlabel},label:"r",value:a.r,onChange:h})),s.createElement("div",{style:f.third},s.createElement(w,{style:{wrap:f.RGBwrap,input:f.RGBinput,label:f.RGBlabel},label:"g",value:a.g,onChange:h})),s.createElement("div",{style:f.third},s.createElement(w,{style:{wrap:f.RGBwrap,input:f.RGBinput,label:f.RGBlabel},label:"b",value:a.b,onChange:h})))))};A(Of);var Rf=function(e){var r=e.onChange,n=e.rgb,a=e.hsv,i=e.hex,o=y({default:{fields:{paddingTop:"5px",paddingBottom:"9px",width:"80px",position:"relative"},divider:{height:"5px"},RGBwrap:{position:"relative"},RGBinput:{marginLeft:"40%",width:"40%",height:"18px",border:"1px solid #888888",boxShadow:"inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",marginBottom:"5px",fontSize:"13px",paddingLeft:"3px",marginRight:"10px"},RGBlabel:{left:"0px",top:"0px",width:"34px",textTransform:"uppercase",fontSize:"13px",height:"18px",lineHeight:"22px",position:"absolute"},HEXwrap:{position:"relative"},HEXinput:{marginLeft:"20%",width:"80%",height:"18px",border:"1px solid #888888",boxShadow:"inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",marginBottom:"6px",fontSize:"13px",paddingLeft:"3px"},HEXlabel:{position:"absolute",top:"0px",left:"0px",width:"14px",textTransform:"uppercase",fontSize:"13px",height:"18px",lineHeight:"22px"},fieldSymbols:{position:"absolute",top:"5px",right:"-7px",fontSize:"13px"},symbol:{height:"20px",lineHeight:"22px",paddingBottom:"7px"}}}),l=function(f,h){f["#"]?X(f["#"])&&r({hex:f["#"],source:"hex"},h):f.r||f.g||f.b?r({r:f.r||n.r,g:f.g||n.g,b:f.b||n.b,source:"rgb"},h):(f.h||f.s||f.v)&&r({h:f.h||a.h,s:f.s||a.s,v:f.v||a.v,source:"hsv"},h)};return s.createElement("div",{style:o.fields},s.createElement(w,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"h",value:Math.round(a.h),onChange:l}),s.createElement(w,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"s",value:Math.round(a.s*100),onChange:l}),s.createElement(w,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"v",value:Math.round(a.v*100),onChange:l}),s.createElement("div",{style:o.divider}),s.createElement(w,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"r",value:n.r,onChange:l}),s.createElement(w,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"g",value:n.g,onChange:l}),s.createElement(w,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"b",value:n.b,onChange:l}),s.createElement("div",{style:o.divider}),s.createElement(w,{style:{wrap:o.HEXwrap,input:o.HEXinput,label:o.HEXlabel},label:"#",value:i.replace("#",""),onChange:l}),s.createElement("div",{style:o.fieldSymbols},s.createElement("div",{style:o.symbol},"°"),s.createElement("div",{style:o.symbol},"%"),s.createElement("div",{style:o.symbol},"%")))},Af=function(e){var r=e.hsl,n=y({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}},"black-outline":{picker:{boxShadow:"inset 0 0 0 1px #000"}}},{"black-outline":r.l>.5});return s.createElement("div",{style:n.picker})},Tf=function(){var e=y({default:{triangle:{width:0,height:0,borderStyle:"solid",borderWidth:"4px 0 4px 6px",borderColor:"transparent transparent transparent #fff",position:"absolute",top:"1px",left:"1px"},triangleBorder:{width:0,height:0,borderStyle:"solid",borderWidth:"5px 0 5px 8px",borderColor:"transparent transparent transparent #555"},left:{Extend:"triangleBorder",transform:"translate(-13px, -4px)"},leftInside:{Extend:"triangle",transform:"translate(-8px, -5px)"},right:{Extend:"triangleBorder",transform:"translate(20px, -14px) rotate(180deg)"},rightInside:{Extend:"triangle",transform:"translate(-8px, -5px)"}}});return s.createElement("div",{style:e.pointer},s.createElement("div",{style:e.left},s.createElement("div",{style:e.leftInside})),s.createElement("div",{style:e.right},s.createElement("div",{style:e.rightInside})))},Ir=function(e){var r=e.onClick,n=e.label,a=e.children,i=e.active,o=y({default:{button:{backgroundImage:"linear-gradient(-180deg, #FFFFFF 0%, #E6E6E6 100%)",border:"1px solid #878787",borderRadius:"2px",height:"20px",boxShadow:"0 1px 0 0 #EAEAEA",fontSize:"14px",color:"#000",lineHeight:"20px",textAlign:"center",marginBottom:"10px",cursor:"pointer"}},active:{button:{boxShadow:"0 0 0 1px #878787"}}},{active:i});return s.createElement("div",{style:o.button,onClick:r},n||a)},Pf=function(e){var r=e.rgb,n=e.currentColor,a=y({default:{swatches:{border:"1px solid #B3B3B3",borderBottom:"1px solid #F0F0F0",marginBottom:"2px",marginTop:"1px"},new:{height:"34px",background:"rgb("+r.r+","+r.g+", "+r.b+")",boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000"},current:{height:"34px",background:n,boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000"},label:{fontSize:"14px",color:"#000",textAlign:"center"}}});return s.createElement("div",null,s.createElement("div",{style:a.label},"new"),s.createElement("div",{style:a.swatches},s.createElement("div",{style:a.new}),s.createElement("div",{style:a.current})),s.createElement("div",{style:a.label},"current"))},Mf=function(){function t(e,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}();function $f(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function kf(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t}function Ff(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var Lt=function(t){Ff(e,t);function e(r){$f(this,e);var n=kf(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return n.state={currentColor:r.hex},n}return Mf(e,[{key:"render",value:function(){var n=this.props,a=n.styles,i=a===void 0?{}:a,o=n.className,l=o===void 0?"":o,u=y(R({default:{picker:{background:"#DCDCDC",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.25), 0 8px 16px rgba(0,0,0,.15)",boxSizing:"initial",width:"513px"},head:{backgroundImage:"linear-gradient(-180deg, #F0F0F0 0%, #D4D4D4 100%)",borderBottom:"1px solid #B1B1B1",boxShadow:"inset 0 1px 0 0 rgba(255,255,255,.2), inset 0 -1px 0 0 rgba(0,0,0,.02)",height:"23px",lineHeight:"24px",borderRadius:"4px 4px 0 0",fontSize:"13px",color:"#4D4D4D",textAlign:"center"},body:{padding:"15px 15px 0",display:"flex"},saturation:{width:"256px",height:"256px",position:"relative",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0",overflow:"hidden"},hue:{position:"relative",height:"256px",width:"19px",marginLeft:"10px",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0"},controls:{width:"180px",marginLeft:"10px"},top:{display:"flex"},previews:{width:"60px"},actions:{flex:"1",marginLeft:"20px"}}},i));return s.createElement("div",{style:u.picker,className:"photoshop-picker "+l},s.createElement("div",{style:u.head},this.props.header),s.createElement("div",{style:u.body,className:"flexbox-fix"},s.createElement("div",{style:u.saturation},s.createElement(et,{hsl:this.props.hsl,hsv:this.props.hsv,pointer:Af,onChange:this.props.onChange})),s.createElement("div",{style:u.hue},s.createElement(ye,{direction:"vertical",hsl:this.props.hsl,pointer:Tf,onChange:this.props.onChange})),s.createElement("div",{style:u.controls},s.createElement("div",{style:u.top,className:"flexbox-fix"},s.createElement("div",{style:u.previews},s.createElement(Pf,{rgb:this.props.rgb,currentColor:this.state.currentColor})),s.createElement("div",{style:u.actions},s.createElement(Ir,{label:"OK",onClick:this.props.onAccept,active:!0}),s.createElement(Ir,{label:"Cancel",onClick:this.props.onCancel}),s.createElement(Rf,{onChange:this.props.onChange,rgb:this.props.rgb,hsv:this.props.hsv,hex:this.props.hex}))))))}}]),e}(s.Component);Lt.propTypes={header:g.string,styles:g.object};Lt.defaultProps={header:"Color Picker",styles:{}};A(Lt);var Bf=function(e){var r=e.onChange,n=e.rgb,a=e.hsl,i=e.hex,o=e.disableAlpha,l=y({default:{fields:{display:"flex",paddingTop:"4px"},single:{flex:"1",paddingLeft:"6px"},alpha:{flex:"1",paddingLeft:"6px"},double:{flex:"2"},input:{width:"80%",padding:"4px 10% 3px",border:"none",boxShadow:"inset 0 0 0 1px #ccc",fontSize:"11px"},label:{display:"block",textAlign:"center",fontSize:"11px",color:"#222",paddingTop:"3px",paddingBottom:"4px",textTransform:"capitalize"}},disableAlpha:{alpha:{display:"none"}}},{disableAlpha:o}),u=function(h,c){h.hex?X(h.hex)&&r({hex:h.hex,source:"hex"},c):h.r||h.g||h.b?r({r:h.r||n.r,g:h.g||n.g,b:h.b||n.b,a:n.a,source:"rgb"},c):h.a&&(h.a<0?h.a=0:h.a>100&&(h.a=100),h.a/=100,r({h:a.h,s:a.s,l:a.l,a:h.a,source:"rgb"},c))};return s.createElement("div",{style:l.fields,className:"flexbox-fix"},s.createElement("div",{style:l.double},s.createElement(w,{style:{input:l.input,label:l.label},label:"hex",value:i.replace("#",""),onChange:u})),s.createElement("div",{style:l.single},s.createElement(w,{style:{input:l.input,label:l.label},label:"r",value:n.r,onChange:u,dragLabel:"true",dragMax:"255"})),s.createElement("div",{style:l.single},s.createElement(w,{style:{input:l.input,label:l.label},label:"g",value:n.g,onChange:u,dragLabel:"true",dragMax:"255"})),s.createElement("div",{style:l.single},s.createElement(w,{style:{input:l.input,label:l.label},label:"b",value:n.b,onChange:u,dragLabel:"true",dragMax:"255"})),s.createElement("div",{style:l.alpha},s.createElement(w,{style:{input:l.input,label:l.label},label:"a",value:Math.round(n.a*100),onChange:u,dragLabel:"true",dragMax:"100"})))},Hf=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},En=function(e){var r=e.colors,n=e.onClick,a=n===void 0?function(){}:n,i=e.onSwatchHover,o=y({default:{colors:{margin:"0 -10px",padding:"10px 0 0 10px",borderTop:"1px solid #eee",display:"flex",flexWrap:"wrap",position:"relative"},swatchWrap:{width:"16px",height:"16px",margin:"0 10px 10px 0"},swatch:{borderRadius:"3px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15)"}},"no-presets":{colors:{display:"none"}}},{"no-presets":!r||!r.length}),l=function(f,h){a({hex:f,source:"hex"},h)};return s.createElement("div",{style:o.colors,className:"flexbox-fix"},r.map(function(u){var f=typeof u=="string"?{color:u}:u,h=""+f.color+(f.title||"");return s.createElement("div",{key:h,style:o.swatchWrap},s.createElement(Q,Hf({},f,{style:o.swatch,onClick:l,onHover:i,focusStyle:{boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px "+f.color}})))}))};En.propTypes={colors:g.arrayOf(g.oneOfType([g.string,g.shape({color:g.string,title:g.string})])).isRequired};var Nf=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},jt=function(e){var r=e.width,n=e.rgb,a=e.hex,i=e.hsv,o=e.hsl,l=e.onChange,u=e.onSwatchHover,f=e.disableAlpha,h=e.presetColors,c=e.renderers,p=e.styles,d=p===void 0?{}:p,v=e.className,x=v===void 0?"":v,m=y(R({default:Nf({picker:{width:r,padding:"10px 10px 0",boxSizing:"initial",background:"#fff",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.15)"},saturation:{width:"100%",paddingBottom:"75%",position:"relative",overflow:"hidden"},Saturation:{radius:"3px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},controls:{display:"flex"},sliders:{padding:"4px 0",flex:"1"},color:{width:"24px",height:"24px",position:"relative",marginTop:"4px",marginLeft:"4px",borderRadius:"3px"},activeColor:{absolute:"0px 0px 0px 0px",borderRadius:"2px",background:"rgba("+n.r+","+n.g+","+n.b+","+n.a+")",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},hue:{position:"relative",height:"10px",overflow:"hidden"},Hue:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},alpha:{position:"relative",height:"10px",marginTop:"4px",overflow:"hidden"},Alpha:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"}},d),disableAlpha:{color:{height:"10px"},hue:{height:"10px"},alpha:{display:"none"}}},d),{disableAlpha:f});return s.createElement("div",{style:m.picker,className:"sketch-picker "+x},s.createElement("div",{style:m.saturation},s.createElement(et,{style:m.Saturation,hsl:o,hsv:i,onChange:l})),s.createElement("div",{style:m.controls,className:"flexbox-fix"},s.createElement("div",{style:m.sliders},s.createElement("div",{style:m.hue},s.createElement(ye,{style:m.Hue,hsl:o,onChange:l})),s.createElement("div",{style:m.alpha},s.createElement(wt,{style:m.Alpha,rgb:n,hsl:o,renderers:c,onChange:l}))),s.createElement("div",{style:m.color},s.createElement(me,null),s.createElement("div",{style:m.activeColor}))),s.createElement(Bf,{rgb:n,hsl:o,hex:a,onChange:l,disableAlpha:f}),s.createElement(En,{colors:h,onClick:l,onSwatchHover:u}))};jt.propTypes={disableAlpha:g.bool,width:g.oneOfType([g.string,g.number]),styles:g.object};jt.defaultProps={disableAlpha:!1,width:200,styles:{},presetColors:["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"]};A(jt);var _e=function(e){var r=e.hsl,n=e.offset,a=e.onClick,i=a===void 0?function(){}:a,o=e.active,l=e.first,u=e.last,f=y({default:{swatch:{height:"12px",background:"hsl("+r.h+", 50%, "+n*100+"%)",cursor:"pointer"}},first:{swatch:{borderRadius:"2px 0 0 2px"}},last:{swatch:{borderRadius:"0 2px 2px 0"}},active:{swatch:{transform:"scaleY(1.8)",borderRadius:"3.6px/2px"}}},{active:o,first:l,last:u}),h=function(p){return i({h:r.h,s:.5,l:n,source:"hsl"},p)};return s.createElement("div",{style:f.swatch,onClick:h})},Df=function(e){var r=e.onClick,n=e.hsl,a=y({default:{swatches:{marginTop:"20px"},swatch:{boxSizing:"border-box",width:"20%",paddingRight:"1px",float:"left"},clear:{clear:"both"}}}),i=.1;return s.createElement("div",{style:a.swatches},s.createElement("div",{style:a.swatch},s.createElement(_e,{hsl:n,offset:".80",active:Math.abs(n.l-.8)<i&&Math.abs(n.s-.5)<i,onClick:r,first:!0})),s.createElement("div",{style:a.swatch},s.createElement(_e,{hsl:n,offset:".65",active:Math.abs(n.l-.65)<i&&Math.abs(n.s-.5)<i,onClick:r})),s.createElement("div",{style:a.swatch},s.createElement(_e,{hsl:n,offset:".50",active:Math.abs(n.l-.5)<i&&Math.abs(n.s-.5)<i,onClick:r})),s.createElement("div",{style:a.swatch},s.createElement(_e,{hsl:n,offset:".35",active:Math.abs(n.l-.35)<i&&Math.abs(n.s-.5)<i,onClick:r})),s.createElement("div",{style:a.swatch},s.createElement(_e,{hsl:n,offset:".20",active:Math.abs(n.l-.2)<i&&Math.abs(n.s-.5)<i,onClick:r,last:!0})),s.createElement("div",{style:a.clear}))},Lf=function(){var e=y({default:{picker:{width:"14px",height:"14px",borderRadius:"6px",transform:"translate(-7px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return s.createElement("div",{style:e.picker})},It=function(e){var r=e.hsl,n=e.onChange,a=e.pointer,i=e.styles,o=i===void 0?{}:i,l=e.className,u=l===void 0?"":l,f=y(R({default:{hue:{height:"12px",position:"relative"},Hue:{radius:"2px"}}},o));return s.createElement("div",{style:f.wrap||{},className:"slider-picker "+u},s.createElement("div",{style:f.hue},s.createElement(ye,{style:f.Hue,hsl:r,pointer:a,onChange:n})),s.createElement("div",{style:f.swatches},s.createElement(Df,{hsl:r,onClick:n})))};It.propTypes={styles:g.object};It.defaultProps={pointer:Lf,styles:{}};A(It);var Sn={};Object.defineProperty(Sn,"__esModule",{value:!0});var Gr=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},jf=O,zr=If(jf);function If(t){return t&&t.__esModule?t:{default:t}}function Gf(t,e){var r={};for(var n in t)e.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n]);return r}var Ge=24,zf=Sn.default=function(t){var e=t.fill,r=e===void 0?"currentColor":e,n=t.width,a=n===void 0?Ge:n,i=t.height,o=i===void 0?Ge:i,l=t.style,u=l===void 0?{}:l,f=Gf(t,["fill","width","height","style"]);return zr.default.createElement("svg",Gr({viewBox:"0 0 "+Ge+" "+Ge,style:Gr({fill:r,width:a,height:o},u)},f),zr.default.createElement("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}))},Uf=function(e){var r=e.color,n=e.onClick,a=n===void 0?function(){}:n,i=e.onSwatchHover,o=e.first,l=e.last,u=e.active,f=y({default:{color:{width:"40px",height:"24px",cursor:"pointer",background:r,marginBottom:"1px"},check:{color:Tt(r),marginLeft:"8px",display:"none"}},first:{color:{overflow:"hidden",borderRadius:"2px 2px 0 0"}},last:{color:{overflow:"hidden",borderRadius:"0 0 2px 2px"}},active:{check:{display:"block"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #ddd"},check:{color:"#333"}},transparent:{check:{color:"#333"}}},{first:o,last:l,active:u,"color-#FFFFFF":r==="#FFFFFF",transparent:r==="transparent"});return s.createElement(Q,{color:r,style:f.color,onClick:a,onHover:i,focusStyle:{boxShadow:"0 0 4px "+r}},s.createElement("div",{style:f.check},s.createElement(zf,null)))},Wf=function(e){var r=e.onClick,n=e.onSwatchHover,a=e.group,i=e.active,o=y({default:{group:{paddingBottom:"10px",width:"40px",float:"left",marginRight:"10px"}}});return s.createElement("div",{style:o.group},ee(a,function(l,u){return s.createElement(Uf,{key:l,color:l,active:l.toLowerCase()===i,first:u===0,last:u===a.length-1,onClick:r,onSwatchHover:n})}))},Gt=function(e){var r=e.width,n=e.height,a=e.onChange,i=e.onSwatchHover,o=e.colors,l=e.hex,u=e.styles,f=u===void 0?{}:u,h=e.className,c=h===void 0?"":h,p=y(R({default:{picker:{width:r,height:n},overflow:{height:n,overflowY:"scroll"},body:{padding:"16px 0 6px 16px"},clear:{clear:"both"}}},f)),d=function(x,m){return a({hex:x,source:"hex"},m)};return s.createElement("div",{style:p.picker,className:"swatches-picker "+c},s.createElement(De,null,s.createElement("div",{style:p.overflow},s.createElement("div",{style:p.body},ee(o,function(v){return s.createElement(Wf,{key:v.toString(),group:v,active:l,onClick:d,onSwatchHover:i})}),s.createElement("div",{style:p.clear})))))};Gt.propTypes={width:g.oneOfType([g.string,g.number]),height:g.oneOfType([g.string,g.number]),colors:g.arrayOf(g.arrayOf(g.string)),styles:g.object};Gt.defaultProps={width:320,height:240,colors:[[te[900],te[700],te[500],te[300],te[100]],[re[900],re[700],re[500],re[300],re[100]],[ne[900],ne[700],ne[500],ne[300],ne[100]],[ae[900],ae[700],ae[500],ae[300],ae[100]],[ie[900],ie[700],ie[500],ie[300],ie[100]],[oe[900],oe[700],oe[500],oe[300],oe[100]],[le[900],le[700],le[500],le[300],le[100]],[se[900],se[700],se[500],se[300],se[100]],[ue[900],ue[700],ue[500],ue[300],ue[100]],["#194D33",Ae[700],Ae[500],Ae[300],Ae[100]],[fe[900],fe[700],fe[500],fe[300],fe[100]],[he[900],he[700],he[500],he[300],he[100]],[ce[900],ce[700],ce[500],ce[300],ce[100]],[pe[900],pe[700],pe[500],pe[300],pe[100]],[de[900],de[700],de[500],de[300],de[100]],[ge[900],ge[700],ge[500],ge[300],ge[100]],[be[900],be[700],be[500],be[300],be[100]],[ve[900],ve[700],ve[500],ve[300],ve[100]],["#000000","#525252","#969696","#D9D9D9","#FFFFFF"]],styles:{}};A(Gt);var zt=function(e){var r=e.onChange,n=e.onSwatchHover,a=e.hex,i=e.colors,o=e.width,l=e.triangle,u=e.styles,f=u===void 0?{}:u,h=e.className,c=h===void 0?"":h,p=y(R({default:{card:{width:o,background:"#fff",border:"0 solid rgba(0,0,0,0.25)",boxShadow:"0 1px 4px rgba(0,0,0,0.25)",borderRadius:"4px",position:"relative"},body:{padding:"15px 9px 9px 15px"},label:{fontSize:"18px",color:"#fff"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 9px 10px 9px",borderColor:"transparent transparent #fff transparent",position:"absolute"},triangleShadow:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 9px 10px 9px",borderColor:"transparent transparent rgba(0,0,0,.1) transparent",position:"absolute"},hash:{background:"#F0F0F0",height:"30px",width:"30px",borderRadius:"4px 0 0 4px",float:"left",color:"#98A1A4",display:"flex",alignItems:"center",justifyContent:"center"},input:{width:"100px",fontSize:"14px",color:"#666",border:"0px",outline:"none",height:"28px",boxShadow:"inset 0 0 0 1px #F0F0F0",boxSizing:"content-box",borderRadius:"0 4px 4px 0",float:"left",paddingLeft:"8px"},swatch:{width:"30px",height:"30px",float:"left",borderRadius:"4px",margin:"0 6px 6px 0"},clear:{clear:"both"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-10px",left:"12px"},triangleShadow:{top:"-11px",left:"12px"}},"top-right-triangle":{triangle:{top:"-10px",right:"12px"},triangleShadow:{top:"-11px",right:"12px"}}},f),{"hide-triangle":l==="hide","top-left-triangle":l==="top-left","top-right-triangle":l==="top-right"}),d=function(x,m){X(x)&&r({hex:x,source:"hex"},m)};return s.createElement("div",{style:p.card,className:"twitter-picker "+c},s.createElement("div",{style:p.triangleShadow}),s.createElement("div",{style:p.triangle}),s.createElement("div",{style:p.body},ee(i,function(v,x){return s.createElement(Q,{key:x,color:v,hex:v,style:p.swatch,onClick:d,onHover:n,focusStyle:{boxShadow:"0 0 4px "+v}})}),s.createElement("div",{style:p.hash},"#"),s.createElement(w,{label:null,style:{input:p.input},value:a.replace("#",""),onChange:d}),s.createElement("div",{style:p.clear})))};zt.propTypes={width:g.oneOfType([g.string,g.number]),triangle:g.oneOf(["hide","top-left","top-right"]),colors:g.arrayOf(g.string),styles:g.object};zt.defaultProps={width:276,colors:["#FF6900","#FCB900","#7BDCB5","#00D084","#8ED1FC","#0693E3","#ABB8C3","#EB144C","#F78DA7","#9900EF"],triangle:"top-left",styles:{}};A(zt);var Ut=function(e){var r=y({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",border:"2px #fff solid",transform:"translate(-12px, -13px)",background:"hsl("+Math.round(e.hsl.h)+", "+Math.round(e.hsl.s*100)+"%, "+Math.round(e.hsl.l*100)+"%)"}}});return s.createElement("div",{style:r.picker})};Ut.propTypes={hsl:g.shape({h:g.number,s:g.number,l:g.number,a:g.number})};Ut.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};var Wt=function(e){var r=y({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",transform:"translate(-10px, -7px)",background:"hsl("+Math.round(e.hsl.h)+", 100%, 50%)",border:"2px white solid"}}});return s.createElement("div",{style:r.picker})};Wt.propTypes={hsl:g.shape({h:g.number,s:g.number,l:g.number,a:g.number})};Wt.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};var Xf=function(e){var r=e.onChange,n=e.rgb,a=e.hsl,i=e.hex,o=e.hsv,l=function(d,v){if(d.hex)X(d.hex)&&r({hex:d.hex,source:"hex"},v);else if(d.rgb){var x=d.rgb.split(",");ut(d.rgb,"rgb")&&r({r:x[0],g:x[1],b:x[2],a:1,source:"rgb"},v)}else if(d.hsv){var m=d.hsv.split(",");ut(d.hsv,"hsv")&&(m[2]=m[2].replace("%",""),m[1]=m[1].replace("%",""),m[0]=m[0].replace("°",""),m[1]==1?m[1]=.01:m[2]==1&&(m[2]=.01),r({h:Number(m[0]),s:Number(m[1]),v:Number(m[2]),source:"hsv"},v))}else if(d.hsl){var E=d.hsl.split(",");ut(d.hsl,"hsl")&&(E[2]=E[2].replace("%",""),E[1]=E[1].replace("%",""),E[0]=E[0].replace("°",""),c[1]==1?c[1]=.01:c[2]==1&&(c[2]=.01),r({h:Number(E[0]),s:Number(E[1]),v:Number(E[2]),source:"hsl"},v))}},u=y({default:{wrap:{display:"flex",height:"100px",marginTop:"4px"},fields:{width:"100%"},column:{paddingTop:"10px",display:"flex",justifyContent:"space-between"},double:{padding:"0px 4.4px",boxSizing:"border-box"},input:{width:"100%",height:"38px",boxSizing:"border-box",padding:"4px 10% 3px",textAlign:"center",border:"1px solid #dadce0",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",fontFamily:"Roboto,Arial,sans-serif"},input2:{height:"38px",width:"100%",border:"1px solid #dadce0",boxSizing:"border-box",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",paddingLeft:"10px",fontFamily:"Roboto,Arial,sans-serif"},label:{textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"35px",top:"-6px",left:"0",right:"0",marginLeft:"auto",marginRight:"auto",fontFamily:"Roboto,Arial,sans-serif"},label2:{left:"10px",textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"32px",top:"-6px",fontFamily:"Roboto,Arial,sans-serif"},single:{flexGrow:"1",margin:"0px 4.4px"}}}),f=n.r+", "+n.g+", "+n.b,h=Math.round(a.h)+"°, "+Math.round(a.s*100)+"%, "+Math.round(a.l*100)+"%",c=Math.round(o.h)+"°, "+Math.round(o.s*100)+"%, "+Math.round(o.v*100)+"%";return s.createElement("div",{style:u.wrap,className:"flexbox-fix"},s.createElement("div",{style:u.fields},s.createElement("div",{style:u.double},s.createElement(w,{style:{input:u.input,label:u.label},label:"hex",value:i,onChange:l})),s.createElement("div",{style:u.column},s.createElement("div",{style:u.single},s.createElement(w,{style:{input:u.input2,label:u.label2},label:"rgb",value:f,onChange:l})),s.createElement("div",{style:u.single},s.createElement(w,{style:{input:u.input2,label:u.label2},label:"hsv",value:c,onChange:l})),s.createElement("div",{style:u.single},s.createElement(w,{style:{input:u.input2,label:u.label2},label:"hsl",value:h,onChange:l})))))},Xt=function(e){var r=e.width,n=e.onChange,a=e.rgb,i=e.hsl,o=e.hsv,l=e.hex,u=e.header,f=e.styles,h=f===void 0?{}:f,c=e.className,p=c===void 0?"":c,d=y(R({default:{picker:{width:r,background:"#fff",border:"1px solid #dfe1e5",boxSizing:"initial",display:"flex",flexWrap:"wrap",borderRadius:"8px 8px 0px 0px"},head:{height:"57px",width:"100%",paddingTop:"16px",paddingBottom:"16px",paddingLeft:"16px",fontSize:"20px",boxSizing:"border-box",fontFamily:"Roboto-Regular,HelveticaNeue,Arial,sans-serif"},saturation:{width:"70%",padding:"0px",position:"relative",overflow:"hidden"},swatch:{width:"30%",height:"228px",padding:"0px",background:"rgba("+a.r+", "+a.g+", "+a.b+", 1)",position:"relative",overflow:"hidden"},body:{margin:"auto",width:"95%"},controls:{display:"flex",boxSizing:"border-box",height:"52px",paddingTop:"22px"},color:{width:"32px"},hue:{height:"8px",position:"relative",margin:"0px 16px 0px 16px",width:"100%"},Hue:{radius:"2px"}}},h));return s.createElement("div",{style:d.picker,className:"google-picker "+p},s.createElement("div",{style:d.head},u),s.createElement("div",{style:d.swatch}),s.createElement("div",{style:d.saturation},s.createElement(et,{hsl:i,hsv:o,pointer:Ut,onChange:n})),s.createElement("div",{style:d.body},s.createElement("div",{style:d.controls,className:"flexbox-fix"},s.createElement("div",{style:d.hue},s.createElement(ye,{style:d.Hue,hsl:i,radius:"4px",pointer:Wt,onChange:n}))),s.createElement(Xf,{rgb:a,hsl:i,hex:l,hsv:o,onChange:n})))};Xt.propTypes={width:g.oneOfType([g.string,g.number]),styles:g.object,header:g.string};Xt.defaultProps={width:652,styles:{},header:"Color picker"};A(Xt);export{Kf as C};
|
|
27
|
+
`),s.createElement("div",{style:h.white,className:"saturation-white"},s.createElement("div",{style:h.black,className:"saturation-black"}),s.createElement("div",{style:h.pointer},this.props.pointer?s.createElement(this.props.pointer,this.props):s.createElement("div",{style:h.circle}))))}}]),e}(O.PureComponent||O.Component);function Zl(t,e){for(var r=-1,n=t==null?0:t.length;++r<n&&e(t[r],r,t)!==!1;);return t}var Jl=Zr(Object.keys,Object),Ql=Object.prototype,es=Ql.hasOwnProperty;function ts(t){if(!Ct(t))return Jl(t);var e=[];for(var r in Object(t))es.call(t,r)&&r!="constructor"&&e.push(r);return e}function At(t){return we(t)?nn(t):ts(t)}function rs(t,e){return t&&qr(t,e,At)}function ns(t,e){return function(r,n){if(r==null)return r;if(!we(r))return t(r,n);for(var a=r.length,i=e?a:-1,o=Object(r);(e?i--:++i<a)&&n(o[i],i,o)!==!1;);return r}}var as=ns(rs);const sn=as;function is(t){return typeof t=="function"?t:Je}function os(t,e){var r=$(t)?Zl:sn;return r(t,is(e))}function Ve(t){"@babel/helpers - typeof";return Ve=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Ve(t)}var ls=/^\s+/,ss=/\s+$/;function b(t,e){if(t=t||"",e=e||{},t instanceof b)return t;if(!(this instanceof b))return new b(t,e);var r=us(t);this._originalInput=t,this._r=r.r,this._g=r.g,this._b=r.b,this._a=r.a,this._roundA=Math.round(100*this._a)/100,this._format=e.format||r.format,this._gradientType=e.gradientType,this._r<1&&(this._r=Math.round(this._r)),this._g<1&&(this._g=Math.round(this._g)),this._b<1&&(this._b=Math.round(this._b)),this._ok=r.ok}b.prototype={isDark:function(){return this.getBrightness()<128},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(e.r*299+e.g*587+e.b*114)/1e3},getLuminance:function(){var e=this.toRgb(),r,n,a,i,o,l;return r=e.r/255,n=e.g/255,a=e.b/255,r<=.03928?i=r/12.92:i=Math.pow((r+.055)/1.055,2.4),n<=.03928?o=n/12.92:o=Math.pow((n+.055)/1.055,2.4),a<=.03928?l=a/12.92:l=Math.pow((a+.055)/1.055,2.4),.2126*i+.7152*o+.0722*l},setAlpha:function(e){return this._a=un(e),this._roundA=Math.round(100*this._a)/100,this},toHsv:function(){var e=gr(this._r,this._g,this._b);return{h:e.h*360,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=gr(this._r,this._g,this._b),r=Math.round(e.h*360),n=Math.round(e.s*100),a=Math.round(e.v*100);return this._a==1?"hsv("+r+", "+n+"%, "+a+"%)":"hsva("+r+", "+n+"%, "+a+"%, "+this._roundA+")"},toHsl:function(){var e=dr(this._r,this._g,this._b);return{h:e.h*360,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=dr(this._r,this._g,this._b),r=Math.round(e.h*360),n=Math.round(e.s*100),a=Math.round(e.l*100);return this._a==1?"hsl("+r+", "+n+"%, "+a+"%)":"hsla("+r+", "+n+"%, "+a+"%, "+this._roundA+")"},toHex:function(e){return br(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(e){return ps(this._r,this._g,this._b,this._a,e)},toHex8String:function(e){return"#"+this.toHex8(e)},toRgb:function(){return{r:Math.round(this._r),g:Math.round(this._g),b:Math.round(this._b),a:this._a}},toRgbString:function(){return this._a==1?"rgb("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+")":"rgba("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:Math.round(C(this._r,255)*100)+"%",g:Math.round(C(this._g,255)*100)+"%",b:Math.round(C(this._b,255)*100)+"%",a:this._a}},toPercentageRgbString:function(){return this._a==1?"rgb("+Math.round(C(this._r,255)*100)+"%, "+Math.round(C(this._g,255)*100)+"%, "+Math.round(C(this._b,255)*100)+"%)":"rgba("+Math.round(C(this._r,255)*100)+"%, "+Math.round(C(this._g,255)*100)+"%, "+Math.round(C(this._b,255)*100)+"%, "+this._roundA+")"},toName:function(){return this._a===0?"transparent":this._a<1?!1:_s[br(this._r,this._g,this._b,!0)]||!1},toFilter:function(e){var r="#"+vr(this._r,this._g,this._b,this._a),n=r,a=this._gradientType?"GradientType = 1, ":"";if(e){var i=b(e);n="#"+vr(i._r,i._g,i._b,i._a)}return"progid:DXImageTransform.Microsoft.gradient("+a+"startColorstr="+r+",endColorstr="+n+")"},toString:function(e){var r=!!e;e=e||this._format;var n=!1,a=this._a<1&&this._a>=0,i=!r&&a&&(e==="hex"||e==="hex6"||e==="hex3"||e==="hex4"||e==="hex8"||e==="name");return i?e==="name"&&this._a===0?this.toName():this.toRgbString():(e==="rgb"&&(n=this.toRgbString()),e==="prgb"&&(n=this.toPercentageRgbString()),(e==="hex"||e==="hex6")&&(n=this.toHexString()),e==="hex3"&&(n=this.toHexString(!0)),e==="hex4"&&(n=this.toHex8String(!0)),e==="hex8"&&(n=this.toHex8String()),e==="name"&&(n=this.toName()),e==="hsl"&&(n=this.toHslString()),e==="hsv"&&(n=this.toHsvString()),n||this.toHexString())},clone:function(){return b(this.toString())},_applyModification:function(e,r){var n=e.apply(null,[this].concat([].slice.call(r)));return this._r=n._r,this._g=n._g,this._b=n._b,this.setAlpha(n._a),this},lighten:function(){return this._applyModification(vs,arguments)},brighten:function(){return this._applyModification(xs,arguments)},darken:function(){return this._applyModification(ms,arguments)},desaturate:function(){return this._applyModification(ds,arguments)},saturate:function(){return this._applyModification(gs,arguments)},greyscale:function(){return this._applyModification(bs,arguments)},spin:function(){return this._applyModification(ys,arguments)},_applyCombination:function(e,r){return e.apply(null,[this].concat([].slice.call(r)))},analogous:function(){return this._applyCombination(Ss,arguments)},complement:function(){return this._applyCombination(ws,arguments)},monochromatic:function(){return this._applyCombination(Cs,arguments)},splitcomplement:function(){return this._applyCombination(Es,arguments)},triad:function(){return this._applyCombination(xr,[3])},tetrad:function(){return this._applyCombination(xr,[4])}};b.fromRatio=function(t,e){if(Ve(t)=="object"){var r={};for(var n in t)t.hasOwnProperty(n)&&(n==="a"?r[n]=t[n]:r[n]=Oe(t[n]));t=r}return b(t,e)};function us(t){var e={r:0,g:0,b:0},r=1,n=null,a=null,i=null,o=!1,l=!1;return typeof t=="string"&&(t=Ts(t)),Ve(t)=="object"&&(L(t.r)&&L(t.g)&&L(t.b)?(e=fs(t.r,t.g,t.b),o=!0,l=String(t.r).substr(-1)==="%"?"prgb":"rgb"):L(t.h)&&L(t.s)&&L(t.v)?(n=Oe(t.s),a=Oe(t.v),e=cs(t.h,n,a),o=!0,l="hsv"):L(t.h)&&L(t.s)&&L(t.l)&&(n=Oe(t.s),i=Oe(t.l),e=hs(t.h,n,i),o=!0,l="hsl"),t.hasOwnProperty("a")&&(r=t.a)),r=un(r),{ok:o,format:t.format||l,r:Math.min(255,Math.max(e.r,0)),g:Math.min(255,Math.max(e.g,0)),b:Math.min(255,Math.max(e.b,0)),a:r}}function fs(t,e,r){return{r:C(t,255)*255,g:C(e,255)*255,b:C(r,255)*255}}function dr(t,e,r){t=C(t,255),e=C(e,255),r=C(r,255);var n=Math.max(t,e,r),a=Math.min(t,e,r),i,o,l=(n+a)/2;if(n==a)i=o=0;else{var u=n-a;switch(o=l>.5?u/(2-n-a):u/(n+a),n){case t:i=(e-r)/u+(e<r?6:0);break;case e:i=(r-t)/u+2;break;case r:i=(t-e)/u+4;break}i/=6}return{h:i,s:o,l}}function hs(t,e,r){var n,a,i;t=C(t,360),e=C(e,100),r=C(r,100);function o(f,h,c){return c<0&&(c+=1),c>1&&(c-=1),c<1/6?f+(h-f)*6*c:c<1/2?h:c<2/3?f+(h-f)*(2/3-c)*6:f}if(e===0)n=a=i=r;else{var l=r<.5?r*(1+e):r+e-r*e,u=2*r-l;n=o(u,l,t+1/3),a=o(u,l,t),i=o(u,l,t-1/3)}return{r:n*255,g:a*255,b:i*255}}function gr(t,e,r){t=C(t,255),e=C(e,255),r=C(r,255);var n=Math.max(t,e,r),a=Math.min(t,e,r),i,o,l=n,u=n-a;if(o=n===0?0:u/n,n==a)i=0;else{switch(n){case t:i=(e-r)/u+(e<r?6:0);break;case e:i=(r-t)/u+2;break;case r:i=(t-e)/u+4;break}i/=6}return{h:i,s:o,v:l}}function cs(t,e,r){t=C(t,360)*6,e=C(e,100),r=C(r,100);var n=Math.floor(t),a=t-n,i=r*(1-e),o=r*(1-a*e),l=r*(1-(1-a)*e),u=n%6,f=[r,o,i,i,l,r][u],h=[l,r,r,o,i,i][u],c=[i,i,l,r,r,o][u];return{r:f*255,g:h*255,b:c*255}}function br(t,e,r,n){var a=[H(Math.round(t).toString(16)),H(Math.round(e).toString(16)),H(Math.round(r).toString(16))];return n&&a[0].charAt(0)==a[0].charAt(1)&&a[1].charAt(0)==a[1].charAt(1)&&a[2].charAt(0)==a[2].charAt(1)?a[0].charAt(0)+a[1].charAt(0)+a[2].charAt(0):a.join("")}function ps(t,e,r,n,a){var i=[H(Math.round(t).toString(16)),H(Math.round(e).toString(16)),H(Math.round(r).toString(16)),H(fn(n))];return a&&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[3].charAt(0)==i[3].charAt(1)?i[0].charAt(0)+i[1].charAt(0)+i[2].charAt(0)+i[3].charAt(0):i.join("")}function vr(t,e,r,n){var a=[H(fn(n)),H(Math.round(t).toString(16)),H(Math.round(e).toString(16)),H(Math.round(r).toString(16))];return a.join("")}b.equals=function(t,e){return!t||!e?!1:b(t).toRgbString()==b(e).toRgbString()};b.random=function(){return b.fromRatio({r:Math.random(),g:Math.random(),b:Math.random()})};function ds(t,e){e=e===0?0:e||10;var r=b(t).toHsl();return r.s-=e/100,r.s=tt(r.s),b(r)}function gs(t,e){e=e===0?0:e||10;var r=b(t).toHsl();return r.s+=e/100,r.s=tt(r.s),b(r)}function bs(t){return b(t).desaturate(100)}function vs(t,e){e=e===0?0:e||10;var r=b(t).toHsl();return r.l+=e/100,r.l=tt(r.l),b(r)}function xs(t,e){e=e===0?0:e||10;var r=b(t).toRgb();return r.r=Math.max(0,Math.min(255,r.r-Math.round(255*-(e/100)))),r.g=Math.max(0,Math.min(255,r.g-Math.round(255*-(e/100)))),r.b=Math.max(0,Math.min(255,r.b-Math.round(255*-(e/100)))),b(r)}function ms(t,e){e=e===0?0:e||10;var r=b(t).toHsl();return r.l-=e/100,r.l=tt(r.l),b(r)}function ys(t,e){var r=b(t).toHsl(),n=(r.h+e)%360;return r.h=n<0?360+n:n,b(r)}function ws(t){var e=b(t).toHsl();return e.h=(e.h+180)%360,b(e)}function xr(t,e){if(isNaN(e)||e<=0)throw new Error("Argument to polyad must be a positive number");for(var r=b(t).toHsl(),n=[b(t)],a=360/e,i=1;i<e;i++)n.push(b({h:(r.h+i*a)%360,s:r.s,l:r.l}));return n}function Es(t){var e=b(t).toHsl(),r=e.h;return[b(t),b({h:(r+72)%360,s:e.s,l:e.l}),b({h:(r+216)%360,s:e.s,l:e.l})]}function Ss(t,e,r){e=e||6,r=r||30;var n=b(t).toHsl(),a=360/r,i=[b(t)];for(n.h=(n.h-(a*e>>1)+720)%360;--e;)n.h=(n.h+a)%360,i.push(b(n));return i}function Cs(t,e){e=e||6;for(var r=b(t).toHsv(),n=r.h,a=r.s,i=r.v,o=[],l=1/e;e--;)o.push(b({h:n,s:a,v:i})),i=(i+l)%1;return o}b.mix=function(t,e,r){r=r===0?0:r||50;var n=b(t).toRgb(),a=b(e).toRgb(),i=r/100,o={r:(a.r-n.r)*i+n.r,g:(a.g-n.g)*i+n.g,b:(a.b-n.b)*i+n.b,a:(a.a-n.a)*i+n.a};return b(o)};b.readability=function(t,e){var r=b(t),n=b(e);return(Math.max(r.getLuminance(),n.getLuminance())+.05)/(Math.min(r.getLuminance(),n.getLuminance())+.05)};b.isReadable=function(t,e,r){var n=b.readability(t,e),a,i;switch(i=!1,a=Ps(r),a.level+a.size){case"AAsmall":case"AAAlarge":i=n>=4.5;break;case"AAlarge":i=n>=3;break;case"AAAsmall":i=n>=7;break}return i};b.mostReadable=function(t,e,r){var n=null,a=0,i,o,l,u;r=r||{},o=r.includeFallbackColors,l=r.level,u=r.size;for(var f=0;f<e.length;f++)i=b.readability(t,e[f]),i>a&&(a=i,n=b(e[f]));return b.isReadable(t,n,{level:l,size:u})||!o?n:(r.includeFallbackColors=!1,b.mostReadable(t,["#fff","#000"],r))};var pt=b.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:"90ee90",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"},_s=b.hexNames=Os(pt);function Os(t){var e={};for(var r in t)t.hasOwnProperty(r)&&(e[t[r]]=r);return e}function un(t){return t=parseFloat(t),(isNaN(t)||t<0||t>1)&&(t=1),t}function C(t,e){Rs(t)&&(t="100%");var r=As(t);return t=Math.min(e,Math.max(0,parseFloat(t))),r&&(t=parseInt(t*e,10)/100),Math.abs(t-e)<1e-6?1:t%e/parseFloat(e)}function tt(t){return Math.min(1,Math.max(0,t))}function M(t){return parseInt(t,16)}function Rs(t){return typeof t=="string"&&t.indexOf(".")!=-1&&parseFloat(t)===1}function As(t){return typeof t=="string"&&t.indexOf("%")!=-1}function H(t){return t.length==1?"0"+t:""+t}function Oe(t){return t<=1&&(t=t*100+"%"),t}function fn(t){return Math.round(parseFloat(t)*255).toString(16)}function mr(t){return M(t)/255}var B=function(){var t="[-\\+]?\\d+%?",e="[-\\+]?\\d*\\.\\d+%?",r="(?:"+e+")|(?:"+t+")",n="[\\s|\\(]+("+r+")[,|\\s]+("+r+")[,|\\s]+("+r+")\\s*\\)?",a="[\\s|\\(]+("+r+")[,|\\s]+("+r+")[,|\\s]+("+r+")[,|\\s]+("+r+")\\s*\\)?";return{CSS_UNIT:new RegExp(r),rgb:new RegExp("rgb"+n),rgba:new RegExp("rgba"+a),hsl:new RegExp("hsl"+n),hsla:new RegExp("hsla"+a),hsv:new RegExp("hsv"+n),hsva:new RegExp("hsva"+a),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 L(t){return!!B.CSS_UNIT.exec(t)}function Ts(t){t=t.replace(ls,"").replace(ss,"").toLowerCase();var e=!1;if(pt[t])t=pt[t],e=!0;else if(t=="transparent")return{r:0,g:0,b:0,a:0,format:"name"};var r;return(r=B.rgb.exec(t))?{r:r[1],g:r[2],b:r[3]}:(r=B.rgba.exec(t))?{r:r[1],g:r[2],b:r[3],a:r[4]}:(r=B.hsl.exec(t))?{h:r[1],s:r[2],l:r[3]}:(r=B.hsla.exec(t))?{h:r[1],s:r[2],l:r[3],a:r[4]}:(r=B.hsv.exec(t))?{h:r[1],s:r[2],v:r[3]}:(r=B.hsva.exec(t))?{h:r[1],s:r[2],v:r[3],a:r[4]}:(r=B.hex8.exec(t))?{r:M(r[1]),g:M(r[2]),b:M(r[3]),a:mr(r[4]),format:e?"name":"hex8"}:(r=B.hex6.exec(t))?{r:M(r[1]),g:M(r[2]),b:M(r[3]),format:e?"name":"hex"}:(r=B.hex4.exec(t))?{r:M(r[1]+""+r[1]),g:M(r[2]+""+r[2]),b:M(r[3]+""+r[3]),a:mr(r[4]+""+r[4]),format:e?"name":"hex8"}:(r=B.hex3.exec(t))?{r:M(r[1]+""+r[1]),g:M(r[2]+""+r[2]),b:M(r[3]+""+r[3]),format:e?"name":"hex"}:!1}function Ps(t){var e,r;return t=t||{level:"AA",size:"small"},e=(t.level||"AA").toUpperCase(),r=(t.size||"small").toLowerCase(),e!=="AA"&&e!=="AAA"&&(e="AA"),r!=="small"&&r!=="large"&&(r="small"),{level:e,size:r}}var yr=function(e){var r=["r","g","b","a","h","s","l","v"],n=0,a=0;return os(r,function(i){if(e[i]&&(n+=1,isNaN(e[i])||(a+=1),i==="s"||i==="l")){var o=/^\d+%$/;o.test(e[i])&&(a+=1)}}),n===a?e:!1},Re=function(e,r){var n=e.hex?b(e.hex):b(e),a=n.toHsl(),i=n.toHsv(),o=n.toRgb(),l=n.toHex();a.s===0&&(a.h=r||0,i.h=r||0);var u=l==="000000"&&o.a===0;return{hsl:a,hex:u?"transparent":"#"+l,rgb:o,hsv:i,oldHue:e.h||r||a.h,source:e.source}},X=function(e){if(e==="transparent")return!0;var r=String(e).charAt(0)==="#"?1:0;return e.length!==4+r&&e.length<7+r&&b(e).isValid()},Tt=function(e){if(!e)return"#fff";var r=Re(e);if(r.hex==="transparent")return"rgba(0,0,0,0.4)";var n=(r.rgb.r*299+r.rgb.g*587+r.rgb.b*114)/1e3;return n>=128?"#000":"#fff"},ut=function(e,r){var n=e.replace("°","");return b(r+" ("+n+")")._ok},Ce=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},Ms=function(){function t(e,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}();function $s(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function ks(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t}function Fs(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var A=function(e){var r=function(n){Fs(a,n);function a(i){$s(this,a);var o=ks(this,(a.__proto__||Object.getPrototypeOf(a)).call(this));return o.handleChange=function(l,u){var f=yr(l);if(f){var h=Re(l,l.h||o.state.oldHue);o.setState(h),o.props.onChangeComplete&&o.debounce(o.props.onChangeComplete,h,u),o.props.onChange&&o.props.onChange(h,u)}},o.handleSwatchHover=function(l,u){var f=yr(l);if(f){var h=Re(l,l.h||o.state.oldHue);o.props.onSwatchHover&&o.props.onSwatchHover(h,u)}},o.state=Ce({},Re(i.color,0)),o.debounce=ln(function(l,u,f){l(u,f)},100),o}return Ms(a,[{key:"render",value:function(){var o={};return this.props.onSwatchHover&&(o.onSwatchHover=this.handleSwatchHover),s.createElement(e,Ce({},this.props,this.state,{onChange:this.handleChange},o))}}],[{key:"getDerivedStateFromProps",value:function(o,l){return Ce({},Re(o.color,l.oldHue))}}]),a}(O.PureComponent||O.Component);return r.propTypes=Ce({},e.propTypes),r.defaultProps=Ce({},e.defaultProps,{color:{h:250,s:.5,l:.2,a:1}}),r},Bs=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},Hs=function(){function t(e,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}();function Ds(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function wr(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t}function Ns(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var Ls=function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return function(n){Ns(a,n);function a(){var i,o,l,u;Ds(this,a);for(var f=arguments.length,h=Array(f),c=0;c<f;c++)h[c]=arguments[c];return u=(o=(l=wr(this,(i=a.__proto__||Object.getPrototypeOf(a)).call.apply(i,[this].concat(h))),l),l.state={focus:!1},l.handleFocus=function(){return l.setState({focus:!0})},l.handleBlur=function(){return l.setState({focus:!1})},o),wr(l,u)}return Hs(a,[{key:"render",value:function(){return s.createElement(r,{onFocus:this.handleFocus,onBlur:this.handleBlur},s.createElement(e,Bs({},this.props,this.state)))}}]),a}(s.Component)},Er=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},js=13,Is=function(e){var r=e.color,n=e.style,a=e.onClick,i=a===void 0?function(){}:a,o=e.onHover,l=e.title,u=l===void 0?r:l,f=e.children,h=e.focus,c=e.focusStyle,p=c===void 0?{}:c,d=r==="transparent",v=y({default:{swatch:Er({background:r,height:"100%",width:"100%",cursor:"pointer",position:"relative",outline:"none"},n,h?p:{})}}),x=function(P){return i(r,P)},m=function(P){return P.keyCode===js&&i(r,P)},E=function(P){return o(r,P)},T={};return o&&(T.onMouseOver=E),s.createElement("div",Er({style:v.swatch,onClick:x,title:u,tabIndex:0,onKeyDown:m},T),f,d&&s.createElement(me,{borderRadius:v.swatch.borderRadius,boxShadow:"inset 0 0 0 1px rgba(0,0,0,0.1)"}))};const Q=Ls(Is);var Gs=function(e){var r=e.direction,n=y({default:{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}},vertical:{picker:{transform:"translate(-3px, -9px)"}}},{vertical:r==="vertical"});return s.createElement("div",{style:n.picker})},zs=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},hn=function(e){var r=e.rgb,n=e.hsl,a=e.width,i=e.height,o=e.onChange,l=e.direction,u=e.style,f=e.renderers,h=e.pointer,c=e.className,p=c===void 0?"":c,d=y({default:{picker:{position:"relative",width:a,height:i},alpha:{radius:"2px",style:u}}});return s.createElement("div",{style:d.picker,className:"alpha-picker "+p},s.createElement(wt,zs({},d.alpha,{rgb:r,hsl:n,pointer:h,renderers:f,onChange:o,direction:l})))};hn.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:Gs};A(hn);function cn(t,e){for(var r=-1,n=t==null?0:t.length,a=Array(n);++r<n;)a[r]=e(t[r],r,t);return a}var Us="__lodash_hash_undefined__";function Ws(t){return this.__data__.set(t,Us),this}function Xs(t){return this.__data__.has(t)}function Ke(t){var e=-1,r=t==null?0:t.length;for(this.__data__=new I;++e<r;)this.add(t[e])}Ke.prototype.add=Ke.prototype.push=Ws;Ke.prototype.has=Xs;function Vs(t,e){for(var r=-1,n=t==null?0:t.length;++r<n;)if(e(t[r],r,t))return!0;return!1}function Ks(t,e){return t.has(e)}var qs=1,Ys=2;function pn(t,e,r,n,a,i){var o=r&qs,l=t.length,u=e.length;if(l!=u&&!(o&&u>l))return!1;var f=i.get(t),h=i.get(e);if(f&&h)return f==e&&h==t;var c=-1,p=!0,d=r&Ys?new Ke:void 0;for(i.set(t,e),i.set(e,t);++c<l;){var v=t[c],x=e[c];if(n)var m=o?n(x,v,c,e,t,i):n(v,x,c,t,e,i);if(m!==void 0){if(m)continue;p=!1;break}if(d){if(!Vs(e,function(E,T){if(!Ks(d,T)&&(v===E||a(v,E,r,n,i)))return d.push(T)})){p=!1;break}}else if(!(v===x||a(v,x,r,n,i))){p=!1;break}}return i.delete(t),i.delete(e),p}function Zs(t){var e=-1,r=Array(t.size);return t.forEach(function(n,a){r[++e]=[a,n]}),r}function Js(t){var e=-1,r=Array(t.size);return t.forEach(function(n){r[++e]=n}),r}var Qs=1,eu=2,tu="[object Boolean]",ru="[object Date]",nu="[object Error]",au="[object Map]",iu="[object Number]",ou="[object RegExp]",lu="[object Set]",su="[object String]",uu="[object Symbol]",fu="[object ArrayBuffer]",hu="[object DataView]",Sr=U?U.prototype:void 0,ft=Sr?Sr.valueOf:void 0;function cu(t,e,r,n,a,i,o){switch(r){case hu:if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case fu:return!(t.byteLength!=e.byteLength||!i(new Ue(t),new Ue(e)));case tu:case ru:case iu:return De(+t,+e);case nu:return t.name==e.name&&t.message==e.message;case ou:case su:return t==e+"";case au:var l=Zs;case lu:var u=n&Qs;if(l||(l=Js),t.size!=e.size&&!u)return!1;var f=o.get(t);if(f)return f==e;n|=eu,o.set(t,e);var h=pn(l(t),l(e),n,a,i,o);return o.delete(t),h;case uu:if(ft)return ft.call(t)==ft.call(e)}return!1}function pu(t,e){for(var r=-1,n=e.length,a=t.length;++r<n;)t[a+r]=e[r];return t}function du(t,e,r){var n=e(t);return $(t)?n:pu(n,r(t))}function gu(t,e){for(var r=-1,n=t==null?0:t.length,a=0,i=[];++r<n;){var o=t[r];e(o,r,t)&&(i[a++]=o)}return i}function bu(){return[]}var vu=Object.prototype,xu=vu.propertyIsEnumerable,Cr=Object.getOwnPropertySymbols,mu=Cr?function(t){return t==null?[]:(t=Object(t),gu(Cr(t),function(e){return xu.call(t,e)}))}:bu;const yu=mu;function _r(t){return du(t,At,yu)}var wu=1,Eu=Object.prototype,Su=Eu.hasOwnProperty;function Cu(t,e,r,n,a,i){var o=r&wu,l=_r(t),u=l.length,f=_r(e),h=f.length;if(u!=h&&!o)return!1;for(var c=u;c--;){var p=l[c];if(!(o?p in e:Su.call(e,p)))return!1}var d=i.get(t),v=i.get(e);if(d&&v)return d==e&&v==t;var x=!0;i.set(t,e),i.set(e,t);for(var m=o;++c<u;){p=l[c];var E=t[p],T=e[p];if(n)var V=o?n(T,E,p,e,t,i):n(E,T,p,t,e,i);if(!(V===void 0?E===T||a(E,T,r,n,i):V)){x=!1;break}m||(m=p=="constructor")}if(x&&!m){var P=t.constructor,G=e.constructor;P!=G&&"constructor"in t&&"constructor"in e&&!(typeof P=="function"&&P instanceof P&&typeof G=="function"&&G instanceof G)&&(x=!1)}return i.delete(t),i.delete(e),x}var dt=J(D,"DataView"),gt=J(D,"Promise"),bt=J(D,"Set"),vt=J(D,"WeakMap"),Or="[object Map]",_u="[object Object]",Rr="[object Promise]",Ar="[object Set]",Tr="[object WeakMap]",Pr="[object DataView]",Ou=Z(dt),Ru=Z(Pe),Au=Z(gt),Tu=Z(bt),Pu=Z(vt),K=Y;(dt&&K(new dt(new ArrayBuffer(1)))!=Pr||Pe&&K(new Pe)!=Or||gt&&K(gt.resolve())!=Rr||bt&&K(new bt)!=Ar||vt&&K(new vt)!=Tr)&&(K=function(t){var e=Y(t),r=e==_u?t.constructor:void 0,n=r?Z(r):"";if(n)switch(n){case Ou:return Pr;case Ru:return Or;case Au:return Rr;case Tu:return Ar;case Pu:return Tr}return e});const Mr=K;var Mu=1,$r="[object Arguments]",kr="[object Array]",je="[object Object]",$u=Object.prototype,Fr=$u.hasOwnProperty;function ku(t,e,r,n,a,i){var o=$(t),l=$(e),u=o?kr:Mr(t),f=l?kr:Mr(e);u=u==$r?je:u,f=f==$r?je:f;var h=u==je,c=f==je,p=u==f;if(p&&Xe(t)){if(!Xe(e))return!1;o=!0,h=!1}if(p&&!h)return i||(i=new N),o||Ot(t)?pn(t,e,r,n,a,i):cu(t,e,u,r,n,a,i);if(!(r&Mu)){var d=h&&Fr.call(t,"__wrapped__"),v=c&&Fr.call(e,"__wrapped__");if(d||v){var x=d?t.value():t,m=v?e.value():e;return i||(i=new N),a(x,m,r,n,i)}}return p?(i||(i=new N),Cu(t,e,r,n,a,i)):!1}function Pt(t,e,r,n,a){return t===e?!0:t==null||e==null||!W(t)&&!W(e)?t!==t&&e!==e:ku(t,e,r,n,Pt,a)}var Fu=1,Bu=2;function Hu(t,e,r,n){var a=r.length,i=a,o=!n;if(t==null)return!i;for(t=Object(t);a--;){var l=r[a];if(o&&l[2]?l[1]!==t[l[0]]:!(l[0]in t))return!1}for(;++a<i;){l=r[a];var u=l[0],f=t[u],h=l[1];if(o&&l[2]){if(f===void 0&&!(u in t))return!1}else{var c=new N;if(n)var p=n(f,h,u,t,e,c);if(!(p===void 0?Pt(h,f,Fu|Bu,n,c):p))return!1}}return!0}function dn(t){return t===t&&!F(t)}function Du(t){for(var e=At(t),r=e.length;r--;){var n=e[r],a=t[n];e[r]=[n,a,dn(a)]}return e}function gn(t,e){return function(r){return r==null?!1:r[t]===e&&(e!==void 0||t in Object(r))}}function Nu(t){var e=Du(t);return e.length==1&&e[0][2]?gn(e[0][0],e[0][1]):function(r){return r===t||Hu(r,t,e)}}var Lu=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,ju=/^\w*$/;function Mt(t,e){if($(t))return!1;var r=typeof t;return r=="number"||r=="symbol"||r=="boolean"||t==null||Qe(t)?!0:ju.test(t)||!Lu.test(t)||e!=null&&t in Object(e)}var Iu="Expected a function";function $t(t,e){if(typeof t!="function"||e!=null&&typeof e!="function")throw new TypeError(Iu);var r=function(){var n=arguments,a=e?e.apply(this,n):n[0],i=r.cache;if(i.has(a))return i.get(a);var o=t.apply(this,n);return r.cache=i.set(a,o)||i,o};return r.cache=new($t.Cache||I),r}$t.Cache=I;var Gu=500;function zu(t){var e=$t(t,function(n){return r.size===Gu&&r.clear(),n}),r=e.cache;return e}var Uu=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Wu=/\\(\\)?/g,Xu=zu(function(t){var e=[];return t.charCodeAt(0)===46&&e.push(""),t.replace(Uu,function(r,n,a,i){e.push(a?i.replace(Wu,"$1"):n||r)}),e}),Vu=1/0,Br=U?U.prototype:void 0,Hr=Br?Br.toString:void 0;function bn(t){if(typeof t=="string")return t;if($(t))return cn(t,bn)+"";if(Qe(t))return Hr?Hr.call(t):"";var e=t+"";return e=="0"&&1/t==-Vu?"-0":e}function Ku(t){return t==null?"":bn(t)}function vn(t,e){return $(t)?t:Mt(t,e)?[t]:Xu(Ku(t))}var qu=1/0;function rt(t){if(typeof t=="string"||Qe(t))return t;var e=t+"";return e=="0"&&1/t==-qu?"-0":e}function xn(t,e){e=vn(e,t);for(var r=0,n=e.length;t!=null&&r<n;)t=t[rt(e[r++])];return r&&r==n?t:void 0}function Yu(t,e,r){var n=t==null?void 0:xn(t,e);return n===void 0?r:n}function Zu(t,e){return t!=null&&e in Object(t)}function Ju(t,e,r){e=vn(e,t);for(var n=-1,a=e.length,i=!1;++n<a;){var o=rt(e[n]);if(!(i=t!=null&&r(t,o)))break;t=t[o]}return i||++n!=a?i:(a=t==null?0:t.length,!!a&&_t(a)&&Rt(o,a)&&($(t)||We(t)))}function Qu(t,e){return t!=null&&Ju(t,e,Zu)}var ef=1,tf=2;function rf(t,e){return Mt(t)&&dn(e)?gn(rt(t),e):function(r){var n=Yu(r,t);return n===void 0&&n===e?Qu(r,t):Pt(e,n,ef|tf)}}function nf(t){return function(e){return e==null?void 0:e[t]}}function af(t){return function(e){return xn(e,t)}}function of(t){return Mt(t)?nf(rt(t)):af(t)}function lf(t){return typeof t=="function"?t:t==null?Je:typeof t=="object"?$(t)?rf(t[0],t[1]):Nu(t):of(t)}function sf(t,e){var r=-1,n=we(t)?Array(t.length):[];return sn(t,function(a,i,o){n[++r]=e(a,i,o)}),n}function ee(t,e){var r=$(t)?cn:sf;return r(t,lf(e))}var uf=function(e){var r=e.colors,n=e.onClick,a=e.onSwatchHover,i=y({default:{swatches:{marginRight:"-10px"},swatch:{width:"22px",height:"22px",float:"left",marginRight:"10px",marginBottom:"10px",borderRadius:"4px"},clear:{clear:"both"}}});return s.createElement("div",{style:i.swatches},ee(r,function(o){return s.createElement(Q,{key:o,color:o,style:i.swatch,onClick:n,onHover:a,focusStyle:{boxShadow:"0 0 4px "+o}})}),s.createElement("div",{style:i.clear}))},kt=function(e){var r=e.onChange,n=e.onSwatchHover,a=e.hex,i=e.colors,o=e.width,l=e.triangle,u=e.styles,f=u===void 0?{}:u,h=e.className,c=h===void 0?"":h,p=a==="transparent",d=function(m,E){X(m)&&r({hex:m,source:"hex"},E)},v=y(R({default:{card:{width:o,background:"#fff",boxShadow:"0 1px rgba(0,0,0,.1)",borderRadius:"6px",position:"relative"},head:{height:"110px",background:a,borderRadius:"6px 6px 0 0",display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},body:{padding:"10px"},label:{fontSize:"18px",color:Tt(a),position:"relative"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 10px 10px 10px",borderColor:"transparent transparent "+a+" transparent",position:"absolute",top:"-10px",left:"50%",marginLeft:"-10px"},input:{width:"100%",fontSize:"12px",color:"#666",border:"0px",outline:"none",height:"22px",boxShadow:"inset 0 0 0 1px #ddd",borderRadius:"4px",padding:"0 7px",boxSizing:"border-box"}},"hide-triangle":{triangle:{display:"none"}}},f),{"hide-triangle":l==="hide"});return s.createElement("div",{style:v.card,className:"block-picker "+c},s.createElement("div",{style:v.triangle}),s.createElement("div",{style:v.head},p&&s.createElement(me,{borderRadius:"6px 6px 0 0"}),s.createElement("div",{style:v.label},a)),s.createElement("div",{style:v.body},s.createElement(uf,{colors:i,onClick:d,onSwatchHover:n}),s.createElement(w,{style:{input:v.input},value:a,onChange:d})))};kt.propTypes={width:g.oneOfType([g.string,g.number]),colors:g.arrayOf(g.string),triangle:g.oneOf(["top","hide"]),styles:g.object};kt.defaultProps={width:170,colors:["#D9E3F0","#F47373","#697689","#37D67A","#2CCCE4","#555555","#dce775","#ff8a65","#ba68c8"],triangle:"top",styles:{}};A(kt);var te={50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",a100:"#ff8a80",a200:"#ff5252",a400:"#ff1744",a700:"#d50000"},re={50:"#fce4ec",100:"#f8bbd0",200:"#f48fb1",300:"#f06292",400:"#ec407a",500:"#e91e63",600:"#d81b60",700:"#c2185b",800:"#ad1457",900:"#880e4f",a100:"#ff80ab",a200:"#ff4081",a400:"#f50057",a700:"#c51162"},ne={50:"#f3e5f5",100:"#e1bee7",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",600:"#8e24aa",700:"#7b1fa2",800:"#6a1b9a",900:"#4a148c",a100:"#ea80fc",a200:"#e040fb",a400:"#d500f9",a700:"#aa00ff"},ae={50:"#ede7f6",100:"#d1c4e9",200:"#b39ddb",300:"#9575cd",400:"#7e57c2",500:"#673ab7",600:"#5e35b1",700:"#512da8",800:"#4527a0",900:"#311b92",a100:"#b388ff",a200:"#7c4dff",a400:"#651fff",a700:"#6200ea"},ie={50:"#e8eaf6",100:"#c5cae9",200:"#9fa8da",300:"#7986cb",400:"#5c6bc0",500:"#3f51b5",600:"#3949ab",700:"#303f9f",800:"#283593",900:"#1a237e",a100:"#8c9eff",a200:"#536dfe",a400:"#3d5afe",a700:"#304ffe"},oe={50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",a100:"#82b1ff",a200:"#448aff",a400:"#2979ff",a700:"#2962ff"},le={50:"#e1f5fe",100:"#b3e5fc",200:"#81d4fa",300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",600:"#039be5",700:"#0288d1",800:"#0277bd",900:"#01579b",a100:"#80d8ff",a200:"#40c4ff",a400:"#00b0ff",a700:"#0091ea"},se={50:"#e0f7fa",100:"#b2ebf2",200:"#80deea",300:"#4dd0e1",400:"#26c6da",500:"#00bcd4",600:"#00acc1",700:"#0097a7",800:"#00838f",900:"#006064",a100:"#84ffff",a200:"#18ffff",a400:"#00e5ff",a700:"#00b8d4"},ue={50:"#e0f2f1",100:"#b2dfdb",200:"#80cbc4",300:"#4db6ac",400:"#26a69a",500:"#009688",600:"#00897b",700:"#00796b",800:"#00695c",900:"#004d40",a100:"#a7ffeb",a200:"#64ffda",a400:"#1de9b6",a700:"#00bfa5"},Ae={50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",a100:"#b9f6ca",a200:"#69f0ae",a400:"#00e676",a700:"#00c853"},fe={50:"#f1f8e9",100:"#dcedc8",200:"#c5e1a5",300:"#aed581",400:"#9ccc65",500:"#8bc34a",600:"#7cb342",700:"#689f38",800:"#558b2f",900:"#33691e",a100:"#ccff90",a200:"#b2ff59",a400:"#76ff03",a700:"#64dd17"},he={50:"#f9fbe7",100:"#f0f4c3",200:"#e6ee9c",300:"#dce775",400:"#d4e157",500:"#cddc39",600:"#c0ca33",700:"#afb42b",800:"#9e9d24",900:"#827717",a100:"#f4ff81",a200:"#eeff41",a400:"#c6ff00",a700:"#aeea00"},ce={50:"#fffde7",100:"#fff9c4",200:"#fff59d",300:"#fff176",400:"#ffee58",500:"#ffeb3b",600:"#fdd835",700:"#fbc02d",800:"#f9a825",900:"#f57f17",a100:"#ffff8d",a200:"#ffff00",a400:"#ffea00",a700:"#ffd600"},pe={50:"#fff8e1",100:"#ffecb3",200:"#ffe082",300:"#ffd54f",400:"#ffca28",500:"#ffc107",600:"#ffb300",700:"#ffa000",800:"#ff8f00",900:"#ff6f00",a100:"#ffe57f",a200:"#ffd740",a400:"#ffc400",a700:"#ffab00"},de={50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",a100:"#ffd180",a200:"#ffab40",a400:"#ff9100",a700:"#ff6d00"},ge={50:"#fbe9e7",100:"#ffccbc",200:"#ffab91",300:"#ff8a65",400:"#ff7043",500:"#ff5722",600:"#f4511e",700:"#e64a19",800:"#d84315",900:"#bf360c",a100:"#ff9e80",a200:"#ff6e40",a400:"#ff3d00",a700:"#dd2c00"},be={50:"#efebe9",100:"#d7ccc8",200:"#bcaaa4",300:"#a1887f",400:"#8d6e63",500:"#795548",600:"#6d4c41",700:"#5d4037",800:"#4e342e",900:"#3e2723"},ve={50:"#eceff1",100:"#cfd8dc",200:"#b0bec5",300:"#90a4ae",400:"#78909c",500:"#607d8b",600:"#546e7a",700:"#455a64",800:"#37474f",900:"#263238"},mn=function(e){var r=e.color,n=e.onClick,a=e.onSwatchHover,i=e.hover,o=e.active,l=e.circleSize,u=e.circleSpacing,f=y({default:{swatch:{width:l,height:l,marginRight:u,marginBottom:u,transform:"scale(1)",transition:"100ms transform ease"},Swatch:{borderRadius:"50%",background:"transparent",boxShadow:"inset 0 0 0 "+(l/2+1)+"px "+r,transition:"100ms box-shadow ease"}},hover:{swatch:{transform:"scale(1.2)"}},active:{Swatch:{boxShadow:"inset 0 0 0 3px "+r}}},{hover:i,active:o});return s.createElement("div",{style:f.swatch},s.createElement(Q,{style:f.Swatch,color:r,onClick:n,onHover:a,focusStyle:{boxShadow:f.Swatch.boxShadow+", 0 0 5px "+r}}))};mn.defaultProps={circleSize:28,circleSpacing:14};const ff=yt(mn);var Ft=function(e){var r=e.width,n=e.onChange,a=e.onSwatchHover,i=e.colors,o=e.hex,l=e.circleSize,u=e.styles,f=u===void 0?{}:u,h=e.circleSpacing,c=e.className,p=c===void 0?"":c,d=y(R({default:{card:{width:r,display:"flex",flexWrap:"wrap",marginRight:-h,marginBottom:-h}}},f)),v=function(m,E){return n({hex:m,source:"hex"},E)};return s.createElement("div",{style:d.card,className:"circle-picker "+p},ee(i,function(x){return s.createElement(ff,{key:x,color:x,onClick:v,onSwatchHover:a,active:o===x.toLowerCase(),circleSize:l,circleSpacing:h})}))};Ft.propTypes={width:g.oneOfType([g.string,g.number]),circleSize:g.number,circleSpacing:g.number,styles:g.object};Ft.defaultProps={width:252,circleSize:28,circleSpacing:14,colors:[te[500],re[500],ne[500],ae[500],ie[500],oe[500],le[500],se[500],ue[500],Ae[500],fe[500],he[500],ce[500],pe[500],de[500],ge[500],be[500],ve[500]],styles:{}};A(Ft);function Dr(t){return t===void 0}var yn={};Object.defineProperty(yn,"__esModule",{value:!0});var Nr=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},hf=O,Lr=cf(hf);function cf(t){return t&&t.__esModule?t:{default:t}}function pf(t,e){var r={};for(var n in t)e.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n]);return r}var Ie=24,df=yn.default=function(t){var e=t.fill,r=e===void 0?"currentColor":e,n=t.width,a=n===void 0?Ie:n,i=t.height,o=i===void 0?Ie:i,l=t.style,u=l===void 0?{}:l,f=pf(t,["fill","width","height","style"]);return Lr.default.createElement("svg",Nr({viewBox:"0 0 "+Ie+" "+Ie,style:Nr({fill:r,width:a,height:o},u)},f),Lr.default.createElement("path",{d:"M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z"}))},gf=function(){function t(e,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}();function bf(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function vf(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t}function xf(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var wn=function(t){xf(e,t);function e(r){bf(this,e);var n=vf(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return n.toggleViews=function(){n.state.view==="hex"?n.setState({view:"rgb"}):n.state.view==="rgb"?n.setState({view:"hsl"}):n.state.view==="hsl"&&(n.props.hsl.a===1?n.setState({view:"hex"}):n.setState({view:"rgb"}))},n.handleChange=function(a,i){a.hex?X(a.hex)&&n.props.onChange({hex:a.hex,source:"hex"},i):a.r||a.g||a.b?n.props.onChange({r:a.r||n.props.rgb.r,g:a.g||n.props.rgb.g,b:a.b||n.props.rgb.b,source:"rgb"},i):a.a?(a.a<0?a.a=0:a.a>1&&(a.a=1),n.props.onChange({h:n.props.hsl.h,s:n.props.hsl.s,l:n.props.hsl.l,a:Math.round(a.a*100)/100,source:"rgb"},i)):(a.h||a.s||a.l)&&(typeof a.s=="string"&&a.s.includes("%")&&(a.s=a.s.replace("%","")),typeof a.l=="string"&&a.l.includes("%")&&(a.l=a.l.replace("%","")),a.s==1?a.s=.01:a.l==1&&(a.l=.01),n.props.onChange({h:a.h||n.props.hsl.h,s:Number(Dr(a.s)?n.props.hsl.s:a.s),l:Number(Dr(a.l)?n.props.hsl.l:a.l),source:"hsl"},i))},n.showHighlight=function(a){a.currentTarget.style.background="#eee"},n.hideHighlight=function(a){a.currentTarget.style.background="transparent"},r.hsl.a!==1&&r.view==="hex"?n.state={view:"rgb"}:n.state={view:r.view},n}return gf(e,[{key:"render",value:function(){var n=this,a=y({default:{wrap:{paddingTop:"16px",display:"flex"},fields:{flex:"1",display:"flex",marginLeft:"-6px"},field:{paddingLeft:"6px",width:"100%"},alpha:{paddingLeft:"6px",width:"100%"},toggle:{width:"32px",textAlign:"right",position:"relative"},icon:{marginRight:"-4px",marginTop:"12px",cursor:"pointer",position:"relative"},iconHighlight:{position:"absolute",width:"24px",height:"28px",background:"#eee",borderRadius:"4px",top:"10px",left:"12px",display:"none"},input:{fontSize:"11px",color:"#333",width:"100%",borderRadius:"2px",border:"none",boxShadow:"inset 0 0 0 1px #dadada",height:"21px",textAlign:"center"},label:{textTransform:"uppercase",fontSize:"11px",lineHeight:"11px",color:"#969696",textAlign:"center",display:"block",marginTop:"12px"},svg:{fill:"#333",width:"24px",height:"24px",border:"1px transparent solid",borderRadius:"5px"}},disableAlpha:{alpha:{display:"none"}}},this.props,this.state),i=void 0;return this.state.view==="hex"?i=s.createElement("div",{style:a.fields,className:"flexbox-fix"},s.createElement("div",{style:a.field},s.createElement(w,{style:{input:a.input,label:a.label},label:"hex",value:this.props.hex,onChange:this.handleChange}))):this.state.view==="rgb"?i=s.createElement("div",{style:a.fields,className:"flexbox-fix"},s.createElement("div",{style:a.field},s.createElement(w,{style:{input:a.input,label:a.label},label:"r",value:this.props.rgb.r,onChange:this.handleChange})),s.createElement("div",{style:a.field},s.createElement(w,{style:{input:a.input,label:a.label},label:"g",value:this.props.rgb.g,onChange:this.handleChange})),s.createElement("div",{style:a.field},s.createElement(w,{style:{input:a.input,label:a.label},label:"b",value:this.props.rgb.b,onChange:this.handleChange})),s.createElement("div",{style:a.alpha},s.createElement(w,{style:{input:a.input,label:a.label},label:"a",value:this.props.rgb.a,arrowOffset:.01,onChange:this.handleChange}))):this.state.view==="hsl"&&(i=s.createElement("div",{style:a.fields,className:"flexbox-fix"},s.createElement("div",{style:a.field},s.createElement(w,{style:{input:a.input,label:a.label},label:"h",value:Math.round(this.props.hsl.h),onChange:this.handleChange})),s.createElement("div",{style:a.field},s.createElement(w,{style:{input:a.input,label:a.label},label:"s",value:Math.round(this.props.hsl.s*100)+"%",onChange:this.handleChange})),s.createElement("div",{style:a.field},s.createElement(w,{style:{input:a.input,label:a.label},label:"l",value:Math.round(this.props.hsl.l*100)+"%",onChange:this.handleChange})),s.createElement("div",{style:a.alpha},s.createElement(w,{style:{input:a.input,label:a.label},label:"a",value:this.props.hsl.a,arrowOffset:.01,onChange:this.handleChange})))),s.createElement("div",{style:a.wrap,className:"flexbox-fix"},i,s.createElement("div",{style:a.toggle},s.createElement("div",{style:a.icon,onClick:this.toggleViews,ref:function(l){return n.icon=l}},s.createElement(df,{style:a.svg,onMouseOver:this.showHighlight,onMouseEnter:this.showHighlight,onMouseOut:this.hideHighlight}))))}}],[{key:"getDerivedStateFromProps",value:function(n,a){return n.hsl.a!==1&&a.view==="hex"?{view:"rgb"}:null}}]),e}(s.Component);wn.defaultProps={view:"hex"};var jr=function(){var e=y({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",transform:"translate(-6px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return s.createElement("div",{style:e.picker})},mf=function(){var e=y({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}}});return s.createElement("div",{style:e.picker})},Bt=function(e){var r=e.width,n=e.onChange,a=e.disableAlpha,i=e.rgb,o=e.hsl,l=e.hsv,u=e.hex,f=e.renderers,h=e.styles,c=h===void 0?{}:h,p=e.className,d=p===void 0?"":p,v=e.defaultView,x=y(R({default:{picker:{width:r,background:"#fff",borderRadius:"2px",boxShadow:"0 0 2px rgba(0,0,0,.3), 0 4px 8px rgba(0,0,0,.3)",boxSizing:"initial",fontFamily:"Menlo"},saturation:{width:"100%",paddingBottom:"55%",position:"relative",borderRadius:"2px 2px 0 0",overflow:"hidden"},Saturation:{radius:"2px 2px 0 0"},body:{padding:"16px 16px 12px"},controls:{display:"flex"},color:{width:"32px"},swatch:{marginTop:"6px",width:"16px",height:"16px",borderRadius:"8px",position:"relative",overflow:"hidden"},active:{absolute:"0px 0px 0px 0px",borderRadius:"8px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.1)",background:"rgba("+i.r+", "+i.g+", "+i.b+", "+i.a+")",zIndex:"2"},toggles:{flex:"1"},hue:{height:"10px",position:"relative",marginBottom:"8px"},Hue:{radius:"2px"},alpha:{height:"10px",position:"relative"},Alpha:{radius:"2px"}},disableAlpha:{color:{width:"22px"},alpha:{display:"none"},hue:{marginBottom:"0px"},swatch:{width:"10px",height:"10px",marginTop:"0px"}}},c),{disableAlpha:a});return s.createElement("div",{style:x.picker,className:"chrome-picker "+d},s.createElement("div",{style:x.saturation},s.createElement(et,{style:x.Saturation,hsl:o,hsv:l,pointer:mf,onChange:n})),s.createElement("div",{style:x.body},s.createElement("div",{style:x.controls,className:"flexbox-fix"},s.createElement("div",{style:x.color},s.createElement("div",{style:x.swatch},s.createElement("div",{style:x.active}),s.createElement(me,{renderers:f}))),s.createElement("div",{style:x.toggles},s.createElement("div",{style:x.hue},s.createElement(ye,{style:x.Hue,hsl:o,pointer:jr,onChange:n})),s.createElement("div",{style:x.alpha},s.createElement(wt,{style:x.Alpha,rgb:i,hsl:o,pointer:jr,renderers:f,onChange:n})))),s.createElement(wn,{rgb:i,hsl:o,hex:u,view:v,onChange:n,disableAlpha:a})))};Bt.propTypes={width:g.oneOfType([g.string,g.number]),disableAlpha:g.bool,styles:g.object,defaultView:g.oneOf(["hex","rgb","hsl"])};Bt.defaultProps={width:225,disableAlpha:!1,styles:{}};const Kf=A(Bt);var yf=function(e){var r=e.color,n=e.onClick,a=n===void 0?function(){}:n,i=e.onSwatchHover,o=e.active,l=y({default:{color:{background:r,width:"15px",height:"15px",float:"left",marginRight:"5px",marginBottom:"5px",position:"relative",cursor:"pointer"},dot:{absolute:"5px 5px 5px 5px",background:Tt(r),borderRadius:"50%",opacity:"0"}},active:{dot:{opacity:"1"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #ddd"},dot:{background:"#000"}},transparent:{dot:{background:"#000"}}},{active:o,"color-#FFFFFF":r==="#FFFFFF",transparent:r==="transparent"});return s.createElement(Q,{style:l.color,color:r,onClick:a,onHover:i,focusStyle:{boxShadow:"0 0 4px "+r}},s.createElement("div",{style:l.dot}))},wf=function(e){var r=e.hex,n=e.rgb,a=e.onChange,i=y({default:{fields:{display:"flex",paddingBottom:"6px",paddingRight:"5px",position:"relative"},active:{position:"absolute",top:"6px",left:"5px",height:"9px",width:"9px",background:r},HEXwrap:{flex:"6",position:"relative"},HEXinput:{width:"80%",padding:"0px",paddingLeft:"20%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},HEXlabel:{display:"none"},RGBwrap:{flex:"3",position:"relative"},RGBinput:{width:"70%",padding:"0px",paddingLeft:"30%",border:"none",outline:"none",background:"none",fontSize:"12px",color:"#333",height:"16px"},RGBlabel:{position:"absolute",top:"3px",left:"0px",lineHeight:"16px",textTransform:"uppercase",fontSize:"12px",color:"#999"}}}),o=function(u,f){u.r||u.g||u.b?a({r:u.r||n.r,g:u.g||n.g,b:u.b||n.b,source:"rgb"},f):a({hex:u.hex,source:"hex"},f)};return s.createElement("div",{style:i.fields,className:"flexbox-fix"},s.createElement("div",{style:i.active}),s.createElement(w,{style:{wrap:i.HEXwrap,input:i.HEXinput,label:i.HEXlabel},label:"hex",value:r,onChange:o}),s.createElement(w,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"r",value:n.r,onChange:o}),s.createElement(w,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"g",value:n.g,onChange:o}),s.createElement(w,{style:{wrap:i.RGBwrap,input:i.RGBinput,label:i.RGBlabel},label:"b",value:n.b,onChange:o}))},Ht=function(e){var r=e.onChange,n=e.onSwatchHover,a=e.colors,i=e.hex,o=e.rgb,l=e.styles,u=l===void 0?{}:l,f=e.className,h=f===void 0?"":f,c=y(R({default:{Compact:{background:"#f6f6f6",radius:"4px"},compact:{paddingTop:"5px",paddingLeft:"5px",boxSizing:"initial",width:"240px"},clear:{clear:"both"}}},u)),p=function(v,x){v.hex?X(v.hex)&&r({hex:v.hex,source:"hex"},x):r(v,x)};return s.createElement(Ne,{style:c.Compact,styles:u},s.createElement("div",{style:c.compact,className:"compact-picker "+h},s.createElement("div",null,ee(a,function(d){return s.createElement(yf,{key:d,color:d,active:d.toLowerCase()===i,onClick:p,onSwatchHover:n})}),s.createElement("div",{style:c.clear})),s.createElement(wf,{hex:i,rgb:o,onChange:p})))};Ht.propTypes={colors:g.arrayOf(g.string),styles:g.object};Ht.defaultProps={colors:["#4D4D4D","#999999","#FFFFFF","#F44E3B","#FE9200","#FCDC00","#DBDF00","#A4DD00","#68CCCA","#73D8FF","#AEA1FF","#FDA1FF","#333333","#808080","#cccccc","#D33115","#E27300","#FCC400","#B0BC00","#68BC00","#16A5A5","#009CE0","#7B64FF","#FA28FF","#000000","#666666","#B3B3B3","#9F0500","#C45100","#FB9E00","#808900","#194D33","#0C797D","#0062B1","#653294","#AB149E"],styles:{}};A(Ht);var Ef=function(e){var r=e.hover,n=e.color,a=e.onClick,i=e.onSwatchHover,o={position:"relative",zIndex:"2",outline:"2px solid #fff",boxShadow:"0 0 5px 2px rgba(0,0,0,0.25)"},l=y({default:{swatch:{width:"25px",height:"25px",fontSize:"0"}},hover:{swatch:o}},{hover:r});return s.createElement("div",{style:l.swatch},s.createElement(Q,{color:n,onClick:a,onHover:i,focusStyle:o}))};const Sf=yt(Ef);var Dt=function(e){var r=e.width,n=e.colors,a=e.onChange,i=e.onSwatchHover,o=e.triangle,l=e.styles,u=l===void 0?{}:l,f=e.className,h=f===void 0?"":f,c=y(R({default:{card:{width:r,background:"#fff",border:"1px solid rgba(0,0,0,0.2)",boxShadow:"0 3px 12px rgba(0,0,0,0.15)",borderRadius:"4px",position:"relative",padding:"5px",display:"flex",flexWrap:"wrap"},triangle:{position:"absolute",border:"7px solid transparent",borderBottomColor:"#fff"},triangleShadow:{position:"absolute",border:"8px solid transparent",borderBottomColor:"rgba(0,0,0,0.15)"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-14px",left:"10px"},triangleShadow:{top:"-16px",left:"9px"}},"top-right-triangle":{triangle:{top:"-14px",right:"10px"},triangleShadow:{top:"-16px",right:"9px"}},"bottom-left-triangle":{triangle:{top:"35px",left:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",left:"9px",transform:"rotate(180deg)"}},"bottom-right-triangle":{triangle:{top:"35px",right:"10px",transform:"rotate(180deg)"},triangleShadow:{top:"37px",right:"9px",transform:"rotate(180deg)"}}},u),{"hide-triangle":o==="hide","top-left-triangle":o==="top-left","top-right-triangle":o==="top-right","bottom-left-triangle":o==="bottom-left","bottom-right-triangle":o==="bottom-right"}),p=function(v,x){return a({hex:v,source:"hex"},x)};return s.createElement("div",{style:c.card,className:"github-picker "+h},s.createElement("div",{style:c.triangleShadow}),s.createElement("div",{style:c.triangle}),ee(n,function(d){return s.createElement(Sf,{color:d,key:d,onClick:p,onSwatchHover:i})}))};Dt.propTypes={width:g.oneOfType([g.string,g.number]),colors:g.arrayOf(g.string),triangle:g.oneOf(["hide","top-left","top-right","bottom-left","bottom-right"]),styles:g.object};Dt.defaultProps={width:200,colors:["#B80000","#DB3E00","#FCCB00","#008B02","#006B76","#1273DE","#004DCF","#5300EB","#EB9694","#FAD0C3","#FEF3BD","#C1E1C5","#BEDADC","#C4DEF6","#BED3F3","#D4C4FB"],triangle:"top-left",styles:{}};A(Dt);var Cf=function(e){var r=e.direction,n=y({default:{picker:{width:"18px",height:"18px",borderRadius:"50%",transform:"translate(-9px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}},vertical:{picker:{transform:"translate(-3px, -9px)"}}},{vertical:r==="vertical"});return s.createElement("div",{style:n.picker})},_f=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},Nt=function(e){var r=e.width,n=e.height,a=e.onChange,i=e.hsl,o=e.direction,l=e.pointer,u=e.styles,f=u===void 0?{}:u,h=e.className,c=h===void 0?"":h,p=y(R({default:{picker:{position:"relative",width:r,height:n},hue:{radius:"2px"}}},f)),d=function(x){return a({a:1,h:x.h,l:.5,s:1})};return s.createElement("div",{style:p.picker,className:"hue-picker "+c},s.createElement(ye,_f({},p.hue,{hsl:i,pointer:l,onChange:d,direction:o})))};Nt.propTypes={styles:g.object};Nt.defaultProps={width:"316px",height:"16px",direction:"horizontal",pointer:Cf,styles:{}};A(Nt);var Of=function(e){var r=e.onChange,n=e.hex,a=e.rgb,i=e.styles,o=i===void 0?{}:i,l=e.className,u=l===void 0?"":l,f=y(R({default:{material:{width:"98px",height:"98px",padding:"16px",fontFamily:"Roboto"},HEXwrap:{position:"relative"},HEXinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"2px solid "+n,outline:"none",height:"30px"},HEXlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},Hex:{style:{}},RGBwrap:{position:"relative"},RGBinput:{width:"100%",marginTop:"12px",fontSize:"15px",color:"#333",padding:"0px",border:"0px",borderBottom:"1px solid #eee",outline:"none",height:"30px"},RGBlabel:{position:"absolute",top:"0px",left:"0px",fontSize:"11px",color:"#999999",textTransform:"capitalize"},split:{display:"flex",marginRight:"-10px",paddingTop:"11px"},third:{flex:"1",paddingRight:"10px"}}},o)),h=function(p,d){p.hex?X(p.hex)&&r({hex:p.hex,source:"hex"},d):(p.r||p.g||p.b)&&r({r:p.r||a.r,g:p.g||a.g,b:p.b||a.b,source:"rgb"},d)};return s.createElement(Ne,{styles:o},s.createElement("div",{style:f.material,className:"material-picker "+u},s.createElement(w,{style:{wrap:f.HEXwrap,input:f.HEXinput,label:f.HEXlabel},label:"hex",value:n,onChange:h}),s.createElement("div",{style:f.split,className:"flexbox-fix"},s.createElement("div",{style:f.third},s.createElement(w,{style:{wrap:f.RGBwrap,input:f.RGBinput,label:f.RGBlabel},label:"r",value:a.r,onChange:h})),s.createElement("div",{style:f.third},s.createElement(w,{style:{wrap:f.RGBwrap,input:f.RGBinput,label:f.RGBlabel},label:"g",value:a.g,onChange:h})),s.createElement("div",{style:f.third},s.createElement(w,{style:{wrap:f.RGBwrap,input:f.RGBinput,label:f.RGBlabel},label:"b",value:a.b,onChange:h})))))};A(Of);var Rf=function(e){var r=e.onChange,n=e.rgb,a=e.hsv,i=e.hex,o=y({default:{fields:{paddingTop:"5px",paddingBottom:"9px",width:"80px",position:"relative"},divider:{height:"5px"},RGBwrap:{position:"relative"},RGBinput:{marginLeft:"40%",width:"40%",height:"18px",border:"1px solid #888888",boxShadow:"inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",marginBottom:"5px",fontSize:"13px",paddingLeft:"3px",marginRight:"10px"},RGBlabel:{left:"0px",top:"0px",width:"34px",textTransform:"uppercase",fontSize:"13px",height:"18px",lineHeight:"22px",position:"absolute"},HEXwrap:{position:"relative"},HEXinput:{marginLeft:"20%",width:"80%",height:"18px",border:"1px solid #888888",boxShadow:"inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",marginBottom:"6px",fontSize:"13px",paddingLeft:"3px"},HEXlabel:{position:"absolute",top:"0px",left:"0px",width:"14px",textTransform:"uppercase",fontSize:"13px",height:"18px",lineHeight:"22px"},fieldSymbols:{position:"absolute",top:"5px",right:"-7px",fontSize:"13px"},symbol:{height:"20px",lineHeight:"22px",paddingBottom:"7px"}}}),l=function(f,h){f["#"]?X(f["#"])&&r({hex:f["#"],source:"hex"},h):f.r||f.g||f.b?r({r:f.r||n.r,g:f.g||n.g,b:f.b||n.b,source:"rgb"},h):(f.h||f.s||f.v)&&r({h:f.h||a.h,s:f.s||a.s,v:f.v||a.v,source:"hsv"},h)};return s.createElement("div",{style:o.fields},s.createElement(w,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"h",value:Math.round(a.h),onChange:l}),s.createElement(w,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"s",value:Math.round(a.s*100),onChange:l}),s.createElement(w,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"v",value:Math.round(a.v*100),onChange:l}),s.createElement("div",{style:o.divider}),s.createElement(w,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"r",value:n.r,onChange:l}),s.createElement(w,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"g",value:n.g,onChange:l}),s.createElement(w,{style:{wrap:o.RGBwrap,input:o.RGBinput,label:o.RGBlabel},label:"b",value:n.b,onChange:l}),s.createElement("div",{style:o.divider}),s.createElement(w,{style:{wrap:o.HEXwrap,input:o.HEXinput,label:o.HEXlabel},label:"#",value:i.replace("#",""),onChange:l}),s.createElement("div",{style:o.fieldSymbols},s.createElement("div",{style:o.symbol},"°"),s.createElement("div",{style:o.symbol},"%"),s.createElement("div",{style:o.symbol},"%")))},Af=function(e){var r=e.hsl,n=y({default:{picker:{width:"12px",height:"12px",borderRadius:"6px",boxShadow:"inset 0 0 0 1px #fff",transform:"translate(-6px, -6px)"}},"black-outline":{picker:{boxShadow:"inset 0 0 0 1px #000"}}},{"black-outline":r.l>.5});return s.createElement("div",{style:n.picker})},Tf=function(){var e=y({default:{triangle:{width:0,height:0,borderStyle:"solid",borderWidth:"4px 0 4px 6px",borderColor:"transparent transparent transparent #fff",position:"absolute",top:"1px",left:"1px"},triangleBorder:{width:0,height:0,borderStyle:"solid",borderWidth:"5px 0 5px 8px",borderColor:"transparent transparent transparent #555"},left:{Extend:"triangleBorder",transform:"translate(-13px, -4px)"},leftInside:{Extend:"triangle",transform:"translate(-8px, -5px)"},right:{Extend:"triangleBorder",transform:"translate(20px, -14px) rotate(180deg)"},rightInside:{Extend:"triangle",transform:"translate(-8px, -5px)"}}});return s.createElement("div",{style:e.pointer},s.createElement("div",{style:e.left},s.createElement("div",{style:e.leftInside})),s.createElement("div",{style:e.right},s.createElement("div",{style:e.rightInside})))},Ir=function(e){var r=e.onClick,n=e.label,a=e.children,i=e.active,o=y({default:{button:{backgroundImage:"linear-gradient(-180deg, #FFFFFF 0%, #E6E6E6 100%)",border:"1px solid #878787",borderRadius:"2px",height:"20px",boxShadow:"0 1px 0 0 #EAEAEA",fontSize:"14px",color:"#000",lineHeight:"20px",textAlign:"center",marginBottom:"10px",cursor:"pointer"}},active:{button:{boxShadow:"0 0 0 1px #878787"}}},{active:i});return s.createElement("div",{style:o.button,onClick:r},n||a)},Pf=function(e){var r=e.rgb,n=e.currentColor,a=y({default:{swatches:{border:"1px solid #B3B3B3",borderBottom:"1px solid #F0F0F0",marginBottom:"2px",marginTop:"1px"},new:{height:"34px",background:"rgb("+r.r+","+r.g+", "+r.b+")",boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000"},current:{height:"34px",background:n,boxShadow:"inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000"},label:{fontSize:"14px",color:"#000",textAlign:"center"}}});return s.createElement("div",null,s.createElement("div",{style:a.label},"new"),s.createElement("div",{style:a.swatches},s.createElement("div",{style:a.new}),s.createElement("div",{style:a.current})),s.createElement("div",{style:a.label},"current"))},Mf=function(){function t(e,r){for(var n=0;n<r.length;n++){var a=r[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(e,r,n){return r&&t(e.prototype,r),n&&t(e,n),e}}();function $f(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function kf(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t}function Ff(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var Lt=function(t){Ff(e,t);function e(r){$f(this,e);var n=kf(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return n.state={currentColor:r.hex},n}return Mf(e,[{key:"render",value:function(){var n=this.props,a=n.styles,i=a===void 0?{}:a,o=n.className,l=o===void 0?"":o,u=y(R({default:{picker:{background:"#DCDCDC",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.25), 0 8px 16px rgba(0,0,0,.15)",boxSizing:"initial",width:"513px"},head:{backgroundImage:"linear-gradient(-180deg, #F0F0F0 0%, #D4D4D4 100%)",borderBottom:"1px solid #B1B1B1",boxShadow:"inset 0 1px 0 0 rgba(255,255,255,.2), inset 0 -1px 0 0 rgba(0,0,0,.02)",height:"23px",lineHeight:"24px",borderRadius:"4px 4px 0 0",fontSize:"13px",color:"#4D4D4D",textAlign:"center"},body:{padding:"15px 15px 0",display:"flex"},saturation:{width:"256px",height:"256px",position:"relative",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0",overflow:"hidden"},hue:{position:"relative",height:"256px",width:"19px",marginLeft:"10px",border:"2px solid #B3B3B3",borderBottom:"2px solid #F0F0F0"},controls:{width:"180px",marginLeft:"10px"},top:{display:"flex"},previews:{width:"60px"},actions:{flex:"1",marginLeft:"20px"}}},i));return s.createElement("div",{style:u.picker,className:"photoshop-picker "+l},s.createElement("div",{style:u.head},this.props.header),s.createElement("div",{style:u.body,className:"flexbox-fix"},s.createElement("div",{style:u.saturation},s.createElement(et,{hsl:this.props.hsl,hsv:this.props.hsv,pointer:Af,onChange:this.props.onChange})),s.createElement("div",{style:u.hue},s.createElement(ye,{direction:"vertical",hsl:this.props.hsl,pointer:Tf,onChange:this.props.onChange})),s.createElement("div",{style:u.controls},s.createElement("div",{style:u.top,className:"flexbox-fix"},s.createElement("div",{style:u.previews},s.createElement(Pf,{rgb:this.props.rgb,currentColor:this.state.currentColor})),s.createElement("div",{style:u.actions},s.createElement(Ir,{label:"OK",onClick:this.props.onAccept,active:!0}),s.createElement(Ir,{label:"Cancel",onClick:this.props.onCancel}),s.createElement(Rf,{onChange:this.props.onChange,rgb:this.props.rgb,hsv:this.props.hsv,hex:this.props.hex}))))))}}]),e}(s.Component);Lt.propTypes={header:g.string,styles:g.object};Lt.defaultProps={header:"Color Picker",styles:{}};A(Lt);var Bf=function(e){var r=e.onChange,n=e.rgb,a=e.hsl,i=e.hex,o=e.disableAlpha,l=y({default:{fields:{display:"flex",paddingTop:"4px"},single:{flex:"1",paddingLeft:"6px"},alpha:{flex:"1",paddingLeft:"6px"},double:{flex:"2"},input:{width:"80%",padding:"4px 10% 3px",border:"none",boxShadow:"inset 0 0 0 1px #ccc",fontSize:"11px"},label:{display:"block",textAlign:"center",fontSize:"11px",color:"#222",paddingTop:"3px",paddingBottom:"4px",textTransform:"capitalize"}},disableAlpha:{alpha:{display:"none"}}},{disableAlpha:o}),u=function(h,c){h.hex?X(h.hex)&&r({hex:h.hex,source:"hex"},c):h.r||h.g||h.b?r({r:h.r||n.r,g:h.g||n.g,b:h.b||n.b,a:n.a,source:"rgb"},c):h.a&&(h.a<0?h.a=0:h.a>100&&(h.a=100),h.a/=100,r({h:a.h,s:a.s,l:a.l,a:h.a,source:"rgb"},c))};return s.createElement("div",{style:l.fields,className:"flexbox-fix"},s.createElement("div",{style:l.double},s.createElement(w,{style:{input:l.input,label:l.label},label:"hex",value:i.replace("#",""),onChange:u})),s.createElement("div",{style:l.single},s.createElement(w,{style:{input:l.input,label:l.label},label:"r",value:n.r,onChange:u,dragLabel:"true",dragMax:"255"})),s.createElement("div",{style:l.single},s.createElement(w,{style:{input:l.input,label:l.label},label:"g",value:n.g,onChange:u,dragLabel:"true",dragMax:"255"})),s.createElement("div",{style:l.single},s.createElement(w,{style:{input:l.input,label:l.label},label:"b",value:n.b,onChange:u,dragLabel:"true",dragMax:"255"})),s.createElement("div",{style:l.alpha},s.createElement(w,{style:{input:l.input,label:l.label},label:"a",value:Math.round(n.a*100),onChange:u,dragLabel:"true",dragMax:"100"})))},Hf=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},En=function(e){var r=e.colors,n=e.onClick,a=n===void 0?function(){}:n,i=e.onSwatchHover,o=y({default:{colors:{margin:"0 -10px",padding:"10px 0 0 10px",borderTop:"1px solid #eee",display:"flex",flexWrap:"wrap",position:"relative"},swatchWrap:{width:"16px",height:"16px",margin:"0 10px 10px 0"},swatch:{borderRadius:"3px",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15)"}},"no-presets":{colors:{display:"none"}}},{"no-presets":!r||!r.length}),l=function(f,h){a({hex:f,source:"hex"},h)};return s.createElement("div",{style:o.colors,className:"flexbox-fix"},r.map(function(u){var f=typeof u=="string"?{color:u}:u,h=""+f.color+(f.title||"");return s.createElement("div",{key:h,style:o.swatchWrap},s.createElement(Q,Hf({},f,{style:o.swatch,onClick:l,onHover:i,focusStyle:{boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), 0 0 4px "+f.color}})))}))};En.propTypes={colors:g.arrayOf(g.oneOfType([g.string,g.shape({color:g.string,title:g.string})])).isRequired};var Df=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},jt=function(e){var r=e.width,n=e.rgb,a=e.hex,i=e.hsv,o=e.hsl,l=e.onChange,u=e.onSwatchHover,f=e.disableAlpha,h=e.presetColors,c=e.renderers,p=e.styles,d=p===void 0?{}:p,v=e.className,x=v===void 0?"":v,m=y(R({default:Df({picker:{width:r,padding:"10px 10px 0",boxSizing:"initial",background:"#fff",borderRadius:"4px",boxShadow:"0 0 0 1px rgba(0,0,0,.15), 0 8px 16px rgba(0,0,0,.15)"},saturation:{width:"100%",paddingBottom:"75%",position:"relative",overflow:"hidden"},Saturation:{radius:"3px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},controls:{display:"flex"},sliders:{padding:"4px 0",flex:"1"},color:{width:"24px",height:"24px",position:"relative",marginTop:"4px",marginLeft:"4px",borderRadius:"3px"},activeColor:{absolute:"0px 0px 0px 0px",borderRadius:"2px",background:"rgba("+n.r+","+n.g+","+n.b+","+n.a+")",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},hue:{position:"relative",height:"10px",overflow:"hidden"},Hue:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"},alpha:{position:"relative",height:"10px",marginTop:"4px",overflow:"hidden"},Alpha:{radius:"2px",shadow:"inset 0 0 0 1px rgba(0,0,0,.15), inset 0 0 4px rgba(0,0,0,.25)"}},d),disableAlpha:{color:{height:"10px"},hue:{height:"10px"},alpha:{display:"none"}}},d),{disableAlpha:f});return s.createElement("div",{style:m.picker,className:"sketch-picker "+x},s.createElement("div",{style:m.saturation},s.createElement(et,{style:m.Saturation,hsl:o,hsv:i,onChange:l})),s.createElement("div",{style:m.controls,className:"flexbox-fix"},s.createElement("div",{style:m.sliders},s.createElement("div",{style:m.hue},s.createElement(ye,{style:m.Hue,hsl:o,onChange:l})),s.createElement("div",{style:m.alpha},s.createElement(wt,{style:m.Alpha,rgb:n,hsl:o,renderers:c,onChange:l}))),s.createElement("div",{style:m.color},s.createElement(me,null),s.createElement("div",{style:m.activeColor}))),s.createElement(Bf,{rgb:n,hsl:o,hex:a,onChange:l,disableAlpha:f}),s.createElement(En,{colors:h,onClick:l,onSwatchHover:u}))};jt.propTypes={disableAlpha:g.bool,width:g.oneOfType([g.string,g.number]),styles:g.object};jt.defaultProps={disableAlpha:!1,width:200,styles:{},presetColors:["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"]};A(jt);var _e=function(e){var r=e.hsl,n=e.offset,a=e.onClick,i=a===void 0?function(){}:a,o=e.active,l=e.first,u=e.last,f=y({default:{swatch:{height:"12px",background:"hsl("+r.h+", 50%, "+n*100+"%)",cursor:"pointer"}},first:{swatch:{borderRadius:"2px 0 0 2px"}},last:{swatch:{borderRadius:"0 2px 2px 0"}},active:{swatch:{transform:"scaleY(1.8)",borderRadius:"3.6px/2px"}}},{active:o,first:l,last:u}),h=function(p){return i({h:r.h,s:.5,l:n,source:"hsl"},p)};return s.createElement("div",{style:f.swatch,onClick:h})},Nf=function(e){var r=e.onClick,n=e.hsl,a=y({default:{swatches:{marginTop:"20px"},swatch:{boxSizing:"border-box",width:"20%",paddingRight:"1px",float:"left"},clear:{clear:"both"}}}),i=.1;return s.createElement("div",{style:a.swatches},s.createElement("div",{style:a.swatch},s.createElement(_e,{hsl:n,offset:".80",active:Math.abs(n.l-.8)<i&&Math.abs(n.s-.5)<i,onClick:r,first:!0})),s.createElement("div",{style:a.swatch},s.createElement(_e,{hsl:n,offset:".65",active:Math.abs(n.l-.65)<i&&Math.abs(n.s-.5)<i,onClick:r})),s.createElement("div",{style:a.swatch},s.createElement(_e,{hsl:n,offset:".50",active:Math.abs(n.l-.5)<i&&Math.abs(n.s-.5)<i,onClick:r})),s.createElement("div",{style:a.swatch},s.createElement(_e,{hsl:n,offset:".35",active:Math.abs(n.l-.35)<i&&Math.abs(n.s-.5)<i,onClick:r})),s.createElement("div",{style:a.swatch},s.createElement(_e,{hsl:n,offset:".20",active:Math.abs(n.l-.2)<i&&Math.abs(n.s-.5)<i,onClick:r,last:!0})),s.createElement("div",{style:a.clear}))},Lf=function(){var e=y({default:{picker:{width:"14px",height:"14px",borderRadius:"6px",transform:"translate(-7px, -1px)",backgroundColor:"rgb(248, 248, 248)",boxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.37)"}}});return s.createElement("div",{style:e.picker})},It=function(e){var r=e.hsl,n=e.onChange,a=e.pointer,i=e.styles,o=i===void 0?{}:i,l=e.className,u=l===void 0?"":l,f=y(R({default:{hue:{height:"12px",position:"relative"},Hue:{radius:"2px"}}},o));return s.createElement("div",{style:f.wrap||{},className:"slider-picker "+u},s.createElement("div",{style:f.hue},s.createElement(ye,{style:f.Hue,hsl:r,pointer:a,onChange:n})),s.createElement("div",{style:f.swatches},s.createElement(Nf,{hsl:r,onClick:n})))};It.propTypes={styles:g.object};It.defaultProps={pointer:Lf,styles:{}};A(It);var Sn={};Object.defineProperty(Sn,"__esModule",{value:!0});var Gr=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},jf=O,zr=If(jf);function If(t){return t&&t.__esModule?t:{default:t}}function Gf(t,e){var r={};for(var n in t)e.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n]);return r}var Ge=24,zf=Sn.default=function(t){var e=t.fill,r=e===void 0?"currentColor":e,n=t.width,a=n===void 0?Ge:n,i=t.height,o=i===void 0?Ge:i,l=t.style,u=l===void 0?{}:l,f=Gf(t,["fill","width","height","style"]);return zr.default.createElement("svg",Gr({viewBox:"0 0 "+Ge+" "+Ge,style:Gr({fill:r,width:a,height:o},u)},f),zr.default.createElement("path",{d:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}))},Uf=function(e){var r=e.color,n=e.onClick,a=n===void 0?function(){}:n,i=e.onSwatchHover,o=e.first,l=e.last,u=e.active,f=y({default:{color:{width:"40px",height:"24px",cursor:"pointer",background:r,marginBottom:"1px"},check:{color:Tt(r),marginLeft:"8px",display:"none"}},first:{color:{overflow:"hidden",borderRadius:"2px 2px 0 0"}},last:{color:{overflow:"hidden",borderRadius:"0 0 2px 2px"}},active:{check:{display:"block"}},"color-#FFFFFF":{color:{boxShadow:"inset 0 0 0 1px #ddd"},check:{color:"#333"}},transparent:{check:{color:"#333"}}},{first:o,last:l,active:u,"color-#FFFFFF":r==="#FFFFFF",transparent:r==="transparent"});return s.createElement(Q,{color:r,style:f.color,onClick:a,onHover:i,focusStyle:{boxShadow:"0 0 4px "+r}},s.createElement("div",{style:f.check},s.createElement(zf,null)))},Wf=function(e){var r=e.onClick,n=e.onSwatchHover,a=e.group,i=e.active,o=y({default:{group:{paddingBottom:"10px",width:"40px",float:"left",marginRight:"10px"}}});return s.createElement("div",{style:o.group},ee(a,function(l,u){return s.createElement(Uf,{key:l,color:l,active:l.toLowerCase()===i,first:u===0,last:u===a.length-1,onClick:r,onSwatchHover:n})}))},Gt=function(e){var r=e.width,n=e.height,a=e.onChange,i=e.onSwatchHover,o=e.colors,l=e.hex,u=e.styles,f=u===void 0?{}:u,h=e.className,c=h===void 0?"":h,p=y(R({default:{picker:{width:r,height:n},overflow:{height:n,overflowY:"scroll"},body:{padding:"16px 0 6px 16px"},clear:{clear:"both"}}},f)),d=function(x,m){return a({hex:x,source:"hex"},m)};return s.createElement("div",{style:p.picker,className:"swatches-picker "+c},s.createElement(Ne,null,s.createElement("div",{style:p.overflow},s.createElement("div",{style:p.body},ee(o,function(v){return s.createElement(Wf,{key:v.toString(),group:v,active:l,onClick:d,onSwatchHover:i})}),s.createElement("div",{style:p.clear})))))};Gt.propTypes={width:g.oneOfType([g.string,g.number]),height:g.oneOfType([g.string,g.number]),colors:g.arrayOf(g.arrayOf(g.string)),styles:g.object};Gt.defaultProps={width:320,height:240,colors:[[te[900],te[700],te[500],te[300],te[100]],[re[900],re[700],re[500],re[300],re[100]],[ne[900],ne[700],ne[500],ne[300],ne[100]],[ae[900],ae[700],ae[500],ae[300],ae[100]],[ie[900],ie[700],ie[500],ie[300],ie[100]],[oe[900],oe[700],oe[500],oe[300],oe[100]],[le[900],le[700],le[500],le[300],le[100]],[se[900],se[700],se[500],se[300],se[100]],[ue[900],ue[700],ue[500],ue[300],ue[100]],["#194D33",Ae[700],Ae[500],Ae[300],Ae[100]],[fe[900],fe[700],fe[500],fe[300],fe[100]],[he[900],he[700],he[500],he[300],he[100]],[ce[900],ce[700],ce[500],ce[300],ce[100]],[pe[900],pe[700],pe[500],pe[300],pe[100]],[de[900],de[700],de[500],de[300],de[100]],[ge[900],ge[700],ge[500],ge[300],ge[100]],[be[900],be[700],be[500],be[300],be[100]],[ve[900],ve[700],ve[500],ve[300],ve[100]],["#000000","#525252","#969696","#D9D9D9","#FFFFFF"]],styles:{}};A(Gt);var zt=function(e){var r=e.onChange,n=e.onSwatchHover,a=e.hex,i=e.colors,o=e.width,l=e.triangle,u=e.styles,f=u===void 0?{}:u,h=e.className,c=h===void 0?"":h,p=y(R({default:{card:{width:o,background:"#fff",border:"0 solid rgba(0,0,0,0.25)",boxShadow:"0 1px 4px rgba(0,0,0,0.25)",borderRadius:"4px",position:"relative"},body:{padding:"15px 9px 9px 15px"},label:{fontSize:"18px",color:"#fff"},triangle:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 9px 10px 9px",borderColor:"transparent transparent #fff transparent",position:"absolute"},triangleShadow:{width:"0px",height:"0px",borderStyle:"solid",borderWidth:"0 9px 10px 9px",borderColor:"transparent transparent rgba(0,0,0,.1) transparent",position:"absolute"},hash:{background:"#F0F0F0",height:"30px",width:"30px",borderRadius:"4px 0 0 4px",float:"left",color:"#98A1A4",display:"flex",alignItems:"center",justifyContent:"center"},input:{width:"100px",fontSize:"14px",color:"#666",border:"0px",outline:"none",height:"28px",boxShadow:"inset 0 0 0 1px #F0F0F0",boxSizing:"content-box",borderRadius:"0 4px 4px 0",float:"left",paddingLeft:"8px"},swatch:{width:"30px",height:"30px",float:"left",borderRadius:"4px",margin:"0 6px 6px 0"},clear:{clear:"both"}},"hide-triangle":{triangle:{display:"none"},triangleShadow:{display:"none"}},"top-left-triangle":{triangle:{top:"-10px",left:"12px"},triangleShadow:{top:"-11px",left:"12px"}},"top-right-triangle":{triangle:{top:"-10px",right:"12px"},triangleShadow:{top:"-11px",right:"12px"}}},f),{"hide-triangle":l==="hide","top-left-triangle":l==="top-left","top-right-triangle":l==="top-right"}),d=function(x,m){X(x)&&r({hex:x,source:"hex"},m)};return s.createElement("div",{style:p.card,className:"twitter-picker "+c},s.createElement("div",{style:p.triangleShadow}),s.createElement("div",{style:p.triangle}),s.createElement("div",{style:p.body},ee(i,function(v,x){return s.createElement(Q,{key:x,color:v,hex:v,style:p.swatch,onClick:d,onHover:n,focusStyle:{boxShadow:"0 0 4px "+v}})}),s.createElement("div",{style:p.hash},"#"),s.createElement(w,{label:null,style:{input:p.input},value:a.replace("#",""),onChange:d}),s.createElement("div",{style:p.clear})))};zt.propTypes={width:g.oneOfType([g.string,g.number]),triangle:g.oneOf(["hide","top-left","top-right"]),colors:g.arrayOf(g.string),styles:g.object};zt.defaultProps={width:276,colors:["#FF6900","#FCB900","#7BDCB5","#00D084","#8ED1FC","#0693E3","#ABB8C3","#EB144C","#F78DA7","#9900EF"],triangle:"top-left",styles:{}};A(zt);var Ut=function(e){var r=y({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",border:"2px #fff solid",transform:"translate(-12px, -13px)",background:"hsl("+Math.round(e.hsl.h)+", "+Math.round(e.hsl.s*100)+"%, "+Math.round(e.hsl.l*100)+"%)"}}});return s.createElement("div",{style:r.picker})};Ut.propTypes={hsl:g.shape({h:g.number,s:g.number,l:g.number,a:g.number})};Ut.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};var Wt=function(e){var r=y({default:{picker:{width:"20px",height:"20px",borderRadius:"22px",transform:"translate(-10px, -7px)",background:"hsl("+Math.round(e.hsl.h)+", 100%, 50%)",border:"2px white solid"}}});return s.createElement("div",{style:r.picker})};Wt.propTypes={hsl:g.shape({h:g.number,s:g.number,l:g.number,a:g.number})};Wt.defaultProps={hsl:{a:1,h:249.94,l:.2,s:.5}};var Xf=function(e){var r=e.onChange,n=e.rgb,a=e.hsl,i=e.hex,o=e.hsv,l=function(d,v){if(d.hex)X(d.hex)&&r({hex:d.hex,source:"hex"},v);else if(d.rgb){var x=d.rgb.split(",");ut(d.rgb,"rgb")&&r({r:x[0],g:x[1],b:x[2],a:1,source:"rgb"},v)}else if(d.hsv){var m=d.hsv.split(",");ut(d.hsv,"hsv")&&(m[2]=m[2].replace("%",""),m[1]=m[1].replace("%",""),m[0]=m[0].replace("°",""),m[1]==1?m[1]=.01:m[2]==1&&(m[2]=.01),r({h:Number(m[0]),s:Number(m[1]),v:Number(m[2]),source:"hsv"},v))}else if(d.hsl){var E=d.hsl.split(",");ut(d.hsl,"hsl")&&(E[2]=E[2].replace("%",""),E[1]=E[1].replace("%",""),E[0]=E[0].replace("°",""),c[1]==1?c[1]=.01:c[2]==1&&(c[2]=.01),r({h:Number(E[0]),s:Number(E[1]),v:Number(E[2]),source:"hsl"},v))}},u=y({default:{wrap:{display:"flex",height:"100px",marginTop:"4px"},fields:{width:"100%"},column:{paddingTop:"10px",display:"flex",justifyContent:"space-between"},double:{padding:"0px 4.4px",boxSizing:"border-box"},input:{width:"100%",height:"38px",boxSizing:"border-box",padding:"4px 10% 3px",textAlign:"center",border:"1px solid #dadce0",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",fontFamily:"Roboto,Arial,sans-serif"},input2:{height:"38px",width:"100%",border:"1px solid #dadce0",boxSizing:"border-box",fontSize:"11px",textTransform:"lowercase",borderRadius:"5px",outline:"none",paddingLeft:"10px",fontFamily:"Roboto,Arial,sans-serif"},label:{textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"35px",top:"-6px",left:"0",right:"0",marginLeft:"auto",marginRight:"auto",fontFamily:"Roboto,Arial,sans-serif"},label2:{left:"10px",textAlign:"center",fontSize:"12px",background:"#fff",position:"absolute",textTransform:"uppercase",color:"#3c4043",width:"32px",top:"-6px",fontFamily:"Roboto,Arial,sans-serif"},single:{flexGrow:"1",margin:"0px 4.4px"}}}),f=n.r+", "+n.g+", "+n.b,h=Math.round(a.h)+"°, "+Math.round(a.s*100)+"%, "+Math.round(a.l*100)+"%",c=Math.round(o.h)+"°, "+Math.round(o.s*100)+"%, "+Math.round(o.v*100)+"%";return s.createElement("div",{style:u.wrap,className:"flexbox-fix"},s.createElement("div",{style:u.fields},s.createElement("div",{style:u.double},s.createElement(w,{style:{input:u.input,label:u.label},label:"hex",value:i,onChange:l})),s.createElement("div",{style:u.column},s.createElement("div",{style:u.single},s.createElement(w,{style:{input:u.input2,label:u.label2},label:"rgb",value:f,onChange:l})),s.createElement("div",{style:u.single},s.createElement(w,{style:{input:u.input2,label:u.label2},label:"hsv",value:c,onChange:l})),s.createElement("div",{style:u.single},s.createElement(w,{style:{input:u.input2,label:u.label2},label:"hsl",value:h,onChange:l})))))},Xt=function(e){var r=e.width,n=e.onChange,a=e.rgb,i=e.hsl,o=e.hsv,l=e.hex,u=e.header,f=e.styles,h=f===void 0?{}:f,c=e.className,p=c===void 0?"":c,d=y(R({default:{picker:{width:r,background:"#fff",border:"1px solid #dfe1e5",boxSizing:"initial",display:"flex",flexWrap:"wrap",borderRadius:"8px 8px 0px 0px"},head:{height:"57px",width:"100%",paddingTop:"16px",paddingBottom:"16px",paddingLeft:"16px",fontSize:"20px",boxSizing:"border-box",fontFamily:"Roboto-Regular,HelveticaNeue,Arial,sans-serif"},saturation:{width:"70%",padding:"0px",position:"relative",overflow:"hidden"},swatch:{width:"30%",height:"228px",padding:"0px",background:"rgba("+a.r+", "+a.g+", "+a.b+", 1)",position:"relative",overflow:"hidden"},body:{margin:"auto",width:"95%"},controls:{display:"flex",boxSizing:"border-box",height:"52px",paddingTop:"22px"},color:{width:"32px"},hue:{height:"8px",position:"relative",margin:"0px 16px 0px 16px",width:"100%"},Hue:{radius:"2px"}}},h));return s.createElement("div",{style:d.picker,className:"google-picker "+p},s.createElement("div",{style:d.head},u),s.createElement("div",{style:d.swatch}),s.createElement("div",{style:d.saturation},s.createElement(et,{hsl:i,hsv:o,pointer:Ut,onChange:n})),s.createElement("div",{style:d.body},s.createElement("div",{style:d.controls,className:"flexbox-fix"},s.createElement("div",{style:d.hue},s.createElement(ye,{style:d.Hue,hsl:i,radius:"4px",pointer:Wt,onChange:n}))),s.createElement(Xf,{rgb:a,hsl:i,hex:l,hsv:o,onChange:n})))};Xt.propTypes={width:g.oneOfType([g.string,g.number]),styles:g.object,header:g.string};Xt.defaultProps={width:652,styles:{},header:"Color picker"};A(Xt);export{Kf as C};
|