https://publishwall.si/styles/js/chunks/chunk3163.js?v=cb5f9b55feae6b038a9c

1(self.webpackChunkpublishwall=self.webpackChunkpublishwall||[]).push([[3163],{96120:function(e,t,n){var i;i=e=>(()=>{"use strict";var t={899:t=>{t.exports=e}},n={};function i(e){var r=n[e];if(void 0!==r)return r.exports;var o=n[e]={exports:{}};return t[e](o,o.exports,i),o.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{i.r(r),i.d(r,{Component:()=>u,areCropsEqual:()=>s,centerCrop:()=>c,clamp:()=>a,containCrop:()=>p,convertToPercentCrop:()=>d,convertToPixelCrop:()=>l,default:()=>u,defaultCrop:()=>o,makeAspectCrop:()=>h,nudgeCrop:()=>g});var e=i(899),t=i.n(e);function n(e){var t,i,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(i=n(e[t]))&&(r&&(r+=" "),r+=i);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}const o={x:0,y:0,width:0,height:0,unit:"px"};function a(e,t,n){return Math.min(Math.max(e,t),n)}function s(e,t){return e.width===t.width&&e.height===t.height&&e.x===t.x&&e.y===t.y&&e.unit===t.unit}function h(e,t,n,i){const r=l(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?d(r,n,i):r}function c(e,t,n){const i=l(e,t,n);return i.x=(t-i.width)/2,i.y=(n-i.height)/2,"%"===e.unit?d(i,t,n):i}function d(e,t,n){return"%"===e.unit?{...o,...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 l(e,t,n){return e.unit?"px"===e.unit?{...o,...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}:{...o,...e,unit:"px"}}function p(e,t,n,i,r,o=0,a=0,s=i,h=r){const c={...e};let d=Math.min(o,i),l=Math.min(a,r),p=Math.min(s,i),g=Math.min(h,r);t&&(t>1?(d=a?a*t:d,l=d/t,p=s*t):(l=o?o/t:l,d=l*t,g=h/t)),c.y<0&&(c.height=Math.max(c.height+c.y,l),c.y=0),c.x<0&&(c.width=Math.max(c.width+c.x,d),c.x=0);const w=i-(c.x+c.width);w<0&&(c.x=Math.min(c.x,i-d),c.width+=w);const u=r-(c.y+c.height);if(u<0&&(c.y=Math.min(c.y,r-l),c.height+=u),c.width<d&&("sw"!==n&&"nw"!=n||(c.x-=d-c.width),c.width=d),c.height<l&&("nw"!==n&&"ne"!=n||(c.y-=l-c.height),c.height=l),c.width>p&&("sw"!==n&&"nw"!=n||(c.x-=p-c.width),c.width=p),c.height>g&&("nw"!==n&&"ne"!=n||(c.y-=g-c.height),c.height=g),t){const e=c.width/c.height;if(e<t){const e=Math.max(c.width/t,l);"nw"!==n&&"ne"!=n||(c.y-=e-c.height),c.height=e}else if(e>t){const e=Math.max(c.height*t,d);"sw"!==n&&"nw"!=n||(c.x-=e-c.width),c.width=e}}return c}function g(e,t,n,i){const r={...e};

1return"ArrowLeft"===t?"nw"===i?(r.x-=n,r.y-=n,r.width+=n,r.height+=n):"w"===i?(r.x-=n,r.width+=n):"sw"===i?(r.x-=n,r.width+=n,r.height+=n):"ne"===i?(r.y+=n,r.width-=n,r.height-=n):"e"===i?r.width-=n:"se"===i&&(r.width-=n,r.height-=n):"ArrowRight"===t&&("nw"===i?(r.x+=n,r.y+=n,r.width-=n,r.height-=n):"w"===i?(r.x+=n,r.width-=n):"sw"===i?(r.x+=n,r.width-=n,r.height-=n):"ne"===i?(r.y-=n,r.width+=n,r.height+=n):"e"===i?r.width+=n:"se"===i&&(r.width+=n,r.height+=n)),"ArrowUp"===t?"nw"===i?(r.x-=n,r.y-=n,r.width+=n,r.height+=n):"n"===i?(r.y-=n,r.height+=n):"ne"===i?(r.y-=n,r.width+=n,r.height+=n):"sw"===i?(r.x+=n,r.width-=n,r.height-=n):"s"===i?r.height-=n:"se"===i&&(r.width-=n,r.height-=n):"ArrowDown"===t&&("nw"===i?(r.x+=n,r.y+=n,r.width-=n,r.height-=n):"n"===i?(r.y+=n,r.height-=n):"ne"===i?(r.y+=n,r.width-=n,r.height-=n):"sw"===i?(r.x-=n,r.width+=n,r.height+=n):"s"===i?r.height+=n:"se"===i&&(r.width+=n,r.height+=n)),r}const w={capture:!0,passive:!1};class u extends e.PureComponent{constructor(){super(...arguments),this.docMoveBound=!1,this.mouseDownOnCrop=!1,this.dragStarted=!1,this.evData={startClientX:0,startClientY:0,startCropX:0,startCropY:0,clientX:0,clientY:0,isResize:!0},this.componentRef=(0,e.createRef)(),this.mediaRef=(0,e.createRef)(),this.initChangeCalled=!1,this.state={cropIsActive:!1,newCropIsBeingDrawn:!1},this.onCropPointerDown=e=>{const{crop:t,disabled:n}=this.props,i=this.getBox();if(!t)return;const r=l(t,i.width,i.height);if(n)return;e.cancelable&&e.preventDefault(),this.bindDocMove(),this.componentRef.current.focus({preventScroll:!0});const o=e.target.dataset.ord,a=Boolean(o);let s=e.clientX,h=e.clientY,c=r.x,d=r.y;if(o){const t=e.clientX-i.x,n=e.clientY-i.y;let a=0,l=0;"ne"===o||"e"==o?(a=t-(r.x+r.width),l=n-r.y,c=r.x,d=r.y+r.height):"se"===o||"s"===o?(a=t-(r.x+r.width),l=n-(r.y+r.height),c=r.x,d=r.y):"sw"===o||"w"==o?(a=t-r.x,l=n-(r.y+r.height),c=r.x+r.width,d=r.y):"nw"!==o&&"n"!=o||(a=t-r.x,l=n-r.y,c=r.x+r.width,d=r.y+r.height),s=c+i.x+a,h=d+i.y+l}this.evData={startClientX:s,startClientY:h,startCropX:c,startCropY:d,clientX:e.clientX,clientY:e.clientY,isResize:a,ord:o},this.mouseDownOnCrop=!0,this.setState({cropIsActive:!0})},this.onComponentPointerDown=e=>{const{crop:t,disabled:n,locked:i,keepSelection:r,onChange:o}=this.props,a=this.getBox();if(n||i||r&&t)return;e.cancelable&&e.preventDefault(),this.bindDocMove(),this.componentRef.current.focus({preventScroll:!0});const s=e.clientX-a.x,h=e.clientY-a.y,c={unit:"px",x:s,y:h,width:0,height:0};this.evData={startClientX:e.clientX,startClientY:e.clientY,startCropX:s,startCropY:h,clientX:e.clientX,clientY:e.clientY,isResize:!0},this.mouseDownOnCrop=!0,o(l(c,a.width,a.height),d(c,a.width,a.height)),this.setState({cropIsActive:!0,newCropIsBeingDrawn:!0})},this.onDocPointerMove=e=>{const{crop:t,disabled:n,onChange:i,onDragStart:r}=this.props,o=this.getBox();if(n||!t||!this.mouseDownOnCrop)return;e.cancelable&&e.preventDefault(),this.dragStarted||(this.dragStarted=!0,r&&r(e));const{evData:a}=this;let h;a.clientX=e.clientX,a.clientY=e.clientY,h=a.isResize?this.resizeCrop():this.dragCrop(),s(t,h)||i(l(h,o.width,o.height),d(h,o.width,o.height))},this.onComponentKeyDown=e=>{const{crop:t,disabled:n,onChange:i,onComplete:r}=this.props,o=this.getBox();if(n)return;const s=e.key;let h=!1;if(!t)return;const c=this.makePixelCrop(),p=(navigator.platform.match("Mac")?e.metaKey:e.ctrlKey)?u.nudgeStepLarge:e.shiftKey?u.nudgeStepMedium:u.nudgeStep;if("ArrowLeft"===s?(c.x-=p,h=!0):"ArrowRight"===s?(c.x+=p,h=!0):"ArrowUp"===s?(c.y-=p,h=!0):"ArrowDown"===s&&(c.y+=p,h=!0),h){e.cancelable&&e.preventDefault(),c.x=a(c.x,0,o.width-c.width),c.y=a(c.y,0,o.height-c.height);const t=l(c,o.width,o.height),n=d(c,o.width,o.height);i(t,n),r&&r(t,n)}},this.onHandlerKeyDown=(e,t)=>{const{aspect:n=0,crop:i,disabled:r,minWidth:o=0,minHeight:a=0,maxWidth:h,maxHeight:c,onChange:w,onComplete:m}=this.props,x=this.getBox();if(r||!i)return;if("ArrowUp"!==e.key&&"ArrowDown"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key)return;e.stopPropagation(),e.preventDefault();const y=(navigator.platform.match("Mac")?e.metaKey:e.ctrlKey)?u.nudgeStepLarge:e.shiftKey?u.nudgeStepMedium:u.nudgeStep,b=p(g(l(i,x.width,x.height),e.key,y,t),n,t,x.width,x.height,o,a,h,c);if(!s(i,b)){const e=d(b,x.width,x.height);w(b,e),m&&m(b,e)}},this.onDocPointerDone=e=>{const{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(l(t,o.width,o.height),d(t,o.width,o.height)),this.setState({cropIsActive:!1,newCropIsBeingDrawn:!1}))},this.onDragFocus=e=>{var t;null===(t=this.componentRef.current)||void 0===t||t.scrollTo(0,0)}}get document(){return document}getBox(){const e=this.mediaRef.current;if(!e)return{x:0,y:0,width:0,height:0};const{x:t,y:n,width:i,height:r}=e.getBoundingClientRect();return{x:t,y:n,width:i,height:r}}componentDidUpdate(e){const{crop:t,onComplete:n}=this.props;if(n&&!e.crop&&t){const{width:e,height:i}=this.getBox();e&&i&&n(l(t,e,i),d(t,e,i))}}componentWillUnmount(){this.resizeObserver&&this.resizeObserver.disconnect()}bindDocMove(){this.docMoveBound||(this.document.addEventListener("pointermove",this.onDocPointerMove,w),this.document.addEventListener("pointerup",this.onDocPointerDone,w),this.document.addEventListener("pointercancel",this.onDocPointerDone,w),this.docMoveBound=!0)}

1unbindDocMove(){this.docMoveBound&&(this.document.removeEventListener("pointermove",this.onDocPointerMove,w),this.document.removeEventListener("pointerup",this.onDocPointerDone,w),this.document.removeEventListener("pointercancel",this.onDocPointerDone,w),this.docMoveBound=!1)}getCropStyle(){const{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(){const{evData:e}=this,t=this.getBox(),n=this.makePixelCrop(),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){const{evData:t}=this,n=t.clientX-e.x,i=t.clientY-e.y<t.startCropY;return n<t.startCropX?i?"nw":"sw":i?"ne":"se"}resizeCrop(){const{evData:e}=this,t=this.getBox(),{aspect:n=0,minWidth:i=0,minHeight:r=0,maxWidth:o,maxHeight:a}=this.props,s=this.getPointRegion(t),h=this.makePixelCrop(),c=e.ord?e.ord:s,d=e.clientX-e.startClientX,l=e.clientY-e.startClientY,g={unit:"px",x:0,y:0,width:0,height:0};"ne"===s?(g.x=e.startCropX,g.width=d,n?(g.height=g.width/n,g.y=e.startCropY-g.height):(g.height=Math.abs(l),g.y=e.startCropY-g.height)):"se"===s?(g.x=e.startCropX,g.y=e.startCropY,g.width=d,g.height=n?g.width/n:l):"sw"===s?(g.x=e.startCropX+d,g.y=e.startCropY,g.width=Math.abs(d),g.height=n?g.width/n:l):"nw"===s&&(g.x=e.startCropX+d,g.width=Math.abs(d),n?(g.height=g.width/n,g.y=e.startCropY-g.height):(g.height=Math.abs(l),g.y=e.startCropY+l));const w=p(g,n,s,t.width,t.height,i,r,o,a);return n||u.xyOrds.indexOf(c)>-1?(h.x=w.x,h.y=w.y,h.width=w.width,h.height=w.height):u.xOrds.indexOf(c)>-1?(h.x=w.x,h.width=w.width):u.yOrds.indexOf(c)>-1&&(h.y=w.y,h.height=w.height),h}createCropSelection(){const{ariaLabels:e=u.defaultProps.ariaLabels,disabled:n,locked:i,renderSelectionAddon:r,ruleOfThirds:o,crop:a}=this.props,s=this.getCropStyle();if(a)return t().createElement("div",{style:s,className:"ReactCrop__crop-selection",onPointerDown:this.onCropPointerDown,"aria-label":e.cropArea,tabIndex:0,onKeyDown:this.onComponentKeyDown,role:"group"},!n&&!i&&t().createElement("div",{className:"ReactCrop__drag-elements",onFocus:this.onDragFocus},t().createElement("div",{className:"ReactCrop__drag-bar ord-n","data-ord":"n"}),t().createElement("div",{className:"ReactCrop__drag-bar ord-e","data-ord":"e"}),t().createElement("div",{className:"ReactCrop__drag-bar ord-s","data-ord":"s"}),t().createElement("div",{className:"ReactCrop__drag-bar ord-w","data-ord":"w"}),t().createElement("div",{className:"ReactCrop__drag-handle ord-nw","data-ord":"nw",tabIndex:0,"aria-label":e.nwDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"nw"),role:"button"}),t().createElement("div",{className:"ReactCrop__drag-handle ord-n","data-ord":"n",tabIndex:0,"aria-label":e.nDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"n"),role:"button"}),t().createElement("div",{className:"ReactCrop__drag-handle ord-ne","data-ord":"ne",tabIndex:0,"aria-label":e.neDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"ne"),role:"button"}),t().createElement("div",{className:"ReactCrop__drag-handle ord-e","data-ord":"e",tabIndex:0,"aria-label":e.eDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"e"),role:"button"}),t().createElement("div",{className:"ReactCrop__drag-handle ord-se","data-ord":"se",tabIndex:0,"aria-label":e.seDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"se"),role:"button"}),t().createElement("div",{className:"ReactCrop__drag-handle ord-s","data-ord":"s",tabIndex:0,"aria-label":e.sDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"s"),role:"button"}),t().createElement("div",{className:"ReactCrop__drag-handle ord-sw","data-ord":"sw",tabIndex:0,"aria-label":e.swDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"sw"),role:"button"}),t().createElement("div",{className:"ReactCrop__drag-handle ord-w","data-ord":"w",tabIndex:0,"aria-label":e.wDragHandle,onKeyDown:e=>this.onHandlerKeyDown(e,"w"),role:"button"})),r&&t().createElement("div",{className:"ReactCrop__selection-addon",onMouseDown:e=>e.stopPropagation()},r(this.state)),o&&t().createElement(t().Fragment,null,t().createElement("div",{className:"ReactCrop__rule-of-thirds-hz"}),t().createElement("div",{className:"ReactCrop__rule-of-thirds-vt"})))}makePixelCrop(){const e={...o,...this.props.crop||{}},t=this.getBox();return l(e,t.width,t.height)}render(){const{aspect:e,children:i,circularCrop:r,className:o,crop:a,disabled:s,locked:h,style:c,ruleOfThirds:d}=this.props,{cropIsActive:l,newCropIsBeingDrawn:p}=this.state,g=a?this.createCropSelection():null,w=function(){for(var e,t,i=0,r="";i<arguments.length;)(e=arguments[i++])&&(t=n(e))&&(r&&(r+=" "),r+=t);return r}("ReactCrop",o,{"ReactCrop--active":l,"ReactCrop--disabled":s,"ReactCrop--locked":h,"ReactCrop--new-crop":p,"ReactCrop--fixed-aspect":a&&e,"ReactCrop--circular-crop":a&&r,"ReactCrop--rule-of-thirds":a&&d,"ReactCrop--invisible-crop":!this.dragStarted&&a&&!a.width&&!a.height});return t().createElement("div",{ref:this.componentRef,className:w,style:c},t().createElement("div",{ref:this.mediaRef,className:"ReactCrop__child-wrapper",onPointerDown:this.onComponentPointerDown},i),g)}}u.xOrds=["e","w"],u.yOrds=["n","s"],u.xyOrds=["nw","ne","se","sw"],u.nudgeStep=1,u.nudgeStepMedium=10,u.nudgeStepLarge=100,u.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"}}})(),r})(),e.exports=i(n(67294))},63163:(e,t,n)=>{"use strict";n.d(t,{Z:()=>c});var i=n(85893),r=n(67294),o=n(68968),a=n(96120),s=n.n(a);const{translations:h}=window,c=e=>{let{saveEditedImage:t,selectedImage:n,allowedAspectRatios:c,defaultAspect:d,showDescription:l,isMobile:p}=e;const[g,w]=(0,r.useState)(),[u,m]=(0,r.useState)(),x=(0,r.useRef)(null),y=(0,r.useRef)(null),[b,v]=(0,r.useState)(16/9),[C,f]=(0,r.useState)(0),[_,D]=(0,r.useState)(n),[j,R]=(0,r.useState)(!1),O

1=()=>{return e=void 0,n=void 0,r=function*(){R(!0),(null==u?void 0:u.width)&&(null==u?void 0:u.height)&&x.current&&y.current&&function(e,t,n,i=1){const r=t.getContext("2d");if(!r)throw new Error("No 2d context");const o=e.naturalWidth/e.width,a=e.naturalHeight/e.height,s=window.devicePixelRatio;t.width=Math.floor(n.width*o*s),t.height=Math.floor(n.height*a*s),r.scale(s,s),r.imageSmoothingQuality="high";const h=n.x*o,c=n.y*a,d=C*Math.PI/180,l=e.naturalWidth/2,p=e.naturalHeight/2;r.save(),r.translate(-h,-c),r.translate(l,p),r.rotate(d),r.scale(i,i),r.translate(-l,-p),r.drawImage(e,0,0,e.naturalWidth,e.naturalHeight,0,0,e.naturalWidth,e.naturalHeight),r.restore()}(x.current,y.current,u);const e=window.btoa(Array.from(window.crypto.getRandomValues(new Uint8Array(30))).map((e=>String.fromCharCode(e))).join("")).replace(/[+/]/g,"").substring(0,15),n=yield new Promise((e=>{var t;return null===(t=y.current)||void 0===t?void 0:t.toBlob((t=>{e(t)}),"image/webp",.8)}));let i=yield(0,o.ws)(new File([n],"o_"+e+".webp",{type:"image/webp",lastModified:(new Date).getTime()}));i&&(_.url_full=i.url_full),t(_),R(!1)},new((i=void 0)||(i=Promise))((function(t,o){function a(e){try{h(r.next(e))}catch(e){o(e)}}function s(e){try{h(r.throw(e))}catch(e){o(e)}}function h(e){var n;e.done?t(e.value):(n=e.value,n instanceof i?n:new i((function(e){e(n)}))).then(a,s)}h((r=r.apply(e,n||[])).next())}));var e,n,i,r},M=()=>{t(void 0)},k=e=>{if(v(e),x.current&&e){let t=((e,t,n)=>(0,a.centerCrop)((0,a.makeAspectCrop)({unit:"%",width:100},n,e,t),e,t))(x.current.width,x.current.height,e);w(t),m((0,a.convertToPixelCrop)(t,x.current.width,x.current.height))}};return(0,i.jsxs)("div",Object.assign({className:"images__editor "+(j?"images__editor--loading ":"")+(p?" images__editor_mobile":"")},{children:[p&&(0,i.jsx)("header",Object.assign({className:"pw_popup__modal-header-mobile"},{children:(0,i.jsxs)("div",Object.assign({className:"modal-header-mobile__actions"},{children:[(0,i.jsx)("button",Object.assign({className:"actions__btn",onClick:()=>M()},{children:(0,i.jsx)("i",{className:"fa-light fa-arrow-left"})})),(0,i.jsx)("span",{children:h.image_edit})]}))})),(0,i.jsxs)("div",Object.assign({className:"img-cropper__cropper-container"},{children:[(0,i.jsx)("canvas",{ref:y,style:{display:"none"}}),(0,i.jsx)(s(),Object.assign({crop:g,onChange:(e,t)=>

1w(t),onComplete:e=>m(e),aspect:b},{children:(0,i.jsx)("img",{src:_.url_full+(_.url_full.includes("?")?"&":"?")+"cors=1",ref:x,crossOrigin:"anonymous",style:{transform:"rotate("+C+"deg)"},onLoad:e=>(()=>{if(x.current)switch(d){case"1:1":k(1);break;case"16:9":k(16/9);break;case"5:2":k(2.5);break;default:k(x.current.width/x.current.height)}})()})}))]})),(void 0===l||l)&&(0,i.jsx)("div",Object.assign({className:"img-cropper__textarea"},{children:(0,i.jsx)("textarea",{placeholder:window.translations.image_description,value:_.description,maxLength:300,onChange:e=>{let t=Object.assign({},_);t.description=e.target.value,D(t)},rows:4})})),(0,i.jsxs)("div",Object.assign({className:"img-cropper__interaction"},{children:[(0,i.jsxs)("div",Object.assign({className:"interaction__wrapper"},{children:[(!c||c.includes("default"))&&(0,i.jsx)("button",Object.assign({onClick:()=>k(x.current?x.current.width/x.current.height:16/9),className:"interaction__btn interaction__btn--cropper"},{children:window.translations.none})),(!c||c.includes("1:1"))&&(0,i.jsx)("button",Object.assign({onClick:()=>k(1),className:"interaction__btn interaction__btn--cropper"},{children:"1:1"})),(!c||c.includes("16:9"))&&(0,i.jsx)("button",Object.assign({onClick:()=>k(16/9),className:"interaction__btn interaction__btn--cropper"},{children:"16:9"})),(!c||c.includes("5:2"))&&(0,i.jsx)("button",Object.assign({onClick:()=>k(2.5),className:"interaction__btn interaction__btn--cropper"},{children:"5:2"}))]})),(0,i.jsxs)("div",Object.assign({className:"interaction__wrapper"},{children:[(0,i.jsx)("button",Object.assign({onClick:()=>f(C-90),className:"interaction__btn interaction__btn--cropper"},{children:(0,i.jsx)("i",{className:"fa-regular fa-rotate-left"})})),(0,i.jsx)("button",Object.assign({onClick:()=>f(C+90),className:"interaction__btn interaction__btn--cropper"},{children:(0,i.jsx)("i",{className:"fa-regular fa-rotate-right"})}))]})),(0,i.jsxs)("div",Object.assign({className:"interaction__wrapper"},{children:[(0,i.jsx)("button",Object.assign({onClick:()=>M(),className:"interaction__btn interaction__btn--cropper interaction__btn--full-radius"},{children:window.translations.cancel})),(0,i.jsx)("button",Object.assign({onClick:()=>O(),className:"interaction__btn interaction__btn--save"},{children:window.translations.save}))]}))]}))]}))}}}]);