feffery_utils_components 0.2.0-rc17 → 0.2.0-rc19

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.
Files changed (47) hide show
  1. package/DESCRIPTION +1 -1
  2. package/NAMESPACE +1 -0
  3. package/Project.toml +1 -1
  4. package/README.md +1 -1
  5. package/feffery_utils_components/FefferyEventSource.py +82 -0
  6. package/feffery_utils_components/_imports_.py +2 -0
  7. package/feffery_utils_components/async-feffery_animated_3d_background_p5.js +1 -1
  8. package/feffery_utils_components/async-feffery_animated_3d_background_three.js +1 -1
  9. package/feffery_utils_components/async-feffery_animated_image.js +1 -1
  10. package/feffery_utils_components/async-feffery_aplayer.js +1 -1
  11. package/feffery_utils_components/async-feffery_auto_animate.js +1 -1
  12. package/feffery_utils_components/async-feffery_auto_fit.js +1 -1
  13. package/feffery_utils_components/async-feffery_burger.js +1 -1
  14. package/feffery_utils_components/async-feffery_captcha.js +1 -1
  15. package/feffery_utils_components/async-feffery_color_pickers.js +1 -1
  16. package/feffery_utils_components/async-feffery_dom2image.js +1 -1
  17. package/feffery_utils_components/async-feffery_dplayer.js +1 -1
  18. package/feffery_utils_components/async-feffery_emoji_picker.js +1 -1
  19. package/feffery_utils_components/async-feffery_excel_preview.js +1 -1
  20. package/feffery_utils_components/async-feffery_extra_spinner.js +1 -1
  21. package/feffery_utils_components/async-feffery_fancy_button.js +1 -1
  22. package/feffery_utils_components/async-feffery_grid.js +1 -1
  23. package/feffery_utils_components/async-feffery_http_requests.js +1 -1
  24. package/feffery_utils_components/async-feffery_image_cropper.js +1 -1
  25. package/feffery_utils_components/async-feffery_json_viewer.js +1 -1
  26. package/feffery_utils_components/async-feffery_local_large_storage.js +1 -1
  27. package/feffery_utils_components/async-feffery_markdown_editor.js +1 -1
  28. package/feffery_utils_components/async-feffery_motion.js +1 -1
  29. package/feffery_utils_components/async-feffery_music_player.js +1 -1
  30. package/feffery_utils_components/async-feffery_photo_sphere_viewer.js +1 -1
  31. package/feffery_utils_components/async-feffery_resizable.js +1 -1
  32. package/feffery_utils_components/async-feffery_rich_text_editor.js +1 -1
  33. package/feffery_utils_components/async-feffery_rnd.js +1 -1
  34. package/feffery_utils_components/async-feffery_seamless_scroll.js +1 -1
  35. package/feffery_utils_components/async-feffery_shortcut_panel.js +1 -1
  36. package/feffery_utils_components/async-feffery_slider_captcha.js +1 -1
  37. package/feffery_utils_components/async-feffery_sortable.js +1 -1
  38. package/feffery_utils_components/async-feffery_vditor.js +1 -1
  39. package/feffery_utils_components/async-feffery_word_preview.js +1 -1
  40. package/feffery_utils_components/feffery_utils_components.min.js +2 -2
  41. package/feffery_utils_components/metadata.json +153 -0
  42. package/feffery_utils_components/package-info.json +1 -1
  43. package/package.json +1 -1
  44. package/src/lib/components/FefferyCountUp.react.js +28 -5
  45. package/src/lib/components/FefferyEventSource.react.js +150 -0
  46. package/src/lib/index.js +3 -1
  47. package/usage.py +33 -28
