From a87dd87b8d608c2bec95e0eebd8a080373fd8e17 Mon Sep 17 00:00:00 2001 From: blessedcoolant <54517381+blessedcoolant@users.noreply.github.com> Date: Thu, 17 Mar 2022 05:54:58 +1300 Subject: [PATCH 1/4] Add Standard Brush Size Hotkey Functionality You can now use the bracket keys "[" and "]" to Increase and Decrease Brush Size similar to many other photo editing programs. --- lama_cleaner/app/src/Editor.tsx | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/lama_cleaner/app/src/Editor.tsx b/lama_cleaner/app/src/Editor.tsx index 0cfe147..a75c1c7 100644 --- a/lama_cleaner/app/src/Editor.tsx +++ b/lama_cleaner/app/src/Editor.tsx @@ -450,6 +450,25 @@ export default function Editor(props: EditorProps) { } return undefined }, [showBrush, isPanning]) + + // Standard Hotkeys for Brush Size + useKeyPressEvent('[', () => { + setBrushSize(currentBrushSize => { + if (currentBrushSize > 10) { + return currentBrushSize - 10 + } + if (currentBrushSize <= 10 && currentBrushSize > 0) { + return currentBrushSize - 5 + } + return currentBrushSize + }) + }) + + useKeyPressEvent(']', () => { + setBrushSize(currentBrushSize => { + return currentBrushSize + 10 + }) + }) // Toggle clean/zoom tool on spacebar. useKeyPressEvent( From 3d90a934a001648b9d7cdfcf64a487a59904d884 Mon Sep 17 00:00:00 2001 From: blessedcoolant <54517381+blessedcoolant@users.noreply.github.com> Date: Thu, 17 Mar 2022 05:56:15 +1300 Subject: [PATCH 2/4] Add Brush Change Hotkeys to Shortcuts Modal --- lama_cleaner/app/src/components/ShortcutsModal.tsx | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/lama_cleaner/app/src/components/ShortcutsModal.tsx b/lama_cleaner/app/src/components/ShortcutsModal.tsx index ac9198d..9e82ae5 100644 --- a/lama_cleaner/app/src/components/ShortcutsModal.tsx +++ b/lama_cleaner/app/src/components/ShortcutsModal.tsx @@ -43,6 +43,12 @@ export default function ShortcutsModal(props: ShortcutsModalProps) {

Esc

 + +

[

+ + +

]

