https://static.touchsurgery.com/static/js/react-image-crop.BoloEKFJ.js

1import{a as pe}from"./@aws-amplify.RCxhAtfH.js";import{a as de}from"./react.B-3k8uP_.js";var F={exports:{}},he=F.exports,ae;function ue(){return ae||(ae=1,function(se,fe){(function(Q,V){se.exports=V(de())})(he,function(Q){return(()=>{var V={703:(w,p,R)=>{var h=R(414);function H(){}function X(){}X.resetWarningCache=H,w.exports=function(){function D(ee,x,K,G,j,O){if(O!==h){var E=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw E.name="Invariant Violation",E}}function M(){return D}D.isRequired=D;var A={array:D,bool:D,func:D,number:D,object:D,string:D,symbol:D,any:D,arrayOf:M,element:D,elementType:D,instanceOf:M,node:D,objectOf:M,oneOf:M,oneOfType:M,shape:M,exact:M,checkPropTypes:X,resetWarningCache:H};return A.PropTypes=A,A}},697:(w,p,R)=>{w.exports=R(703)()},414:w=>{w.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},427:w=>{w.exports=Q}},Z={};function S(w){var p=Z[w];if(p!==void 0)return p.exports;var R=Z[w]={exports:{}};return V[w](R,R.exports,S),R.exports}S.n=w=>{var p=w&&w.__esModule?()=>w.default:()=>w;return S.d(p,{a:p}),p},S.d=(w,p)=>{for(var R in p)S.o(p,R)&&!S.o(w,R)&&Object.defineProperty(w,R,{enumerable:!0,get:p[R]})},S.o=(w,p)=>Object.prototype.hasOwnProperty.call(w,p),S.r=w=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(w,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(w,"__esModule",{value:!0})};var $={};return(()=>{S.r($),S.d($,{Component:()=>k,containCrop:()=>re,default:()=>k,makeAspectCrop:()=>J});var w=S(427),p=S.n(w),R=S(697),h=S.n(R);function H(t){var o,s,i="";if(typeof t=="string"||typeof t=="number")i+=t;else if(typeof t=="object")if(Array.isArray(t))for(o=0;o<t.length;o++)t[o]&&(s=H(t[o]))&&(i&&(i+=" "),i+=s);else for(o in t)t[o]&&(i&&(i+=" "),i+=o);return i}function X(t){return(X=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(o){return typeof o}:function(o){return o&&typeof Symbol=="function"&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o})(t)}function D(t,o){if(!(t instanceof o))throw new TypeError("Cannot call a class as a function")}function M(t,o){for(var s=0;s<o.length;s++){var i=o[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function A(t,o){return(A=Object.setPrototypeOf||function(s,i){return s.__proto__=i,s})(t,o)}function ee(t,o){return!o||X(o)!=="object"&&typeof o!="function"?x(t):o}function x(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function K(t){return(K=Object.setPrototypeOf?Object.getPrototypeOf:function(o){return o.__proto__||Object.getPrototypeOf(o)})(t)}function G(t,o){var s=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);o&&(i=i.filter(function(y){return Object.getOwnPropertyDescriptor(t,y).enumerable})),s.push.apply(s,i)}return s}function j(t){for(var o=1;o<arguments.length;o++){var s=arguments[o]!=null?arguments[o]:{};o%2?G(Object(s),!0).forEach(function(i){O(t,i,s[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):G(Object(s)).forEach(function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(s,i))})}return t}function O(t,o,s){return o in t?Object.defineProperty(t,o,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[o]=s,t}function E(t,o,s){return Math.min(Math.max(t,o),s)}function z(t){return t&&!isNaN(t.width)&&!isNaN(t.height)}function te(t){return t==="n"?"s":t==="ne"?"sw":t==="e"?"w":t==="se"?"nw":t==="s"?"n":t==="sw"?"ne":t==="w"?"e":t==="nw"?"se":t}function J(t,o,s){if(isNaN(t.aspect))return t;var i=j({unit:"px",x:0,y:0},t);return t.width&&(i.height=i.width/t.aspect),t.height&&(i.width=i.height*t.aspect),i.y+i.height>s&&(i.height=s-i.y,i.width=i.height*t.aspect),i.x+i.width>o&&(i.width=o-i.x,i.height=i.width/t.aspect),i}function W(t,o,s){return t.unit==="%"?t:{unit:"%",aspect:t.aspect,x:t.x/o*100,y:t.y/s*100,width:t.width/o*100,height:t.height/s*100}}function P(t,o,s){return t.unit?t.unit==="px"?t:{unit:"px",aspect:t.aspect,x:t.x*o/100,y:t.y*s/100,width:t.width*o/100,height:t.height*s/100}:j(j({},t),{},{unit:"px"})}function re(t,o,s,i){var y=P(o,s,i),B=P(t,s,i),d=j({},y);if(!y.aspect)return y.x<0?(d.x=0,d.width+=y.x):y.x+y.width>s&&(d.width=s-y.x),y.y+y.height>i&&(d.height=i-y.y),d;var e=!1;y.x<0?(d.x=0,d.width+=y.x,d.height=d.width/y.aspect,e=!0):y.x+y.width>s&&(d.width=s-y.x,d.height=d.width/y.aspect,e=!0),e&&B.y>d.y&&(d.y=y.y+(y.height-d.height));var n=!1;return d.y+d.height>i&&(d.height=i-y.y,d.width=d.height*y.aspect,n=!0),n&&B.x>d.x&&(d.x=y.x+(y.width-d.width)),d}var Y={capture:!0,passive:!1},k=function(t){(function(e,n){if(typeof n!="function"&&n!==null)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),n&&A(e,n)})(d,t);var o,s,i,y,B=(i=d,y=function(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}(),function(){var e,n=K(i);if(y){var f=K(this).constructor;e=Reflect.construct(n,arguments,f)}else e=n.apply(this,arguments);return ee(this,e)});function d(){var e;D(this,d);for(var n=arguments.length,f=new Array(n),m=0;m<n;m++)f[m]=arguments[m];return O(x(e=B.call.apply(B,[this].concat(f))),"window",typeof window<"u"?window:{}),O(x(e),"document",typeof document<"u"?document:{}),O(x(e),"state",{}),O(x(e),"keysDown",new Set),O(x(e),"onCropPointerDown",function(r){var a=e.props,l=a.crop,v=a.disabled,C=e.mediaDimensions,u=P(l,C.width,C.height);if(!v){r.cancelable&&r.preventDefault(),e.bindDocMove(),e.componentRef.focus({preventScroll:!0});var g=r.target.dataset.ord,c=g==="nw"||g==="w"||g==="sw",b=g==="nw"||g==="n"||g==="ne";e.evData={clientStartX:r.clientX,clientStartY:r.clientY,cropStartWidth:u.width,cropStartHeight:u.height,cropStartX:c?u.x+u.width:u.x,cropStartY:b?u.y+u.he

1ight:u.y,xInversed:c,yInversed:b,xCrossOver:c,yCrossOver:b,startXCrossOver:c,startYCrossOver:b,isResize:r.target.dataset.ord,ord:g},e.mouseDownOnCrop=!0,e.setState({cropIsActive:!0})}}),O(x(e),"onComponentPointerDown",function(r){var a=e.props,l=a.crop,v=a.disabled,C=a.locked,u=a.keepSelection,g=a.onChange,c=e.mediaWrapperRef.firstChild;if(r.target===c&&c.contains(r.target)&&!(v||C||u&&z(l))){r.cancelable&&r.preventDefault(),e.bindDocMove(),e.componentRef.focus({preventScroll:!0});var b=e.mediaWrapperRef.getBoundingClientRect(),I=r.clientX-b.left,N=r.clientY-b.top,_={unit:"px",aspect:l?l.aspect:void 0,x:I,y:N,width:0,height:0};e.evData={clientStartX:r.clientX,clientStartY:r.clientY,cropStartWidth:_.width,cropStartHeight:_.height,cropStartX:_.x,cropStartY:_.y,xInversed:!1,yInversed:!1,xCrossOver:!1,yCrossOver:!1,startXCrossOver:!1,startYCrossOver:!1,isResize:!0,ord:"nw"},e.mouseDownOnCrop=!0;var L=e.mediaDimensions,T=L.width,U=L.height;g(P(_,T,U),W(_,T,U)),e.setState({cropIsActive:!0,newCropIsBeingDrawn:!0})}}),O(x(e),"onDocPointerMove",function(r){var a=e.props,l=a.crop,v=a.disabled,C=a.onChange,u=a.onDragStart;if(!v&&e.mouseDownOnCrop){r.cancelable&&r.preventDefault(),e.dragStarted||(e.dragStarted=!0,u(r));var g,c=x(e).evData;if(c.xDiff=r.clientX-c.clientStartX,c.yDiff=r.clientY-c.clientStartY,(g=c.isResize?e.resizeCrop():e.dragCrop())!==l){var b=e.mediaDimensions,I=b.width,N=b.height;C(P(g,I,N),W(g,I,N))}}}),O(x(e),"onComponentKeyDown",function(r){var a=e.props,l=a.crop,v=a.disabled,C=a.onChange,u=a.onComplete;if(!v){e.keysDown.add(r.key);var g=!1;if(z(l)){var c=e.makeNewCrop(),b=(navigator.platform.match("Mac")?r.metaKey:r.ctrlKey)?d.nudgeStepLarge:r.shiftKey?d.nudgeStepMedium:d.nudgeStep;if(e.keysDown.has("ArrowLeft")&&(c.x-=b,g=!0),e.keysDown.has("ArrowRight")&&(c.x+=b,g=!0),e.keysDown.has("ArrowUp")&&(c.y-=b,g=!0),e.keysDown.has("ArrowDown")&&(c.y+=b,g=!0),g){r.cancelable&&r.preventDefault();var I=e.mediaDimensions,N=I.width,_=I.height;c.x=E(c.x,0,N-c.width),c.y=E(c.y,0,_-c.height);var L=P(c,N,_),T=W(c,N,_);C(L,T),u(L,T)}}}}),O(x(e),"onComponentKeyUp",function(r){e.keysDown.delete(r.key)}),O(x(e),"onDocPointerDone",function(r){var a=e.props,l=a.crop,v=a.disabled,C=a.onComplete,u=a.onDragEnd;if(e.unbindDocMove(),!v&&e.mouseDownOnCrop){e.mouseDownOnCrop=!1,e.dragStarted=!1;var g=e.mediaDimensions,c=g.width,b=g.height;u(r),C(P(l,c,b),W(l,c,b)),e.setState({cropIsActive:!1,newCropIsBeingDrawn:!1})}}),O(x(e),"onMediaLoaded",function(){var r=e.props,a=r.onComplete,l=r.onChange,v=e.createNewCrop(),C=v.pixelCrop,u=v.percentCrop;l(C,u),a(C,u)}),O(x(e),"onImageLoad",function(r){var a=r.target,l=e.props,v=l.onComplete,C=l.onChange;if((0,l.onImageLoaded)(a)!==!1){var u=e.createNewCrop(),g=u.pixelCrop,c=u.percentCrop;C(g,c),v(g,c)}}),O(x(e),"bindComponentRef",function(r){e.componentRef=r}),O(x(e),"bindMediaWrapperRef",function(r){e.mediaWrapperRef=r}),O(x(e),"bindImageRef",function(r){e.imageRef=r}),O(x(e),"bindCropSelectionRef",function(r){e.cropSelectRef=r}),e}return o=d,(s=[{key:"componentDidMount",value:function(){this.componentRef.addEventListener&&this.componentRef.addEventListener("medialoaded",this.onMediaLoaded)}},{key:"componentWillUnmount",value:function(){this.componentRef.removeEventListener&&this.componentRef.removeEventListener("medialoaded",this.onMediaLoaded)}},{key:"componentDidUpdate",value:function(e){var n=this.props.crop;if(this.imageRef&&e.crop!==n&&n.aspect&&(n.width&&!n.height||!n.width&&n.height)){var f=this.imageRef,m=f.width,r=f.height,a=J(this.makeNewCrop(),m,r),l=P(a,m,r),v=W(a,m,r);this.props.onChange(l,v),this.props.onComplete(l,v)}}},{key:"bindDocMove",value:function(){this.docMoveBound||(this.document.addEventListener("pointermove",this.onDocPointerMove,Y),this.document.addEventListener("pointerup",this.onDocPointerDone,Y),this.document.addEventListener("pointercancel",this.onDocPointerDone,Y),this.docMoveBound=!0)}},{key:"unbindDocMove",value:function(){this.docMoveBound&&(this.document.removeEventListener("pointermove",this.onDocPointerMove,Y),this.document.removeEventListener("pointerup",this.onDocPointerDone,Y),this.document.removeEventListener("pointercancel",this.onDocPointerDone,Y),this.docMoveBound=!1)}},{key:"createNewCrop",value:function(){var e,n,f,m=this.mediaDimensions,r=m.width,a=m.height,l=(e=this.makeNewCrop(),n=r,f=a,!e.aspect||e.width&&e.height?e:J(e,n,f));return{pixelCrop:P(l,r,a),percentCrop:W(l,r,a)}}},{key:"mediaDimensions",get:function(){var e=this.mediaWrapperRef;return{width:e.clientWidth,height:e.clientHeight}}},{key:"getCropStyle",value:function(){var e=this.makeNewCrop(this.props.crop?this.props.crop.unit:"px");return{top:"".concat(e.y).concat(e.unit),left:"".concat(e.x).concat(e.unit),width:"".concat(e.width).concat(e.unit),height:"".concat(e.height).concat(e.unit)}}},{key:"getNewSize",value:function(){var e,n=this.props,f=n.crop,m=n.minWidth,r=n.maxWidth,a=n.minHeight,l=n.maxHeight,v=this.evData,C=this.mediaDimensions,u=C.width,g=C.height,c=v.cropStartWidth+v.xDiff;return v.xCrossOver&&(c=Math.abs(c)),c=E(c,m,r||u),e=f.aspect?c/f.aspect:v.cropStartHeight+v.yDiff,v.yCrossOver&&(e=Math.min(Math.abs(e),v.cropStartY)),e=E(e,a,l||g),f.aspect&&(c=E(e*f.aspect,0,u)),{width:c,height:e}}},{key:"dragCrop",value:function(){var e=this.makeNewCrop(),n=this.evData,f=this.mediaDimensions,m=f.width,r=f.height;return e.x=E(n.cropStartX+n.xDiff,0,m-e.width),e.y=E(n.cropStartY+n.yDiff,0,r-e.height),e}},{key:"resizeCrop",value:function(){var e=this.evData,n=this.makeNewCrop(),f=e.ord;e.xInversed&&(e.xDiff-=2*e.cropStartWidth),e.yInversed&&(e.yDiff-=2*e.cropStartHeight);var m=this.getNewSize(),r=e.cropStartX,a=e.cropStartY;e.xCrossOver&&(r=n.x+(n.width-m.width)),e.yCrossOver&&(a=e.lastYCrossover===!1?n.y-m.height:n.y+(n.height-m.height));var l=this.mediaDimensions,v=l.width,C=l.height,u=re(this.props.crop,{unit:n.unit,x:r,y:a,width:m.width,height:m.height,aspect:n.aspect},v,C);return n.aspect||d.xyOrds.indexOf(f)>-1?(n.x=u.x,n.y=u.y,n.width=u.width,n.height=u.height):d.xOrds.indexOf(f)>-1?(n.x=u.x,n.width=u.width):d.yOrds.indexOf(f)>-1&&(n.y=u.y,n.height=u.height),e.lastYCrossover=e.yCrossOver,this.crossOverCheck(),n.width<this.props.minWidth||n.height<this.props.minHeight?this.props.crop:n}},{key:"createCropSelection",value:function(){var e=this.props,n=e.disabled,f=e.locked,m=e.renderSelectionAddon,r=e.ruleOfThirds,a=e.crop,l=this.getCropStyle();return p().createElement("div",{ref:this.bindCropSelectionRef,style:l,className:"ReactCrop__crop-selection",onPointerDown:this.onCropPointerDown},!n&&!f&&p().createElement("div",{className:"ReactCrop__drag-elements"},p().createElement("div",{className:"ReactCrop__drag-bar ord-n","data-ord":"n"}),p().createElement("div",{className:"ReactCrop__drag-bar ord-e","data-ord":"e"}),p().createElement("div",{className:"ReactCrop__drag-bar ord-s","data-ord":"s"}),p().createElement("div",{className:"ReactCrop__drag-bar ord-w","data-ord":"w"}),p().createElement("div",{className:"ReactCrop__drag-handle ord-nw","data-ord":"nw"}),p().createElement("div",{className:"ReactCrop__drag-handle ord-n","data-ord":"n"}),p().createElement("div",{className:"ReactCrop__drag-handle ord-ne","data-ord":"ne"}),p().createElement("div",{className:"ReactCrop__drag-handle ord-e","data-ord":"e"}),p().createElement("div",{className:"ReactCrop__drag-handle ord-se","data-ord":"se"}),p().createElement("div",{className:"ReactCrop__drag-handle ord-s","data-ord":"s"}),p().createElement("div",{className:"ReactCrop__drag-handle ord-sw","data-ord":"sw"}),p().createElement("div",{className:"ReactCrop__drag-handle ord-w","data-ord":"w"})),m&&z(a)&&p().createElement("div",{className:"ReactCrop__selection-addon",onMouseDown:function(v){return v.stopPropagation()}},m(this.state)),r&&p().createElement(p().Fragment,null,p().createElement("div",{className:"ReactCrop__rule-of-thirds-hz"}),p().createElement("div",{className:"ReactCrop__rule-of-thirds-vt"})))}},{key:"makeNewCrop",value:function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"px",n=j(j({},d.defaultCrop),this.props.crop||{}),f=this.mediaDimensions,m=f.width,r=f.height;return e==="px"?P(n,m,r):W(n,m,r)}},{key:"crossOverCheck",value:function(){var e=this.evData,n=this.props,f=n.minWidth,m=n.minHeight;!f&&(!e.xCrossOver&&-Math.abs(e.cropStartWidth)-e.xDiff>=0||e.xCrossOver&&-Math.abs(e.cropStartWidth)-e.xDiff<=0)&&(e.xCrossOver=!e.xCrossOver),!m&&(!e.yCrossOver&&-Math.abs(e.cropStartHeight)-e.yDiff>=0||e.yCrossOver&&-Math.abs(e.cropStartHeight)-e.yDiff<=0)&&(e.yCrossOver=!e.yCrossOver);var r=e.xCrossOver!==e.startXCrossOver,a=e.yCrossOver!==e.startYCrossOver;e.inversedXOrd=!!r&&te(e.ord),e.inversedYOrd=!!a&&te(e.ord)}},{key:"render",value:function(){var e=this.props,n=e.children,f=e.cir

1cularCrop,m=e.className,r=e.crossorigin,a=e.crop,l=e.disabled,v=e.locked,C=e.imageAlt,u=e.onImageError,g=e.renderComponent,c=e.src,b=e.style,I=e.imageStyle,N=e.ruleOfThirds,_=this.state,L=_.cropIsActive,T=_.newCropIsBeingDrawn,U=z(a)&&this.componentRef?this.createCropSelection():null,ce=function(){for(var ne,oe,ie=0,q="";ie<arguments.length;)(ne=arguments[ie++])&&(oe=H(ne))&&(q&&(q+=" "),q+=oe);return q}("ReactCrop",m,{"ReactCrop--active":L,"ReactCrop--disabled":l,"ReactCrop--locked":v,"ReactCrop--new-crop":T,"ReactCrop--fixed-aspect":a&&a.aspect,"ReactCrop--circular-crop":a&&f,"ReactCrop--rule-of-thirds":a&&N,"ReactCrop--invisible-crop":!this.dragStarted&&a&&!a.width&&!a.height});return p().createElement("div",{ref:this.bindComponentRef,className:ce,style:b,onPointerDown:this.onComponentPointerDown,tabIndex:0,onKeyDown:this.onComponentKeyDown,onKeyUp:this.onComponentKeyUp},p().createElement("div",{ref:this.bindMediaWrapperRef},g||p().createElement("img",{ref:this.bindImageRef,crossOrigin:r,className:"ReactCrop__image",style:I,src:c,onLoad:this.onImageLoad,onError:u,alt:C})),n,U)}}])&&M(o.prototype,s),d}(w.PureComponent);k.xOrds=["e","w"],k.yOrds=["n","s"],k.xyOrds=["nw","ne","se","sw"],k.nudgeStep=1,k.nudgeStepMedium=10,k.nudgeStepLarge=100,k.defaultCrop={x:0,y:0,width:0,height:0,unit:"px"},k.propTypes={className:h().string,children:h().oneOfType([h().arrayOf(h().node),h().node]),circularCrop:h().bool,crop:h().shape({aspect:h().number,x:h().number,y:h().number,width:h().number,height:h().number,unit:h().oneOf(["px","%"])}),crossorigin:h().string,disabled:h().bool,locked:h().bool,imageAlt:h().string,imageStyle:h().shape({}),keepSelection:h().bool,minWidth:h().number,minHeight:h().number,maxWidth:h().number,maxHeight:h().number,onChange:h().func.isRequired,onImageError:h().func,onComplete:h().func,onImageLoaded:h().func,onDragStart:h().func,onDragEnd:h().func,src:h().string.isRequired,style:h().shape({}),renderComponent:h().node,renderSelectionAddon:h().func,ruleOfThirds:h().bool},k.defaultProps={circularCrop:!1,className:void 0,crop:void 0,crossorigin:void 0,disabled:!1,locked:!1,imageAlt:"",maxWidth:void 0,maxHeight:void 0,minWidth:0,minHeight:0,keepSelection:!1,onComplete:function(){},onImageError:function(){},onImageLoaded:function(){},onDragStart:function(){},onDragEnd:function(){},children:void 0,style:void 0,renderComponent:void 0,imageStyle:void 0,renderSelectionAddon:void 0,ruleOfThirds:!1}})(),$})()})}(F)),F.exports}var le=ue();const ge=pe(le);export{ge as R};
2// Injected by Embrace Web CLI:
3!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},l=(new e.Error).stack;l&&(e._EmbraceFileBundleIDs=e._EmbraceFileBundleIDs||{},e._EmbraceFileBundleIDs[l]="959c3821fa116d260bc8a7e4f55aef17")}catch(e){}}();
4//# sourceMappingURL=react-image-crop.BoloEKFJ.js.map