package/feffery_utils_components/async-feffery_slider_captcha.js CHANGED
@@ -1 +1 @@
1
- (window.webpackJsonpfeffery_utils_components=window.webpackJsonpfeffery_utils_components||[]).push([[30],{521:function(m,e,t){"use strict";t.r(e);var se=t(1),fe=t.n(se),de=t(2),r=t(39),he=t.n(r),Ee=function(e){t=Object(se.useRef)(!1),Object(se.useEffect)(function(){return t.current=!1,function(){t.current=!0}},[]);var t,r=t,e=Object(de.f)(Object(se.useState)(e),2),n=e[0],o=e[1];return[n,Object(se.useCallback)(function(e){r.current||o(e)},[])]},ke=function(e){var t=Object(se.useRef)(e);return t.current=e,t},pe=(r="@-webkit-keyframes slider-icon-animate_spin {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes slider-icon-animate_spin {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n.rc-slider-captcha-icon {\n display: inline-block;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-style: normal;\n line-height: 0;\n text-align: center;\n text-transform: none;\n vertical-align: -0.125em;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n.rc-slider-captcha-icon > svg {\n line-height: 1;\n}\n.rc-slider-captcha-icon-spin {\n -webkit-animation: slider-icon-animate_spin 1s infinite linear;\n animation: slider-icon-animate_spin 1s infinite linear;\n}\n.rc-slider-captcha-button {\n display: inline-block;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 40px;\n height: 100%;\n padding: 5px 0;\n color: #676d73;\n color: var(--rcsc-button-color, #676d73);\n font-size: 22px;\n line-height: 1;\n background-color: #fff;\n background-color: var(--rcsc-button-bg-color, #fff);\n box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);\n cursor: -webkit-grab;\n cursor: grab;\n transition-timing-function: linear;\n transition-duration: 0.2s;\n transition-property: background-color, color;\n touch-action: none;\n}\n.rc-slider-captcha-button-active {\n color: #fff;\n color: var(--rcsc-button-hover-color, #fff);\n background-color: #1991fa;\n background-color: var(--rcsc-primary, #1991fa);\n}\n.rc-slider-captcha-button-verify {\n color: #fff;\n color: var(--rcsc-button-hover-color, #fff);\n background-color: #1991fa;\n background-color: var(--rcsc-primary, #1991fa);\n}\n.rc-slider-captcha-button-pc:hover {\n color: #fff;\n color: var(--rcsc-button-hover-color, #fff);\n background-color: #1991fa;\n background-color: var(--rcsc-primary, #1991fa);\n}\n.rc-slider-captcha-button:active {\n color: #fff;\n color: var(--rcsc-button-hover-color, #fff);\n background-color: #1991fa;\n background-color: var(--rcsc-primary, #1991fa);\n}\n.rc-slider-captcha-button-active,\n.rc-slider-captcha-button:active {\n cursor: -webkit-grabbing;\n cursor: grabbing;\n}\n.rc-slider-captcha-button-verify,\n.rc-slider-captcha-button-verify:active {\n cursor: wait;\n}\n.rc-slider-captcha-button-error {\n color: #fff;\n color: var(--rcsc-button-hover-color, #fff);\n background-color: #f57a7a;\n background-color: var(--rcsc-error, #f57a7a);\n cursor: default;\n}\n.rc-slider-captcha-button-error:hover {\n color: #fff;\n color: var(--rcsc-button-hover-color, #fff);\n background-color: #f57a7a;\n background-color: var(--rcsc-error, #f57a7a);\n cursor: default;\n}\n.rc-slider-captcha-button-error:active {\n color: #fff;\n color: var(--rcsc-button-hover-color, #fff);\n background-color: #f57a7a;\n background-color: var(--rcsc-error, #f57a7a);\n cursor: default;\n}\n.rc-slider-captcha-button-success {\n color: #fff;\n color: var(--rcsc-button-hover-color, #fff);\n background-color: #52ccba;\n background-color: var(--rcsc-success, #52ccba);\n cursor: default;\n}\n.rc-slider-captcha-button-success:hover {\n color: #fff;\n color: var(--rcsc-button-hover-color, #fff);\n background-color: #52ccba;\n background-color: var(--rcsc-success, #52ccba);\n cursor: default;\n}\n.rc-slider-captcha-button-success:active {\n color: #fff;\n color: var(--rcsc-button-hover-color, #fff);\n background-color: #52ccba;\n background-color: var(--rcsc-success, #52ccba);\n cursor: default;\n}\n.rc-slider-captcha-button-disabled {\n color: #676d73;\n color: var(--rcsc-button-color, #676d73);\n background-color: #fff;\n background-color: var(--rcsc-button-bg-color, #fff);\n cursor: no-drop;\n opacity: 0.7;\n}\n.rc-slider-captcha-button-disabled:hover {\n color: #676d73;\n color: var(--rcsc-button-color, #676d73);\n background-color: #fff;\n background-color: var(--rcsc-button-bg-color, #fff);\n cursor: no-drop;\n opacity: 0.7;\n}\n.rc-slider-captcha-button-disabled:active {\n color: #676d73;\n color: var(--rcsc-button-color, #676d73);\n background-color: #fff;\n background-color: var(--rcsc-button-bg-color, #fff);\n cursor: no-drop;\n opacity: 0.7;\n}\n.rc-slider-captcha-loading {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 15px;\n color: #45494c;\n color: var(--rcsc-text-color, #45494c);\n font-size: 14px;\n text-align: center;\n background-color: #f7f9fa;\n background-color: var(--rcsc-bg-color, #f7f9fa);\n}\n.rc-slider-captcha-loading-icon {\n font-size: 30px;\n}\n.rc-slider-captcha-loading-text {\n margin-top: 5px;\n}\n.rc-slider-captcha {\n position: relative;\n}\n.rc-slider-captcha > * {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.rc-slider-captcha-control {\n position: relative;\n box-sizing: border-box;\n width: 100%;\n min-height: 42px;\n background-color: #f7f9fa;\n background-color: var(--rcsc-bg-color, #f7f9fa);\n border: 1px solid #e4e7eb;\n border: 1px solid var(--rcsc-border-color, #e4e7eb);\n border-radius: 2px;\n border-radius: var(--rcsc-control-border-radius, 2px);\n}\n.rc-slider-captcha-control-button {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 2;\n border-radius: 2px;\n border-radius: var(--rcsc-control-border-radius, 2px);\n}\n.rc-slider-captcha-control-indicator {\n position: absolute;\n top: -1px;\n bottom: -1px;\n left: -1px;\n display: none;\n box-sizing: border-box;\n width: 0;\n background-color: #d1e9fe;\n background-color: var(--rcsc-primary-light, #d1e9fe);\n border: 1px solid #1991fa;\n border: 1px solid var(--rcsc-primary, #1991fa);\n border-radius: 2px;\n border-radius: var(--rcsc-control-border-radius, 2px);\n}\n.rc-slider-captcha-control-tips {\n position: relative;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 0;\n color: #45494c;\n color: var(--rcsc-text-color, #45494c);\n font-size: 14px;\n line-height: 20px;\n text-align: center;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.rc-slider-captcha-control-moving .rc-slider-captcha-control-indicator,\n.rc-slider-captcha-control-verify .rc-slider-captcha-control-indicator,\n.rc-slider-captcha-control-error .rc-slider-captcha-control-indicator,\n.rc-slider-captcha-control-success .rc-slider-captcha-control-indicator {\n display: block;\n}\n.rc-slider-captcha-control-error .rc-slider-captcha-control-indicator {\n background-color: #fce1e1;\n background-color: var(--rcsc-error-light, #fce1e1);\n border-color: #f57a7a;\n border-color: var(--rcsc-error, #f57a7a);\n}\n.rc-slider-captcha-control-success .rc-slider-captcha-control-indicator {\n background-color: #d2f4ef;\n background-color: var(--rcsc-success-light, #d2f4ef);\n border-color: #52ccba;\n border-color: var(--rcsc-success, #52ccba);\n}\n.rc-slider-captcha-control-errors {\n padding-left: 0;\n background-color: #fce1e1;\n background-color: var(--rcsc-error-light, #fce1e1);\n border-color: #f57a7a;\n border-color: var(--rcsc-error, #f57a7a);\n}\n.rc-slider-captcha-control-errors .rc-slider-captcha-control-button,\n.rc-slider-captcha-control-errors .rc-slider-captcha-control-indicator {\n display: none;\n}\n.rc-slider-captcha-control-errors .rc-slider-captcha-control-tips {\n color: #f57a7a;\n color: var(--rcsc-error, #f57a7a);\n cursor: pointer;\n}\n.rc-slider-captcha-jigsaw {\n position: relative;\n background-color: #f7f9fa;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.rc-slider-captcha-jigsaw img {\n position: absolute;\n}\n.rc-slider-captcha-jigsaw-bg {\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n.rc-slider-captcha-jigsaw-puzzle {\n width: 60px;\n height: 100%;\n touch-action: none;\n}\n.rc-slider-captcha-jigsaw-puzzle:hover {\n cursor: -webkit-grab;\n cursor: grab;\n}\n.rc-slider-captcha-jigsaw-puzzle:active {\n cursor: -webkit-grabbing;\n cursor: grabbing;\n}\n.rc-slider-captcha-jigsaw-refresh {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 2;\n padding: 5px;\n color: #fff;\n font-size: 22px;\n line-height: 0;\n cursor: pointer;\n opacity: 0.75;\n transition: opacity 0.2s linear;\n}\n.rc-slider-captcha-jigsaw-refresh:hover {\n opacity: 1;\n}\n.rc-slider-captcha-jigsaw-refresh-disabled {\n cursor: not-allowed;\n}\n.rc-slider-captcha-jigsaw-refresh-disabled:hover {\n opacity: 0.75;\n}\n.rc-slider-captcha-jigsaw-stop .rc-slider-captcha-jigsaw-puzzle {\n pointer-events: none;\n}\n.rc-slider-captcha-jigsaw-stop .rc-slider-captcha-jigsaw-puzzle:hover,\n.rc-slider-captcha-jigsaw-stop .rc-slider-captcha-jigsaw-puzzle:active {\n cursor: default;\n}\n.rc-slider-captcha-panel {\n padding-bottom: 15px;\n}\n.rc-slider-captcha-panel-inner {\n overflow: hidden;\n border-radius: 2px;\n border-radius: var(--rcsc-panel-border-radius, 2px);\n}\n.rc-slider-captcha-float .rc-slider-captcha-panel {\n position: absolute;\n left: 0;\n display: none;\n opacity: 0;\n transition-timing-function: ease-out;\n transition-duration: 0.3s;\n transition-property: top, bottom, opacity;\n}\n.rc-slider-captcha-float-top .rc-slider-captcha-panel {\n bottom: 22px;\n}\n.rc-slider-captcha-float-bottom .rc-slider-captcha-panel {\n top: 22px;\n padding: 15px 0 0;\n}\n",b=(b=void 0===b?{}:b).insertAt,"undefined"!=typeof document&&(n=document.head||document.getElementsByTagName("head")[0],(a=document.createElement("style")).type="text/css","top"===b&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=r:a.appendChild(document.createTextNode(r))),"rc-slider-captcha");function be(e){var t=0,r=0;return"number"==typeof e.clientX&&"number"==typeof e.clientY?(t=e.clientX,r=e.clientY):e.touches&&e.touches[0]?(t=e.touches[0].clientX,r=e.touches[0].clientY):e.changedTouches&&e.changedTouches[0]&&(t=e.changedTouches[0].clientX,r=e.changedTouches[0].clientY),{clientX:t,clientY:r}}function me(e,t){if(void 0===t&&(t={}),e)for(var r in t)e.style[r]=t[r]}function v(e){var t,r=e.className,n=e.spin,e=Object(de.g)(e,["className","spin"]);return fe.a.createElement("span",Object(de.a)({className:he()(y,((t={})["".concat(y,"-spin")]=n,t),r)},e))}function o(e){var t=e.type,e=Object(de.g)(e,["type"]);return fe.a.createElement(v,Object(de.a)({},e),w[t])}function g(e){function C(){Object(de.b)(void 0,void 0,void 0,function(){var t;return Object(de.e)(this,function(e){switch(e.label){case 0:return K?[2]:F?(Z?J.current=setTimeout(function(){p(ge.Loading)},a):p(ge.Loading),[4,F()]):[3,2];case 1:t=e.sent(),Z&&clearTimeout(J.current),Y(t),p(ge.Default),e.label=2;case 2:return[2]}})})}function U(e){void 0===e&&(e=300),"float"===w&&b.current!==ge.Success&&(clearTimeout(te.current),clearTimeout(ne.current),clearTimeout(re.current),re.current=setTimeout(function(){var e;me(y.current,{display:"block"}),null!=(e=y.current)&&e.scrollTop,me(y.current,((e={})[Q]="42px",e.opacity="1",e))},e))}function r(e){var t,r;b.current===ge.Default&&(e.preventDefault(),t=e.currentTarget)&&m.current&&(K||v.current)&&(r=(e=be(e)).clientX,e=e.clientY,z.current={x:r,y:e,timestamp:(new Date).getTime()},$.current=[[z.current.x,z.current.y]],ee.current=m.current.clientWidth,S.current.button=j.width-ee.current-2,S.current.puzzle=j.width-E.width-E.left,k.current=t.getAttribute("data-id"),T.current=S.current.puzzle/S.current.button,k.current===ve.Puzzle&&(T.current=1/T.current),ye&&U(0),R.current=!0,document.addEventListener(je.move,ae),document.addEventListener(je.end,_),document.addEventListener("touchcancel",_))}var t=void 0===(n=e.mode)?"embed":n,o=void 0===(n=e.limitErrorCount)?0:n,A=e.tipText,D=e.tipIcon,H=e.bgSize,B=e.puzzleSize,F=e.request,q=void 0===(n=e.autoRequest)||n,V=e.onVerify,G=void 0===(n=e.autoRefreshOnError)||n,n=e.actionRef,c=void 0===(c=e.showRefreshIcon)||c,X=e.jigsawContent,W=void 0===(l=e.errorHoldDuration)?500:l,a=void 0===(l=e.loadingDelay)?0:l,i=void 0===(l=e.placement)?"top":l,l=e.loadingBoxProps,u=e.sliderButtonProps,s=e.className,f=e.style,e=e.styles,d=(P=Ee())[0],Y=P[1],h=(P=Ee(ge.Default))[0],p=P[1],b=ke(h),J=Object(se.useRef)(null),Z="number"==typeof a&&0<a,m=Object(se.useRef)(null),v=Object(se.useRef)(null),g=Object(se.useRef)(null),y=Object(se.useRef)(null),w=Object(se.useMemo)(function(){return"float"===t||"slider"===t?t:"embed"},[t]),K="slider"===w,x=Object(se.useMemo)(function(){return Object(de.a)(Object(de.a)({},Oe.tipText),A)},[A]),O=Object(se.useMemo)(function(){return Object(de.a)(Object(de.a)({},Oe.tipIcon),D)},[D]),j=Object(se.useMemo)(function(){return Object(de.a)(Object(de.a)({},Oe.bgSize),H)},[H]),E=Object(se.useMemo)(function(){return Object(de.a)(Object(de.a)({},Oe.puzzleSize),B)},[B]),Q=Object(se.useMemo)(function(){return"bottom"===i?"top":"bottom"},[i]),k=Object(se.useRef)(ve.Button),L=Object(se.useRef)(0),z=Object(se.useRef)({x:0,y:0,timestamp:0}),$=Object(se.useRef)([]),R=Object(se.useRef)(!1),ee=Object(se.useRef)(40),te=Object(se.useRef)(null),re=Object(se.useRef)(null),ne=Object(se.useRef)(null),oe=Object(se.useRef)(null),N=b.current===ge.Error&&0<o&&L.current>=o,T=Object(se.useRef)(1),S=Object(se.useRef)({button:0,puzzle:0}),M=function(e){void 0===e&&(e=300),"float"===w&&(clearTimeout(te.current),clearTimeout(ne.current),clearTimeout(re.current),ne.current=setTimeout(function(){var e;me(y.current,((e={})[Q]="22px",e.opacity="0",e)),te.current=setTimeout(function(){me(y.current,{display:"none"})},300)},e))},ce=function(){R.current=!1,p(ge.Default),me(m.current,{left:"0"}),me(g.current,{width:"0"}),me(v.current,{left:E.left+"px"})},I=function(e){(e=void 0===e?!1:e)&&(L.current=0),clearTimeout(oe.current),b.current!==ge.Loading&&(ce(),C())},ae=function(e){var t,r;R.current&&(e.preventDefault(),r=(e=be(e)).clientX,e=e.clientY,t=r-z.current.x,$.current.push([r,e]),b.current!==ge.Moving&&0<t&&p(ge.Moving),e=r=t,k.current===ve.Puzzle?(r=(t=Math.max(0,Math.min(t,S.current.puzzle)))+E.left,e=t*T.current):(e=t=Math.max(0,Math.min(t,S.current.button)),r=t*T.current+E.left),me(m.current,{left:e+"px"}),me(g.current,{width:e+ee.current+2+"px"}),me(v.current,{left:r+"px"}))},_=function(e){var t,r,n;document.removeEventListener(je.move,ae),document.removeEventListener(je.end,_),document.removeEventListener("touchcancel",_),R.current&&(b.current!==ge.Moving?(R.current=!1,ye&&M()):V?(R.current=!1,p(ge.Verify),t=(new Date).getTime(),r=(e=be(e)).clientX,e=e.clientY-z.current.y,n=r=r-z.current.x,k.current===ve.Puzzle?n=(r=Math.max(0,Math.min(r,S.current.puzzle)))*T.current:(n=r=Math.max(0,Math.min(r,S.current.button)),r*=T.current),V({x:r,y:e,sliderOffsetX:n,duration:t-z.current.timestamp,trail:$.current,targetType:k.current,errorCount:L.current}).then(function(){L.current=0,p(ge.Success),M()}).catch(function(){L.current+=1,p(ge.Error),ye&&M(),(o<=0||L.current<o)&&G&&(oe.current=setTimeout(function(){I()},W))})):ce())},P=(Object(se.useEffect)(function(){q&&C();var e=m.current,t=v.current;if(Le&&e)return e.addEventListener(je.start,r),t&&t.addEventListener(je.start,r),function(){e.removeEventListener(je.start,r),t&&t.removeEventListener(je.start,r),document.removeEventListener(je.move,ae),document.removeEventListener(je.end,_),document.removeEventListener("touchcancel",_)}},[]),h===ge.Loading),ie=h===ge.Verify||h===ge.Error||h===ge.Success,le=Object(se.useMemo)(function(){return h===ge.Default?x.default:h===ge.Loading?x.loading:h===ge.Moving?x.moving:h===ge.Verify?x.verifying:N?x.errors:h===ge.Error?x.error:h===ge.Success?x.success:null},[h,x,N]),ue=Object(se.useMemo)(function(){return h===ge.Success?O.success:h===ge.Error?O.error:h===ge.Verify?O.loading:O.default},[h,O]);return fe.a.useImperativeHandle(n,function(){return{refresh:I,get status(){return b.current}}}),fe.a.createElement("div",{className:he()(pe,s,"".concat(pe,"-").concat(w),((n={})["".concat(pe,"-").concat(w,"-").concat(i)]="float"===w,n)),style:Object(de.a)({width:j.width},f),onMouseEnter:function(){ye||U()},onMouseLeave:function(){ye||M()}},!K&&fe.a.createElement("div",{className:"".concat(pe,"-panel"),ref:y},fe.a.createElement("div",{className:"".concat(pe,"-panel-inner"),style:Object(de.a)(Object(de.a)({},null==e?void 0:e.panel),{height:j.height})},fe.a.createElement("div",{className:he()(xe,((s={})["".concat(xe,"-stop")]=ie,s)),style:Object(de.a)(Object(de.a)(Object(de.a)({},null==e?void 0:e.jigsaw),j),P||null==d||!d.bgUrl?{display:"none"}:{})},fe.a.createElement("img",{className:"".concat(xe,"-bg"),style:Object(de.a)(Object(de.a)({},null==e?void 0:e.bgImg),j),src:null==d?void 0:d.bgUrl,alt:""}),fe.a.createElement("img",{className:"".concat(xe,"-puzzle"),style:Object(de.a)(Object(de.a)({},null==e?void 0:e.puzzleImg),E),src:null==d?void 0:d.puzzleUrl,alt:"","data-id":ve.Puzzle,ref:v}),c&&h!==ge.Success&&O.refresh&&fe.a.createElement("div",{className:he()("".concat(xe,"-refresh"),((n={})["".concat(xe,"-refresh-disabled")]=h===ge.Verify||N,n)),onClick:function(){h===ge.Verify||N||I()}},O.refresh),X),fe.a.createElement(ze,Object(de.a)({},l,{style:Object(de.a)(Object(de.a)(Object(de.a)({},null==l?void 0:l.style),j),P?{}:{display:"none"})})))),fe.a.createElement("div",{className:he()(we,((f={})["".concat(we,"-loading")]=P,f["".concat(we,"-moving")]=h===ge.Moving,f["".concat(we,"-verify")]=h===ge.Verify,f["".concat(we,"-success")]=h===ge.Success,f["".concat(we,"-error")]=h===ge.Error,f["".concat(we,"-errors")]=N,f)),onClick:function(){N&&I(!0)},style:null==e?void 0:e.control},fe.a.createElement("div",{className:he()("".concat(we,"-indicator")),style:null==e?void 0:e.indicator,ref:g}),fe.a.createElement(Re,Object(de.a)({},u,{className:he()("".concat(we,"-button"),null==u?void 0:u.className),disabled:P,active:h===ge.Moving,verify:h===ge.Verify,success:h===ge.Success,error:h===ge.Error,"data-id":ve.Button,mobile:ye,ref:m}),ue),le&&fe.a.createElement("div",{className:he()("".concat(we,"-tips"))},le)))}var ve,ge,n,Le="object"==typeof window&&window&&"object"==typeof document&&document&&window.document===document&&!!document.addEventListener,ye=Le&&"ontouchstart"in window,y="".concat(pe,"-icon"),w={arrowRight:fe.a.createElement(function(e){return fe.a.createElement("svg",Object(de.a)({viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor"},e),fe.a.createElement("path",{d:"M116.9408 561.4592m0-40.96l0 0q0-40.96 40.96-40.96l573.44 0q40.96 0 40.96 40.96l0 0q0 40.96-40.96 40.96l-573.44 0q-40.96 0-40.96-40.96Z"}),fe.a.createElement("path",{d:"M769.82272 519.43424l-203.22304-203.22304a40.96 40.96 0 1 1 57.91744-57.91744l231.71072 231.71072a40.96 40.96 0 0 1 0.45056 58.44992L624.9472 780.12416a40.96 40.96 0 0 1-57.93792-57.91744l202.79296-202.79296z"}))},null),check:fe.a.createElement(function(e){return fe.a.createElement("svg",Object(de.a)({viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor"},e),fe.a.createElement("path",{d:"M864.554667 268.501333a42.666667 42.666667 0 0 1 0 60.330667L412.032 781.397333a42.453333 42.453333 0 0 1-22.613333 11.818667l-5.034667 0.597333H379.306667a42.496 42.496 0 0 1-27.648-12.416l-211.2-211.2a42.666667 42.666667 0 1 1 60.330666-60.330666l180.992 180.992 422.4-422.4a42.666667 42.666667 0 0 1 60.330667 0z"}))},null),loading:fe.a.createElement(function(e){return fe.a.createElement("svg",Object(de.a)({viewBox:"0 0 120 120",width:"1em",height:"1em"},e),fe.a.createElement("defs",null,fe.a.createElement("line",{id:"l",x1:"60",x2:"60",y1:"7",y2:"27",stroke:"currentColor",strokeWidth:"11",strokeLinecap:"round"})),fe.a.createElement("g",null,fe.a.createElement("use",{xlinkHref:"#l",opacity:".27"}),fe.a.createElement("use",{xlinkHref:"#l",opacity:".27",transform:"rotate(30 60,60)"}),fe.a.createElement("use",{xlinkHref:"#l",opacity:".27",transform:"rotate(60 60,60)"}),fe.a.createElement("use",{xlinkHref:"#l",opacity:".27",transform:"rotate(90 60,60)"}),fe.a.createElement("use",{xlinkHref:"#l",opacity:".27",transform:"rotate(120 60,60)"}),fe.a.createElement("use",{xlinkHref:"#l",opacity:".27",transform:"rotate(150 60,60)"}),fe.a.createElement("use",{xlinkHref:"#l",opacity:".37",transform:"rotate(180 60,60)"}),fe.a.createElement("use",{xlinkHref:"#l",opacity:".46",transform:"rotate(210 60,60)"}),fe.a.createElement("use",{xlinkHref:"#l",opacity:".56",transform:"rotate(240 60,60)"}),fe.a.createElement("use",{xlinkHref:"#l",opacity:".66",transform:"rotate(270 60,60)"}),fe.a.createElement("use",{xlinkHref:"#l",opacity:".75",transform:"rotate(300 60,60)"}),fe.a.createElement("use",{xlinkHref:"#l",opacity:".85",transform:"rotate(330 60,60)"})))},null),refresh:fe.a.createElement(function(e){return fe.a.createElement("svg",Object(de.a)({viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor"},e),fe.a.createElement("path",{d:"M866.133333 573.013333a42.666667 42.666667 0 0 0-53.333333 27.733334A304.64 304.64 0 0 1 519.68 810.666667 302.933333 302.933333 0 0 1 213.333333 512a302.933333 302.933333 0 0 1 306.346667-298.666667 309.76 309.76 0 0 1 198.4 71.253334l-92.586667-15.36a42.666667 42.666667 0 0 0-49.066666 35.413333 42.666667 42.666667 0 0 0 35.413333 49.066667l180.906667 29.866666h7.253333a42.666667 42.666667 0 0 0 14.506667-2.56 14.08 14.08 0 0 0 4.266666-2.56 33.28 33.28 0 0 0 8.533334-4.693333l3.84-4.693333c0-2.133333 3.84-3.84 5.546666-6.4s0-4.266667 2.133334-5.973334a57.173333 57.173333 0 0 0 2.986666-7.68l32-170.666666a42.666667 42.666667 0 0 0-85.333333-16.213334l-11.52 61.866667A392.96 392.96 0 0 0 519.68 128 388.266667 388.266667 0 0 0 128 512a388.266667 388.266667 0 0 0 391.68 384A389.12 389.12 0 0 0 896 626.346667a42.666667 42.666667 0 0 0-29.866667-53.333334z"}))},null),x:fe.a.createElement(function(e){return fe.a.createElement("svg",Object(de.a)({viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor"},e),fe.a.createElement("path",{d:"M572.96896 524.6976l217.23136 217.25184a40.96 40.96 0 1 1-57.93792 57.91744L515.072 582.63552l-212.3776 212.3776a40.96 40.96 0 1 1-57.9584-57.91744l212.39808-212.3776-217.21088-217.23136a40.96 40.96 0 1 1 57.91744-57.91744l217.23136 217.21088L737.0752 244.736a40.96 40.96 0 1 1 57.93792 57.91744L572.96896 524.71808z"}))},null)},c="".concat(pe,"-loading"),ze=function(e){var t=e.icon,t=void 0===t?fe.a.createElement(o,{type:"loading",spin:!0}):t,r=e.text,r=void 0===r?"加载中...":r,n=e.className,e=Object(de.g)(e,["icon","text","className"]);return fe.a.createElement("div",Object(de.a)({className:he()(c,n)},e),fe.a.createElement("div",{className:"".concat(c,"-icon")},t),fe.a.createElement("div",{className:"".concat(c,"-text")},r))},u="".concat(pe,"-button"),Re=fe.a.forwardRef(function(e,t){var r=e.className,n=e.disabled,o=e.active,c=e.success,a=e.error,i=e.verify,l=e.mobile,e=Object(de.g)(e,["className","disabled","active","success","error","verify","mobile"]);return fe.a.createElement("span",Object(de.a)({className:he()(u,r,((r={})["".concat(u,"-disabled")]=n,r["".concat(u,"-active")]=o,r["".concat(u,"-verify")]=i,r["".concat(u,"-success")]=c,r["".concat(u,"-error")]=a,r["".concat(u,"-pc")]=!l,r)),ref:t},e))}),we=(Re.displayName="SliderButton",(b=ve=ve||{}).Puzzle="puzzle",b.Button="button",(n=ge=ge||{})[n.Default=1]="Default",n[n.Loading=2]="Loading",n[n.Moving=3]="Moving",n[n.Verify=4]="Verify",n[n.Success=5]="Success",n[n.Error=6]="Error","".concat(pe,"-control")),xe="".concat(pe,"-jigsaw"),Oe={bgSize:{width:320,height:160},puzzleSize:{width:60,left:0},tipText:{default:"向右拖动滑块填充拼图",loading:"加载中...",moving:null,verifying:null,success:null,error:null,errors:fe.a.createElement(fe.a.Fragment,null,fe.a.createElement(o,{type:"x",style:{fontSize:20}})," 失败过多，点击重试")},tipIcon:{default:fe.a.createElement(o,{type:"arrowRight"}),loading:fe.a.createElement(o,{type:"loading",spin:!0}),error:fe.a.createElement(o,{type:"x"}),success:fe.a.createElement(o,{type:"check"}),refresh:fe.a.createElement(o,{type:"refresh"})}},je=ye?{start:"touchstart",move:"touchmove",end:"touchend"}:{start:"mousedown",move:"mousemove",end:"mouseup"},a="undefined"!=typeof URL,k=Object.keys,C=(Object.values,a?URL.createObjectURL:function(){return""}),U=a?URL.revokeObjectURL:function(){},E=t(560);function L(e){return E.g.call(e)}var N=typeof Blob!==E.h,T=[200,304];function A(o,c){return new Promise(function(r,n){var a,i,l,u,s,f,d,h,e,p,b,m,v,g,y,w,x,O,j,t;t=o,N&&t instanceof Blob||L(t)===E.b?r(o):(a=o,e=(t=Object(de.a)({responseType:"blob"},c)||{}).method,i=void 0===e?"get":e,e=t.data,l=void 0===e?null:e,u=t.timeout,s=t.headers,e=t.withCredentials,f=void 0!==e&&e,e=t.async,d=void 0===e||e,e=t.user,h=void 0===e?null:e,e=t.password,p=void 0===e?null:e,b=t.responseType,m=t.onReadyStateChange,v=t.onLoadStart,g=t.onProgress,y=t.onAbort,w=t.onTimeout,x=t.onError,O=t.onLoad,j=t.onLoadEnd,new Promise(function(t,r){var n=new XMLHttpRequest;n.open(i.toLowerCase(),a,d,h,p),m&&(n.onreadystatechange=m),"number"==typeof u&&0<u&&(n.timeout=u),n.withCredentials=f,b&&(n.responseType=b),"object"==typeof s&&k(s).map(function(e){n.setRequestHeader(e,s[e])});function e(t){return function(e){r(e),null!=t&&t.call(n,e)}}var o,c={loadstart:v,progress:g,abort:e(y),timeout:e(w),error:e(x),load:(o=O,function(e){t(e),null!=o&&o.call(n,e)}),loadend:j};k(c).map(function(e){var t=c[e];t&&n.addEventListener(e,t)}),n.send(l)}).then(function(e){var t=e.target.status;-1!==T.indexOf(t)?r(e.target.response):(e=new Error("The file does not support get requests, responseStatus ".concat(t,", '").concat(o,"'.")),console.error(e),n(e))}).catch(function(e){console.error(new Error("Failed to request file. ".concat(e))),n(e)}))})}function i(){this.handlers={}}function x(e){return e}i.prototype.eventNames=function(){var e=(null==(e=Object.getOwnPropertySymbols)?void 0:e.call(Object,this.handlers))||[];return Object.keys(this.handlers).concat(e)},i.prototype.rawListeners=function(e){e=this.handlers[e];return e?e.map(function(e){return e.raw}):[]},i.prototype.listeners=function(e){e=this.handlers[e];return e?e.map(function(e){return e.wrap}):[]},i.prototype.hasListener=function(e,t){return this.rawListeners(e).some(function(e){return e===t})},i.prototype._on=function(e,t,r,n,o){void 0===o&&(o=1);t={raw:t,wrap:r,context:n=void 0===n?null:n};return this.handlers[e]?this.handlers[e][1===o?"push":"unshift"](t):this.handlers[e]=[t],this},i.prototype.prependListener=function(e,t,r){return this._on(e,t,t,r,0)},i.prototype.on=function(e,t,r){return this._on(e,t,t,r)},i.prototype._wrapOnce=function(r,n,o){function c(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];n.apply(o,e),a.off(r,c)}var a=this;void 0===o&&(o=null);return c},i.prototype.once=function(e,t,r){var n=this._wrapOnce(e,t,r);return this._on(e,t,n,r)},i.prototype.prependOnceListener=function(e,t,r){var n=this._wrapOnce(e,t,r);return this._on(e,t,n,r,0)},i.prototype.off=function(e,t){var r,n=this.handlers[e];return n&&(t?-1!==(r=n.findIndex(function(e){return e.wrap===t||e.raw===t}))&&n.splice(r,1):delete this.handlers[e]),this},i.prototype.offAll=function(){return this.handlers={},this},i.prototype.emit=function(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];e=this.handlers[e];return!!(e&&0<e.length)&&(e.forEach(function(e){e.wrap.apply(e.context,t)}),!0)};function O(e,t){void 0===t&&(t=x);for(var r,n,o,c,a=!(null!=(n=e)&&"number"==typeof(c=n.length)&&-1<c&&c%1==0&&c<=E.a&&"function"!=typeof n&&(o=L(n),!E.c.some(function(e){return e===o})))&&("function"==(n=typeof(c=e))||"object"==n&&c?Object(E.e)(c).concat((r=c,E.d&&null!==r?Object(E.d)(r).filter(function(e){return E.f.call(r,e)}):[])):[]),i=(a||e).length,l=0;0<=l&&l<i;){var u=a?a[l]:l;if(!1===t(e[u],u,e))break;l+=1}}l=i,Object(de.d)(s,l),s.prototype.has=function(t){return!!this.data.find(function(e){return e.k===t})},s.prototype.get=function(t){var e;return null==(e=this.data.find(function(e){return e.k===t}))?void 0:e.v},s.prototype.checkLimit=function(){var e,t=this;0!==this.options.max&&0<=(e=this.data.length-this.options.max)&&(e=this.data.splice(0,1+e),O(e,function(e){t.emit("del",e.v,e.k)}))},s.prototype.set=function(t,e){var r,e={k:t,v:e};this.has(t)?(r=this.data.findIndex(function(e){return e.k===t}),this.data.splice(r,1,e)):(this.checkLimit(),this.data.push(e))};var l,I=new s({max:1});function s(e){var t=l.call(this)||this;return t.data=[],t.options=Object(de.a)({max:10},e),t}I.on("del",function(e){if(e.r)try{U(e.data.image.src)}catch(e){}});var f,d=Math.PI,h=((r=f=f||{})[r.None=0]="None",r[r.Outer=1]="Outer",r[r.Inner=2]="Inner",[f.None,f.Outer,f.Inner]);function _(e,t){return void 0===t&&(t=0),Math.max(Math.floor(Math.random()*e),t)}function p(e){return e[_(e.length)]}function D(e){var t,r,n={top:p(h),right:p(h),bottom:p(h),left:p(h)},o=Object.keys(n),c=["top","bottom"],a=["left","right"];return n.top===f.Outer&&n.bottom===f.Outer?n[p(c)]=f.Inner:n.top!==f.Outer&&n.bottom!==f.Outer&&(n[p(c)]=f.Outer),n.left===f.Outer&&n.right===f.Outer?n[p(a)]=f.Inner:n.left!==f.Outer&&n.right!==f.Outer&&(n[p(a)]=f.Outer),e&&(t=[],r=[],o.forEach(function(e){n[e]===f.Inner?t.push(e):n[e]===f.None&&r.push(e)}),2===e?t.forEach(function(e){return n[e]=f.None}):3===e?0===t.length?n[p(r)]=f.Inner:2===t.length&&(n[p(t)]=f.None):4==e&&r.forEach(function(e){return n[e]=f.Inner})),n}function H(e,t){var r=(t=void 0===t?{}:t).x,r=void 0===r?0:r,n=t.y,n=void 0===n?0:n,o=t.w,o=void 0===o?60:o,c=t.h,c=void 0===c?60:c,a=t.points,t=t.margin,t=(t=void 0===t?0:t)<=0?0:t,i=("number"!=typeof a&&a||(a=D(a)),.15*(Math.min(o,c)-2*t)),l=Math.hypot(i,i)/2,u=i+l,r={x:r+t,y:n+t,w:o-u-2*t,h:c-u-2*t},n=r.w/2,o=r.h/2;a.left===f.Outer&&(r.x+=u),a.top===f.Outer&&(r.y+=u),e.beginPath(),e.lineWidth=2,e.moveTo(r.x,r.y),a.top!==f.None&&(e.lineTo(r.x+n-l,r.y),a.top===f.Inner?e.arc(r.x+n,r.y+l,i,1.25*d,1.75*d,!0):e.arc(r.x+n,r.y-l,i,.75*d,.25*d)),e.lineTo(r.x+r.w,r.y),a.right!==f.None&&(e.lineTo(r.x+r.w,r.y+o-l),a.right===f.Inner?e.arc(r.x+r.w-l,r.y+o,i,1.75*d,.25*d,!0):e.arc(r.x+r.w+l,r.y+o,i,1.25*d,.75*d)),e.lineTo(r.x+r.w,r.y+r.h),a.bottom!==f.None&&(e.lineTo(r.x+n+l,r.y+r.h),a.bottom===f.Inner?e.arc(r.x+n,r.y+r.h-l,i,.25*d,.75*d,!0):e.arc(r.x+n,r.y+r.h+l,i,1.75*d,1.25*d)),e.lineTo(r.x,r.y+r.h),a.left!==f.None&&(e.lineTo(r.x,r.y+o+l),a.left===f.Inner?e.arc(r.x+l,r.y+o,i,.75*d,1.25*d,!0):e.arc(r.x-l,r.y+o,i,.25*d,1.75*d)),e.lineTo(r.x,r.y),e.stroke(),e.closePath()}function B(r,e,n,o){return new Promise(function(t){e?r.toBlob(function(e){t(e?URL.createObjectURL(e):r.toDataURL(n,o))},n,o):t(r.toDataURL(n,o))})}var F="image/jpeg",q="image/png",P=[];function j(r,e){var t=(e=void 0===e?{}:e).borderWidth,p=void 0===t?2:t,t=e.borderColor,b=void 0===t?"rgba(255,255,255,0.7)":t,t=e.fillColor,m=void 0===t?"rgba(255,255,255,0.7)":t,v=e.points,t=e.width,g=void 0===t?60:t,t=e.height,y=void 0===t?60:t,w=e.x,x=e.y,t=e.margin,O=void 0===t?2:t,t=e.equalHeight,j=void 0===t||t,E=e.imageWidth,k=e.imageHeight,L=e.bgWidth,z=e.bgHeight,t=e.bgOffset,R=void 0===t?[0,0]:t,t=e.bgImageType,N=void 0===t?F:t,t=e.quality,T=void 0===t?.8:t,t=e.format,S=void 0===t?"dataURL":t,t=e.cacheImage,n=void 0===t||t,t=e.autoRevokePreviousBlobUrl,M=void 0===t||t,o=e.ajaxOptions;return new Promise(function(l,u){var a,e,t,i,s=document.createElement("canvas"),f=document.createElement("canvas"),d=s.getContext("2d"),h=f.getContext("2d");a=r,t=o,i={useCache:"object"==typeof(e=void 0===(e=n)?!0:e)?!1!==e.useCache:!1!==e,autoRevokeOnDel:"object"==typeof e?!1!==e.autoRevokeOnDel:!!e},new Promise(function(o,c){i.useCache&&I.has(a)?o(I.get(a).data):A(a,t).then(function(t){var r=C(t),n=new Image;n.onload=function(){var e={blob:t,image:n};i.useCache&&I.set(a,{data:e,r:i.autoRevokeOnDel}),o(e)},n.onerror=function(e){U(r),console.error("[loadImageWithBlob] The image load failed, '".concat(a,"'.")),c(e)},n.src=r}).catch(c)}).then(function(e){var e=e.image,t=(E&&(e.width=E),k&&(e.height=k),"number"==typeof L&&0<L?g<L?L:g:e.width),r="number"==typeof z&&0<z?y<z?z:y:e.height,n=(s.width=t,s.height=r,t-g),o=r-y,c=void 0===w?_(n,g):w||0,a=void 0===x?_(o):x||0,n=(c<0?c=0:n<c&&(c=n),a<0?a=0:o<a&&(a=o),"number"!=typeof v&&v?v:D(v)),o="function"==typeof R?R(e.width,e.height):R,n=(d.strokeStyle=b,d.lineWidth=p,d.fillStyle=m,H(d,{x:c,y:a,w:g,h:y,points:n,margin:O}),d.fillStyle=m,d.fill(),d.globalCompositeOperation="destination-over",d.drawImage(e,o[0],o[1],e.width,e.height),f.width=t,f.height=r,h.strokeStyle=b,h.lineWidth=p,H(h,{x:c,y:a,w:g,h:y,points:n,margin:O}),h.globalCompositeOperation="destination-over",h.clip(),h.drawImage(e,o[0],o[1],e.width,e.height),h.getImageData(c,a,g,y)),i=(h.clearRect(0,0,t,r),f.width=g,f.height=j?r:y,h.putImageData(n,0,j?a:0),"blob"===S),o=B(f,i,q,T),e=B(s,i,N,T);Promise.all([o,e]).then(function(e){var t=e[0],e=e[1];M&&(P.length&&(P.forEach(function(e){URL.revokeObjectURL(e)}),P.length=0),i)&&P.push(e,t),l({puzzleUrl:t,bgUrl:e,x:c,y:j?0:a})}).catch(u)}).catch(u)})}var b=t(228);function z(e){return(z="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function R(){R=function(){return a};var l,a={},e=Object.prototype,u=e.hasOwnProperty,s=Object.defineProperty||function(e,t,r){e[t]=r.value},t="function"==typeof Symbol?Symbol:{},n=t.iterator||"@@iterator",r=t.asyncIterator||"@@asyncIterator",o=t.toStringTag||"@@toStringTag";function c(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{c({},"")}catch(l){c=function(e,t,r){return e[t]=r}}function i(e,t,r,n){var o,c,a,i,t=t&&t.prototype instanceof m?t:m,t=Object.create(t.prototype),n=new k(n||[]);return s(t,"_invoke",{value:(o=e,c=r,a=n,i=d,function(e,t){if(i===h)throw Error("Generator is already running");if(i===p){if("throw"===e)throw t;return{value:l,done:!0}}for(a.method=e,a.arg=t;;){var r=a.delegate;if(r){r=function e(t,r){var n=r.method,o=t.iterator[n];if(o===l)return r.delegate=null,"throw"===n&&t.iterator.return&&(r.method="return",r.arg=l,e(t,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),b;n=f(o,t.iterator,r.arg);if("throw"===n.type)return r.method="throw",r.arg=n.arg,r.delegate=null,b;o=n.arg;return o?o.done?(r[t.resultName]=o.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=l),r.delegate=null,b):o:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,b)}(r,a);if(r){if(r===b)continue;return r}}if("next"===a.method)a.sent=a._sent=a.arg;else if("throw"===a.method){if(i===d)throw i=p,a.arg;a.dispatchException(a.arg)}else"return"===a.method&&a.abrupt("return",a.arg);i=h;r=f(o,c,a);if("normal"===r.type){if(i=a.done?p:"suspendedYield",r.arg===b)continue;return{value:r.arg,done:a.done}}"throw"===r.type&&(i=p,a.method="throw",a.arg=r.arg)}})}),t}function f(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}a.wrap=i;var d="suspendedStart",h="executing",p="completed",b={};function m(){}function v(){}function g(){}var t={},y=(c(t,n,function(){return this}),Object.getPrototypeOf),y=y&&y(y(L([]))),w=(y&&y!==e&&u.call(y,n)&&(t=y),g.prototype=m.prototype=Object.create(t));function x(e){["next","throw","return"].forEach(function(t){c(e,t,function(e){return this._invoke(t,e)})})}function O(a,i){var t;s(this,"_invoke",{value:function(r,n){function e(){return new i(function(e,t){!function t(e,r,n,o){var c,e=f(a[e],a,r);if("throw"!==e.type)return(r=(c=e.arg).value)&&"object"==z(r)&&u.call(r,"__await")?i.resolve(r.__await).then(function(e){t("next",e,n,o)},function(e){t("throw",e,n,o)}):i.resolve(r).then(function(e){c.value=e,n(c)},function(e){return t("throw",e,n,o)});o(e.arg)}(r,n,e,t)})}return t=t?t.then(e,e):e()}})}function j(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function E(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function k(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(j,this),this.reset(!0)}function L(t){if(t||""===t){var r,e=t[n];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length))return r=-1,(e=function e(){for(;++r<t.length;)if(u.call(t,r))return e.value=t[r],e.done=!1,e;return e.value=l,e.done=!0,e}).next=e}throw new TypeError(z(t)+" is not iterable")}return s(w,"constructor",{value:v.prototype=g,configurable:!0}),s(g,"constructor",{value:v,configurable:!0}),v.displayName=c(g,o,"GeneratorFunction"),a.isGeneratorFunction=function(e){e="function"==typeof e&&e.constructor;return!!e&&(e===v||"GeneratorFunction"===(e.displayName||e.name))},a.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,g):(e.__proto__=g,c(e,o,"GeneratorFunction")),e.prototype=Object.create(w),e},a.awrap=function(e){return{__await:e}},x(O.prototype),c(O.prototype,r,function(){return this}),a.AsyncIterator=O,a.async=function(e,t,r,n,o){void 0===o&&(o=Promise);var c=new O(i(e,t,r,n),o);return a.isGeneratorFunction(t)?c:c.next().then(function(e){return e.done?e.value:c.next()})},x(w),c(w,o,"Generator"),c(w,n,function(){return this}),c(w,"toString",function(){return"[object Generator]"}),a.keys=function(e){var t,r=Object(e),n=[];for(t in r)n.push(t);return n.reverse(),function e(){for(;n.length;){var t=n.pop();if(t in r)return e.value=t,e.done=!1,e}return e.done=!0,e}},a.values=L,k.prototype={constructor:k,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=l,this.done=!1,this.delegate=null,this.method="next",this.arg=l,this.tryEntries.forEach(E),!e)for(var t in this)"t"===t.charAt(0)&&u.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=l)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(r){if(this.done)throw r;var n=this;function e(e,t){return c.type="throw",c.arg=r,n.next=e,t&&(n.method="next",n.arg=l),!!t}for(var t=this.tryEntries.length-1;0<=t;--t){var o=this.tryEntries[t],c=o.completion;if("root"===o.tryLoc)return e("end");if(o.tryLoc<=this.prev){var a=u.call(o,"catchLoc"),i=u.call(o,"finallyLoc");if(a&&i){if(this.prev<o.catchLoc)return e(o.catchLoc,!0);if(this.prev<o.finallyLoc)return e(o.finallyLoc)}else if(a){if(this.prev<o.catchLoc)return e(o.catchLoc,!0)}else{if(!i)throw Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return e(o.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;0<=r;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&u.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}var c=(o=o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc?null:o)?o.completion:{};return c.type=e,c.arg=t,o?(this.method="next",this.next=o.finallyLoc,b):this.complete(c)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),b},finish:function(e){for(var t=this.tryEntries.length-1;0<=t;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),E(r),b}},catch:function(e){for(var t=this.tryEntries.length-1;0<=t;--t){var r,n,o=this.tryEntries[t];if(o.tryLoc===e)return"throw"===(r=o.completion).type&&(n=r.arg,E(o)),n}throw Error("illegal catch attempt")},delegateYield:function(e,t,r){return this.delegate={iterator:L(e),resultName:t,nextLoc:r},"next"===this.method&&(this.arg=l),b}},a}function S(e,t,r,n,o,c,a){try{var i=e[c](a),l=i.value}catch(e){return r(e)}i.done?t(l):Promise.resolve(l).then(n,o)}function M(e){var t=e.id,r=e.style,n=e.className,o=e.imgSrc,c=e.xOffset,a=e.imgWidth,i=e.imgHeight,l=e.mode,u=e.tipText,s=e.showRefreshIcon,f=e.autoRefreshOnError,d=e.errorHoldDuration,h=e.placement,p=e.refresh,b=e.setProps,e=e.loading_state,m=Object(se.useRef)(0),v=Object(se.useRef)();return Object(se.useEffect)(function(){var e;p&&(null!=(e=v.current)&&e.refresh(),b({refresh:!1}))},[p]),fe.a.createElement(g,{id:t,style:r,className:n,actionRef:v,request:function(){return j(o,{format:"blob"}).then(function(e){return m.current=e.x,{bgUrl:e.bgUrl,puzzleUrl:e.puzzleUrl}})},onVerify:function(){var i;i=R().mark(function e(t){return R().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t.x>=m.current-c&&t.x<m.current+c)return b({verifyResult:{status:"success",timestamp:Date.now()}}),e.abrupt("return",Promise.resolve());e.next=3;break;case 3:return b({verifyResult:{status:"error",timestamp:Date.now()}}),e.abrupt("return",Promise.reject());case 5:case"end":return e.stop()}},e)});return function(e){return function(){var e=this,a=arguments;return new Promise(function(t,r){var n=i.apply(e,a);function o(e){S(n,t,r,o,c,"next",e)}function c(e){S(n,t,r,o,c,"throw",e)}o(void 0)})}.apply(this,arguments)}}(),bgSize:{width:a,height:i},mode:l,tipText:u,showRefreshIcon:s,autoRefreshOnError:f,errorHoldDuration:d,placement:h,"data-dash-is-loading":e&&e.is_loading||void 0})}(e.default=M).defaultProps=b.b,M.propTypes=b.c},560:function(e,s,f){"use strict";!function(e){f.d(s,"a",function(){return i}),f.d(s,"b",function(){return u}),f.d(s,"c",function(){return l}),f.d(s,"d",function(){return c}),f.d(s,"e",function(){return a}),f.d(s,"f",function(){return o}),f.d(s,"g",function(){return n}),f.d(s,"h",function(){return t});var t="undefined",r=Object.prototype,n=r.toString,o=(r.hasOwnProperty,r.propertyIsEnumerable),c=Object.getOwnPropertySymbols,a=(Object.getPrototypeOf,Object.keys),i=(Function.prototype.toString,typeof Symbol!==t&&Symbol.prototype,Array.prototype.slice,Math.min,Math.max,Math.random,Math.floor,Math.ceil,Math.abs,Number.isFinite,Number.isInteger,Number.isSafeInteger,Number.MAX_SAFE_INTEGER||9007199254740991),l=(Number.MIN_SAFE_INTEGER,["Float32Array","Float64Array","Int8Array","Int16Array","Int32Array","Uint8Array","Uint8ClampedArray","Uint16Array","Uint32Array","BigInt64Array","BigUint64Array"].map(function(e){return"[object "+e+"]"}),["Function","AsyncFunction","GeneratorFunction","Proxy"].map(function(e){return"[object "+e+"]"})),u="[object Blob]"}.call(this,f(30))}}]);
1
+ (window.webpackJsonpfeffery_utils_components=window.webpackJsonpfeffery_utils_components||[]).push([[30],{521:function(m,e,t){"use strict";t.r(e);var se=t(1),fe=t.n(se),de=t(2),r=t(39),he=t.n(r),Ee=function(e){t=Object(se.useRef)(!1),Object(se.useEffect)(function(){return t.current=!1,function(){t.current=!0}},[]);var t,r=t,e=Object(de.f)(Object(se.useState)(e),2),n=e[0],o=e[1];return[n,Object(se.useCallback)(function(e){r.current||o(e)},[])]},ke=function(e){var t=Object(se.useRef)(e);return t.current=e,t},pe=(r="@-webkit-keyframes slider-icon-animate_spin {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes slider-icon-animate_spin {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n.rc-slider-captcha-icon {\n display: inline-block;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-style: normal;\n line-height: 0;\n text-align: center;\n text-transform: none;\n vertical-align: -0.125em;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n.rc-slider-captcha-icon > svg {\n line-height: 1;\n}\n.rc-slider-captcha-icon-spin {\n -webkit-animation: slider-icon-animate_spin 1s infinite linear;\n animation: slider-icon-animate_spin 1s infinite linear;\n}\n.rc-slider-captcha-button {\n display: inline-block;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 40px;\n height: 100%;\n padding: 5px 0;\n color: #676d73;\n color: var(--rcsc-button-color, #676d73);\n font-size: 22px;\n line-height: 1;\n background-color: #fff;\n background-color: var(--rcsc-button-bg-color, #fff);\n box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);\n cursor: -webkit-grab;\n cursor: grab;\n transition-timing-function: linear;\n transition-duration: 0.2s;\n transition-property: background-color, color;\n touch-action: none;\n}\n.rc-slider-captcha-button-active {\n color: #fff;\n color: var(--rcsc-button-hover-color, #fff);\n background-color: #1991fa;\n background-color: var(--rcsc-primary, #1991fa);\n}\n.rc-slider-captcha-button-verify {\n color: #fff;\n color: var(--rcsc-button-hover-color, #fff);\n background-color: #1991fa;\n background-color: var(--rcsc-primary, #1991fa);\n}\n.rc-slider-captcha-button-pc:hover {\n color: #fff;\n color: var(--rcsc-button-hover-color, #fff);\n background-color: #1991fa;\n background-color: var(--rcsc-primary, #1991fa);\n}\n.rc-slider-captcha-button:active {\n color: #fff;\n color: var(--rcsc-button-hover-color, #fff);\n background-color: #1991fa;\n background-color: var(--rcsc-primary, #1991fa);\n}\n.rc-slider-captcha-button-active,\n.rc-slider-captcha-button:active {\n cursor: -webkit-grabbing;\n cursor: grabbing;\n}\n.rc-slider-captcha-button-verify,\n.rc-slider-captcha-button-verify:active {\n cursor: wait;\n}\n.rc-slider-captcha-button-error {\n color: #fff;\n color: var(--rcsc-button-hover-color, #fff);\n background-color: #f57a7a;\n background-color: var(--rcsc-error, #f57a7a);\n cursor: default;\n}\n.rc-slider-captcha-button-error:hover {\n color: #fff;\n color: var(--rcsc-button-hover-color, #fff);\n background-color: #f57a7a;\n background-color: var(--rcsc-error, #f57a7a);\n cursor: default;\n}\n.rc-slider-captcha-button-error:active {\n color: #fff;\n color: var(--rcsc-button-hover-color, #fff);\n background-color: #f57a7a;\n background-color: var(--rcsc-error, #f57a7a);\n cursor: default;\n}\n.rc-slider-captcha-button-success {\n color: #fff;\n color: var(--rcsc-button-hover-color, #fff);\n background-color: #52ccba;\n background-color: var(--rcsc-success, #52ccba);\n cursor: default;\n}\n.rc-slider-captcha-button-success:hover {\n color: #fff;\n color: var(--rcsc-button-hover-color, #fff);\n background-color: #52ccba;\n background-color: var(--rcsc-success, #52ccba);\n cursor: default;\n}\n.rc-slider-captcha-button-success:active {\n color: #fff;\n color: var(--rcsc-button-hover-color, #fff);\n background-color: #52ccba;\n background-color: var(--rcsc-success, #52ccba);\n cursor: default;\n}\n.rc-slider-captcha-button-disabled {\n color: #676d73;\n color: var(--rcsc-button-color, #676d73);\n background-color: #fff;\n background-color: var(--rcsc-button-bg-color, #fff);\n cursor: no-drop;\n opacity: 0.7;\n}\n.rc-slider-captcha-button-disabled:hover {\n color: #676d73;\n color: var(--rcsc-button-color, #676d73);\n background-color: #fff;\n background-color: var(--rcsc-button-bg-color, #fff);\n cursor: no-drop;\n opacity: 0.7;\n}\n.rc-slider-captcha-button-disabled:active {\n color: #676d73;\n color: var(--rcsc-button-color, #676d73);\n background-color: #fff;\n background-color: var(--rcsc-button-bg-color, #fff);\n cursor: no-drop;\n opacity: 0.7;\n}\n.rc-slider-captcha-loading {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 15px;\n color: #45494c;\n color: var(--rcsc-text-color, #45494c);\n font-size: 14px;\n text-align: center;\n background-color: #f7f9fa;\n background-color: var(--rcsc-bg-color, #f7f9fa);\n}\n.rc-slider-captcha-loading-icon {\n font-size: 30px;\n}\n.rc-slider-captcha-loading-text {\n margin-top: 5px;\n}\n.rc-slider-captcha {\n position: relative;\n}\n.rc-slider-captcha > * {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.rc-slider-captcha-control {\n position: relative;\n box-sizing: border-box;\n width: 100%;\n min-height: 42px;\n background-color: #f7f9fa;\n background-color: var(--rcsc-bg-color, #f7f9fa);\n border: 1px solid #e4e7eb;\n border: 1px solid var(--rcsc-border-color, #e4e7eb);\n border-radius: 2px;\n border-radius: var(--rcsc-control-border-radius, 2px);\n}\n.rc-slider-captcha-control-button {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 2;\n border-radius: 2px;\n border-radius: var(--rcsc-control-border-radius, 2px);\n}\n.rc-slider-captcha-control-indicator {\n position: absolute;\n top: -1px;\n bottom: -1px;\n left: -1px;\n display: none;\n box-sizing: border-box;\n width: 0;\n background-color: #d1e9fe;\n background-color: var(--rcsc-primary-light, #d1e9fe);\n border: 1px solid #1991fa;\n border: 1px solid var(--rcsc-primary, #1991fa);\n border-radius: 2px;\n border-radius: var(--rcsc-control-border-radius, 2px);\n}\n.rc-slider-captcha-control-tips {\n position: relative;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 0;\n color: #45494c;\n color: var(--rcsc-text-color, #45494c);\n font-size: 14px;\n line-height: 20px;\n text-align: center;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.rc-slider-captcha-control-moving .rc-slider-captcha-control-indicator,\n.rc-slider-captcha-control-verify .rc-slider-captcha-control-indicator,\n.rc-slider-captcha-control-error .rc-slider-captcha-control-indicator,\n.rc-slider-captcha-control-success .rc-slider-captcha-control-indicator {\n display: block;\n}\n.rc-slider-captcha-control-error .rc-slider-captcha-control-indicator {\n background-color: #fce1e1;\n background-color: var(--rcsc-error-light, #fce1e1);\n border-color: #f57a7a;\n border-color: var(--rcsc-error, #f57a7a);\n}\n.rc-slider-captcha-control-success .rc-slider-captcha-control-indicator {\n background-color: #d2f4ef;\n background-color: var(--rcsc-success-light, #d2f4ef);\n border-color: #52ccba;\n border-color: var(--rcsc-success, #52ccba);\n}\n.rc-slider-captcha-control-errors {\n padding-left: 0;\n background-color: #fce1e1;\n background-color: var(--rcsc-error-light, #fce1e1);\n border-color: #f57a7a;\n border-color: var(--rcsc-error, #f57a7a);\n}\n.rc-slider-captcha-control-errors .rc-slider-captcha-control-button,\n.rc-slider-captcha-control-errors .rc-slider-captcha-control-indicator {\n display: none;\n}\n.rc-slider-captcha-control-errors .rc-slider-captcha-control-tips {\n color: #f57a7a;\n color: var(--rcsc-error, #f57a7a);\n cursor: pointer;\n}\n.rc-slider-captcha-jigsaw {\n position: relative;\n background-color: #f7f9fa;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.rc-slider-captcha-jigsaw img {\n position: absolute;\n}\n.rc-slider-captcha-jigsaw-bg {\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n.rc-slider-captcha-jigsaw-puzzle {\n width: 60px;\n height: 100%;\n touch-action: none;\n}\n.rc-slider-captcha-jigsaw-puzzle:hover {\n cursor: -webkit-grab;\n cursor: grab;\n}\n.rc-slider-captcha-jigsaw-puzzle:active {\n cursor: -webkit-grabbing;\n cursor: grabbing;\n}\n.rc-slider-captcha-jigsaw-refresh {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 2;\n padding: 5px;\n color: #fff;\n font-size: 22px;\n line-height: 0;\n cursor: pointer;\n opacity: 0.75;\n transition: opacity 0.2s linear;\n}\n.rc-slider-captcha-jigsaw-refresh:hover {\n opacity: 1;\n}\n.rc-slider-captcha-jigsaw-refresh-disabled {\n cursor: not-allowed;\n}\n.rc-slider-captcha-jigsaw-refresh-disabled:hover {\n opacity: 0.75;\n}\n.rc-slider-captcha-jigsaw-stop .rc-slider-captcha-jigsaw-puzzle {\n pointer-events: none;\n}\n.rc-slider-captcha-jigsaw-stop .rc-slider-captcha-jigsaw-puzzle:hover,\n.rc-slider-captcha-jigsaw-stop .rc-slider-captcha-jigsaw-puzzle:active {\n cursor: default;\n}\n.rc-slider-captcha-panel {\n padding-bottom: 15px;\n}\n.rc-slider-captcha-panel-inner {\n overflow: hidden;\n border-radius: 2px;\n border-radius: var(--rcsc-panel-border-radius, 2px);\n}\n.rc-slider-captcha-float .rc-slider-captcha-panel {\n position: absolute;\n left: 0;\n display: none;\n opacity: 0;\n transition-timing-function: ease-out;\n transition-duration: 0.3s;\n transition-property: top, bottom, opacity;\n}\n.rc-slider-captcha-float-top .rc-slider-captcha-panel {\n bottom: 22px;\n}\n.rc-slider-captcha-float-bottom .rc-slider-captcha-panel {\n top: 22px;\n padding: 15px 0 0;\n}\n",b=(b=void 0===b?{}:b).insertAt,"undefined"!=typeof document&&(n=document.head||document.getElementsByTagName("head")[0],(a=document.createElement("style")).type="text/css","top"===b&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=r:a.appendChild(document.createTextNode(r))),"rc-slider-captcha");function be(e){var t=0,r=0;return"number"==typeof e.clientX&&"number"==typeof e.clientY?(t=e.clientX,r=e.clientY):e.touches&&e.touches[0]?(t=e.touches[0].clientX,r=e.touches[0].clientY):e.changedTouches&&e.changedTouches[0]&&(t=e.changedTouches[0].clientX,r=e.changedTouches[0].clientY),{clientX:t,clientY:r}}function me(e,t){if(void 0===t&&(t={}),e)for(var r in t)e.style[r]=t[r]}function v(e){var t,r=e.className,n=e.spin,e=Object(de.g)(e,["className","spin"]);return fe.a.createElement("span",Object(de.a)({className:he()(y,((t={})["".concat(y,"-spin")]=n,t),r)},e))}function o(e){var t=e.type,e=Object(de.g)(e,["type"]);return fe.a.createElement(v,Object(de.a)({},e),w[t])}function g(e){function C(){Object(de.b)(void 0,void 0,void 0,function(){var t;return Object(de.e)(this,function(e){switch(e.label){case 0:return K?[2]:F?(Z?J.current=setTimeout(function(){p(ge.Loading)},a):p(ge.Loading),[4,F()]):[3,2];case 1:t=e.sent(),Z&&clearTimeout(J.current),Y(t),p(ge.Default),e.label=2;case 2:return[2]}})})}function U(e){void 0===e&&(e=300),"float"===w&&b.current!==ge.Success&&(clearTimeout(te.current),clearTimeout(ne.current),clearTimeout(re.current),re.current=setTimeout(function(){var e;me(y.current,{display:"block"}),null!=(e=y.current)&&e.scrollTop,me(y.current,((e={})[Q]="42px",e.opacity="1",e))},e))}function r(e){var t,r;b.current===ge.Default&&(e.preventDefault(),t=e.currentTarget)&&m.current&&(K||v.current)&&(r=(e=be(e)).clientX,e=e.clientY,z.current={x:r,y:e,timestamp:(new Date).getTime()},$.current=[[z.current.x,z.current.y]],ee.current=m.current.clientWidth,S.current.button=j.width-ee.current-2,S.current.puzzle=j.width-E.width-E.left,k.current=t.getAttribute("data-id"),T.current=S.current.puzzle/S.current.button,k.current===ve.Puzzle&&(T.current=1/T.current),ye&&U(0),R.current=!0,document.addEventListener(je.move,ae),document.addEventListener(je.end,_),document.addEventListener("touchcancel",_))}var t=void 0===(n=e.mode)?"embed":n,o=void 0===(n=e.limitErrorCount)?0:n,A=e.tipText,D=e.tipIcon,H=e.bgSize,B=e.puzzleSize,F=e.request,q=void 0===(n=e.autoRequest)||n,V=e.onVerify,G=void 0===(n=e.autoRefreshOnError)||n,n=e.actionRef,c=void 0===(c=e.showRefreshIcon)||c,X=e.jigsawContent,W=void 0===(l=e.errorHoldDuration)?500:l,a=void 0===(l=e.loadingDelay)?0:l,i=void 0===(l=e.placement)?"top":l,l=e.loadingBoxProps,u=e.sliderButtonProps,s=e.className,f=e.style,e=e.styles,d=(P=Ee())[0],Y=P[1],h=(P=Ee(ge.Default))[0],p=P[1],b=ke(h),J=Object(se.useRef)(null),Z="number"==typeof a&&0<a,m=Object(se.useRef)(null),v=Object(se.useRef)(null),g=Object(se.useRef)(null),y=Object(se.useRef)(null),w=Object(se.useMemo)(function(){return"float"===t||"slider"===t?t:"embed"},[t]),K="slider"===w,x=Object(se.useMemo)(function(){return Object(de.a)(Object(de.a)({},Oe.tipText),A)},[A]),O=Object(se.useMemo)(function(){return Object(de.a)(Object(de.a)({},Oe.tipIcon),D)},[D]),j=Object(se.useMemo)(function(){return Object(de.a)(Object(de.a)({},Oe.bgSize),H)},[H]),E=Object(se.useMemo)(function(){return Object(de.a)(Object(de.a)({},Oe.puzzleSize),B)},[B]),Q=Object(se.useMemo)(function(){return"bottom"===i?"top":"bottom"},[i]),k=Object(se.useRef)(ve.Button),L=Object(se.useRef)(0),z=Object(se.useRef)({x:0,y:0,timestamp:0}),$=Object(se.useRef)([]),R=Object(se.useRef)(!1),ee=Object(se.useRef)(40),te=Object(se.useRef)(null),re=Object(se.useRef)(null),ne=Object(se.useRef)(null),oe=Object(se.useRef)(null),N=b.current===ge.Error&&0<o&&L.current>=o,T=Object(se.useRef)(1),S=Object(se.useRef)({button:0,puzzle:0}),M=function(e){void 0===e&&(e=300),"float"===w&&(clearTimeout(te.current),clearTimeout(ne.current),clearTimeout(re.current),ne.current=setTimeout(function(){var e;me(y.current,((e={})[Q]="22px",e.opacity="0",e)),te.current=setTimeout(function(){me(y.current,{display:"none"})},300)},e))},ce=function(){R.current=!1,p(ge.Default),me(m.current,{left:"0"}),me(g.current,{width:"0"}),me(v.current,{left:E.left+"px"})},I=function(e){(e=void 0===e?!1:e)&&(L.current=0),clearTimeout(oe.current),b.current!==ge.Loading&&(ce(),C())},ae=function(e){var t,r;R.current&&(e.preventDefault(),r=(e=be(e)).clientX,e=e.clientY,t=r-z.current.x,$.current.push([r,e]),b.current!==ge.Moving&&0<t&&p(ge.Moving),e=r=t,k.current===ve.Puzzle?(r=(t=Math.max(0,Math.min(t,S.current.puzzle)))+E.left,e=t*T.current):(e=t=Math.max(0,Math.min(t,S.current.button)),r=t*T.current+E.left),me(m.current,{left:e+"px"}),me(g.current,{width:e+ee.current+2+"px"}),me(v.current,{left:r+"px"}))},_=function(e){var t,r,n;document.removeEventListener(je.move,ae),document.removeEventListener(je.end,_),document.removeEventListener("touchcancel",_),R.current&&(b.current!==ge.Moving?(R.current=!1,ye&&M()):V?(R.current=!1,p(ge.Verify),t=(new Date).getTime(),r=(e=be(e)).clientX,e=e.clientY-z.current.y,n=r=r-z.current.x,k.current===ve.Puzzle?n=(r=Math.max(0,Math.min(r,S.current.puzzle)))*T.current:(n=r=Math.max(0,Math.min(r,S.current.button)),r*=T.current),V({x:r,y:e,sliderOffsetX:n,duration:t-z.current.timestamp,trail:$.current,targetType:k.current,errorCount:L.current}).then(function(){L.current=0,p(ge.Success),M()}).catch(function(){L.current+=1,p(ge.Error),ye&&M(),(o<=0||L.current<o)&&G&&(oe.current=setTimeout(function(){I()},W))})):ce())},P=(Object(se.useEffect)(function(){q&&C();var e=m.current,t=v.current;if(Le&&e)return e.addEventListener(je.start,r),t&&t.addEventListener(je.start,r),function(){e.removeEventListener(je.start,r),t&&t.removeEventListener(je.start,r),document.removeEventListener(je.move,ae),document.removeEventListener(je.end,_),document.removeEventListener("touchcancel",_)}},[]),h===ge.Loading),ie=h===ge.Verify||h===ge.Error||h===ge.Success,le=Object(se.useMemo)(function(){return h===ge.Default?x.default:h===ge.Loading?x.loading:h===ge.Moving?x.moving:h===ge.Verify?x.verifying:N?x.errors:h===ge.Error?x.error:h===ge.Success?x.success:null},[h,x,N]),ue=Object(se.useMemo)(function(){return h===ge.Success?O.success:h===ge.Error?O.error:h===ge.Verify?O.loading:O.default},[h,O]);return fe.a.useImperativeHandle(n,function(){return{refresh:I,get status(){return b.current}}}),fe.a.createElement("div",{className:he()(pe,s,"".concat(pe,"-").concat(w),((n={})["".concat(pe,"-").concat(w,"-").concat(i)]="float"===w,n)),style:Object(de.a)({width:j.width},f),onMouseEnter:function(){ye||U()},onMouseLeave:function(){ye||M()}},!K&&fe.a.createElement("div",{className:"".concat(pe,"-panel"),ref:y},fe.a.createElement("div",{className:"".concat(pe,"-panel-inner"),style:Object(de.a)(Object(de.a)({},null==e?void 0:e.panel),{height:j.height})},fe.a.createElement("div",{className:he()(xe,((s={})["".concat(xe,"-stop")]=ie,s)),style:Object(de.a)(Object(de.a)(Object(de.a)({},null==e?void 0:e.jigsaw),j),P||null==d||!d.bgUrl?{display:"none"}:{})},fe.a.createElement("img",{className:"".concat(xe,"-bg"),style:Object(de.a)(Object(de.a)({},null==e?void 0:e.bgImg),j),src:null==d?void 0:d.bgUrl,alt:""}),fe.a.createElement("img",{className:"".concat(xe,"-puzzle"),style:Object(de.a)(Object(de.a)({},null==e?void 0:e.puzzleImg),E),src:null==d?void 0:d.puzzleUrl,alt:"","data-id":ve.Puzzle,ref:v}),c&&h!==ge.Success&&O.refresh&&fe.a.createElement("div",{className:he()("".concat(xe,"-refresh"),((n={})["".concat(xe,"-refresh-disabled")]=h===ge.Verify||N,n)),onClick:function(){h===ge.Verify||N||I()}},O.refresh),X),fe.a.createElement(ze,Object(de.a)({},l,{style:Object(de.a)(Object(de.a)(Object(de.a)({},null==l?void 0:l.style),j),P?{}:{display:"none"})})))),fe.a.createElement("div",{className:he()(we,((f={})["".concat(we,"-loading")]=P,f["".concat(we,"-moving")]=h===ge.Moving,f["".concat(we,"-verify")]=h===ge.Verify,f["".concat(we,"-success")]=h===ge.Success,f["".concat(we,"-error")]=h===ge.Error,f["".concat(we,"-errors")]=N,f)),onClick:function(){N&&I(!0)},style:null==e?void 0:e.control},fe.a.createElement("div",{className:he()("".concat(we,"-indicator")),style:null==e?void 0:e.indicator,ref:g}),fe.a.createElement(Re,Object(de.a)({},u,{className:he()("".concat(we,"-button"),null==u?void 0:u.className),disabled:P,active:h===ge.Moving,verify:h===ge.Verify,success:h===ge.Success,error:h===ge.Error,"data-id":ve.Button,mobile:ye,ref:m}),ue),le&&fe.a.createElement("div",{className:he()("".concat(we,"-tips"))},le)))}var ve,ge,n,Le="object"==typeof window&&window&&"object"==typeof document&&document&&window.document===document&&!!document.addEventListener,ye=Le&&"ontouchstart"in window,y="".concat(pe,"-icon"),w={arrowRight:fe.a.createElement(function(e){return fe.a.createElement("svg",Object(de.a)({viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor"},e),fe.a.createElement("path",{d:"M116.9408 561.4592m0-40.96l0 0q0-40.96 40.96-40.96l573.44 0q40.96 0 40.96 40.96l0 0q0 40.96-40.96 40.96l-573.44 0q-40.96 0-40.96-40.96Z"}),fe.a.createElement("path",{d:"M769.82272 519.43424l-203.22304-203.22304a40.96 40.96 0 1 1 57.91744-57.91744l231.71072 231.71072a40.96 40.96 0 0 1 0.45056 58.44992L624.9472 780.12416a40.96 40.96 0 0 1-57.93792-57.91744l202.79296-202.79296z"}))},null),check:fe.a.createElement(function(e){return fe.a.createElement("svg",Object(de.a)({viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor"},e),fe.a.createElement("path",{d:"M864.554667 268.501333a42.666667 42.666667 0 0 1 0 60.330667L412.032 781.397333a42.453333 42.453333 0 0 1-22.613333 11.818667l-5.034667 0.597333H379.306667a42.496 42.496 0 0 1-27.648-12.416l-211.2-211.2a42.666667 42.666667 0 1 1 60.330666-60.330666l180.992 180.992 422.4-422.4a42.666667 42.666667 0 0 1 60.330667 0z"}))},null),loading:fe.a.createElement(function(e){return fe.a.createElement("svg",Object(de.a)({viewBox:"0 0 120 120",width:"1em",height:"1em"},e),fe.a.createElement("defs",null,fe.a.createElement("line",{id:"l",x1:"60",x2:"60",y1:"7",y2:"27",stroke:"currentColor",strokeWidth:"11",strokeLinecap:"round"})),fe.a.createElement("g",null,fe.a.createElement("use",{xlinkHref:"#l",opacity:".27"}),fe.a.createElement("use",{xlinkHref:"#l",opacity:".27",transform:"rotate(30 60,60)"}),fe.a.createElement("use",{xlinkHref:"#l",opacity:".27",transform:"rotate(60 60,60)"}),fe.a.createElement("use",{xlinkHref:"#l",opacity:".27",transform:"rotate(90 60,60)"}),fe.a.createElement("use",{xlinkHref:"#l",opacity:".27",transform:"rotate(120 60,60)"}),fe.a.createElement("use",{xlinkHref:"#l",opacity:".27",transform:"rotate(150 60,60)"}),fe.a.createElement("use",{xlinkHref:"#l",opacity:".37",transform:"rotate(180 60,60)"}),fe.a.createElement("use",{xlinkHref:"#l",opacity:".46",transform:"rotate(210 60,60)"}),fe.a.createElement("use",{xlinkHref:"#l",opacity:".56",transform:"rotate(240 60,60)"}),fe.a.createElement("use",{xlinkHref:"#l",opacity:".66",transform:"rotate(270 60,60)"}),fe.a.createElement("use",{xlinkHref:"#l",opacity:".75",transform:"rotate(300 60,60)"}),fe.a.createElement("use",{xlinkHref:"#l",opacity:".85",transform:"rotate(330 60,60)"})))},null),refresh:fe.a.createElement(function(e){return fe.a.createElement("svg",Object(de.a)({viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor"},e),fe.a.createElement("path",{d:"M866.133333 573.013333a42.666667 42.666667 0 0 0-53.333333 27.733334A304.64 304.64 0 0 1 519.68 810.666667 302.933333 302.933333 0 0 1 213.333333 512a302.933333 302.933333 0 0 1 306.346667-298.666667 309.76 309.76 0 0 1 198.4 71.253334l-92.586667-15.36a42.666667 42.666667 0 0 0-49.066666 35.413333 42.666667 42.666667 0 0 0 35.413333 49.066667l180.906667 29.866666h7.253333a42.666667 42.666667 0 0 0 14.506667-2.56 14.08 14.08 0 0 0 4.266666-2.56 33.28 33.28 0 0 0 8.533334-4.693333l3.84-4.693333c0-2.133333 3.84-3.84 5.546666-6.4s0-4.266667 2.133334-5.973334a57.173333 57.173333 0 0 0 2.986666-7.68l32-170.666666a42.666667 42.666667 0 0 0-85.333333-16.213334l-11.52 61.866667A392.96 392.96 0 0 0 519.68 128 388.266667 388.266667 0 0 0 128 512a388.266667 388.266667 0 0 0 391.68 384A389.12 389.12 0 0 0 896 626.346667a42.666667 42.666667 0 0 0-29.866667-53.333334z"}))},null),x:fe.a.createElement(function(e){return fe.a.createElement("svg",Object(de.a)({viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor"},e),fe.a.createElement("path",{d:"M572.96896 524.6976l217.23136 217.25184a40.96 40.96 0 1 1-57.93792 57.91744L515.072 582.63552l-212.3776 212.3776a40.96 40.96 0 1 1-57.9584-57.91744l212.39808-212.3776-217.21088-217.23136a40.96 40.96 0 1 1 57.91744-57.91744l217.23136 217.21088L737.0752 244.736a40.96 40.96 0 1 1 57.93792 57.91744L572.96896 524.71808z"}))},null)},c="".concat(pe,"-loading"),ze=function(e){var t=e.icon,t=void 0===t?fe.a.createElement(o,{type:"loading",spin:!0}):t,r=e.text,r=void 0===r?"加载中...":r,n=e.className,e=Object(de.g)(e,["icon","text","className"]);return fe.a.createElement("div",Object(de.a)({className:he()(c,n)},e),fe.a.createElement("div",{className:"".concat(c,"-icon")},t),fe.a.createElement("div",{className:"".concat(c,"-text")},r))},u="".concat(pe,"-button"),Re=fe.a.forwardRef(function(e,t){var r=e.className,n=e.disabled,o=e.active,c=e.success,a=e.error,i=e.verify,l=e.mobile,e=Object(de.g)(e,["className","disabled","active","success","error","verify","mobile"]);return fe.a.createElement("span",Object(de.a)({className:he()(u,r,((r={})["".concat(u,"-disabled")]=n,r["".concat(u,"-active")]=o,r["".concat(u,"-verify")]=i,r["".concat(u,"-success")]=c,r["".concat(u,"-error")]=a,r["".concat(u,"-pc")]=!l,r)),ref:t},e))}),we=(Re.displayName="SliderButton",(b=ve=ve||{}).Puzzle="puzzle",b.Button="button",(n=ge=ge||{})[n.Default=1]="Default",n[n.Loading=2]="Loading",n[n.Moving=3]="Moving",n[n.Verify=4]="Verify",n[n.Success=5]="Success",n[n.Error=6]="Error","".concat(pe,"-control")),xe="".concat(pe,"-jigsaw"),Oe={bgSize:{width:320,height:160},puzzleSize:{width:60,left:0},tipText:{default:"向右拖动滑块填充拼图",loading:"加载中...",moving:null,verifying:null,success:null,error:null,errors:fe.a.createElement(fe.a.Fragment,null,fe.a.createElement(o,{type:"x",style:{fontSize:20}})," 失败过多，点击重试")},tipIcon:{default:fe.a.createElement(o,{type:"arrowRight"}),loading:fe.a.createElement(o,{type:"loading",spin:!0}),error:fe.a.createElement(o,{type:"x"}),success:fe.a.createElement(o,{type:"check"}),refresh:fe.a.createElement(o,{type:"refresh"})}},je=ye?{start:"touchstart",move:"touchmove",end:"touchend"}:{start:"mousedown",move:"mousemove",end:"mouseup"},a="undefined"!=typeof URL,k=Object.keys,C=(Object.values,a?URL.createObjectURL:function(){return""}),U=a?URL.revokeObjectURL:function(){},E=t(560);function L(e){return E.g.call(e)}var N=typeof Blob!==E.h,T=[200,304];function A(o,c){return new Promise(function(r,n){var a,i,l,u,s,f,d,h,e,p,b,m,v,g,y,w,x,O,j,t;t=o,N&&t instanceof Blob||L(t)===E.b?r(o):(a=o,e=(t=Object(de.a)({responseType:"blob"},c)||{}).method,i=void 0===e?"get":e,e=t.data,l=void 0===e?null:e,u=t.timeout,s=t.headers,e=t.withCredentials,f=void 0!==e&&e,e=t.async,d=void 0===e||e,e=t.user,h=void 0===e?null:e,e=t.password,p=void 0===e?null:e,b=t.responseType,m=t.onReadyStateChange,v=t.onLoadStart,g=t.onProgress,y=t.onAbort,w=t.onTimeout,x=t.onError,O=t.onLoad,j=t.onLoadEnd,new Promise(function(t,r){var n=new XMLHttpRequest;n.open(i.toLowerCase(),a,d,h,p),m&&(n.onreadystatechange=m),"number"==typeof u&&0<u&&(n.timeout=u),n.withCredentials=f,b&&(n.responseType=b),"object"==typeof s&&k(s).map(function(e){n.setRequestHeader(e,s[e])});function e(t){return function(e){r(e),null!=t&&t.call(n,e)}}var o,c={loadstart:v,progress:g,abort:e(y),timeout:e(w),error:e(x),load:(o=O,function(e){t(e),null!=o&&o.call(n,e)}),loadend:j};k(c).map(function(e){var t=c[e];t&&n.addEventListener(e,t)}),n.send(l)}).then(function(e){var t=e.target.status;-1!==T.indexOf(t)?r(e.target.response):(e=new Error("The file does not support get requests, responseStatus ".concat(t,", '").concat(o,"'.")),console.error(e),n(e))}).catch(function(e){console.error(new Error("Failed to request file. ".concat(e))),n(e)}))})}function i(){this.handlers={}}function x(e){return e}i.prototype.eventNames=function(){var e=(null==(e=Object.getOwnPropertySymbols)?void 0:e.call(Object,this.handlers))||[];return Object.keys(this.handlers).concat(e)},i.prototype.rawListeners=function(e){e=this.handlers[e];return e?e.map(function(e){return e.raw}):[]},i.prototype.listeners=function(e){e=this.handlers[e];return e?e.map(function(e){return e.wrap}):[]},i.prototype.hasListener=function(e,t){return this.rawListeners(e).some(function(e){return e===t})},i.prototype._on=function(e,t,r,n,o){void 0===o&&(o=1);t={raw:t,wrap:r,context:n=void 0===n?null:n};return this.handlers[e]?this.handlers[e][1===o?"push":"unshift"](t):this.handlers[e]=[t],this},i.prototype.prependListener=function(e,t,r){return this._on(e,t,t,r,0)},i.prototype.on=function(e,t,r){return this._on(e,t,t,r)},i.prototype._wrapOnce=function(r,n,o){function c(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];n.apply(o,e),a.off(r,c)}var a=this;void 0===o&&(o=null);return c},i.prototype.once=function(e,t,r){var n=this._wrapOnce(e,t,r);return this._on(e,t,n,r)},i.prototype.prependOnceListener=function(e,t,r){var n=this._wrapOnce(e,t,r);return this._on(e,t,n,r,0)},i.prototype.off=function(e,t){var r,n=this.handlers[e];return n&&(t?-1!==(r=n.findIndex(function(e){return e.wrap===t||e.raw===t}))&&n.splice(r,1):delete this.handlers[e]),this},i.prototype.offAll=function(){return this.handlers={},this},i.prototype.emit=function(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];e=this.handlers[e];return!!(e&&0<e.length)&&(e.forEach(function(e){e.wrap.apply(e.context,t)}),!0)};function O(e,t){void 0===t&&(t=x);for(var r,n,o,c,a=!(null!=(n=e)&&"number"==typeof(c=n.length)&&-1<c&&c%1==0&&c<=E.a&&"function"!=typeof n&&(o=L(n),!E.c.some(function(e){return e===o})))&&("function"==(n=typeof(c=e))||"object"==n&&c?Object(E.e)(c).concat((r=c,E.d&&null!==r?Object(E.d)(r).filter(function(e){return E.f.call(r,e)}):[])):[]),i=(a||e).length,l=0;0<=l&&l<i;){var u=a?a[l]:l;if(!1===t(e[u],u,e))break;l+=1}}l=i,Object(de.d)(s,l),s.prototype.has=function(t){return!!this.data.find(function(e){return e.k===t})},s.prototype.get=function(t){var e;return null==(e=this.data.find(function(e){return e.k===t}))?void 0:e.v},s.prototype.checkLimit=function(){var e,t=this;0!==this.options.max&&0<=(e=this.data.length-this.options.max)&&(e=this.data.splice(0,1+e),O(e,function(e){t.emit("del",e.v,e.k)}))},s.prototype.set=function(t,e){var r,e={k:t,v:e};this.has(t)?(r=this.data.findIndex(function(e){return e.k===t}),this.data.splice(r,1,e)):(this.checkLimit(),this.data.push(e))};var l,I=new s({max:1});function s(e){var t=l.call(this)||this;return t.data=[],t.options=Object(de.a)({max:10},e),t}I.on("del",function(e){if(e.r)try{U(e.data.image.src)}catch(e){}});var f,d=Math.PI,h=((r=f=f||{})[r.None=0]="None",r[r.Outer=1]="Outer",r[r.Inner=2]="Inner",[f.None,f.Outer,f.Inner]);function _(e,t){return void 0===t&&(t=0),Math.max(Math.floor(Math.random()*e),t)}function p(e){return e[_(e.length)]}function D(e){var t,r,n={top:p(h),right:p(h),bottom:p(h),left:p(h)},o=Object.keys(n),c=["top","bottom"],a=["left","right"];return n.top===f.Outer&&n.bottom===f.Outer?n[p(c)]=f.Inner:n.top!==f.Outer&&n.bottom!==f.Outer&&(n[p(c)]=f.Outer),n.left===f.Outer&&n.right===f.Outer?n[p(a)]=f.Inner:n.left!==f.Outer&&n.right!==f.Outer&&(n[p(a)]=f.Outer),e&&(t=[],r=[],o.forEach(function(e){n[e]===f.Inner?t.push(e):n[e]===f.None&&r.push(e)}),2===e?t.forEach(function(e){return n[e]=f.None}):3===e?0===t.length?n[p(r)]=f.Inner:2===t.length&&(n[p(t)]=f.None):4==e&&r.forEach(function(e){return n[e]=f.Inner})),n}function H(e,t){var r=(t=void 0===t?{}:t).x,r=void 0===r?0:r,n=t.y,n=void 0===n?0:n,o=t.w,o=void 0===o?60:o,c=t.h,c=void 0===c?60:c,a=t.points,t=t.margin,t=(t=void 0===t?0:t)<=0?0:t,i=("number"!=typeof a&&a||(a=D(a)),.15*(Math.min(o,c)-2*t)),l=Math.hypot(i,i)/2,u=i+l,r={x:r+t,y:n+t,w:o-u-2*t,h:c-u-2*t},n=r.w/2,o=r.h/2;a.left===f.Outer&&(r.x+=u),a.top===f.Outer&&(r.y+=u),e.beginPath(),e.lineWidth=2,e.moveTo(r.x,r.y),a.top!==f.None&&(e.lineTo(r.x+n-l,r.y),a.top===f.Inner?e.arc(r.x+n,r.y+l,i,1.25*d,1.75*d,!0):e.arc(r.x+n,r.y-l,i,.75*d,.25*d)),e.lineTo(r.x+r.w,r.y),a.right!==f.None&&(e.lineTo(r.x+r.w,r.y+o-l),a.right===f.Inner?e.arc(r.x+r.w-l,r.y+o,i,1.75*d,.25*d,!0):e.arc(r.x+r.w+l,r.y+o,i,1.25*d,.75*d)),e.lineTo(r.x+r.w,r.y+r.h),a.bottom!==f.None&&(e.lineTo(r.x+n+l,r.y+r.h),a.bottom===f.Inner?e.arc(r.x+n,r.y+r.h-l,i,.25*d,.75*d,!0):e.arc(r.x+n,r.y+r.h+l,i,1.75*d,1.25*d)),e.lineTo(r.x,r.y+r.h),a.left!==f.None&&(e.lineTo(r.x,r.y+o+l),a.left===f.Inner?e.arc(r.x+l,r.y+o,i,.75*d,1.25*d,!0):e.arc(r.x-l,r.y+o,i,.25*d,1.75*d)),e.lineTo(r.x,r.y),e.stroke(),e.closePath()}function B(r,e,n,o){return new Promise(function(t){e?r.toBlob(function(e){t(e?URL.createObjectURL(e):r.toDataURL(n,o))},n,o):t(r.toDataURL(n,o))})}var F="image/jpeg",q="image/png",P=[];function j(r,e){var t=(e=void 0===e?{}:e).borderWidth,p=void 0===t?2:t,t=e.borderColor,b=void 0===t?"rgba(255,255,255,0.7)":t,t=e.fillColor,m=void 0===t?"rgba(255,255,255,0.7)":t,v=e.points,t=e.width,g=void 0===t?60:t,t=e.height,y=void 0===t?60:t,w=e.x,x=e.y,t=e.margin,O=void 0===t?2:t,t=e.equalHeight,j=void 0===t||t,E=e.imageWidth,k=e.imageHeight,L=e.bgWidth,z=e.bgHeight,t=e.bgOffset,R=void 0===t?[0,0]:t,t=e.bgImageType,N=void 0===t?F:t,t=e.quality,T=void 0===t?.8:t,t=e.format,S=void 0===t?"dataURL":t,t=e.cacheImage,n=void 0===t||t,t=e.autoRevokePreviousBlobUrl,M=void 0===t||t,o=e.ajaxOptions;return new Promise(function(l,u){var a,e,t,i,s=document.createElement("canvas"),f=document.createElement("canvas"),d=s.getContext("2d"),h=f.getContext("2d");a=r,t=o,i={useCache:"object"==typeof(e=void 0===(e=n)?!0:e)?!1!==e.useCache:!1!==e,autoRevokeOnDel:"object"==typeof e?!1!==e.autoRevokeOnDel:!!e},new Promise(function(o,c){i.useCache&&I.has(a)?o(I.get(a).data):A(a,t).then(function(t){var r=C(t),n=new Image;n.onload=function(){var e={blob:t,image:n};i.useCache&&I.set(a,{data:e,r:i.autoRevokeOnDel}),o(e)},n.onerror=function(e){U(r),console.error("[loadImageWithBlob] The image load failed, '".concat(a,"'.")),c(e)},n.src=r}).catch(c)}).then(function(e){var e=e.image,t=(E&&(e.width=E),k&&(e.height=k),"number"==typeof L&&0<L?g<L?L:g:e.width),r="number"==typeof z&&0<z?y<z?z:y:e.height,n=(s.width=t,s.height=r,t-g),o=r-y,c=void 0===w?_(n,g):w||0,a=void 0===x?_(o):x||0,n=(c<0?c=0:n<c&&(c=n),a<0?a=0:o<a&&(a=o),"number"!=typeof v&&v?v:D(v)),o="function"==typeof R?R(e.width,e.height):R,n=(d.strokeStyle=b,d.lineWidth=p,d.fillStyle=m,H(d,{x:c,y:a,w:g,h:y,points:n,margin:O}),d.fillStyle=m,d.fill(),d.globalCompositeOperation="destination-over",d.drawImage(e,o[0],o[1],e.width,e.height),f.width=t,f.height=r,h.strokeStyle=b,h.lineWidth=p,H(h,{x:c,y:a,w:g,h:y,points:n,margin:O}),h.globalCompositeOperation="destination-over",h.clip(),h.drawImage(e,o[0],o[1],e.width,e.height),h.getImageData(c,a,g,y)),i=(h.clearRect(0,0,t,r),f.width=g,f.height=j?r:y,h.putImageData(n,0,j?a:0),"blob"===S),o=B(f,i,q,T),e=B(s,i,N,T);Promise.all([o,e]).then(function(e){var t=e[0],e=e[1];M&&(P.length&&(P.forEach(function(e){URL.revokeObjectURL(e)}),P.length=0),i)&&P.push(e,t),l({puzzleUrl:t,bgUrl:e,x:c,y:j?0:a})}).catch(u)}).catch(u)})}var b=t(229);function z(e){return(z="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function R(){R=function(){return a};var l,a={},e=Object.prototype,u=e.hasOwnProperty,s=Object.defineProperty||function(e,t,r){e[t]=r.value},t="function"==typeof Symbol?Symbol:{},n=t.iterator||"@@iterator",r=t.asyncIterator||"@@asyncIterator",o=t.toStringTag||"@@toStringTag";function c(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{c({},"")}catch(l){c=function(e,t,r){return e[t]=r}}function i(e,t,r,n){var o,c,a,i,t=t&&t.prototype instanceof m?t:m,t=Object.create(t.prototype),n=new k(n||[]);return s(t,"_invoke",{value:(o=e,c=r,a=n,i=d,function(e,t){if(i===h)throw Error("Generator is already running");if(i===p){if("throw"===e)throw t;return{value:l,done:!0}}for(a.method=e,a.arg=t;;){var r=a.delegate;if(r){r=function e(t,r){var n=r.method,o=t.iterator[n];if(o===l)return r.delegate=null,"throw"===n&&t.iterator.return&&(r.method="return",r.arg=l,e(t,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),b;n=f(o,t.iterator,r.arg);if("throw"===n.type)return r.method="throw",r.arg=n.arg,r.delegate=null,b;o=n.arg;return o?o.done?(r[t.resultName]=o.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=l),r.delegate=null,b):o:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,b)}(r,a);if(r){if(r===b)continue;return r}}if("next"===a.method)a.sent=a._sent=a.arg;else if("throw"===a.method){if(i===d)throw i=p,a.arg;a.dispatchException(a.arg)}else"return"===a.method&&a.abrupt("return",a.arg);i=h;r=f(o,c,a);if("normal"===r.type){if(i=a.done?p:"suspendedYield",r.arg===b)continue;return{value:r.arg,done:a.done}}"throw"===r.type&&(i=p,a.method="throw",a.arg=r.arg)}})}),t}function f(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}a.wrap=i;var d="suspendedStart",h="executing",p="completed",b={};function m(){}function v(){}function g(){}var t={},y=(c(t,n,function(){return this}),Object.getPrototypeOf),y=y&&y(y(L([]))),w=(y&&y!==e&&u.call(y,n)&&(t=y),g.prototype=m.prototype=Object.create(t));function x(e){["next","throw","return"].forEach(function(t){c(e,t,function(e){return this._invoke(t,e)})})}function O(a,i){var t;s(this,"_invoke",{value:function(r,n){function e(){return new i(function(e,t){!function t(e,r,n,o){var c,e=f(a[e],a,r);if("throw"!==e.type)return(r=(c=e.arg).value)&&"object"==z(r)&&u.call(r,"__await")?i.resolve(r.__await).then(function(e){t("next",e,n,o)},function(e){t("throw",e,n,o)}):i.resolve(r).then(function(e){c.value=e,n(c)},function(e){return t("throw",e,n,o)});o(e.arg)}(r,n,e,t)})}return t=t?t.then(e,e):e()}})}function j(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function E(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function k(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(j,this),this.reset(!0)}function L(t){if(t||""===t){var r,e=t[n];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length))return r=-1,(e=function e(){for(;++r<t.length;)if(u.call(t,r))return e.value=t[r],e.done=!1,e;return e.value=l,e.done=!0,e}).next=e}throw new TypeError(z(t)+" is not iterable")}return s(w,"constructor",{value:v.prototype=g,configurable:!0}),s(g,"constructor",{value:v,configurable:!0}),v.displayName=c(g,o,"GeneratorFunction"),a.isGeneratorFunction=function(e){e="function"==typeof e&&e.constructor;return!!e&&(e===v||"GeneratorFunction"===(e.displayName||e.name))},a.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,g):(e.__proto__=g,c(e,o,"GeneratorFunction")),e.prototype=Object.create(w),e},a.awrap=function(e){return{__await:e}},x(O.prototype),c(O.prototype,r,function(){return this}),a.AsyncIterator=O,a.async=function(e,t,r,n,o){void 0===o&&(o=Promise);var c=new O(i(e,t,r,n),o);return a.isGeneratorFunction(t)?c:c.next().then(function(e){return e.done?e.value:c.next()})},x(w),c(w,o,"Generator"),c(w,n,function(){return this}),c(w,"toString",function(){return"[object Generator]"}),a.keys=function(e){var t,r=Object(e),n=[];for(t in r)n.push(t);return n.reverse(),function e(){for(;n.length;){var t=n.pop();if(t in r)return e.value=t,e.done=!1,e}return e.done=!0,e}},a.values=L,k.prototype={constructor:k,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=l,this.done=!1,this.delegate=null,this.method="next",this.arg=l,this.tryEntries.forEach(E),!e)for(var t in this)"t"===t.charAt(0)&&u.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=l)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(r){if(this.done)throw r;var n=this;function e(e,t){return c.type="throw",c.arg=r,n.next=e,t&&(n.method="next",n.arg=l),!!t}for(var t=this.tryEntries.length-1;0<=t;--t){var o=this.tryEntries[t],c=o.completion;if("root"===o.tryLoc)return e("end");if(o.tryLoc<=this.prev){var a=u.call(o,"catchLoc"),i=u.call(o,"finallyLoc");if(a&&i){if(this.prev<o.catchLoc)return e(o.catchLoc,!0);if(this.prev<o.finallyLoc)return e(o.finallyLoc)}else if(a){if(this.prev<o.catchLoc)return e(o.catchLoc,!0)}else{if(!i)throw Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return e(o.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;0<=r;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&u.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}var c=(o=o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc?null:o)?o.completion:{};return c.type=e,c.arg=t,o?(this.method="next",this.next=o.finallyLoc,b):this.complete(c)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),b},finish:function(e){for(var t=this.tryEntries.length-1;0<=t;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),E(r),b}},catch:function(e){for(var t=this.tryEntries.length-1;0<=t;--t){var r,n,o=this.tryEntries[t];if(o.tryLoc===e)return"throw"===(r=o.completion).type&&(n=r.arg,E(o)),n}throw Error("illegal catch attempt")},delegateYield:function(e,t,r){return this.delegate={iterator:L(e),resultName:t,nextLoc:r},"next"===this.method&&(this.arg=l),b}},a}function S(e,t,r,n,o,c,a){try{var i=e[c](a),l=i.value}catch(e){return r(e)}i.done?t(l):Promise.resolve(l).then(n,o)}function M(e){var t=e.id,r=e.style,n=e.className,o=e.imgSrc,c=e.xOffset,a=e.imgWidth,i=e.imgHeight,l=e.mode,u=e.tipText,s=e.showRefreshIcon,f=e.autoRefreshOnError,d=e.errorHoldDuration,h=e.placement,p=e.refresh,b=e.setProps,e=e.loading_state,m=Object(se.useRef)(0),v=Object(se.useRef)();return Object(se.useEffect)(function(){var e;p&&(null!=(e=v.current)&&e.refresh(),b({refresh:!1}))},[p]),fe.a.createElement(g,{id:t,style:r,className:n,actionRef:v,request:function(){return j(o,{format:"blob"}).then(function(e){return m.current=e.x,{bgUrl:e.bgUrl,puzzleUrl:e.puzzleUrl}})},onVerify:function(){var i;i=R().mark(function e(t){return R().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t.x>=m.current-c&&t.x<m.current+c)return b({verifyResult:{status:"success",timestamp:Date.now()}}),e.abrupt("return",Promise.resolve());e.next=3;break;case 3:return b({verifyResult:{status:"error",timestamp:Date.now()}}),e.abrupt("return",Promise.reject());case 5:case"end":return e.stop()}},e)});return function(e){return function(){var e=this,a=arguments;return new Promise(function(t,r){var n=i.apply(e,a);function o(e){S(n,t,r,o,c,"next",e)}function c(e){S(n,t,r,o,c,"throw",e)}o(void 0)})}.apply(this,arguments)}}(),bgSize:{width:a,height:i},mode:l,tipText:u,showRefreshIcon:s,autoRefreshOnError:f,errorHoldDuration:d,placement:h,"data-dash-is-loading":e&&e.is_loading||void 0})}(e.default=M).defaultProps=b.b,M.propTypes=b.c},560:function(e,s,f){"use strict";!function(e){f.d(s,"a",function(){return i}),f.d(s,"b",function(){return u}),f.d(s,"c",function(){return l}),f.d(s,"d",function(){return c}),f.d(s,"e",function(){return a}),f.d(s,"f",function(){return o}),f.d(s,"g",function(){return n}),f.d(s,"h",function(){return t});var t="undefined",r=Object.prototype,n=r.toString,o=(r.hasOwnProperty,r.propertyIsEnumerable),c=Object.getOwnPropertySymbols,a=(Object.getPrototypeOf,Object.keys),i=(Function.prototype.toString,typeof Symbol!==t&&Symbol.prototype,Array.prototype.slice,Math.min,Math.max,Math.random,Math.floor,Math.ceil,Math.abs,Number.isFinite,Number.isInteger,Number.isSafeInteger,Number.MAX_SAFE_INTEGER||9007199254740991),l=(Number.MIN_SAFE_INTEGER,["Float32Array","Float64Array","Int8Array","Int16Array","Int32Array","Uint8Array","Uint8ClampedArray","Uint16Array","Uint32Array","BigInt64Array","BigUint64Array"].map(function(e){return"[object "+e+"]"}),["Function","AsyncFunction","GeneratorFunction","Proxy"].map(function(e){return"[object "+e+"]"})),u="[object Blob]"}.call(this,f(30))}}]);