+ From ffd39a73003ec72ae9be3818879abca8c9dfe27b Mon Sep 17 00:00:00 2001 From: blessedcoolant <54517381+blessedcoolant@users.noreply.github.com> Date: Thu, 17 Mar 2022 05:58:28 +1300 Subject: [PATCH 3/4] Deleting the old build folder --- lama_cleaner/app/build/asset-manifest.json | 16 -------- lama_cleaner/app/build/index.html | 1 - .../build/static/css/main.1144a0ea.chunk.css | 2 - .../app/build/static/js/2.d3149f41.chunk.js | 2 - .../static/js/2.d3149f41.chunk.js.LICENSE.txt | 41 ------------------- .../build/static/js/main.975d279e.chunk.js | 1 - .../build/static/js/runtime-main.5e86ac81.js | 1 - 7 files changed, 64 deletions(-) delete mode 100644 lama_cleaner/app/build/asset-manifest.json delete mode 100644 lama_cleaner/app/build/index.html delete mode 100644 lama_cleaner/app/build/static/css/main.1144a0ea.chunk.css delete mode 100644 lama_cleaner/app/build/static/js/2.d3149f41.chunk.js delete mode 100644 lama_cleaner/app/build/static/js/2.d3149f41.chunk.js.LICENSE.txt delete mode 100644 lama_cleaner/app/build/static/js/main.975d279e.chunk.js delete mode 100644 lama_cleaner/app/build/static/js/runtime-main.5e86ac81.js diff --git a/lama_cleaner/app/build/asset-manifest.json b/lama_cleaner/app/build/asset-manifest.json deleted file mode 100644 index 68f4909..0000000 --- a/lama_cleaner/app/build/asset-manifest.json +++ /dev/null @@ -1,16 +0,0 @@ -{ - "files": { - "main.css": "/static/css/main.1144a0ea.chunk.css", - "main.js": "/static/js/main.975d279e.chunk.js", - "runtime-main.js": "/static/js/runtime-main.5e86ac81.js", - "static/js/2.d3149f41.chunk.js": "/static/js/2.d3149f41.chunk.js", - "index.html": "/index.html", - "static/js/2.d3149f41.chunk.js.LICENSE.txt": "/static/js/2.d3149f41.chunk.js.LICENSE.txt" - }, - "entrypoints": [ - "static/js/runtime-main.5e86ac81.js", - "static/js/2.d3149f41.chunk.js", - "static/css/main.1144a0ea.chunk.css", - "static/js/main.975d279e.chunk.js" - ] -} \ No newline at end of file diff --git a/lama_cleaner/app/build/index.html b/lama_cleaner/app/build/index.html deleted file mode 100644 index 29a9b84..0000000 --- a/lama_cleaner/app/build/index.html +++ /dev/null @@ -1 +0,0 @@ -lama-cleaner - Image inpainting powered by LaMa
\ No newline at end of file diff --git a/lama_cleaner/app/build/static/css/main.1144a0ea.chunk.css b/lama_cleaner/app/build/static/css/main.1144a0ea.chunk.css deleted file mode 100644 index c0d515d..0000000 --- a/lama_cleaner/app/build/static/css/main.1144a0ea.chunk.css +++ /dev/null @@ -1,2 +0,0 @@ -@import url(https://fonts.googleapis.com/css2?family=Work+Sans:wght@600;900&display=swap); -/*! tailwindcss v2.2.17 | MIT License | https://tailwindcss.com *//*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */html{-moz-tab-size:4;tab-size:4;line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Segoe UI",Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{box-sizing:border-box;border:0 solid}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:-moz-focusring{outline:auto}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity));--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-blur:var(--tw-empty,/*!*/ /*!*/);--tw-brightness:var(--tw-empty,/*!*/ /*!*/);--tw-contrast:var(--tw-empty,/*!*/ /*!*/);--tw-grayscale:var(--tw-empty,/*!*/ /*!*/);--tw-hue-rotate:var(--tw-empty,/*!*/ /*!*/);--tw-invert:var(--tw-empty,/*!*/ /*!*/);--tw-saturate:var(--tw-empty,/*!*/ /*!*/);--tw-sepia:var(--tw-empty,/*!*/ /*!*/);--tw-drop-shadow:var(--tw-empty,/*!*/ /*!*/);--tw-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);--tw-backdrop-blur:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-brightness:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-contrast:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-grayscale:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-hue-rotate:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-invert:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-opacity:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-saturate:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-sepia:var(--tw-empty,/*!*/ /*!*/);--tw-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-y-0{top:0;bottom:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.right-4{right:1rem}.top-4{top:1rem}.left-0{left:0}.z-10{z-index:10}.z-20{z-index:20}.m-0{margin:0}.mr-2{margin-right:.5rem}.mr-12{margin-right:3rem}.mb-1{margin-bottom:.25rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-screen{height:100vh}.h-full{height:100%}.h-6{height:1.5rem}.h-20{height:5rem}.h-10{height:2.5rem}.h-5{height:1.25rem}.h-4{height:1rem}.max-h-60{max-height:15rem}.w-full{width:100%}.w-6{width:1.5rem}.w-10{width:2.5rem}.w-32{width:8rem}.w-5{width:1.25rem}.w-24{width:6rem}.max-w-xl{max-width:36rem}.max-w-4xl{max-width:56rem}.flex-1{flex:1 1}.transform{-webkit-transform:var(--tw-transform);transform:var(--tw-transform)}@-webkit-keyframes pulse{50%{opacity:.7}0%,to{opacity:.8}}@keyframes pulse{50%{opacity:.7}0%,to{opacity:.8}}.animate-pulse-fast{-webkit-animation:pulse .7s cubic-bezier(.4,0,.6,1) infinite;animation:pulse .7s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;-ms-user-select:none;user-select:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem*var(--tw-space-x-reverse));margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.75rem*var(--tw-space-x-reverse));margin-left:calc(0.75rem*(1 - var(--tw-space-x-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded-sm{border-radius:.125rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-l-4{border-left-width:4px}.border-dashed{border-style:dashed}.border-primary{--tw-border-opacity:1;border-color:rgba(189,255,1,var(--tw-border-opacity))}.border-black{--tw-border-opacity:1;border-color:rgba(0,0,0,var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgba(209,213,219,var(--tw-border-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity:1;background-color:rgba(189,255,1,var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgba(209,213,219,var(--tw-bg-opacity))}.bg-opacity-30{--tw-bg-opacity:0.3}.bg-opacity-80{--tw-bg-opacity:0.8}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-opacity-40{--tw-bg-opacity:0.4}.p-1{padding:.25rem}.p-5{padding:1.25rem}.p-0{padding:0}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0;padding-bottom:0}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pt-0{padding-top:0}.pb-10{padding-bottom:2.5rem}.pt-5{padding-top:1.25rem}.pb-6{padding-bottom:1.5rem}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.pl-3{padding-left:.75rem}.pr-2{padding-right:.5rem}.text-center{text-align:center}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-black{font-weight:900}.font-normal{font-weight:400}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgba(17,24,39,var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgba(156,163,175,var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.underline{text-decoration:underline}.opacity-50{opacity:.5}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px);-webkit-filter:var(--tw-filter);filter:var(--tw-filter)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-md{-webkit-backdrop-filter:var(--tw-backdrop-filter);backdrop-filter:var(--tw-backdrop-filter)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-filter);backdrop-filter:var(--tw-backdrop-filter)}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}body,html{width:100%;height:100%;font-family:"Work Sans";font-weight:600;overflow:hidden}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:17px;height:17px;background:#000;border-radius:50%}:not(input):not(textarea){-ms-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@supports (-webkit-touch-callout:none){.full-visible-h-safari{height:calc(100% - 80px)}}.focus-within\:outline-none[focus-within]{outline:2px solid transparent;outline-offset:2px}.focus-within\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px}.hover\:border-black:hover{--tw-border-opacity:1;border-color:rgba(0,0,0,var(--tw-border-opacity))}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.hover\:bg-primary:hover{--tw-bg-opacity:1;background-color:rgba(189,255,1,var(--tw-bg-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width:640px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:h-52{height:13rem}.sm\:h-auto{height:auto}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}.sm\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem*var(--tw-space-x-reverse));margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)))}.sm\:p-12{padding:3rem}.sm\:p-0{padding:0}.sm\:p-14{padding:3.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:text-left{text-align:left}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:768px){.md\:inline{display:inline}.md\:w-auto{width:auto}} \ No newline at end of file diff --git a/lama_cleaner/app/build/static/js/2.d3149f41.chunk.js b/lama_cleaner/app/build/static/js/2.d3149f41.chunk.js deleted file mode 100644 index f79ca49..0000000 --- a/lama_cleaner/app/build/static/js/2.d3149f41.chunk.js +++ /dev/null @@ -1,2 +0,0 @@ -/*! For license information please see 2.d3149f41.chunk.js.LICENSE.txt */ -(this["webpackJsonplama-cleaner"]=this["webpackJsonplama-cleaner"]||[]).push([[2],[function(e,t,n){"use strict";e.exports=n(16)},function(e,t,n){"use strict";e.exports=n(22)},function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(9);function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"!==typeof Symbol&&Symbol.iterator in Object(e)){var n=[],r=!0,o=!1,a=void 0;try{for(var i,l=e[Symbol.iterator]();!(r=(i=l.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(u){o=!0,a=u}finally{try{r||null==l.return||l.return()}finally{if(o)throw a}}return n}}(e,t)||Object(r.a)(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}},function(e,t,n){e.exports=n(21)},function(e,t,n){"use strict";n.d(t,"b",(function(){return r})),n.d(t,"d",(function(){return o})),n.d(t,"c",(function(){return a})),n.d(t,"a",(function(){return i}));var r=function(){};function o(e){for(var t=[],n=1;ne.length)&&(t=e.length);for(var n=0,r=new Array(t);n=n?(r(1),e.animation=null):e.animation&&(r(i),requestAnimationFrame(e.animation))},requestAnimationFrame(e.animation)}}function m(e,t,n,r){var o=function(e){var t=e.scale,n=e.positionX,r=e.positionY;if(isNaN(t)||isNaN(n)||isNaN(r))return!1;return!0}(t);if(e.mounted&&o){var a=e.setTransformState,i=e.transformState,l=i.scale,u=i.positionX,s=i.positionY,c=t.scale-l,f=t.positionX-u,d=t.positionY-s;0===n?a(t.scale,t.positionX,t.positionY):p(e,r,n,(function(e){a(l+c*e,u+f*e,s+d*e)}))}}var v=function(e,t){var n=e.wrapperComponent,r=e.contentComponent,o=e.setup.centerZoomedOut;if(!n||!r)throw new Error("Components are not mounted");var a=function(e,t,n){var r=e.offsetWidth,o=e.offsetHeight,a=t.offsetWidth*n,i=t.offsetHeight*n;return{wrapperWidth:r,wrapperHeight:o,newContentWidth:a,newDiffWidth:r-a,newContentHeight:i,newDiffHeight:o-i}}(n,r,t),i=a.wrapperWidth,l=a.wrapperHeight,u=function(e,t,n,r,o,a,i){var l=e>t?n*(i?1:.5):0,u=r>o?a*(i?1:.5):0;return{minPositionX:e-t-l,maxPositionX:l,minPositionY:r-o-u,maxPositionY:u}}(i,a.newContentWidth,a.newDiffWidth,l,a.newContentHeight,a.newDiffHeight,Boolean(o));return u},h=function(e,t){var n=v(e,t);return e.bounds=n,n};function y(e,t,n,r,o,a,i){var l=n.minPositionX,u=n.minPositionY,s=n.maxPositionX,c=n.maxPositionY,f=0,d=0;return i&&(f=o,d=a),{x:g(e,l-f,s+f,r),y:g(t,u-d,c+d,r)}}var g=function(e,t,n,r){return u(r?en?n:e:e,2)};function b(e,t,n,r,o,a){var i=e.transformState,l=i.scale,u=i.positionX,s=i.positionY,c=r-l;return"number"!==typeof t||"number"!==typeof n?(console.error("Mouse X and Y position were not provided!"),{x:u,y:s}):y(u-t*c,s-n*c,o,a,0,0,null)}function w(e,t,n,r,o){var a=t-(o?r:0);return!isNaN(n)&&e>=n?n:!isNaN(t)&&e<=a?a:e}var S=function(e,t){var n=e.setup.panning.excluded,r=e.isInitialized,o=e.wrapperComponent,a=t.target,i=null===o||void 0===o?void 0:o.contains(a);return!!(r&&a&&i)&&!$(a,n)},k=function(e){var t=e.isInitialized,n=e.isPanning,r=e.setup.panning.disabled;return!(!t||!n||r)};var E=function(e,t){var n=e.setup,r=e.transformState.scale,o=n.minScale;return t>0&&r>=o?t:0};function x(e,t,n,r,o,a,i,l,u,s){if(o){var c;if(t>i&&n>i)return(c=i+(e-i)*s)>u?u:ca?a:c}return r?t:g(e,a,i,o)}function C(e,t){var n=function(e){var t=e.mounted,n=e.setup,r=n.disabled,o=n.velocityAnimation,a=e.transformState.scale;return!(o.disabled&&!(a>1)&&r&&!t)}(e);if(n){var r=e.lastMousePosition,o=e.velocityTime,a=e.setup,i=e.wrapperComponent,l=a.velocityAnimation.equalToMove,u=Date.now();if(r&&o&&i){var s=function(e,t){return t?Math.min(1,e.offsetWidth/window.innerWidth):1}(i,l),c=t.x-r.x,f=t.y-r.y,d=c/s,p=f/s,m=u-o,v=c*c+f*f,h=Math.sqrt(v)/m;e.velocity={velocityX:d,velocityY:p,total:h}}e.lastMousePosition=t,e.velocityTime=u}}function O(e,t){var n=e.transformState.scale;d(e),h(e,n),t.touches?function(e,t){var n=t.touches,r=e.transformState,o=r.positionX,a=r.positionY;if(e.isPanning=!0,1===n.length){var i=n[0].clientX,l=n[0].clientY;e.startCoords={x:i-o,y:l-a}}}(e,t):function(e,t){var n=e.transformState,r=n.positionX,o=n.positionY;e.isPanning=!0;var a=t.clientX,i=t.clientY;e.startCoords={x:a-r,y:i-o}}(e,t)}function P(e,t,n){var r=e.startCoords,o=e.setup.alignmentAnimation,a=o.sizeX,i=o.sizeY;if(r){var l=function(e,t,n){var r=e.startCoords,o=e.transformState,a=e.setup.panning,i=a.lockAxisX,l=a.lockAxisY,u=o.positionX,s=o.positionY;if(!r)return{x:u,y:s};var c=t-r.x,f=n-r.y;return{x:i?u:c,y:l?s:f}}(e,t,n),u=l.x,s=l.y,c=E(e,a),f=E(e,i);C(e,{x:u,y:s}),function(e,t,n,r,o){var a=e.setup.limitToBounds,i=e.wrapperComponent,l=e.bounds,u=e.transformState,s=u.scale,c=u.positionX,f=u.positionY;if(i&&t!==c&&n!==f&&l){var d=y(t,n,l,a,r,o,i),p=d.x,m=d.y;e.setTransformState(s,p,m)}}(e,u,s,c,f)}}function _(e){if(e.isPanning){var t=e.setup.panning.velocityDisabled,n=e.velocity,r=e.wrapperComponent,o=e.contentComponent;e.isPanning=!1,e.animate=!1,e.animation=null;var a=null===r||void 0===r?void 0:r.getBoundingClientRect(),i=null===o||void 0===o?void 0:o.getBoundingClientRect(),l=(null===a||void 0===a?void 0:a.width)||0,u=(null===a||void 0===a?void 0:a.height)||0,s=(null===i||void 0===i?void 0:i.width)||0,f=(null===i||void 0===i?void 0:i.height)||0,d=l.1&&d?function(e){var t=e.velocity,n=e.bounds,r=e.setup,o=e.wrapperComponent,a=function(e){var t=e.mounted,n=e.velocity,r=e.bounds,o=e.setup,a=o.disabled,i=o.velocityAnimation,l=e.transformState.scale;return!(i.disabled&&!(l>1)&&a&&!t)&&!(!n||!r)}(e);if(a&&t&&n&&o){var i=t.velocityX,l=t.velocityY,u=t.total,s=n.maxPositionX,f=n.minPositionX,d=n.maxPositionY,m=n.minPositionY,v=r.limitToBounds,h=r.alignmentAnimation,y=r.zoomAnimation,g=r.panning,b=g.lockAxisY,w=g.lockAxisX,S=y.animationType,k=h.sizeX,C=h.sizeY,O=h.velocityAlignmentTime,P=function(e,t){var n=e.setup.velocityAnimation,r=n.equalToMove,o=n.animationTime,a=n.sensitivity;return r?o*t*a:o}(e,u),_=Math.max(P,O),T=E(e,k),L=E(e,C),N=T*o.offsetWidth/100,z=L*o.offsetHeight/100,R=s+N,j=f-N,I=d+z,M=m-z,D=e.transformState,F=(new Date).getTime();p(e,S,_,(function(t){var n=e.transformState,r=n.scale,o=n.positionX,a=n.positionY,u=((new Date).getTime()-F)/O,p=1-(0,c[h.animationType])(Math.min(1,u)),y=1-t,g=o+i*y,S=a+l*y,k=x(g,D.positionX,o,w,v,f,s,j,R,p),E=x(S,D.positionY,a,b,v,m,d,M,I,p);o===g&&a===S||e.setTransformState(r,k,E)}))}}(e):T(e)}}function T(e){var t=e.transformState.scale,n=e.setup,r=n.minScale,o=n.alignmentAnimation,a=o.disabled,i=o.sizeX,l=o.sizeY,u=o.animationTime,s=o.animationType;if(!(a||tf||np||rf?s.offsetWidth:e.setup.minPositionX||0,r>p?s.offsetHeight:e.setup.minPositionY||0,o,e.bounds,l||u),g=y.x,w=y.y;return{scale:o,positionX:v?g:n,positionY:h?w:r}}}(e);c&&m(e,c,u,s)}}function L(e,t,n){var r=e.transformState.scale,o=e.wrapperComponent,a=e.setup,i=a.minScale,l=a.limitToBounds,u=a.zoomAnimation,s=u.disabled,c=u.animationTime,f=u.animationType,d=s||r>=i;if((r>=1||l)&&T(e),!d&&o&&e.mounted){var p=N(e,i,t||o.offsetWidth/2,n||o.offsetHeight/2);p&&m(e,p,c,f)}}function N(e,t,n,r){var o=e.setup,a=o.minScale,i=o.maxScale,l=o.limitToBounds,s=w(u(t,2),a,i,0,!1),c=b(e,n,r,s,h(e,s),l);return{scale:s,positionX:c.x,positionY:c.y}}var z={previousScale:1,scale:1,positionX:0,positionY:0},R=i(i({},z),{setComponents:function(){},contextInstance:null}),j={disabled:!1,minPositionX:null,maxPositionX:null,minPositionY:null,maxPositionY:null,minScale:1,maxScale:8,limitToBounds:!0,centerZoomedOut:!1,centerOnInit:!1,wheel:{step:.2,disabled:!1,wheelDisabled:!1,touchPadDisabled:!1,activationKeys:[],excluded:[]},panning:{disabled:!1,velocityDisabled:!1,lockAxisX:!1,lockAxisY:!1,activationKeys:[],excluded:[]},pinch:{step:5,disabled:!1,excluded:[]},doubleClick:{disabled:!1,step:.7,mode:"zoomIn",animationType:"easeOut",animationTime:200,excluded:[]},zoomAnimation:{disabled:!1,size:.4,animationTime:200,animationType:"easeOut"},alignmentAnimation:{disabled:!1,sizeX:100,sizeY:100,animationTime:200,velocityAlignmentTime:400,animationType:"easeOut"},velocityAnimation:{disabled:!1,sensitivity:1,animationTime:400,animationType:"easeOut",equalToMove:!0}},I=function(e){var t,n,r,o;return{previousScale:null!==(t=e.initialScale)&&void 0!==t?t:z.scale,scale:null!==(n=e.initialScale)&&void 0!==n?n:z.scale,positionX:null!==(r=e.initialPositionX)&&void 0!==r?r:z.positionX,positionY:null!==(o=e.initialPositionY)&&void 0!==o?o:z.positionY}},M=function(e){var t=i({},j);return Object.keys(e).forEach((function(n){var r="undefined"!==typeof e[n];if("undefined"!==typeof j[n]&&r){var o=Object.prototype.toString.call(j[n]),a="[object Object]"===o,u="[object Array]"===o;t[n]=a?i(i({},j[n]),e[n]):u?l(l([],j[n]),e[n]):e[n]}})),t},D=function(e,t,n){var r=e.transformState.scale,o=e.wrapperComponent,a=e.setup,i=a.maxScale,l=a.minScale,s=a.zoomAnimation.size;if(!o)throw new Error("Wrapper is not mounted");var c=r*Math.exp(t*n);return w(u(c,3),l,i,s,!1)};function F(e,t,n,r,o){var a=e.wrapperComponent,i=e.transformState,l=i.scale,u=i.positionX,s=i.positionY;if(!a)return console.error("No WrapperComponent found");var c=(a.offsetWidth/2-u)/l,f=(a.offsetHeight/2-s)/l,d=N(e,D(e,t,n),c,f);if(!d)return console.error("Error during zoom event. New transformation state was not calculated.");m(e,d,r,o)}function A(e,t,n){var r=e.setup,o=e.wrapperComponent,a=r.limitToBounds,i=I(e.props),l=e.transformState,u=l.scale,s=l.positionX,c=l.positionY;if(o){var f=v(e,i.scale),d=y(i.positionX,i.positionY,f,a,0,0,o),p={scale:i.scale,positionX:d.x,positionY:d.y};u===i.scale&&s===i.positionX&&c===i.positionY||m(e,p,t,n)}}var U=function(e){return function(t,n,r){void 0===t&&(t=.5),void 0===n&&(n=300),void 0===r&&(r="easeOut"),F(e,1,t,n,r)}},W=function(e){return function(t,n,r){void 0===t&&(t=.5),void 0===n&&(n=300),void 0===r&&(r="easeOut"),F(e,-1,t,n,r)}},B=function(e){return function(t,n,r,o,a){void 0===o&&(o=300),void 0===a&&(a="easeOut");var i=e.transformState,l=i.positionX,u=i.positionY,s=i.scale,c=e.wrapperComponent,f=e.contentComponent;if(!e.setup.disabled&&c&&f){var d={positionX:isNaN(t)?l:t,positionY:isNaN(n)?u:n,scale:isNaN(r)?s:r};m(e,d,o,a)}}},Y=function(e){return function(t,n){void 0===t&&(t=200),void 0===n&&(n="easeOut"),A(e,t,n)}},H=function(e){return function(t,n,r){void 0===n&&(n=200),void 0===r&&(r="easeOut");var o=e.transformState,a=e.wrapperComponent,i=e.contentComponent;if(a&&i){var l=G(t||o.scale,a,i);m(e,l,n,r)}}},V=function(e){return function(t,n,r,o){void 0===r&&(r=600),void 0===o&&(o="easeOut"),d(e);var a=e.wrapperComponent,i="string"===typeof t?document.getElementById(t):t;if(a&&function(e){return e?void 0!==(null===e||void 0===e?void 0:e.offsetWidth)&&void 0!==(null===e||void 0===e?void 0:e.offsetHeight)||(console.error("Zoom node is not valid - it must contain offsetWidth and offsetHeight"),!1):(console.error("Zoom node not found"),!1)}(i)&&i&&a.contains(i)){var l=function(e,t,n){var r=e.wrapperComponent,o=e.setup,a=o.limitToBounds,i=o.minScale,l=o.maxScale;if(!r)return z;var u=r.getBoundingClientRect(),s=function(e){for(var t=e,n=0,r=0;t;)n+=t.offsetLeft,r+=t.offsetTop,t=t.offsetParent;return{x:n,y:r}}(t),c=s.x,f=s.y,d=t.offsetWidth,p=t.offsetHeight,m=r.offsetWidth/d,h=r.offsetHeight/p,g=w(n||Math.min(m,h),i,l,0,!1),b=(u.width-d*g)/2,S=(u.height-p*g)/2,k=y((u.left-c)*g+b,(u.top-f)*g+S,v(e,g),a,0,0,r);return{positionX:k.x,positionY:k.y,scale:g}}(e,i,n);m(e,l,r,o)}}},X=function(e){return{instance:e,state:e.transformState,zoomIn:U(e),zoomOut:W(e),setTransform:B(e),resetTransform:Y(e),centerView:H(e),zoomToElement:V(e)}};function Q(){try{return{get passive(){return!0,!1}}}catch(e){return!1}}var $=function(e,t){var n=e.tagName.toUpperCase();return!!t.find((function(e){return e.toUpperCase()===n}))||!!t.find((function(t){return e.classList.contains(t)}))},K=function(e){e&&clearTimeout(e)},q=function(e,t,n){return"translate3d("+e+"px, "+t+"px, 0) scale("+n+")"},G=function(e,t,n){var r=n.offsetWidth*e,o=n.offsetHeight*e;return{scale:e,positionX:(t.offsetWidth-r)/2,positionY:(t.offsetHeight-o)/2}},Z=function(e,t){var n=e.setup.wheel,r=n.disabled,o=n.wheelDisabled,a=n.touchPadDisabled,i=n.excluded,l=e.isInitialized,u=e.isPanning,s=t.target;return!(!l||u||r||!s)&&(!(o&&!t.ctrlKey)&&((!a||!t.ctrlKey)&&!$(s,i)))};function J(e,t,n){var r=t.getBoundingClientRect(),o=0,a=0;if("clientX"in e)o=(e.clientX-r.left)/n,a=(e.clientY-r.top)/n;else{var i=e.touches[0];o=(i.clientX-r.left)/n,a=(i.clientY-r.top)/n}return(isNaN(o)||isNaN(a))&&console.error("No mouse or touch offset found"),{x:o,y:a}}var ee=function(e,t){var n=e.setup.pinch,r=n.disabled,o=n.excluded,a=e.isInitialized,i=t.target;return!(!a||r||!i)&&!$(i,o)},te=function(e){var t=e.setup.pinch.disabled,n=e.isInitialized,r=e.pinchStartDistance;return!(!n||t||!r)},ne=function(e){return Math.sqrt(Math.pow(e.touches[0].pageX-e.touches[1].pageX,2)+Math.pow(e.touches[0].pageY-e.touches[1].pageY,2))},re=function(e,t){var n=e.props,r=n.onWheelStart,o=n.onZoomStart;e.wheelStopEventTimer||(d(e),s(X(e),t,r),s(X(e),t,o))},oe=function(e,t){var n=e.props,r=n.onWheel,o=n.onZoom,a=e.contentComponent,i=e.setup,l=e.transformState.scale,c=i.limitToBounds,f=i.centerZoomedOut,d=i.zoomAnimation,p=i.wheel,m=d.size,v=d.disabled,y=p.step;if(!a)throw new Error("Component not mounted");t.preventDefault(),t.stopPropagation();var g=function(e,t){var n,r,o=e?e.deltaY<0?1:-1:0;return r=o,"number"===typeof(n=t)?n:r}(t,null),S=function(e,t,n,r,o){var a=e.transformState.scale,i=e.wrapperComponent,l=e.setup,s=l.maxScale,c=l.minScale,f=l.zoomAnimation,d=f.size,p=f.disabled;if(!i)throw new Error("Wrapper is not mounted");var m=a+t*(a-a*n)*n;if(o)return m;var v=!r&&!p;return w(u(m,3),c,s,d,v)}(e,g,y,!t.ctrlKey);if(l!==S){var k=h(e,S),E=J(t,a,l),x=c&&(v||0===m||f),C=b(e,E.x,E.y,S,k,x),O=C.x,P=C.y;e.previousWheelEvent=t,e.setTransformState(S,O,P),s(X(e),t,r),s(X(e),t,o)}},ae=function(e,t){var n=e.props,r=n.onWheelStop,o=n.onZoomStop;K(e.wheelAnimationTimer),e.wheelAnimationTimer=setTimeout((function(){e.mounted&&(L(e,t.x,t.y),e.wheelAnimationTimer=null)}),100);var a=function(e,t){var n=e.previousWheelEvent,r=e.transformState.scale,o=e.setup,a=o.maxScale,i=o.minScale;return!!n&&(ri||Math.sign(n.deltaY)!==Math.sign(t.deltaY)||n.deltaY>0&&n.deltaYt.deltaY||Math.sign(n.deltaY)!==Math.sign(t.deltaY))}(e,t);a&&(K(e.wheelStopEventTimer),e.wheelStopEventTimer=setTimeout((function(){e.mounted&&(e.wheelStopEventTimer=null,s(X(e),t,r),s(X(e),t,o))}),160))},ie=function(e,t){var n=ne(t);e.pinchStartDistance=n,e.lastDistance=n,e.pinchStartScale=e.transformState.scale,e.isPanning=!1,d(e)},le=function(e,t){var n=e.contentComponent,r=e.pinchStartDistance,o=e.transformState.scale,a=e.setup,i=a.limitToBounds,l=a.centerZoomedOut,s=a.zoomAnimation,c=s.disabled,f=s.size;if(null!==r&&n){var d=function(e,t,n){var r=n.getBoundingClientRect(),o=e.touches,a=u(o[0].clientX-r.left,5),i=u(o[0].clientY-r.top,5);return{x:(a+u(o[1].clientX-r.left,5))/2/t,y:(i+u(o[1].clientY-r.top,5))/2/t}}(t,o,n);if(isFinite(d.x)&&isFinite(d.y)){var p=ne(t),m=function(e,t){var n=e.pinchStartScale,r=e.pinchStartDistance,o=e.setup,a=o.maxScale,i=o.minScale,l=o.zoomAnimation,s=l.size,c=l.disabled;if(!n||null===r||!t)throw new Error("Pinch touches distance was not provided");return t<0?e.transformState.scale:w(u(t/r*n,2),i,a,s,!c)}(e,p);if(m!==o){var v=h(e,m),y=i&&(c||0===f||l),g=b(e,d.x,d.y,m,v,y),S=g.x,k=g.y;e.pinchMidpoint=d,e.lastDistance=p,e.setTransformState(m,S,k)}}}},ue=function(e){var t=e.pinchMidpoint;e.velocity=null,e.lastDistance=null,e.pinchMidpoint=null,e.pinchStartScale=null,e.pinchStartDistance=null,L(e,null===t||void 0===t?void 0:t.x,null===t||void 0===t?void 0:t.y)};function se(e,t){var n=e.setup.doubleClick,r=n.disabled,o=n.mode,a=n.step,i=n.animationTime,l=n.animationType;if(!r){if("reset"===o)return A(e,i,l);var u=e.transformState.scale,s=e.contentComponent;if(!s)return console.error("No ContentComponent found");var c=D(e,"zoomOut"===o?-1:1,a),f=J(t,s,u),d=N(e,c,f.x,f.y);if(!d)return console.error("Error during zoom event. New transformation state was not calculated.");m(e,d,i,l)}}var ce=function(e,t){var n=e.isInitialized,r=e.setup,o=e.wrapperComponent,a=r.doubleClick,i=a.disabled,l=a.excluded,u=t.target,s=null===o||void 0===o?void 0:o.contains(u),c=n&&u&&s&&!i;return!!c&&(!$(u,l)&&!!c)},fe=o.a.createContext(R),de=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.mounted=!0,t.transformState=I(t.props),t.setup=M(t.props),t.wrapperComponent=null,t.contentComponent=null,t.isInitialized=!1,t.bounds=null,t.previousWheelEvent=null,t.wheelStopEventTimer=null,t.wheelAnimationTimer=null,t.isPanning=!1,t.startCoords=null,t.lastTouch=null,t.distance=null,t.lastDistance=null,t.pinchStartDistance=null,t.pinchStartScale=null,t.pinchMidpoint=null,t.velocity=null,t.velocityTime=null,t.lastMousePosition=null,t.animate=!1,t.animation=null,t.maxBounds=null,t.pressedKeys={},t.handleInitializeWrapperEvents=function(e){var n=Q();e.addEventListener("wheel",t.onWheelZoom,n),e.addEventListener("dblclick",t.onDoubleClick,n),e.addEventListener("touchstart",t.onTouchPanningStart,n),e.addEventListener("touchmove",t.onTouchPanning,n),e.addEventListener("touchend",t.onTouchPanningStop,n)},t.handleInitialize=function(){var e=t.setup.centerOnInit;t.applyTransformation(),t.forceUpdate(),e&&(setTimeout((function(){t.mounted&&t.setCenter()}),50),setTimeout((function(){t.mounted&&t.setCenter()}),100),setTimeout((function(){t.mounted&&t.setCenter()}),200))},t.onWheelZoom=function(e){t.setup.disabled||Z(t,e)&&t.isPressingKeys(t.setup.wheel.activationKeys)&&(re(t,e),oe(t,e),ae(t,e))},t.onPanningStart=function(e){var n=t.setup.disabled,r=t.props.onPanningStart;n||S(t,e)&&t.isPressingKeys(t.setup.panning.activationKeys)&&(e.preventDefault(),e.stopPropagation(),d(t),O(t,e),s(X(t),e,r))},t.onPanning=function(e){var n=t.setup.disabled,r=t.props.onPanning;n||k(t)&&t.isPressingKeys(t.setup.panning.activationKeys)&&(e.preventDefault(),e.stopPropagation(),P(t,e.clientX,e.clientY),s(X(t),e,r))},t.onPanningStop=function(e){var n=t.props.onPanningStop;t.isPanning&&(_(t),s(X(t),e,n))},t.onPinchStart=function(e){var n=t.setup.disabled,r=t.props,o=r.onPinchingStart,a=r.onZoomStart;n||ee(t,e)&&(ie(t,e),d(t),s(X(t),e,o),s(X(t),e,a))},t.onPinch=function(e){var n=t.setup.disabled,r=t.props,o=r.onPinching,a=r.onZoom;n||te(t)&&(e.preventDefault(),e.stopPropagation(),le(t,e),s(X(t),e,o),s(X(t),e,a))},t.onPinchStop=function(e){var n=t.props,r=n.onPinchingStop,o=n.onZoomStop;t.pinchStartScale&&(ue(t),s(X(t),e,r),s(X(t),e,o))},t.onTouchPanningStart=function(e){var n=t.setup.disabled,r=t.props.onPanningStart;if(!n&&S(t,e))if(t.lastTouch&&+new Date-t.lastTouch<200&&1===e.touches.length)t.onDoubleClick(e);else{t.lastTouch=+new Date,d(t);var o=e.touches,a=1===o.length,i=2===o.length;a&&(d(t),O(t,e),s(X(t),e,r)),i&&t.onPinchStart(e)}},t.onTouchPanning=function(e){var n=t.setup.disabled,r=t.props.onPanning;if(t.isPanning&&1===e.touches.length){if(n)return;if(!k(t))return;e.preventDefault(),e.stopPropagation();var o=e.touches[0];P(t,o.clientX,o.clientY),s(X(t),e,r)}else e.touches.length>1&&t.onPinch(e)},t.onTouchPanningStop=function(e){t.onPanningStop(e),t.onPinchStop(e)},t.onDoubleClick=function(e){t.setup.disabled||ce(t,e)&&se(t,e)},t.clearPanning=function(e){t.isPanning&&t.onPanningStop(e)},t.setKeyPressed=function(e){t.pressedKeys[e.key]=!0},t.setKeyUnPressed=function(e){t.pressedKeys[e.key]=!1},t.isPressingKeys=function(e){return!e.length||Boolean(e.find((function(e){return t.pressedKeys[e]})))},t.setComponents=function(e,n){t.wrapperComponent=e,t.contentComponent=n,h(t,t.transformState.scale),t.handleInitializeWrapperEvents(e),t.handleInitialize(),t.handleRef(),t.isInitialized=!0,s(X(t),void 0,t.props.onInit)},t.setTransformState=function(e,n,r){isNaN(e)||isNaN(n)||isNaN(r)?console.error("Detected NaN set state values"):(e!==t.transformState.scale&&(t.transformState.previousScale=t.transformState.scale,t.transformState.scale=e),t.transformState.positionX=n,t.transformState.positionY=r,t.applyTransformation())},t.setCenter=function(){if(t.wrapperComponent&&t.contentComponent){var e=G(t.transformState.scale,t.wrapperComponent,t.contentComponent);t.setTransformState(e.scale,e.positionX,e.positionY)}},t.applyTransformation=function(){if(t.mounted&&t.contentComponent){var e=t.transformState,n=e.scale,r=e.positionX,o=e.positionY,a=q(r,o,n);t.contentComponent.style.transform=a,t.handleRef()}},t.handleRef=function(){t.props.setRef(X(t))},t}return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}a(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(t,e),t.prototype.componentDidMount=function(){var e=Q();window.addEventListener("mousedown",this.onPanningStart,e),window.addEventListener("mousemove",this.onPanning,e),window.addEventListener("mouseup",this.onPanningStop,e),document.addEventListener("mouseleave",this.clearPanning,e),window.addEventListener("keyup",this.setKeyUnPressed,e),window.addEventListener("keydown",this.setKeyPressed,e),this.handleRef()},t.prototype.componentWillUnmount=function(){var e=Q();window.removeEventListener("mousedown",this.onPanningStart,e),window.removeEventListener("mousemove",this.onPanning,e),window.removeEventListener("mouseup",this.onPanningStop,e),window.removeEventListener("keyup",this.setKeyUnPressed,e),window.removeEventListener("keydown",this.setKeyPressed,e),d(this)},t.prototype.componentDidUpdate=function(e){e!==this.props&&(h(this,this.transformState.scale),this.setup=M(this.props))},t.prototype.render=function(){var e=X(this),t=this.props.children,n="function"===typeof t?t(e):t;return o.a.createElement(fe.Provider,{value:i(i({},this.transformState),{setComponents:this.setComponents,contextInstance:this})},n)},t}(r.Component),pe=o.a.forwardRef((function(e,t){var n=Object(r.useState)(null),a=n[0],l=n[1];return Object(r.useImperativeHandle)(t,(function(){return a}),[a]),o.a.createElement(de,i({},e,{setRef:l}))}));var me="transform-component-module_wrapper__1_Fgj",ve="transform-component-module_content__2jYgh";!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!==typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}(".transform-component-module_wrapper__1_Fgj {\n position: relative;\n width: -moz-fit-content;\n width: fit-content;\n height: -moz-fit-content;\n height: fit-content;\n overflow: hidden;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */\n -khtml-user-select: none; /* Konqueror HTML */\n -moz-user-select: none; /* Firefox */\n -ms-user-select: none; /* Internet Explorer/Edge */\n user-select: none;\n margin: 0;\n padding: 0;\n}\n.transform-component-module_content__2jYgh {\n display: flex;\n flex-wrap: wrap;\n width: -moz-fit-content;\n width: fit-content;\n height: -moz-fit-content;\n height: fit-content;\n margin: 0;\n padding: 0;\n transform-origin: 0% 0%;\n}\n.transform-component-module_content__2jYgh img {\n pointer-events: none;\n}\n");var he=function(e){var t=e.children,n=e.wrapperClass,a=void 0===n?"":n,i=e.contentClass,l=void 0===i?"":i,u=e.wrapperStyle,s=e.contentStyle,c=Object(r.useContext)(fe).setComponents,f=Object(r.useRef)(null),d=Object(r.useRef)(null);return Object(r.useEffect)((function(){var e=f.current,t=d.current;null!==e&&null!==t&&c&&c(e,t)}),[]),o.a.createElement("div",{ref:f,className:"react-transform-wrapper "+me+" "+a,style:u},o.a.createElement("div",{ref:d,className:"react-transform-component "+ve+" "+l,style:s},t))}},function(e,t,n){"use strict";var r=n(0),o=n(4),a=o.a?window:null,i=function(e){return!!e.addEventListener},l=function(e){return!!e.on},u=function(e,t,n,u){void 0===n&&(n=a),Object(r.useEffect)((function(){if(t&&n)return i(n)?Object(o.d)(n,e,t,u):l(n)&&n.on(e,t,u),function(){i(n)?Object(o.c)(n,e,t,u):l(n)&&n.off(e,t,u)}}),[e,t,n,JSON.stringify(u)])};t.a=function(e,t,n,a){void 0===t&&(t=o.b),void 0===n&&(n={}),void 0===a&&(a=[e]);var i=n.event,l=void 0===i?"keydown":i,s=n.target,c=n.options,f=Object(r.useMemo)((function(){var n,r="function"===typeof(n=e)?n:"string"===typeof n?function(e){return e.key===n}:n?function(){return!0}:function(){return!1};return function(e){if(r(e))return t(e)}}),a);u(l,f,s,c)}},,function(e,t,n){"use strict";!function e(){if("undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(17)},function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(0);var o=function(e){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor"},e),r.createElement("path",{fillRule:"evenodd",d:"M10 3a1 1 0 01.707.293l3 3a1 1 0 01-1.414 1.414L10 5.414 7.707 7.707a1 1 0 01-1.414-1.414l3-3A1 1 0 0110 3zm-3.707 9.293a1 1 0 011.414 0L10 14.586l2.293-2.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z",clipRule:"evenodd"}))}},function(e,t,n){"use strict";var r=n(10),o=60103,a=60106;t.Fragment=60107,t.StrictMode=60108,t.Profiler=60114;var i=60109,l=60110,u=60112;t.Suspense=60113;var s=60115,c=60116;if("function"===typeof Symbol&&Symbol.for){var f=Symbol.for;o=f("react.element"),a=f("react.portal"),t.Fragment=f("react.fragment"),t.StrictMode=f("react.strict_mode"),t.Profiler=f("react.profiler"),i=f("react.provider"),l=f("react.context"),u=f("react.forward_ref"),t.Suspense=f("react.suspense"),s=f("react.memo"),c=f("react.lazy")}var d="function"===typeof Symbol&&Symbol.iterator;function p(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n