"use strict";(self.webpackChunkclient=self.webpackChunkclient||[]).push([["5978"],{9758:function(e,t,n){n.d(t,{O:()=>a});var i=n(99045),r=n(21517),o=Array.isArray,h=n(41983);function a(){for(var e,t,n=[],a=0;a<arguments.length;a++)n[a]=arguments[a];return 1===(n=1===(t=n).length&&o(t[0])?t[0]:t).length?(0,r.Tg)(n[0]):new i.c((e=n,function(t){for(var n=[],i=function(i){n.push((0,r.Tg)(e[i]).subscribe((0,h._)(t,function(e){if(n){for(var r=0;r<n.length;r++)r!==i&&n[r].unsubscribe();n=null}t.next(e)})))},o=0;n&&!t.closed&&o<e.length;o++)i(o)}))}},84149:function(e,t,n){n.d(t,{f:()=>o});var i=n(35355),r=n(86647);function o(e,t,n){return void 0===t&&(t=1/0),t=1>(t||0)?1/0:t,(0,i.N)(function(i,o){return(0,r.h)(i,o,e,t,void 0,!0,n)})}},56183:function(e,t,n){n.d(t,{H:()=>c});var i=n(22079),r=n(87319),o=n(65959),h=(n(78512),n(35355)),a=n(41983),s=n(66749),d=n(37890),l=n(26392);function c(e,t){var n=arguments.length>=2;return function(c){return c.pipe(e?(0,r.p)(function(t,n){return e(t,n,c)}):l.D,(0,h.N)(function(e,t){var n=[];e.subscribe((0,a._)(t,function(e){n.push(e),1<n.length&&n.shift()},function(){var e,i;try{for(var r=(0,o.Ju)(n),h=r.next();!h.done;h=r.next()){var a=h.value;t.next(a)}}catch(t){e={error:t}}finally{try{h&&!h.done&&(i=r.return)&&i.call(r)}finally{if(e)throw e.error}}t.complete()},void 0,function(){n=null}))}),n?(0,d.U)(t):(0,s.v)(function(){return new i.G}))}}},69506:function(e,t,n){n.d(t,{C:()=>o});var i=n(65871),r=n(46690);function o(e,t,n){return(void 0===n&&(n=1/0),(0,r.T)(t))?(0,i.Z)(function(){return e},t,n):("number"==typeof t&&(n=t),(0,i.Z)(function(){return e},n))}},60215:function(e,t,n){n.d(t,{X:()=>a});var i=n(65959),r=n(28669),o=n(14747),h=function(e){function t(t,n){var i=e.call(this,t,n)||this;return i.scheduler=t,i.work=n,i}return(0,i.C6)(t,e),t.prototype.requestAsyncId=function(t,n,i){return(void 0===i&&(i=0),null!==i&&i>0)?e.prototype.requestAsyncId.call(this,t,n,i):(t.actions.push(this),t._scheduled||(t._scheduled=o.H.requestAnimationFrame(function(){return t.flush(void 0)})))},t.prototype.recycleAsyncId=function(t,n,i){if(void 0===i&&(i=0),null!=i?i>0:this.delay>0)return e.prototype.recycleAsyncId.call(this,t,n,i);var r,h=t.actions;null!=n&&(null==(r=h[h.length-1])?void 0:r.id)!==n&&(o.H.cancelAnimationFrame(n),t._scheduled=void 0)},t}(r.R),a=new(function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return(0,i.C6)(t,e),t.prototype.flush=function(e){this._active=!0;var t,n=this._scheduled;this._scheduled=void 0;var i=this.actions;e=e||i.shift();do if(t=e.execute(e.state,e.delay))break;while((e=i[0])&&e.id===n&&i.shift());if(this._active=!1,t){for(;(e=i[0])&&e.id===n&&i.shift();)e.unsubscribe();throw t}},t}(n(64993).q))(h)},27824:function(e,t,n){n.d(t,{f:()=>o});var i=n(49005),r=n(13435);function o(e,t,n){let o=(0,r.a)(e,n?.in);return isNaN(t)?(0,i.w)(n?.in||e,NaN):(t&&o.setDate(o.getDate()+t),o)}},49137:function(e,t,n){n.d(t,{A:()=>r});var i=n(49005);function r(e){return(0,i.w)(e,Date.now())}},18398:function(e,t,n){n.d(t,{d:()=>r});var i=n(13435);function r(e,t){return+(0,i.a)(e)>+(0,i.a)(t)}},6053:function(e,t,n){n.d(t,{Y:()=>r});var i=n(13435);function r(e,t){return+(0,i.a)(e)<+(0,i.a)(t)}},79944:function(e,t,n){n.d(t,{n:()=>r});var i=n(13435);function r(e,t){return+(0,i.a)(e)==+(0,i.a)(t)}},13632:function(e,t,n){n.d(t,{r:()=>o});var i=n(56125),r=n(44107);function o(e,t,n){let[o,h]=(0,i.x)(n?.in,e,t);return+(0,r.o)(o)==+(0,r.o)(h)}},64261:function(e,t,n){n.d(t,{c:()=>h});var i=n(49005),r=n(49137),o=n(13632);function h(e,t){return(0,o.r)((0,i.w)(t?.in||e,e),(0,r.A)(t?.in||e))}},33639:function(e,t,n){n.d(t,{P:()=>a});var i=n(49005),r=n(49137),o=n(13632),h=n(27824);function a(e,t){var n;return(0,o.r)((0,i.w)(t?.in||e,e),(n=(0,r.A)(t?.in||e),(0,h.f)(n,-1,void 0)))}},27966:function(e,t,n){n.d(t,{a:()=>o});var i=n(49005),r=n(13435);function o(e,t,n){return function(e,t,n){let o=(0,r.a)(e,n?.in);if(isNaN(t))return(0,i.w)(n?.in||e,NaN);if(!t)return o;let h=o.getDate(),a=(0,i.w)(n?.in||e,o.getTime());return(a.setMonth(o.getMonth()+t+1,0),h>=a.getDate())?a:(o.setFullYear(a.getFullYear(),a.getMonth(),h),o)}(e,-t,n)}},46940:function(e,t,n){n.d(t,{Ay:()=>f,dS:()=>d,ge:()=>l});var i=n(60175),r=Object.defineProperty,o=(e,t,n)=>{let i;return(i="symbol"!=typeof t?t+"":t)in e?r(e,i,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[i]=n};let h={x:0,y:0,width:0,height:0,unit:"px"},a=(e,t,n)=>Math.min(Math.max(e,t),n),s=(e,t)=>e===t||e.width===t.width&&e.height===t.height&&e.x===t.x&&e.y===t.y&&e.unit===t.unit;function d(e,t,n,i){let r=u(e,n,i);return e.width&&(r.height=r.width/t),e.height&&(r.width=r.height*t),r.y+r.height>i&&(r.height=i-r.y,r.width=r.height*t),r.x+r.width>n&&(r.width=n-r.x,r.height=r.width/t),"%"===e.unit?c(r,n,i):r}function l(e,t,n){let i=u(e,t,n);return i.x=(t-i.width)/2,i.y=(n-i.height)/2,"%"===e.unit?c(i,t,n):i}function c(e,t,n){return"%"===e.unit?{...h,...e,unit:"%"}:{unit:"%",x:e.x?e.x/t*100:0,y:e.y?e.y/n*100:0,width:e.width?e.width/t*100:0,height:e.height?e.height/n*100:0}}function u(e,t,n){return e.unit?"px"===e.unit?{...h,...e,unit:"px"}:{unit:"px",x:e.x?e.x*t/100:0,y:e.y?e.y*n/100:0,width:e.width?e.width*t/100:0,height:e.height?e.height*n/100:0}:{...h,...e,unit:"px"}}function w(e,t,n,i,r,o=0,h=0,a=i,s=r){let d={...e},l=Math.min(o,i),c=Math.min(h,r),u=Math.min(a,i),p=Math.min(s,r);t&&(t>1?(c=(l=h?h*t:l)/t,u=a*t):(l=(c=o?o/t:c)*t,p=s/t)),d.y<0&&(d.height=Math.max(d.height+d.y,c),d.y=0),d.x<0&&(d.width=Math.max(d.width+d.x,l),d.x=0);let g=i-(d.x+d.width);g<0&&(d.x=Math.min(d.x,i-l),d.width+=g);let m=r-(d.y+d.height);if(m<0&&(d.y=Math.min(d.y,r-c),d.height+=m),d.width<l&&(("sw"===n||"nw"==n)&&(d.x-=l-d.width),d.width=l),d.height<c&&(("nw"===n||"ne"==n)&&(d.y-=c-d.height),d.height=c),d.width>u&&(("sw"===n||"nw"==n)&&(d.x-=u-d.width),d.width=u),d.height>p&&(("nw"===n||"ne"==n)&&(d.y-=p-d.height),d.height=p),t){let e=d.width/d.height;if(e<t){let e=Math.max(d.width/t,c);("nw"===n||"ne"==n)&&(d.y-=e-d.height),d.height=e}else if(e>t){let e=Math.max(d.height*t,l);("sw"===n||"nw"==n)&&(d.x-=e-d.width),d.width=e}}return d}let p={capture:!0,passive:!1},g=0,m=class e extends i.PureComponent{constructor(){super(...arguments),o(this,"docMoveBound",!1),o(this,"mouseDownOnCrop",!1),o(this,"dragStarted",!1),o(this,"evData",{startClientX:0,startClientY:0,startCropX:0,startCropY:0,clientX:0,clientY:0,isResize:!0}),o(this,"componentRef",(0,i.createRef)()),o(this,"mediaRef",(0,i.createRef)()),o(this,"resizeObserver"),o(this,"initChangeCalled",!1),o(this,"instanceId",`rc-${g++}`),o(this,"state",{cropIsActive:!1,newCropIsBeingDrawn:!1}),o(this,"onCropPointerDown",e=>{let{crop:t,disabled:n}=this.props,i=this.getBox();if(!t)return;let r=u(t,i.width,i.height);if(n)return;e.cancelable&&e.preventDefault(),this.bindDocMove(),this.componentRef.current.focus({preventScroll:!0});let o=e.target.dataset.ord,h=e.clientX,a=e.clientY,s=r.x,d=r.y;if(o){let t=e.clientX-i.x,n=e.clientY-i.y,l=0,c=0;"ne"===o||"e"==o?(l=t-(r.x+r.width),c=n-r.y,s=r.x,d=r.y+r.height):"se"===o||"s"===o?(l=t-(r.x+r.width),c=n-(r.y+r.height),s=r.x,d=r.y):"sw"===o||"w"==o?(l=t-r.x,c=n-(r.y+r.height),s=r.x+r.width,d=r.y):("nw"===o||"n"==o)&&(l=t-r.x,c=n-r.y,s=r.x+r.width,d=r.y+r.height),h=s+i.x+l,a=d+i.y+c}this.evData={startClientX:h,startClientY:a,startCropX:s,startCropY:d,clientX:e.clientX,clientY:e.clientY,isResize:!!o,ord:o},this.mouseDownOnCrop=!0,this.setState({cropIsActive:!0})}),o(this,"onComponentPointerDown",e=>{let{crop:t,disabled:n,locked:i,keepSelection:r,onChange:o}=this.props,h=this.getBox();if(n||i||r&&t)return;e.cancelable&&e.preventDefault(),this.bindDocMove(),this.componentRef.current.focus({preventScroll:!0});let a=e.clientX-h.x,s=e.clientY-h.y,d={unit:"px",x:a,y:s,width:0,height:0};this.evData={startClientX:e.clientX,startClientY:e.clientY,startCropX:a,startCropY:s,clientX:e.clientX,clientY:e.clientY,isResize:!0},this.mouseDownOnCrop=!0,o(u(d,h.width,h.height),c(d,h.width,h.height)),this.setState({cropIsActive:!0,newCropIsBeingDrawn:!0})}),o(this,"onDocPointerMove",e=>{let t,{crop:n,disabled:i,onChange:r,onDragStart:o}=this.props,h=this.getBox();if(i||!n||!this.mouseDownOnCrop)return;e.cancelable&&e.preventDefault(),this.dragStarted||(this.dragStarted=!0,o&&o(e));let{evData:a}=this;a.clientX=e.clientX,a.clientY=e.clientY,s(n,t=a.isResize?this.resizeCrop():this.dragCrop())||r(u(t,h.width,h.height),c(t,h.width,h.height))}),o(this,"onComponentKeyDown",t=>{let{crop:n,disabled:i,onChange:r,onComplete:o}=this.props;if(i)return;let h=t.key,s=!1;if(!n)return;let d=this.getBox(),l=this.makePixelCrop(d),w=(navigator.platform.match("Mac")?t.metaKey:t.ctrlKey)?e.nudgeStepLarge:t.shiftKey?e.nudgeStepMedium:e.nudgeStep;if("ArrowLeft"===h?(l.x-=w,s=!0):"ArrowRight"===h?(l.x+=w,s=!0):"ArrowUp"===h?(l.y-=w,s=!0):"ArrowDown"===h&&(l.y+=w,s=!0),s){t.cancelable&&t.preventDefault(),l.x=a(l.x,0,d.width-l.width),l.y=a(l.y,0,d.height-l.height);let e=u(l,d.width,d.height),n=c(l,d.width,d.height);r(e,n),o&&o(e,n)}}),o(this,"onHandlerKeyDown",(t,n)=>{var i,r;let o,{aspect:h=0,crop:a,disabled:d,minWidth:l=0,minHeight:p=0,maxWidth:g,maxHeight:m,onChange:f,onComplete:y}=this.props,v=this.getBox();if(d||!a||"ArrowUp"!==t.key&&"ArrowDown"!==t.key&&"ArrowLeft"!==t.key&&"ArrowRight"!==t.key)return;t.stopPropagation(),t.preventDefault();let x=(navigator.platform.match("Mac")?t.metaKey:t.ctrlKey)?e.nudgeStepLarge:t.shiftKey?e.nudgeStepMedium:e.nudgeStep,C=w((i=u(a,v.width,v.height),r=t.key,o={...i},"ArrowLeft"===r?"nw"===n?(o.x-=x,o.y-=x,o.width+=x,o.height+=x):"w"===n?(o.x-=x,o.width+=x):"sw"===n?(o.x-=x,o.width+=x,o.height+=x):"ne"===n?(o.y+=x,o.width-=x,o.height-=x):"e"===n?o.width-=x:"se"===n&&(o.width-=x,o.height-=x):"ArrowRight"===r&&("nw"===n?(o.x+=x,o.y+=x,o.width-=x,o.height-=x):"w"===n?(o.x+=x,o.width-=x):"sw"===n?(o.x+=x,o.width-=x,o.height-=x):"ne"===n?(o.y-=x,o.width+=x,o.height+=x):"e"===n?o.width+=x:"se"===n&&(o.width+=x,o.height+=x)),"ArrowUp"===r?"nw"===n?(o.x-=x,o.y-=x,o.width+=x,o.height+=x):"n"===n?(o.y-=x,o.height+=x):"ne"===n?(o.y-=x,o.width+=x,o.height+=x):"sw"===n?(o.x+=x,o.width-=x,o.height-=x):"s"===n?o.height-=x:"se"===n&&(o.width-=x,o.height-=x):"ArrowDown"===r&&("nw"===n?(o.x+=x,o.y+=x,o.width-=x,o.height-=x):"n"===n?(o.y+=x,o.height-=x):"ne"===n?(o.y+=x,o.width-=x,o.height-=x):"sw"===n?(o.x-=x,o.width+=x,o.height+=x):"s"===n?o.height+=x:"se"===n&&(o.width+=x,o.height+=x)),o),h,n,v.width,v.height,l,p,g,m);if(!s(a,C)){let e=c(C,v.width,v.height);f(C,e),y&&y(C,e)}}),o(this,"onDocPointerDone",e=>{let{crop:t,disabled:n,onComplete:i,onDragEnd:r}=this.props,o=this.getBox();this.unbindDocMove(),!(n||!t)&&this.mouseDownOnCrop&&(this.mouseDownOnCrop=!1,this.dragStarted=!1,r&&r(e),i&&i(u(t,o.width,o.height),c(t,o.width,o.height)),this.setState({cropIsActive:!1,newCropIsBeingDrawn:!1}))}),o(this,"onDragFocus",()=>{var e;null==(e=this.componentRef.current)||e.scrollTo(0,0)})}get document(){return document}getBox(){let e=this.mediaRef.current;if(!e)return{x:0,y:0,width:0,height:0};let{x:t,y:n,width:i,height:r}=e.getBoundingClientRect();return{x:t,y:n,width:i,height:r}}componentDidUpdate(e){let{crop:t,onComplete:n}=this.props;if(n&&!e.crop&&t){let{width:e,height:i}=this.getBox();e&&i&&n(u(t,e,i),c(t,e,i))}}componentWillUnmount(){this.resizeObserver&&this.resizeObserver.disconnect(),this.unbindDocMove()}bindDocMove(){this.docMoveBound||(this.document.addEventListener("pointermove",this.onDocPointerMove,p),this.document.addEventListener("pointerup",this.onDocPointerDone,p),this.document.addEventListener("pointercancel",this.onDocPointerDone,p),this.docMoveBound=!0)}unbindDocMove(){this.docMoveBound&&(this.document.removeEventListener("pointermove",this.onDocPointerMove,p),this.document.removeEventListener("pointerup",this.onDocPointerDone,p),this.document.removeEventListener("pointercancel",this.onDocPointerDone,p),this.docMoveBound=!1)}getCropStyle(){let{crop:e}=this.props;if(e)return{top:`${e.y}${e.unit}`,left:`${e.x}${e.unit}`,width:`${e.width}${e.unit}`,height:`${e.height}${e.unit}`}}dragCrop(){let{evData:e}=this,t=this.getBox(),n=this.makePixelCrop(t),i=e.clientX-e.startClientX,r=e.clientY-e.startClientY;return n.x=a(e.startCropX+i,0,t.width-n.width),n.y=a(e.startCropY+r,0,t.height-n.height),n}getPointRegion(e,t,n,i){let r,{evData:o}=this,h=o.clientX-e.x,a=o.clientY-e.y;return r=i&&t?"nw"===t||"n"===t||"ne"===t:a<o.startCropY,(n&&t?"nw"===t||"w"===t||"sw"===t:h<o.startCropX)?r?"nw":"sw":r?"ne":"se"}resolveMinDimensions(e,t,n=0,i=0){let r=Math.min(n,e.width),o=Math.min(i,e.height);return t&&(r||o)?t>1?r?[r,r/t]:[o*t,o]:o?[o*t,o]:[r,r/t]:[r,o]}resizeCrop(){let{evData:t}=this,{aspect:n=0,maxWidth:i,maxHeight:r}=this.props,o=this.getBox(),[h,s]=this.resolveMinDimensions(o,n,this.props.minWidth,this.props.minHeight),d=this.makePixelCrop(o),l=this.getPointRegion(o,t.ord,h,s),c=t.ord||l,u=t.clientX-t.startClientX,p=t.clientY-t.startClientY;(h&&"nw"===c||"w"===c||"sw"===c)&&(u=Math.min(u,-h)),(s&&"nw"===c||"n"===c||"ne"===c)&&(p=Math.min(p,-s));let g={unit:"px",x:0,y:0,width:0,height:0};"ne"===l?(g.x=t.startCropX,g.width=u,n?g.height=g.width/n:g.height=Math.abs(p),g.y=t.startCropY-g.height):"se"===l?(g.x=t.startCropX,g.y=t.startCropY,g.width=u,n?g.height=g.width/n:g.height=p):"sw"===l?(g.x=t.startCropX+u,g.y=t.startCropY,g.width=Math.abs(u),n?g.height=g.width/n:g.height=p):"nw"===l&&(g.x=t.startCropX+u,g.width=Math.abs(u),n?(g.height=g.width/n,g.y=t.startCropY-g.height):(g.height=Math.abs(p),g.y=t.startCropY+p));let m=w(g,n,l,o.width,o.height,h,s,i,r);return n||e.xyOrds.indexOf(c)>-1?d=m:e.xOrds.indexOf(c)>-1?(d.x=m.x,d.width=m.width):e.yOrds.indexOf(c)>-1&&(d.y=m.y,d.height=m.height),d.x=a(d.x,0,o.width-d.width),d.y=a(d.y,0,o.height-d.height),d}renderCropSelection(){let{ariaLabels:t=e.defaultProps.ariaLabels,disabled:n,locked:r,renderSelectionAddon:o,ruleOfThirds:h,crop:a}=this.props,s=this.getCropStyle();if(a)return i.createElement("div",{style:s,className:"ReactCrop__crop-selection",onPointerDown:this.onCropPointerDown,"aria-label":t.cropArea,tabIndex:0,onKeyDown:this.onComponentKeyDown,role:"group"},!n&&!r&&i.createElement("div",{className:"ReactCrop__drag-elements",onFocus:this.onDragFocus},i.createElement("div",{className:"ReactCrop__drag-bar ord-n","data-ord":"n"}),i.createElement("div",{className:"ReactCrop__drag-bar ord-e","data-ord":"e"}),i.createElement("div",{className:"ReactCrop__drag-bar ord-s","data-ord":"s"}),i.createElement("div",{className:"ReactCrop__drag-bar ord-w","data-ord":"w"}),i.createElement("div",{className:"ReactCrop__drag-handle ord-nw","data-ord":"nw",tabIndex:0,"aria-label":t.nwDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"nw"),role:"button"}),i.createElement("div",{className:"ReactCrop__drag-handle ord-n","data-ord":"n",tabIndex:0,"aria-label":t.nDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"n"),role:"button"}),i.createElement("div",{className:"ReactCrop__drag-handle ord-ne","data-ord":"ne",tabIndex:0,"aria-label":t.neDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"ne"),role:"button"}),i.createElement("div",{className:"ReactCrop__drag-handle ord-e","data-ord":"e",tabIndex:0,"aria-label":t.eDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"e"),role:"button"}),i.createElement("div",{className:"ReactCrop__drag-handle ord-se","data-ord":"se",tabIndex:0,"aria-label":t.seDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"se"),role:"button"}),i.createElement("div",{className:"ReactCrop__drag-handle ord-s","data-ord":"s",tabIndex:0,"aria-label":t.sDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"s"),role:"button"}),i.createElement("div",{className:"ReactCrop__drag-handle ord-sw","data-ord":"sw",tabIndex:0,"aria-label":t.swDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"sw"),role:"button"}),i.createElement("div",{className:"ReactCrop__drag-handle ord-w","data-ord":"w",tabIndex:0,"aria-label":t.wDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"w"),role:"button"})),o&&i.createElement("div",{className:"ReactCrop__selection-addon",onPointerDown:e=>e.stopPropagation()},o(this.state)),h&&i.createElement(i.Fragment,null,i.createElement("div",{className:"ReactCrop__rule-of-thirds-hz"}),i.createElement("div",{className:"ReactCrop__rule-of-thirds-vt"})))}makePixelCrop(e){return u({...h,...this.props.crop||{}},e.width,e.height)}render(){let{aspect:e,children:t,circularCrop:n,className:r,crop:o,disabled:h,locked:a,style:s,ruleOfThirds:d}=this.props,{cropIsActive:l,newCropIsBeingDrawn:c}=this.state,u=o?this.renderCropSelection():null,w=((...e)=>e.filter(e=>e&&"string"==typeof e).join(" "))("ReactCrop",r,l&&"ReactCrop--active",h&&"ReactCrop--disabled",a&&"ReactCrop--locked",c&&"ReactCrop--new-crop",o&&e&&"ReactCrop--fixed-aspect",o&&n&&"ReactCrop--circular-crop",o&&d&&"ReactCrop--rule-of-thirds",!this.dragStarted&&o&&!o.width&&!o.height&&"ReactCrop--invisible-crop",n&&"ReactCrop--no-animate");return i.createElement("div",{ref:this.componentRef,className:w,style:s},i.createElement("div",{ref:this.mediaRef,className:"ReactCrop__child-wrapper",onPointerDown:this.onComponentPointerDown},t),o?i.createElement("svg",{className:"ReactCrop__crop-mask",width:"100%",height:"100%"},i.createElement("defs",null,i.createElement("mask",{id:`hole-${this.instanceId}`},i.createElement("rect",{width:"100%",height:"100%",fill:"white"}),n?i.createElement("ellipse",{cx:`${o.x+o.width/2}${o.unit}`,cy:`${o.y+o.height/2}${o.unit}`,rx:`${o.width/2}${o.unit}`,ry:`${o.height/2}${o.unit}`,fill:"black"}):i.createElement("rect",{x:`${o.x}${o.unit}`,y:`${o.y}${o.unit}`,width:`${o.width}${o.unit}`,height:`${o.height}${o.unit}`,fill:"black"}))),i.createElement("rect",{fill:"black",fillOpacity:.5,width:"100%",height:"100%",mask:`url(#hole-${this.instanceId})`})):void 0,u)}};o(m,"xOrds",["e","w"]),o(m,"yOrds",["n","s"]),o(m,"xyOrds",["nw","ne","se","sw"]),o(m,"nudgeStep",1),o(m,"nudgeStepMedium",10),o(m,"nudgeStepLarge",100),o(m,"defaultProps",{ariaLabels:{cropArea:"Use the arrow keys to move the crop selection area",nwDragHandle:"Use the arrow keys to move the north west drag handle to change the crop selection area",nDragHandle:"Use the up and down arrow keys to move the north drag handle to change the crop selection area",neDragHandle:"Use the arrow keys to move the north east drag handle to change the crop selection area",eDragHandle:"Use the up and down arrow keys to move the east drag handle to change the crop selection area",seDragHandle:"Use the arrow keys to move the south east drag handle to change the crop selection area",sDragHandle:"Use the up and down arrow keys to move the south drag handle to change the crop selection area",swDragHandle:"Use the arrow keys to move the south west drag handle to change the crop selection area",wDragHandle:"Use the up and down arrow keys to move the west drag handle to change the crop selection area"}});let f=m}}]);