adminizer 4.3.0-build.107 → 4.3.0-build.108

package/assets/manifest.json

@@ -32,8 +32,12 @@
       "src/assets/js/components/icon.tsx"
     ]
   },
-  "_field-renderer-BhrQ1BlC.js": {
-    "file": "field-renderer-BhrQ1BlC.js",
+  "_field-renderer-CRNLShJD.css": {
+    "file": "field-renderer-CRNLShJD.css",
+    "src": "_field-renderer-CRNLShJD.css"
+  },
+  "_field-renderer-vMbyJVWP.js": {
+    "file": "field-renderer-vMbyJVWP.js",
     "name": "field-renderer",
     "isDynamicEntry": true,
     "imports": [
@@ -55,10 +59,6 @@
       "field-renderer-CRNLShJD.css"
     ]
   },
-  "_field-renderer-CRNLShJD.css": {
-    "file": "field-renderer-CRNLShJD.css",
-    "src": "_field-renderer-CRNLShJD.css"
-  },
   "_handsontable-PVakPtJV.js": {
     "file": "handsontable-PVakPtJV.js",
     "name": "handsontable",
@@ -187,7 +187,7 @@
     ]
   },
   "src/assets/js/components/add-form.tsx": {
-    "file": "add-form-COkaRNRA.js",
+    "file": "add-form-BEUq30i_.js",
     "name": "add-form",
     "src": "src/assets/js/components/add-form.tsx",
     "isDynamicEntry": true,
@@ -195,7 +195,7 @@
       "src/assets/js/app.tsx",
       "_monaco-ICtx6xoc.js",
       "src/assets/js/components/icon.tsx",
-      "_field-renderer-BhrQ1BlC.js",
+      "_field-renderer-vMbyJVWP.js",
       "src/assets/js/components/input-error.tsx",
       "_jsoneditor-D95dIAP2.js",
       "_vendor-wzZzN_Jv.js",
@@ -301,7 +301,7 @@
     ]
   },
   "src/assets/js/components/form.tsx": {
-    "file": "form-BgmYGTpi.js",
+    "file": "form-BNbBC8DV.js",
     "name": "form",
     "src": "src/assets/js/components/form.tsx",
     "isDynamicEntry": true,
@@ -310,7 +310,7 @@
       "_monaco-ICtx6xoc.js",
       "src/assets/js/components/add-form.tsx",
       "src/assets/js/components/input-error.tsx",
-      "_field-renderer-BhrQ1BlC.js",
+      "_field-renderer-vMbyJVWP.js",
       "_jsoneditor-D95dIAP2.js",
       "_vendor-wzZzN_Jv.js",
       "_handsontable-PVakPtJV.js",
@@ -388,7 +388,7 @@
     ]
   },
   "src/assets/js/components/media-manager/media-manager.tsx": {
-    "file": "media-manager-DyP_37fD.js",
+    "file": "media-manager-BkHwBzry.js",
     "name": "media-manager",
     "src": "src/assets/js/components/media-manager/media-manager.tsx",
     "isDynamicEntry": true,
@@ -396,7 +396,7 @@
       "src/assets/js/app.tsx",
       "_monaco-ICtx6xoc.js",
       "_handsontable-PVakPtJV.js",
-      "_field-renderer-BhrQ1BlC.js",
+      "_field-renderer-vMbyJVWP.js",
       "_tabs-BK_5wdPA.js",
       "_jsoneditor-D95dIAP2.js",
       "_vendor-wzZzN_Jv.js",
@@ -570,7 +570,7 @@
     ]
   },
   "src/assets/js/pages/add.tsx": {
-    "file": "add-BbpbOeEO.js",
+    "file": "add-R5iQSTy5.js",
     "name": "add",
     "src": "src/assets/js/pages/add.tsx",
     "isDynamicEntry": true,
@@ -593,13 +593,13 @@
       "src/assets/js/components/user-menu-content.tsx",
       "src/assets/js/components/theme-switcher.tsx",
       "src/assets/js/components/icon.tsx",
-      "_field-renderer-BhrQ1BlC.js",
+      "_field-renderer-vMbyJVWP.js",
       "src/assets/js/components/dynamic-controls.tsx",
       "src/assets/js/components/input-error.tsx"
     ]
   },
   "src/assets/js/pages/catalog.tsx": {
-    "file": "catalog-BkwvblLc.js",
+    "file": "catalog-BnLd_l3R.js",
     "name": "catalog",
     "src": "src/assets/js/pages/catalog.tsx",
     "isDynamicEntry": true,
@@ -623,7 +623,7 @@
       "src/assets/js/components/user-menu-content.tsx",
       "src/assets/js/components/theme-switcher.tsx",
       "src/assets/js/components/icon.tsx",
-      "_field-renderer-BhrQ1BlC.js",
+      "_field-renderer-vMbyJVWP.js",
       "src/assets/js/components/dynamic-controls.tsx",
       "src/assets/js/components/input-error.tsx"
     ],
@@ -660,7 +660,7 @@
     ]
   },
   "src/assets/js/pages/form.tsx": {
-    "file": "form-BK-psxud.js",
+    "file": "form-frEQR77-.js",
     "name": "form",
     "src": "src/assets/js/pages/form.tsx",
     "isDynamicEntry": true,
@@ -684,13 +684,13 @@
       "src/assets/js/components/theme-switcher.tsx",
       "src/assets/js/components/icon.tsx",
       "src/assets/js/components/add-form.tsx",
-      "_field-renderer-BhrQ1BlC.js",
+      "_field-renderer-vMbyJVWP.js",
       "src/assets/js/components/dynamic-controls.tsx",
       "src/assets/js/components/input-error.tsx"
     ]
   },
   "src/assets/js/pages/home.tsx": {
-    "file": "home-DtQs7vmj.js",
+    "file": "home-D57OPPji.js",
     "name": "home",
     "src": "src/assets/js/pages/home.tsx",
     "isDynamicEntry": true,
@@ -712,7 +712,7 @@
       "src/assets/js/components/breadcrumbs.tsx",
       "src/assets/js/components/date-picker.tsx",
       "src/assets/js/components/dynamic-controls.tsx",
-      "_field-renderer-BhrQ1BlC.js",
+      "_field-renderer-vMbyJVWP.js",
       "src/assets/js/components/form.tsx",
       "src/assets/js/components/geo-json.tsx",
       "src/assets/js/app.tsx",

package/assets/{media-manager-DyP_37fD.js → media-manager-BkHwBzry.js}

@@ -1,4 +1,4 @@
-import{j as h,ak as kn,al as In,g as Q,w as _i,x as $i,Y as Ln,y as Wi,z as ht,a8 as Mr,a9 as Tr,aa as jr,ab as Rr,am as zn,an as Yt,B as J,a1 as Pn,a2 as Bn,a3 as _t,a4 as oe,a5 as Xn,a6 as se,I as qt,L as Ct,a as bt,ao as Hi,ap as Ui,aq as Fi,a0 as Vi,ar as Gi,f as fr,aj as Ki,D as qi,h as Ji,i as Zi,k as Qr,as as Qi}from"./app.js";import{r as g,e as B}from"./monaco-ICtx6xoc.js";import{r as mt}from"./handsontable-PVakPtJV.js";import{I as Yn,P as $t,p as ea}from"./field-renderer-BhrQ1BlC.js";import{T as ta,a as ra,b as Ke,c as qe}from"./tabs-BK_5wdPA.js";import{d as na}from"./jsoneditor-D95dIAP2.js";import"./vendor-wzZzN_Jv.js";import"./dynamic-controls-BOYmRX_z.js";function ia(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return g.useMemo(()=>n=>{e.forEach(a=>a(n))},e)}const Jt=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function it(t){const e=Object.prototype.toString.call(t);return e==="[object Window]"||e==="[object global]"}function Or(t){return"nodeType"in t}function ee(t){var e,r;return t?it(t)?t:Or(t)&&(e=(r=t.ownerDocument)==null?void 0:r.defaultView)!=null?e:window:window}function Ar(t){const{Document:e}=ee(t);return t instanceof e}function Tt(t){return it(t)?!1:t instanceof ee(t).HTMLElement}function _n(t){return t instanceof ee(t).SVGElement}function at(t){return t?it(t)?t.document:Or(t)?Ar(t)?t:Tt(t)||_n(t)?t.ownerDocument:document:document:document}const pe=Jt?g.useLayoutEffect:g.useEffect;function Zt(t){const e=g.useRef(t);return pe(()=>{e.current=t}),g.useCallback(function(){for(var r=arguments.length,n=new Array(r),a=0;a<r;a++)n[a]=arguments[a];return e.current==null?void 0:e.current(...n)},[])}function aa(){const t=g.useRef(null),e=g.useCallback((n,a)=>{t.current=setInterval(n,a)},[]),r=g.useCallback(()=>{t.current!==null&&(clearInterval(t.current),t.current=null)},[]);return[e,r]}function St(t,e){e===void 0&&(e=[t]);const r=g.useRef(t);return pe(()=>{r.current!==t&&(r.current=t)},e),r}function jt(t,e){const r=g.useRef();return g.useMemo(()=>{const n=t(r.current);return r.current=n,n},[...e])}function Wt(t){const e=Zt(t),r=g.useRef(null),n=g.useCallback(a=>{a!==r.current&&(e==null||e(a,r.current)),r.current=a},[]);return[r,n]}function Ht(t){const e=g.useRef();return g.useEffect(()=>{e.current=t},[t]),e.current}let or={};function Rt(t,e){return g.useMemo(()=>{if(e)return e;const r=or[t]==null?0:or[t]+1;return or[t]=r,t+"-"+r},[t,e])}function $n(t){return function(e){for(var r=arguments.length,n=new Array(r>1?r-1:0),a=1;a<r;a++)n[a-1]=arguments[a];return n.reduce((i,o)=>{const s=Object.entries(o);for(const[d,l]of s){const c=i[d];c!=null&&(i[d]=c+t*l)}return i},{...e})}}const et=$n(1),Et=$n(-1);function oa(t){return"clientX"in t&&"clientY"in t}function Ot(t){if(!t)return!1;const{KeyboardEvent:e}=ee(t.target);return e&&t instanceof e}function sa(t){if(!t)return!1;const{TouchEvent:e}=ee(t.target);return e&&t instanceof e}function Ut(t){if(sa(t)){if(t.touches&&t.touches.length){const{clientX:e,clientY:r}=t.touches[0];return{x:e,y:r}}else if(t.changedTouches&&t.changedTouches.length){const{clientX:e,clientY:r}=t.changedTouches[0];return{x:e,y:r}}}return oa(t)?{x:t.clientX,y:t.clientY}:null}const ye=Object.freeze({Translate:{toString(t){if(!t)return;const{x:e,y:r}=t;return"translate3d("+(e?Math.round(e):0)+"px, "+(r?Math.round(r):0)+"px, 0)"}},Scale:{toString(t){if(!t)return;const{scaleX:e,scaleY:r}=t;return"scaleX("+e+") scaleY("+r+")"}},Transform:{toString(t){if(t)return[ye.Translate.toString(t),ye.Scale.toString(t)].join(" ")}},Transition:{toString(t){let{property:e,duration:r,easing:n}=t;return e+" "+r+"ms "+n}}}),en="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function la(t){return t.matches(en)?t:t.querySelector(en)}const ca={display:"none"};function da(t){let{id:e,value:r}=t;return B.createElement("div",{id:e,style:ca},r)}function ua(t){let{id:e,announcement:r,ariaLiveType:n="assertive"}=t;const a={position:"fixed",top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"};return B.createElement("div",{id:e,style:a,role:"status","aria-live":n,"aria-atomic":!0},r)}function ha(){const[t,e]=g.useState("");return{announce:g.useCallback(n=>{n!=null&&e(n)},[]),announcement:t}}const Wn=g.createContext(null);function fa(t){const e=g.useContext(Wn);g.useEffect(()=>{if(!e)throw new Error("useDndMonitor must be used within a children of <DndContext>");return e(t)},[t,e])}function pa(){const[t]=g.useState(()=>new Set),e=g.useCallback(n=>(t.add(n),()=>t.delete(n)),[t]);return[g.useCallback(n=>{let{type:a,event:i}=n;t.forEach(o=>{var s;return(s=o[a])==null?void 0:s.call(o,i)})},[t]),e]}const ga={draggable:`
+import{j as h,ak as kn,al as In,g as Q,w as _i,x as $i,Y as Ln,y as Wi,z as ht,a8 as Mr,a9 as Tr,aa as jr,ab as Rr,am as zn,an as Yt,B as J,a1 as Pn,a2 as Bn,a3 as _t,a4 as oe,a5 as Xn,a6 as se,I as qt,L as Ct,a as bt,ao as Hi,ap as Ui,aq as Fi,a0 as Vi,ar as Gi,f as fr,aj as Ki,D as qi,h as Ji,i as Zi,k as Qr,as as Qi}from"./app.js";import{r as g,e as B}from"./monaco-ICtx6xoc.js";import{r as mt}from"./handsontable-PVakPtJV.js";import{I as Yn,P as $t,p as ea}from"./field-renderer-vMbyJVWP.js";import{T as ta,a as ra,b as Ke,c as qe}from"./tabs-BK_5wdPA.js";import{d as na}from"./jsoneditor-D95dIAP2.js";import"./vendor-wzZzN_Jv.js";import"./dynamic-controls-BOYmRX_z.js";function ia(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return g.useMemo(()=>n=>{e.forEach(a=>a(n))},e)}const Jt=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function it(t){const e=Object.prototype.toString.call(t);return e==="[object Window]"||e==="[object global]"}function Or(t){return"nodeType"in t}function ee(t){var e,r;return t?it(t)?t:Or(t)&&(e=(r=t.ownerDocument)==null?void 0:r.defaultView)!=null?e:window:window}function Ar(t){const{Document:e}=ee(t);return t instanceof e}function Tt(t){return it(t)?!1:t instanceof ee(t).HTMLElement}function _n(t){return t instanceof ee(t).SVGElement}function at(t){return t?it(t)?t.document:Or(t)?Ar(t)?t:Tt(t)||_n(t)?t.ownerDocument:document:document:document}const pe=Jt?g.useLayoutEffect:g.useEffect;function Zt(t){const e=g.useRef(t);return pe(()=>{e.current=t}),g.useCallback(function(){for(var r=arguments.length,n=new Array(r),a=0;a<r;a++)n[a]=arguments[a];return e.current==null?void 0:e.current(...n)},[])}function aa(){const t=g.useRef(null),e=g.useCallback((n,a)=>{t.current=setInterval(n,a)},[]),r=g.useCallback(()=>{t.current!==null&&(clearInterval(t.current),t.current=null)},[]);return[e,r]}function St(t,e){e===void 0&&(e=[t]);const r=g.useRef(t);return pe(()=>{r.current!==t&&(r.current=t)},e),r}function jt(t,e){const r=g.useRef();return g.useMemo(()=>{const n=t(r.current);return r.current=n,n},[...e])}function Wt(t){const e=Zt(t),r=g.useRef(null),n=g.useCallback(a=>{a!==r.current&&(e==null||e(a,r.current)),r.current=a},[]);return[r,n]}function Ht(t){const e=g.useRef();return g.useEffect(()=>{e.current=t},[t]),e.current}let or={};function Rt(t,e){return g.useMemo(()=>{if(e)return e;const r=or[t]==null?0:or[t]+1;return or[t]=r,t+"-"+r},[t,e])}function $n(t){return function(e){for(var r=arguments.length,n=new Array(r>1?r-1:0),a=1;a<r;a++)n[a-1]=arguments[a];return n.reduce((i,o)=>{const s=Object.entries(o);for(const[d,l]of s){const c=i[d];c!=null&&(i[d]=c+t*l)}return i},{...e})}}const et=$n(1),Et=$n(-1);function oa(t){return"clientX"in t&&"clientY"in t}function Ot(t){if(!t)return!1;const{KeyboardEvent:e}=ee(t.target);return e&&t instanceof e}function sa(t){if(!t)return!1;const{TouchEvent:e}=ee(t.target);return e&&t instanceof e}function Ut(t){if(sa(t)){if(t.touches&&t.touches.length){const{clientX:e,clientY:r}=t.touches[0];return{x:e,y:r}}else if(t.changedTouches&&t.changedTouches.length){const{clientX:e,clientY:r}=t.changedTouches[0];return{x:e,y:r}}}return oa(t)?{x:t.clientX,y:t.clientY}:null}const ye=Object.freeze({Translate:{toString(t){if(!t)return;const{x:e,y:r}=t;return"translate3d("+(e?Math.round(e):0)+"px, "+(r?Math.round(r):0)+"px, 0)"}},Scale:{toString(t){if(!t)return;const{scaleX:e,scaleY:r}=t;return"scaleX("+e+") scaleY("+r+")"}},Transform:{toString(t){if(t)return[ye.Translate.toString(t),ye.Scale.toString(t)].join(" ")}},Transition:{toString(t){let{property:e,duration:r,easing:n}=t;return e+" "+r+"ms "+n}}}),en="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function la(t){return t.matches(en)?t:t.querySelector(en)}const ca={display:"none"};function da(t){let{id:e,value:r}=t;return B.createElement("div",{id:e,style:ca},r)}function ua(t){let{id:e,announcement:r,ariaLiveType:n="assertive"}=t;const a={position:"fixed",top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"};return B.createElement("div",{id:e,style:a,role:"status","aria-live":n,"aria-atomic":!0},r)}function ha(){const[t,e]=g.useState("");return{announce:g.useCallback(n=>{n!=null&&e(n)},[]),announcement:t}}const Wn=g.createContext(null);function fa(t){const e=g.useContext(Wn);g.useEffect(()=>{if(!e)throw new Error("useDndMonitor must be used within a children of <DndContext>");return e(t)},[t,e])}function pa(){const[t]=g.useState(()=>new Set),e=g.useCallback(n=>(t.add(n),()=>t.delete(n)),[t]);return[g.useCallback(n=>{let{type:a,event:i}=n;t.forEach(o=>{var s;return(s=o[a])==null?void 0:s.call(o,i)})},[t]),e]}const ga={draggable:`
     To pick up a draggable item, press the space bar.
     While dragging, use the arrow keys to move the item.
     Press space again to drop the item in its new position, or press escape to cancel.
@@ -11,4 +11,4 @@ import{j as h,ak as kn,al as In,g as Q,w as _i,x as $i,Y as Ln,y as Wi,z as ht,a
  *
  * Date: 2024-04-21T07:43:05.335Z
  */function mn(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(t,a).enumerable})),r.push.apply(r,n)}return r}function mi(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?mn(Object(r),!0).forEach(function(n){ds(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):mn(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function ss(t,e){if(typeof t!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var n=r.call(t,e);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}function bi(t){var e=ss(t,"string");return typeof e=="symbol"?e:e+""}function mr(t){"@babel/helpers - typeof";return mr=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},mr(t)}function ls(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function bn(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,bi(n.key),n)}}function cs(t,e,r){return e&&bn(t.prototype,e),r&&bn(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}function ds(t,e,r){return e=bi(e),e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function xi(t){return us(t)||hs(t)||fs(t)||ps()}function us(t){if(Array.isArray(t))return br(t)}function hs(t){if(typeof Symbol<"u"&&t[Symbol.iterator]!=null||t["@@iterator"]!=null)return Array.from(t)}function fs(t,e){if(t){if(typeof t=="string")return br(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);if(r==="Object"&&t.constructor&&(r=t.constructor.name),r==="Map"||r==="Set")return Array.from(t);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return br(t,e)}}function br(t,e){(e==null||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function ps(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var rr=typeof window<"u"&&typeof window.document<"u",we=rr?window:{},Yr=rr&&we.document.documentElement?"ontouchstart"in we.document.documentElement:!1,_r=rr?"PointerEvent"in we:!1,_="cropper",$r="all",yi="crop",wi="move",Di="zoom",Xe="e",Ye="w",Je="s",ke="n",ft="ne",pt="nw",gt="se",vt="sw",xr="".concat(_,"-crop"),xn="".concat(_,"-disabled"),re="".concat(_,"-hidden"),yn="".concat(_,"-hide"),gs="".concat(_,"-invisible"),Kt="".concat(_,"-modal"),yr="".concat(_,"-move"),Nt="".concat(_,"Action"),Pt="".concat(_,"Preview"),Wr="crop",Ci="move",Si="none",wr="crop",Dr="cropend",Cr="cropmove",Sr="cropstart",wn="dblclick",vs=Yr?"touchstart":"mousedown",ms=Yr?"touchmove":"mousemove",bs=Yr?"touchend touchcancel":"mouseup",Dn=_r?"pointerdown":vs,Cn=_r?"pointermove":ms,Sn=_r?"pointerup pointercancel":bs,En="ready",Nn="resize",Mn="wheel",Er="zoom",Tn="image/jpeg",xs=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,ys=/^data:/,ws=/^data:image\/jpeg;base64,/,Ds=/^img|canvas$/i,Ei=200,Ni=100,jn={viewMode:0,dragMode:Wr,initialAspectRatio:NaN,aspectRatio:NaN,data:null,preview:"",responsive:!0,restore:!0,checkCrossOrigin:!0,checkOrientation:!0,modal:!0,guides:!0,center:!0,highlight:!0,background:!0,autoCrop:!0,autoCropArea:.8,movable:!0,rotatable:!0,scalable:!0,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,wheelZoomRatio:.1,cropBoxMovable:!0,cropBoxResizable:!0,toggleDragModeOnDblclick:!0,minCanvasWidth:0,minCanvasHeight:0,minCropBoxWidth:0,minCropBoxHeight:0,minContainerWidth:Ei,minContainerHeight:Ni,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},Cs='<div class="cropper-container" touch-action="none"><div class="cropper-wrap-box"><div class="cropper-canvas"></div></div><div class="cropper-drag-box"></div><div class="cropper-crop-box"><span class="cropper-view-box"></span><span class="cropper-dashed dashed-h"></span><span class="cropper-dashed dashed-v"></span><span class="cropper-center"></span><span class="cropper-face"></span><span class="cropper-line line-e" data-cropper-action="e"></span><span class="cropper-line line-n" data-cropper-action="n"></span><span class="cropper-line line-w" data-cropper-action="w"></span><span class="cropper-line line-s" data-cropper-action="s"></span><span class="cropper-point point-e" data-cropper-action="e"></span><span class="cropper-point point-n" data-cropper-action="n"></span><span class="cropper-point point-w" data-cropper-action="w"></span><span class="cropper-point point-s" data-cropper-action="s"></span><span class="cropper-point point-ne" data-cropper-action="ne"></span><span class="cropper-point point-nw" data-cropper-action="nw"></span><span class="cropper-point point-sw" data-cropper-action="sw"></span><span class="cropper-point point-se" data-cropper-action="se"></span></div></div>',Ss=Number.isNaN||we.isNaN;function A(t){return typeof t=="number"&&!Ss(t)}var Rn=function(e){return e>0&&e<1/0};function dr(t){return typeof t>"u"}function $e(t){return mr(t)==="object"&&t!==null}var Es=Object.prototype.hasOwnProperty;function Ze(t){if(!$e(t))return!1;try{var e=t.constructor,r=e.prototype;return e&&r&&Es.call(r,"isPrototypeOf")}catch{return!1}}function te(t){return typeof t=="function"}var Ns=Array.prototype.slice;function Mi(t){return Array.from?Array.from(t):Ns.call(t)}function H(t,e){return t&&te(e)&&(Array.isArray(t)||A(t.length)?Mi(t).forEach(function(r,n){e.call(t,r,n,t)}):$e(t)&&Object.keys(t).forEach(function(r){e.call(t,t[r],r,t)})),t}var $=Object.assign||function(e){for(var r=arguments.length,n=new Array(r>1?r-1:0),a=1;a<r;a++)n[a-1]=arguments[a];return $e(e)&&n.length>0&&n.forEach(function(i){$e(i)&&Object.keys(i).forEach(function(o){e[o]=i[o]})}),e},Ms=/\.\d*(?:0|9){12}\d*$/;function tt(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1e11;return Ms.test(t)?Math.round(t*e)/e:t}var Ts=/^width|height|left|top|marginLeft|marginTop$/;function Le(t,e){var r=t.style;H(e,function(n,a){Ts.test(a)&&A(n)&&(n="".concat(n,"px")),r[a]=n})}function js(t,e){return t.classList?t.classList.contains(e):t.className.indexOf(e)>-1}function V(t,e){if(e){if(A(t.length)){H(t,function(n){V(n,e)});return}if(t.classList){t.classList.add(e);return}var r=t.className.trim();r?r.indexOf(e)<0&&(t.className="".concat(r," ").concat(e)):t.className=e}}function xe(t,e){if(e){if(A(t.length)){H(t,function(r){xe(r,e)});return}if(t.classList){t.classList.remove(e);return}t.className.indexOf(e)>=0&&(t.className=t.className.replace(e,""))}}function Qe(t,e,r){if(e){if(A(t.length)){H(t,function(n){Qe(n,e,r)});return}r?V(t,e):xe(t,e)}}var Rs=/([a-z\d])([A-Z])/g;function Hr(t){return t.replace(Rs,"$1-$2").toLowerCase()}function Nr(t,e){return $e(t[e])?t[e]:t.dataset?t.dataset[e]:t.getAttribute("data-".concat(Hr(e)))}function Mt(t,e,r){$e(r)?t[e]=r:t.dataset?t.dataset[e]=r:t.setAttribute("data-".concat(Hr(e)),r)}function Os(t,e){if($e(t[e]))try{delete t[e]}catch{t[e]=void 0}else if(t.dataset)try{delete t.dataset[e]}catch{t.dataset[e]=void 0}else t.removeAttribute("data-".concat(Hr(e)))}var Ti=/\s\s*/,ji=(function(){var t=!1;if(rr){var e=!1,r=function(){},n=Object.defineProperty({},"once",{get:function(){return t=!0,e},set:function(i){e=i}});we.addEventListener("test",r,n),we.removeEventListener("test",r,n)}return t})();function fe(t,e,r){var n=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},a=r;e.trim().split(Ti).forEach(function(i){if(!ji){var o=t.listeners;o&&o[i]&&o[i][r]&&(a=o[i][r],delete o[i][r],Object.keys(o[i]).length===0&&delete o[i],Object.keys(o).length===0&&delete t.listeners)}t.removeEventListener(i,a,n)})}function ue(t,e,r){var n=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},a=r;e.trim().split(Ti).forEach(function(i){if(n.once&&!ji){var o=t.listeners,s=o===void 0?{}:o;a=function(){delete s[i][r],t.removeEventListener(i,a,n);for(var l=arguments.length,c=new Array(l),u=0;u<l;u++)c[u]=arguments[u];r.apply(t,c)},s[i]||(s[i]={}),s[i][r]&&t.removeEventListener(i,s[i][r],n),s[i][r]=a,t.listeners=s}t.addEventListener(i,a,n)})}function rt(t,e,r){var n;return te(Event)&&te(CustomEvent)?n=new CustomEvent(e,{detail:r,bubbles:!0,cancelable:!0}):(n=document.createEvent("CustomEvent"),n.initCustomEvent(e,!0,!0,r)),t.dispatchEvent(n)}function Ri(t){var e=t.getBoundingClientRect();return{left:e.left+(window.pageXOffset-document.documentElement.clientLeft),top:e.top+(window.pageYOffset-document.documentElement.clientTop)}}var ur=we.location,As=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function On(t){var e=t.match(As);return e!==null&&(e[1]!==ur.protocol||e[2]!==ur.hostname||e[3]!==ur.port)}function An(t){var e="timestamp=".concat(new Date().getTime());return t+(t.indexOf("?")===-1?"?":"&")+e}function Dt(t){var e=t.rotate,r=t.scaleX,n=t.scaleY,a=t.translateX,i=t.translateY,o=[];A(a)&&a!==0&&o.push("translateX(".concat(a,"px)")),A(i)&&i!==0&&o.push("translateY(".concat(i,"px)")),A(e)&&e!==0&&o.push("rotate(".concat(e,"deg)")),A(r)&&r!==1&&o.push("scaleX(".concat(r,")")),A(n)&&n!==1&&o.push("scaleY(".concat(n,")"));var s=o.length?o.join(" "):"none";return{WebkitTransform:s,msTransform:s,transform:s}}function ks(t){var e=mi({},t),r=0;return H(t,function(n,a){delete e[a],H(e,function(i){var o=Math.abs(n.startX-i.startX),s=Math.abs(n.startY-i.startY),d=Math.abs(n.endX-i.endX),l=Math.abs(n.endY-i.endY),c=Math.sqrt(o*o+s*s),u=Math.sqrt(d*d+l*l),f=(u-c)/c;Math.abs(f)>Math.abs(r)&&(r=f)})}),r}function Bt(t,e){var r=t.pageX,n=t.pageY,a={endX:r,endY:n};return e?a:mi({startX:r,startY:n},a)}function Is(t){var e=0,r=0,n=0;return H(t,function(a){var i=a.startX,o=a.startY;e+=i,r+=o,n+=1}),e/=n,r/=n,{pageX:e,pageY:r}}function ze(t){var e=t.aspectRatio,r=t.height,n=t.width,a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"contain",i=Rn(n),o=Rn(r);if(i&&o){var s=r*e;a==="contain"&&s>n||a==="cover"&&s<n?r=n/e:n=r*e}else i?r=n/e:o&&(n=r*e);return{width:n,height:r}}function Ls(t){var e=t.width,r=t.height,n=t.degree;if(n=Math.abs(n)%180,n===90)return{width:r,height:e};var a=n%90*Math.PI/180,i=Math.sin(a),o=Math.cos(a),s=e*o+r*i,d=e*i+r*o;return n>90?{width:d,height:s}:{width:s,height:d}}function zs(t,e,r,n){var a=e.aspectRatio,i=e.naturalWidth,o=e.naturalHeight,s=e.rotate,d=s===void 0?0:s,l=e.scaleX,c=l===void 0?1:l,u=e.scaleY,f=u===void 0?1:u,v=r.aspectRatio,x=r.naturalWidth,w=r.naturalHeight,b=n.fillColor,C=b===void 0?"transparent":b,S=n.imageSmoothingEnabled,N=S===void 0?!0:S,E=n.imageSmoothingQuality,D=E===void 0?"low":E,p=n.maxWidth,m=p===void 0?1/0:p,y=n.maxHeight,M=y===void 0?1/0:y,j=n.minWidth,R=j===void 0?0:j,I=n.minHeight,L=I===void 0?0:I,P=document.createElement("canvas"),Y=P.getContext("2d"),W=ze({aspectRatio:v,width:m,height:M}),T=ze({aspectRatio:v,width:R,height:L},"cover"),O=Math.min(W.width,Math.max(T.width,x)),X=Math.min(W.height,Math.max(T.height,w)),F=ze({aspectRatio:a,width:m,height:M}),De=ze({aspectRatio:a,width:R,height:L},"cover"),K=Math.min(F.width,Math.max(De.width,i)),le=Math.min(F.height,Math.max(De.height,o)),Ce=[-K/2,-le/2,K,le];return P.width=tt(O),P.height=tt(X),Y.fillStyle=C,Y.fillRect(0,0,O,X),Y.save(),Y.translate(O/2,X/2),Y.rotate(d*Math.PI/180),Y.scale(c,f),Y.imageSmoothingEnabled=N,Y.imageSmoothingQuality=D,Y.drawImage.apply(Y,[t].concat(xi(Ce.map(function(Be){return Math.floor(tt(Be))})))),Y.restore(),P}var Oi=String.fromCharCode;function Ps(t,e,r){var n="";r+=e;for(var a=e;a<r;a+=1)n+=Oi(t.getUint8(a));return n}var Bs=/^data:.*,/;function Xs(t){var e=t.replace(Bs,""),r=atob(e),n=new ArrayBuffer(r.length),a=new Uint8Array(n);return H(a,function(i,o){a[o]=r.charCodeAt(o)}),n}function Ys(t,e){for(var r=[],n=8192,a=new Uint8Array(t);a.length>0;)r.push(Oi.apply(null,Mi(a.subarray(0,n)))),a=a.subarray(n);return"data:".concat(e,";base64,").concat(btoa(r.join("")))}function _s(t){var e=new DataView(t),r;try{var n,a,i;if(e.getUint8(0)===255&&e.getUint8(1)===216)for(var o=e.byteLength,s=2;s+1<o;){if(e.getUint8(s)===255&&e.getUint8(s+1)===225){a=s;break}s+=1}if(a){var d=a+4,l=a+10;if(Ps(e,d,4)==="Exif"){var c=e.getUint16(l);if(n=c===18761,(n||c===19789)&&e.getUint16(l+2,n)===42){var u=e.getUint32(l+4,n);u>=8&&(i=l+u)}}}if(i){var f=e.getUint16(i,n),v,x;for(x=0;x<f;x+=1)if(v=i+x*12+2,e.getUint16(v,n)===274){v+=8,r=e.getUint16(v,n),e.setUint16(v,1,n);break}}}catch{r=1}return r}function $s(t){var e=0,r=1,n=1;switch(t){case 2:r=-1;break;case 3:e=-180;break;case 4:n=-1;break;case 5:e=90,n=-1;break;case 6:e=90;break;case 7:e=90,r=-1;break;case 8:e=-90;break}return{rotate:e,scaleX:r,scaleY:n}}var Ws={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var e=this.element,r=this.options,n=this.container,a=this.cropper,i=Number(r.minContainerWidth),o=Number(r.minContainerHeight);V(a,re),xe(e,re);var s={width:Math.max(n.offsetWidth,i>=0?i:Ei),height:Math.max(n.offsetHeight,o>=0?o:Ni)};this.containerData=s,Le(a,{width:s.width,height:s.height}),V(e,re),xe(a,re)},initCanvas:function(){var e=this.containerData,r=this.imageData,n=this.options.viewMode,a=Math.abs(r.rotate)%180===90,i=a?r.naturalHeight:r.naturalWidth,o=a?r.naturalWidth:r.naturalHeight,s=i/o,d=e.width,l=e.height;e.height*s>e.width?n===3?d=e.height*s:l=e.width/s:n===3?l=e.width/s:d=e.height*s;var c={aspectRatio:s,naturalWidth:i,naturalHeight:o,width:d,height:l};this.canvasData=c,this.limited=n===1||n===2,this.limitCanvas(!0,!0),c.width=Math.min(Math.max(c.width,c.minWidth),c.maxWidth),c.height=Math.min(Math.max(c.height,c.minHeight),c.maxHeight),c.left=(e.width-c.width)/2,c.top=(e.height-c.height)/2,c.oldLeft=c.left,c.oldTop=c.top,this.initialCanvasData=$({},c)},limitCanvas:function(e,r){var n=this.options,a=this.containerData,i=this.canvasData,o=this.cropBoxData,s=n.viewMode,d=i.aspectRatio,l=this.cropped&&o;if(e){var c=Number(n.minCanvasWidth)||0,u=Number(n.minCanvasHeight)||0;s>1?(c=Math.max(c,a.width),u=Math.max(u,a.height),s===3&&(u*d>c?c=u*d:u=c/d)):s>0&&(c?c=Math.max(c,l?o.width:0):u?u=Math.max(u,l?o.height:0):l&&(c=o.width,u=o.height,u*d>c?c=u*d:u=c/d));var f=ze({aspectRatio:d,width:c,height:u});c=f.width,u=f.height,i.minWidth=c,i.minHeight=u,i.maxWidth=1/0,i.maxHeight=1/0}if(r)if(s>(l?0:1)){var v=a.width-i.width,x=a.height-i.height;i.minLeft=Math.min(0,v),i.minTop=Math.min(0,x),i.maxLeft=Math.max(0,v),i.maxTop=Math.max(0,x),l&&this.limited&&(i.minLeft=Math.min(o.left,o.left+(o.width-i.width)),i.minTop=Math.min(o.top,o.top+(o.height-i.height)),i.maxLeft=o.left,i.maxTop=o.top,s===2&&(i.width>=a.width&&(i.minLeft=Math.min(0,v),i.maxLeft=Math.max(0,v)),i.height>=a.height&&(i.minTop=Math.min(0,x),i.maxTop=Math.max(0,x))))}else i.minLeft=-i.width,i.minTop=-i.height,i.maxLeft=a.width,i.maxTop=a.height},renderCanvas:function(e,r){var n=this.canvasData,a=this.imageData;if(r){var i=Ls({width:a.naturalWidth*Math.abs(a.scaleX||1),height:a.naturalHeight*Math.abs(a.scaleY||1),degree:a.rotate||0}),o=i.width,s=i.height,d=n.width*(o/n.naturalWidth),l=n.height*(s/n.naturalHeight);n.left-=(d-n.width)/2,n.top-=(l-n.height)/2,n.width=d,n.height=l,n.aspectRatio=o/s,n.naturalWidth=o,n.naturalHeight=s,this.limitCanvas(!0,!1)}(n.width>n.maxWidth||n.width<n.minWidth)&&(n.left=n.oldLeft),(n.height>n.maxHeight||n.height<n.minHeight)&&(n.top=n.oldTop),n.width=Math.min(Math.max(n.width,n.minWidth),n.maxWidth),n.height=Math.min(Math.max(n.height,n.minHeight),n.maxHeight),this.limitCanvas(!1,!0),n.left=Math.min(Math.max(n.left,n.minLeft),n.maxLeft),n.top=Math.min(Math.max(n.top,n.minTop),n.maxTop),n.oldLeft=n.left,n.oldTop=n.top,Le(this.canvas,$({width:n.width,height:n.height},Dt({translateX:n.left,translateY:n.top}))),this.renderImage(e),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(e){var r=this.canvasData,n=this.imageData,a=n.naturalWidth*(r.width/r.naturalWidth),i=n.naturalHeight*(r.height/r.naturalHeight);$(n,{width:a,height:i,left:(r.width-a)/2,top:(r.height-i)/2}),Le(this.image,$({width:n.width,height:n.height},Dt($({translateX:n.left,translateY:n.top},n)))),e&&this.output()},initCropBox:function(){var e=this.options,r=this.canvasData,n=e.aspectRatio||e.initialAspectRatio,a=Number(e.autoCropArea)||.8,i={width:r.width,height:r.height};n&&(r.height*n>r.width?i.height=i.width/n:i.width=i.height*n),this.cropBoxData=i,this.limitCropBox(!0,!0),i.width=Math.min(Math.max(i.width,i.minWidth),i.maxWidth),i.height=Math.min(Math.max(i.height,i.minHeight),i.maxHeight),i.width=Math.max(i.minWidth,i.width*a),i.height=Math.max(i.minHeight,i.height*a),i.left=r.left+(r.width-i.width)/2,i.top=r.top+(r.height-i.height)/2,i.oldLeft=i.left,i.oldTop=i.top,this.initialCropBoxData=$({},i)},limitCropBox:function(e,r){var n=this.options,a=this.containerData,i=this.canvasData,o=this.cropBoxData,s=this.limited,d=n.aspectRatio;if(e){var l=Number(n.minCropBoxWidth)||0,c=Number(n.minCropBoxHeight)||0,u=s?Math.min(a.width,i.width,i.width+i.left,a.width-i.left):a.width,f=s?Math.min(a.height,i.height,i.height+i.top,a.height-i.top):a.height;l=Math.min(l,a.width),c=Math.min(c,a.height),d&&(l&&c?c*d>l?c=l/d:l=c*d:l?c=l/d:c&&(l=c*d),f*d>u?f=u/d:u=f*d),o.minWidth=Math.min(l,u),o.minHeight=Math.min(c,f),o.maxWidth=u,o.maxHeight=f}r&&(s?(o.minLeft=Math.max(0,i.left),o.minTop=Math.max(0,i.top),o.maxLeft=Math.min(a.width,i.left+i.width)-o.width,o.maxTop=Math.min(a.height,i.top+i.height)-o.height):(o.minLeft=0,o.minTop=0,o.maxLeft=a.width-o.width,o.maxTop=a.height-o.height))},renderCropBox:function(){var e=this.options,r=this.containerData,n=this.cropBoxData;(n.width>n.maxWidth||n.width<n.minWidth)&&(n.left=n.oldLeft),(n.height>n.maxHeight||n.height<n.minHeight)&&(n.top=n.oldTop),n.width=Math.min(Math.max(n.width,n.minWidth),n.maxWidth),n.height=Math.min(Math.max(n.height,n.minHeight),n.maxHeight),this.limitCropBox(!1,!0),n.left=Math.min(Math.max(n.left,n.minLeft),n.maxLeft),n.top=Math.min(Math.max(n.top,n.minTop),n.maxTop),n.oldLeft=n.left,n.oldTop=n.top,e.movable&&e.cropBoxMovable&&Mt(this.face,Nt,n.width>=r.width&&n.height>=r.height?wi:$r),Le(this.cropBox,$({width:n.width,height:n.height},Dt({translateX:n.left,translateY:n.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),rt(this.element,wr,this.getData())}},Hs={initPreview:function(){var e=this.element,r=this.crossOrigin,n=this.options.preview,a=r?this.crossOriginUrl:this.url,i=e.alt||"The image to preview",o=document.createElement("img");if(r&&(o.crossOrigin=r),o.src=a,o.alt=i,this.viewBox.appendChild(o),this.viewBoxImage=o,!!n){var s=n;typeof n=="string"?s=e.ownerDocument.querySelectorAll(n):n.querySelector&&(s=[n]),this.previews=s,H(s,function(d){var l=document.createElement("img");Mt(d,Pt,{width:d.offsetWidth,height:d.offsetHeight,html:d.innerHTML}),r&&(l.crossOrigin=r),l.src=a,l.alt=i,l.style.cssText='display:block;width:100%;height:auto;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;image-orientation:0deg!important;"',d.innerHTML="",d.appendChild(l)})}},resetPreview:function(){H(this.previews,function(e){var r=Nr(e,Pt);Le(e,{width:r.width,height:r.height}),e.innerHTML=r.html,Os(e,Pt)})},preview:function(){var e=this.imageData,r=this.canvasData,n=this.cropBoxData,a=n.width,i=n.height,o=e.width,s=e.height,d=n.left-r.left-e.left,l=n.top-r.top-e.top;!this.cropped||this.disabled||(Le(this.viewBoxImage,$({width:o,height:s},Dt($({translateX:-d,translateY:-l},e)))),H(this.previews,function(c){var u=Nr(c,Pt),f=u.width,v=u.height,x=f,w=v,b=1;a&&(b=f/a,w=i*b),i&&w>v&&(b=v/i,x=a*b,w=v),Le(c,{width:x,height:w}),Le(c.getElementsByTagName("img")[0],$({width:o*b,height:s*b},Dt($({translateX:-d*b,translateY:-l*b},e))))}))}},Us={bind:function(){var e=this.element,r=this.options,n=this.cropper;te(r.cropstart)&&ue(e,Sr,r.cropstart),te(r.cropmove)&&ue(e,Cr,r.cropmove),te(r.cropend)&&ue(e,Dr,r.cropend),te(r.crop)&&ue(e,wr,r.crop),te(r.zoom)&&ue(e,Er,r.zoom),ue(n,Dn,this.onCropStart=this.cropStart.bind(this)),r.zoomable&&r.zoomOnWheel&&ue(n,Mn,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),r.toggleDragModeOnDblclick&&ue(n,wn,this.onDblclick=this.dblclick.bind(this)),ue(e.ownerDocument,Cn,this.onCropMove=this.cropMove.bind(this)),ue(e.ownerDocument,Sn,this.onCropEnd=this.cropEnd.bind(this)),r.responsive&&ue(window,Nn,this.onResize=this.resize.bind(this))},unbind:function(){var e=this.element,r=this.options,n=this.cropper;te(r.cropstart)&&fe(e,Sr,r.cropstart),te(r.cropmove)&&fe(e,Cr,r.cropmove),te(r.cropend)&&fe(e,Dr,r.cropend),te(r.crop)&&fe(e,wr,r.crop),te(r.zoom)&&fe(e,Er,r.zoom),fe(n,Dn,this.onCropStart),r.zoomable&&r.zoomOnWheel&&fe(n,Mn,this.onWheel,{passive:!1,capture:!0}),r.toggleDragModeOnDblclick&&fe(n,wn,this.onDblclick),fe(e.ownerDocument,Cn,this.onCropMove),fe(e.ownerDocument,Sn,this.onCropEnd),r.responsive&&fe(window,Nn,this.onResize)}},Fs={resize:function(){if(!this.disabled){var e=this.options,r=this.container,n=this.containerData,a=r.offsetWidth/n.width,i=r.offsetHeight/n.height,o=Math.abs(a-1)>Math.abs(i-1)?a:i;if(o!==1){var s,d;e.restore&&(s=this.getCanvasData(),d=this.getCropBoxData()),this.render(),e.restore&&(this.setCanvasData(H(s,function(l,c){s[c]=l*o})),this.setCropBoxData(H(d,function(l,c){d[c]=l*o})))}}},dblclick:function(){this.disabled||this.options.dragMode===Si||this.setDragMode(js(this.dragBox,xr)?Ci:Wr)},wheel:function(e){var r=this,n=Number(this.options.wheelZoomRatio)||.1,a=1;this.disabled||(e.preventDefault(),!this.wheeling&&(this.wheeling=!0,setTimeout(function(){r.wheeling=!1},50),e.deltaY?a=e.deltaY>0?1:-1:e.wheelDelta?a=-e.wheelDelta/120:e.detail&&(a=e.detail>0?1:-1),this.zoom(-a*n,e)))},cropStart:function(e){var r=e.buttons,n=e.button;if(!(this.disabled||(e.type==="mousedown"||e.type==="pointerdown"&&e.pointerType==="mouse")&&(A(r)&&r!==1||A(n)&&n!==0||e.ctrlKey))){var a=this.options,i=this.pointers,o;e.changedTouches?H(e.changedTouches,function(s){i[s.identifier]=Bt(s)}):i[e.pointerId||0]=Bt(e),Object.keys(i).length>1&&a.zoomable&&a.zoomOnTouch?o=Di:o=Nr(e.target,Nt),xs.test(o)&&rt(this.element,Sr,{originalEvent:e,action:o})!==!1&&(e.preventDefault(),this.action=o,this.cropping=!1,o===yi&&(this.cropping=!0,V(this.dragBox,Kt)))}},cropMove:function(e){var r=this.action;if(!(this.disabled||!r)){var n=this.pointers;e.preventDefault(),rt(this.element,Cr,{originalEvent:e,action:r})!==!1&&(e.changedTouches?H(e.changedTouches,function(a){$(n[a.identifier]||{},Bt(a,!0))}):$(n[e.pointerId||0]||{},Bt(e,!0)),this.change(e))}},cropEnd:function(e){if(!this.disabled){var r=this.action,n=this.pointers;e.changedTouches?H(e.changedTouches,function(a){delete n[a.identifier]}):delete n[e.pointerId||0],r&&(e.preventDefault(),Object.keys(n).length||(this.action=""),this.cropping&&(this.cropping=!1,Qe(this.dragBox,Kt,this.cropped&&this.options.modal)),rt(this.element,Dr,{originalEvent:e,action:r}))}}},Vs={change:function(e){var r=this.options,n=this.canvasData,a=this.containerData,i=this.cropBoxData,o=this.pointers,s=this.action,d=r.aspectRatio,l=i.left,c=i.top,u=i.width,f=i.height,v=l+u,x=c+f,w=0,b=0,C=a.width,S=a.height,N=!0,E;!d&&e.shiftKey&&(d=u&&f?u/f:1),this.limited&&(w=i.minLeft,b=i.minTop,C=w+Math.min(a.width,n.width,n.left+n.width),S=b+Math.min(a.height,n.height,n.top+n.height));var D=o[Object.keys(o)[0]],p={x:D.endX-D.startX,y:D.endY-D.startY},m=function(M){switch(M){case Xe:v+p.x>C&&(p.x=C-v);break;case Ye:l+p.x<w&&(p.x=w-l);break;case ke:c+p.y<b&&(p.y=b-c);break;case Je:x+p.y>S&&(p.y=S-x);break}};switch(s){case $r:l+=p.x,c+=p.y;break;case Xe:if(p.x>=0&&(v>=C||d&&(c<=b||x>=S))){N=!1;break}m(Xe),u+=p.x,u<0&&(s=Ye,u=-u,l-=u),d&&(f=u/d,c+=(i.height-f)/2);break;case ke:if(p.y<=0&&(c<=b||d&&(l<=w||v>=C))){N=!1;break}m(ke),f-=p.y,c+=p.y,f<0&&(s=Je,f=-f,c-=f),d&&(u=f*d,l+=(i.width-u)/2);break;case Ye:if(p.x<=0&&(l<=w||d&&(c<=b||x>=S))){N=!1;break}m(Ye),u-=p.x,l+=p.x,u<0&&(s=Xe,u=-u,l-=u),d&&(f=u/d,c+=(i.height-f)/2);break;case Je:if(p.y>=0&&(x>=S||d&&(l<=w||v>=C))){N=!1;break}m(Je),f+=p.y,f<0&&(s=ke,f=-f,c-=f),d&&(u=f*d,l+=(i.width-u)/2);break;case ft:if(d){if(p.y<=0&&(c<=b||v>=C)){N=!1;break}m(ke),f-=p.y,c+=p.y,u=f*d}else m(ke),m(Xe),p.x>=0?v<C?u+=p.x:p.y<=0&&c<=b&&(N=!1):u+=p.x,p.y<=0?c>b&&(f-=p.y,c+=p.y):(f-=p.y,c+=p.y);u<0&&f<0?(s=vt,f=-f,u=-u,c-=f,l-=u):u<0?(s=pt,u=-u,l-=u):f<0&&(s=gt,f=-f,c-=f);break;case pt:if(d){if(p.y<=0&&(c<=b||l<=w)){N=!1;break}m(ke),f-=p.y,c+=p.y,u=f*d,l+=i.width-u}else m(ke),m(Ye),p.x<=0?l>w?(u-=p.x,l+=p.x):p.y<=0&&c<=b&&(N=!1):(u-=p.x,l+=p.x),p.y<=0?c>b&&(f-=p.y,c+=p.y):(f-=p.y,c+=p.y);u<0&&f<0?(s=gt,f=-f,u=-u,c-=f,l-=u):u<0?(s=ft,u=-u,l-=u):f<0&&(s=vt,f=-f,c-=f);break;case vt:if(d){if(p.x<=0&&(l<=w||x>=S)){N=!1;break}m(Ye),u-=p.x,l+=p.x,f=u/d}else m(Je),m(Ye),p.x<=0?l>w?(u-=p.x,l+=p.x):p.y>=0&&x>=S&&(N=!1):(u-=p.x,l+=p.x),p.y>=0?x<S&&(f+=p.y):f+=p.y;u<0&&f<0?(s=ft,f=-f,u=-u,c-=f,l-=u):u<0?(s=gt,u=-u,l-=u):f<0&&(s=pt,f=-f,c-=f);break;case gt:if(d){if(p.x>=0&&(v>=C||x>=S)){N=!1;break}m(Xe),u+=p.x,f=u/d}else m(Je),m(Xe),p.x>=0?v<C?u+=p.x:p.y>=0&&x>=S&&(N=!1):u+=p.x,p.y>=0?x<S&&(f+=p.y):f+=p.y;u<0&&f<0?(s=pt,f=-f,u=-u,c-=f,l-=u):u<0?(s=vt,u=-u,l-=u):f<0&&(s=ft,f=-f,c-=f);break;case wi:this.move(p.x,p.y),N=!1;break;case Di:this.zoom(ks(o),e),N=!1;break;case yi:if(!p.x||!p.y){N=!1;break}E=Ri(this.cropper),l=D.startX-E.left,c=D.startY-E.top,u=i.minWidth,f=i.minHeight,p.x>0?s=p.y>0?gt:ft:p.x<0&&(l-=u,s=p.y>0?vt:pt),p.y<0&&(c-=f),this.cropped||(xe(this.cropBox,re),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0));break}N&&(i.width=u,i.height=f,i.left=l,i.top=c,this.action=s,this.renderCropBox()),H(o,function(y){y.startX=y.endX,y.startY=y.endY})}},Gs={crop:function(){return this.ready&&!this.cropped&&!this.disabled&&(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&V(this.dragBox,Kt),xe(this.cropBox,re),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=$({},this.initialImageData),this.canvasData=$({},this.initialCanvasData),this.cropBoxData=$({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&($(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),xe(this.dragBox,Kt),V(this.cropBox,re)),this},replace:function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return!this.disabled&&e&&(this.isImg&&(this.element.src=e),r?(this.url=e,this.image.src=e,this.ready&&(this.viewBoxImage.src=e,H(this.previews,function(n){n.getElementsByTagName("img")[0].src=e}))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(e))),this},enable:function(){return this.ready&&this.disabled&&(this.disabled=!1,xe(this.cropper,xn)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,V(this.cropper,xn)),this},destroy:function(){var e=this.element;return e[_]?(e[_]=void 0,this.isImg&&this.replaced&&(e.src=this.originalUrl),this.uncreate(),this):this},move:function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:e,n=this.canvasData,a=n.left,i=n.top;return this.moveTo(dr(e)?e:a+Number(e),dr(r)?r:i+Number(r))},moveTo:function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:e,n=this.canvasData,a=!1;return e=Number(e),r=Number(r),this.ready&&!this.disabled&&this.options.movable&&(A(e)&&(n.left=e,a=!0),A(r)&&(n.top=r,a=!0),a&&this.renderCanvas(!0)),this},zoom:function(e,r){var n=this.canvasData;return e=Number(e),e<0?e=1/(1-e):e=1+e,this.zoomTo(n.width*e/n.naturalWidth,null,r)},zoomTo:function(e,r,n){var a=this.options,i=this.canvasData,o=i.width,s=i.height,d=i.naturalWidth,l=i.naturalHeight;if(e=Number(e),e>=0&&this.ready&&!this.disabled&&a.zoomable){var c=d*e,u=l*e;if(rt(this.element,Er,{ratio:e,oldRatio:o/d,originalEvent:n})===!1)return this;if(n){var f=this.pointers,v=Ri(this.cropper),x=f&&Object.keys(f).length?Is(f):{pageX:n.pageX,pageY:n.pageY};i.left-=(c-o)*((x.pageX-v.left-i.left)/o),i.top-=(u-s)*((x.pageY-v.top-i.top)/s)}else Ze(r)&&A(r.x)&&A(r.y)?(i.left-=(c-o)*((r.x-i.left)/o),i.top-=(u-s)*((r.y-i.top)/s)):(i.left-=(c-o)/2,i.top-=(u-s)/2);i.width=c,i.height=u,this.renderCanvas(!0)}return this},rotate:function(e){return this.rotateTo((this.imageData.rotate||0)+Number(e))},rotateTo:function(e){return e=Number(e),A(e)&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=e%360,this.renderCanvas(!0,!0)),this},scaleX:function(e){var r=this.imageData.scaleY;return this.scale(e,A(r)?r:1)},scaleY:function(e){var r=this.imageData.scaleX;return this.scale(A(r)?r:1,e)},scale:function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:e,n=this.imageData,a=!1;return e=Number(e),r=Number(r),this.ready&&!this.disabled&&this.options.scalable&&(A(e)&&(n.scaleX=e,a=!0),A(r)&&(n.scaleY=r,a=!0),a&&this.renderCanvas(!0,!0)),this},getData:function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1,r=this.options,n=this.imageData,a=this.canvasData,i=this.cropBoxData,o;if(this.ready&&this.cropped){o={x:i.left-a.left,y:i.top-a.top,width:i.width,height:i.height};var s=n.width/n.naturalWidth;if(H(o,function(c,u){o[u]=c/s}),e){var d=Math.round(o.y+o.height),l=Math.round(o.x+o.width);o.x=Math.round(o.x),o.y=Math.round(o.y),o.width=l-o.x,o.height=d-o.y}}else o={x:0,y:0,width:0,height:0};return r.rotatable&&(o.rotate=n.rotate||0),r.scalable&&(o.scaleX=n.scaleX||1,o.scaleY=n.scaleY||1),o},setData:function(e){var r=this.options,n=this.imageData,a=this.canvasData,i={};if(this.ready&&!this.disabled&&Ze(e)){var o=!1;r.rotatable&&A(e.rotate)&&e.rotate!==n.rotate&&(n.rotate=e.rotate,o=!0),r.scalable&&(A(e.scaleX)&&e.scaleX!==n.scaleX&&(n.scaleX=e.scaleX,o=!0),A(e.scaleY)&&e.scaleY!==n.scaleY&&(n.scaleY=e.scaleY,o=!0)),o&&this.renderCanvas(!0,!0);var s=n.width/n.naturalWidth;A(e.x)&&(i.left=e.x*s+a.left),A(e.y)&&(i.top=e.y*s+a.top),A(e.width)&&(i.width=e.width*s),A(e.height)&&(i.height=e.height*s),this.setCropBoxData(i)}return this},getContainerData:function(){return this.ready?$({},this.containerData):{}},getImageData:function(){return this.sized?$({},this.imageData):{}},getCanvasData:function(){var e=this.canvasData,r={};return this.ready&&H(["left","top","width","height","naturalWidth","naturalHeight"],function(n){r[n]=e[n]}),r},setCanvasData:function(e){var r=this.canvasData,n=r.aspectRatio;return this.ready&&!this.disabled&&Ze(e)&&(A(e.left)&&(r.left=e.left),A(e.top)&&(r.top=e.top),A(e.width)?(r.width=e.width,r.height=e.width/n):A(e.height)&&(r.height=e.height,r.width=e.height*n),this.renderCanvas(!0)),this},getCropBoxData:function(){var e=this.cropBoxData,r;return this.ready&&this.cropped&&(r={left:e.left,top:e.top,width:e.width,height:e.height}),r||{}},setCropBoxData:function(e){var r=this.cropBoxData,n=this.options.aspectRatio,a,i;return this.ready&&this.cropped&&!this.disabled&&Ze(e)&&(A(e.left)&&(r.left=e.left),A(e.top)&&(r.top=e.top),A(e.width)&&e.width!==r.width&&(a=!0,r.width=e.width),A(e.height)&&e.height!==r.height&&(i=!0,r.height=e.height),n&&(a?r.height=r.width/n:i&&(r.width=r.height*n)),this.renderCropBox()),this},getCroppedCanvas:function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var r=this.canvasData,n=zs(this.image,this.imageData,r,e);if(!this.cropped)return n;var a=this.getData(e.rounded),i=a.x,o=a.y,s=a.width,d=a.height,l=n.width/Math.floor(r.naturalWidth);l!==1&&(i*=l,o*=l,s*=l,d*=l);var c=s/d,u=ze({aspectRatio:c,width:e.maxWidth||1/0,height:e.maxHeight||1/0}),f=ze({aspectRatio:c,width:e.minWidth||0,height:e.minHeight||0},"cover"),v=ze({aspectRatio:c,width:e.width||(l!==1?n.width:s),height:e.height||(l!==1?n.height:d)}),x=v.width,w=v.height;x=Math.min(u.width,Math.max(f.width,x)),w=Math.min(u.height,Math.max(f.height,w));var b=document.createElement("canvas"),C=b.getContext("2d");b.width=tt(x),b.height=tt(w),C.fillStyle=e.fillColor||"transparent",C.fillRect(0,0,x,w);var S=e.imageSmoothingEnabled,N=S===void 0?!0:S,E=e.imageSmoothingQuality;C.imageSmoothingEnabled=N,E&&(C.imageSmoothingQuality=E);var D=n.width,p=n.height,m=i,y=o,M,j,R,I,L,P;m<=-s||m>D?(m=0,M=0,R=0,L=0):m<=0?(R=-m,m=0,M=Math.min(D,s+m),L=M):m<=D&&(R=0,M=Math.min(s,D-m),L=M),M<=0||y<=-d||y>p?(y=0,j=0,I=0,P=0):y<=0?(I=-y,y=0,j=Math.min(p,d+y),P=j):y<=p&&(I=0,j=Math.min(d,p-y),P=j);var Y=[m,y,M,j];if(L>0&&P>0){var W=x/s;Y.push(R*W,I*W,L*W,P*W)}return C.drawImage.apply(C,[n].concat(xi(Y.map(function(T){return Math.floor(tt(T))})))),b},setAspectRatio:function(e){var r=this.options;return!this.disabled&&!dr(e)&&(r.aspectRatio=Math.max(0,e)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(e){var r=this.options,n=this.dragBox,a=this.face;if(this.ready&&!this.disabled){var i=e===Wr,o=r.movable&&e===Ci;e=i||o?e:Si,r.dragMode=e,Mt(n,Nt,e),Qe(n,xr,i),Qe(n,yr,o),r.cropBoxMovable||(Mt(a,Nt,e),Qe(a,xr,i),Qe(a,yr,o))}return this}},Ks=we.Cropper,Ai=(function(){function t(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(ls(this,t),!e||!Ds.test(e.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=e,this.options=$({},jn,Ze(r)&&r),this.cropped=!1,this.disabled=!1,this.pointers={},this.ready=!1,this.reloading=!1,this.replaced=!1,this.sized=!1,this.sizing=!1,this.init()}return cs(t,[{key:"init",value:function(){var r=this.element,n=r.tagName.toLowerCase(),a;if(!r[_]){if(r[_]=this,n==="img"){if(this.isImg=!0,a=r.getAttribute("src")||"",this.originalUrl=a,!a)return;a=r.src}else n==="canvas"&&window.HTMLCanvasElement&&(a=r.toDataURL());this.load(a)}}},{key:"load",value:function(r){var n=this;if(r){this.url=r,this.imageData={};var a=this.element,i=this.options;if(!i.rotatable&&!i.scalable&&(i.checkOrientation=!1),!i.checkOrientation||!window.ArrayBuffer){this.clone();return}if(ys.test(r)){ws.test(r)?this.read(Xs(r)):this.clone();return}var o=new XMLHttpRequest,s=this.clone.bind(this);this.reloading=!0,this.xhr=o,o.onabort=s,o.onerror=s,o.ontimeout=s,o.onprogress=function(){o.getResponseHeader("content-type")!==Tn&&o.abort()},o.onload=function(){n.read(o.response)},o.onloadend=function(){n.reloading=!1,n.xhr=null},i.checkCrossOrigin&&On(r)&&a.crossOrigin&&(r=An(r)),o.open("GET",r,!0),o.responseType="arraybuffer",o.withCredentials=a.crossOrigin==="use-credentials",o.send()}}},{key:"read",value:function(r){var n=this.options,a=this.imageData,i=_s(r),o=0,s=1,d=1;if(i>1){this.url=Ys(r,Tn);var l=$s(i);o=l.rotate,s=l.scaleX,d=l.scaleY}n.rotatable&&(a.rotate=o),n.scalable&&(a.scaleX=s,a.scaleY=d),this.clone()}},{key:"clone",value:function(){var r=this.element,n=this.url,a=r.crossOrigin,i=n;this.options.checkCrossOrigin&&On(n)&&(a||(a="anonymous"),i=An(n)),this.crossOrigin=a,this.crossOriginUrl=i;var o=document.createElement("img");a&&(o.crossOrigin=a),o.src=i||n,o.alt=r.alt||"The image to crop",this.image=o,o.onload=this.start.bind(this),o.onerror=this.stop.bind(this),V(o,yn),r.parentNode.insertBefore(o,r.nextSibling)}},{key:"start",value:function(){var r=this,n=this.image;n.onload=null,n.onerror=null,this.sizing=!0;var a=we.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(we.navigator.userAgent),i=function(l,c){$(r.imageData,{naturalWidth:l,naturalHeight:c,aspectRatio:l/c}),r.initialImageData=$({},r.imageData),r.sizing=!1,r.sized=!0,r.build()};if(n.naturalWidth&&!a){i(n.naturalWidth,n.naturalHeight);return}var o=document.createElement("img"),s=document.body||document.documentElement;this.sizingImage=o,o.onload=function(){i(o.width,o.height),a||s.removeChild(o)},o.src=n.src,a||(o.style.cssText="left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;",s.appendChild(o))}},{key:"stop",value:function(){var r=this.image;r.onload=null,r.onerror=null,r.parentNode.removeChild(r),this.image=null}},{key:"build",value:function(){if(!(!this.sized||this.ready)){var r=this.element,n=this.options,a=this.image,i=r.parentNode,o=document.createElement("div");o.innerHTML=Cs;var s=o.querySelector(".".concat(_,"-container")),d=s.querySelector(".".concat(_,"-canvas")),l=s.querySelector(".".concat(_,"-drag-box")),c=s.querySelector(".".concat(_,"-crop-box")),u=c.querySelector(".".concat(_,"-face"));this.container=i,this.cropper=s,this.canvas=d,this.dragBox=l,this.cropBox=c,this.viewBox=s.querySelector(".".concat(_,"-view-box")),this.face=u,d.appendChild(a),V(r,re),i.insertBefore(s,r.nextSibling),xe(a,yn),this.initPreview(),this.bind(),n.initialAspectRatio=Math.max(0,n.initialAspectRatio)||NaN,n.aspectRatio=Math.max(0,n.aspectRatio)||NaN,n.viewMode=Math.max(0,Math.min(3,Math.round(n.viewMode)))||0,V(c,re),n.guides||V(c.getElementsByClassName("".concat(_,"-dashed")),re),n.center||V(c.getElementsByClassName("".concat(_,"-center")),re),n.background&&V(s,"".concat(_,"-bg")),n.highlight||V(u,gs),n.cropBoxMovable&&(V(u,yr),Mt(u,Nt,$r)),n.cropBoxResizable||(V(c.getElementsByClassName("".concat(_,"-line")),re),V(c.getElementsByClassName("".concat(_,"-point")),re)),this.render(),this.ready=!0,this.setDragMode(n.dragMode),n.autoCrop&&this.crop(),this.setData(n.data),te(n.ready)&&ue(r,En,n.ready,{once:!0}),rt(r,En)}}},{key:"unbuild",value:function(){if(this.ready){this.ready=!1,this.unbind(),this.resetPreview();var r=this.cropper.parentNode;r&&r.removeChild(this.cropper),xe(this.element,re)}}},{key:"uncreate",value:function(){this.ready?(this.unbuild(),this.ready=!1,this.cropped=!1):this.sizing?(this.sizingImage.onload=null,this.sizing=!1,this.sized=!1):this.reloading?(this.xhr.onabort=null,this.xhr.abort()):this.image&&this.stop()}}],[{key:"noConflict",value:function(){return window.Cropper=Ks,t}},{key:"setDefaults",value:function(r){$(jn,Ze(r)&&r)}}])})();$(Ai.prototype,Ws,Hs,Us,Fs,Vs,Gs);var _e=function(){return _e=Object.assign||function(t){for(var e,r=1,n=arguments.length;r<n;r++)for(var a in e=arguments[r])Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t},_e.apply(this,arguments)};function hr(t,e){var r={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function"){var a=0;for(n=Object.getOwnPropertySymbols(t);a<n.length;a++)e.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(t,n[a])&&(r[n[a]]=t[n[a]])}return r}var qs=["aspectRatio","autoCrop","autoCropArea","background","center","checkCrossOrigin","checkOrientation","cropBoxMovable","cropBoxResizable","data","dragMode","guides","highlight","initialAspectRatio","minCanvasHeight","minCanvasWidth","minContainerHeight","minContainerWidth","minCropBoxHeight","minCropBoxWidth","modal","movable","preview","responsive","restore","rotatable","scalable","toggleDragModeOnDblclick","viewMode","wheelZoomRatio","zoomOnTouch","zoomOnWheel","zoomable","cropstart","cropmove","cropend","crop","zoom","ready"],Js={opacity:0,maxWidth:"100%"},Zs=B.forwardRef((function(t,e){var r=hr(t,[]),n=r.dragMode,a=n===void 0?"crop":n,i=r.src,o=r.style,s=r.className,d=r.crossOrigin,l=r.scaleX,c=r.scaleY,u=r.enable,f=r.zoomTo,v=r.rotateTo,x=r.alt,w=x===void 0?"picture":x,b=r.ready,C=r.onInitialized,S=hr(r,["dragMode","src","style","className","crossOrigin","scaleX","scaleY","enable","zoomTo","rotateTo","alt","ready","onInitialized"]),N={scaleY:c,scaleX:l,enable:u,zoomTo:f,rotateTo:v},E=(function(){for(var p=[],m=0;m<arguments.length;m++)p[m]=arguments[m];var y=g.useRef(null);return B.useEffect((function(){p.forEach((function(M){M&&(typeof M=="function"?M(y.current):M.current=y.current)}))}),[p]),y})(e,g.useRef(null));g.useEffect((function(){var p;!((p=E.current)===null||p===void 0)&&p.cropper&&typeof f=="number"&&E.current.cropper.zoomTo(f)}),[r.zoomTo]),g.useEffect((function(){var p;!((p=E.current)===null||p===void 0)&&p.cropper&&i!==void 0&&E.current.cropper.reset().clear().replace(i)}),[i]),g.useEffect((function(){if(E.current!==null){var p=new Ai(E.current,_e(_e({dragMode:a},S),{ready:function(m){m.currentTarget!==null&&(function(y,M){M===void 0&&(M={});var j=M.enable,R=j===void 0||j,I=M.scaleX,L=I===void 0?1:I,P=M.scaleY,Y=P===void 0?1:P,W=M.zoomTo,T=W===void 0?0:W,O=M.rotateTo;R?y.enable():y.disable(),y.scaleX(L),y.scaleY(Y),O!==void 0&&y.rotateTo(O),T>0&&y.zoomTo(T)})(m.currentTarget.cropper,N),b&&b(m)}}));C&&C(p)}return function(){var m,y;(y=(m=E.current)===null||m===void 0?void 0:m.cropper)===null||y===void 0||y.destroy()}}),[E]);var D=(function(p){return qs.reduce((function(m,y){var M=m,j=y;return M[j],hr(M,[typeof j=="symbol"?j:j+""])}),p)})(_e(_e({},S),{crossOrigin:d,src:i,alt:w}));return B.createElement("div",{style:o,className:s},B.createElement("img",_e({},D,{style:Js,ref:E})))}));const Qs=({item:t,callback:e,uploadUrl:r,group:n,messages:a})=>{const i=g.useRef(null),[o,s]=g.useState(!1),[d,l]=g.useState(!1),[c,u]=g.useState({x:0,y:0,width:0,height:0}),[f,v]=g.useState(null),[x,w]=g.useState(!1),b={viewMode:2,responsive:!0,restore:!0,checkCrossOrigin:!0,checkOrientation:!0,modal:!0,guides:!0,center:!0,highlight:!0,background:!0,autoCrop:!0,movable:!0,rotatable:!0,scalable:!0,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,cropBoxMovable:!0,cropBoxResizable:!0,toggleDragModeOnDblclick:!0},C=()=>{var m;if((m=i.current)!=null&&m.cropper){const y=i.current.cropper.getData();u({x:Math.round(y.x),y:Math.round(y.y),width:Math.round(y.width),height:Math.round(y.height)})}},S=()=>{i.current&&i.current.cropper.setData(c)},N=()=>{var y;const m=(y=i.current)==null?void 0:y.cropper.getCroppedCanvas();v((m==null?void 0:m.toDataURL(t.mimeType,1))??"")},E=async()=>{if(!i.current)return;w(!0);const m=o?"image/webp":d?"image/jpeg":t.mimeType;i.current.cropper.getCroppedCanvas().toBlob(async y=>{if(!y)return;const M=m.split("/"),j={width:c.width,height:c.height},R=`${t.filename}_${j.width}x${j.height}.${M[1]}`,I=new FormData;I.append("name",R),I.append("group",n),I.append("isCropped","true"),I.append("item",JSON.stringify(t)),I.append("file",y);try{const L=await Q.post(`${r}/upload-variant?isCropped="true"`,I,{headers:{"Content-Type":"multipart/form-data"}});L.data.msg==="success"&&(w(!1),e(t,L.data.data))}catch(L){console.error("Upload error:",L)}},m,.9)},D=(m,y)=>{var I;if(!((I=i.current)!=null&&I.cropper))return;const M=i.current.cropper.getData(),j=M.x+m,R=M.y+y;i.current.cropper.setData({...M,x:j,y:R})},p=m=>{var j;if(!((j=i.current)!=null&&j.cropper))return;const y=i.current.cropper.getData().scaleX||1,M=i.current.cropper.getData().scaleY||1;m==="x"?i.current.cropper.scaleX(y*-1):i.current.cropper.scaleY(M*-1)};return h.jsxs("div",{children:[h.jsx(Zs,{src:`/public${t.url}`,style:{height:540,width:"100%"},initialAspectRatio:1,ref:i,...b,crop:C}),h.jsx("div",{className:"grid grid-cols-4 gap-2 mt-4",children:Object.entries(c).map(([m,y])=>h.jsxs("div",{className:"flex flex-col items-center gap-2",children:[h.jsx(bt,{className:"capitalize",children:m}),h.jsx(qt,{type:"number",value:y,onChange:M=>{const j=parseInt(M.target.value)||0;u(R=>({...R,[m]:j}))},onBlur:S})]},m))}),h.jsxs("div",{className:"grid grid-cols-4 gap-2 mt-4",children:[h.jsx(J,{variant:"outline",onClick:()=>D(0,-20),children:h.jsx(Hi,{})}),h.jsx(J,{variant:"outline",onClick:()=>D(0,20),children:h.jsx(Ui,{})}),h.jsx(J,{variant:"outline",onClick:()=>D(-20,0),children:h.jsx(Fi,{})}),h.jsx(J,{variant:"outline",onClick:()=>D(20,0),children:h.jsx(Vi,{})})]}),h.jsxs("div",{className:"grid grid-cols-4 gap-2 mt-4",children:[h.jsx(J,{variant:"outline",onClick:()=>p("x"),children:a["Flip X"]}),h.jsx(J,{variant:"outline",onClick:()=>p("y"),children:a["Flip Y"]}),h.jsxs(Mr,{children:[h.jsx(Gi,{asChild:!0,children:h.jsx(J,{variant:"outline",onClick:N,children:a.Preview})}),h.jsxs(Tr,{className:"z-[1011]",children:[h.jsx(jr,{children:h.jsx(Rr,{children:"Preview"})}),h.jsx("img",{src:f??"",alt:"Preview",autoFocus:!0})]})]}),h.jsxs("div",{className:"flex gap-2 items-center w-full",children:[h.jsx(J,{variant:"default",onClick:E,disabled:x,className:"flex-3/4",children:a.Save}),x&&h.jsx(Ct,{className:"size-5 animate-spin"})]})]}),h.jsxs("div",{className:"grid grid-cols-4 gap-2 mt-4",children:[h.jsxs("div",{className:"flex gap-2 items-center",children:[h.jsx(fr,{id:"webp-conv",checked:o,onCheckedChange:m=>{s(!o),m&&l(!1)}}),h.jsx(bt,{className:"cursor-pointer",htmlFor:"webp-conv",children:a["Convert WebP"]})]}),h.jsxs("div",{className:"flex gap-2 items-center",children:[h.jsx(fr,{id:"jpeg-conv",checked:d,onCheckedChange:m=>{l(!d),m&&s(!1)}}),h.jsx(bt,{className:"cursor-pointer",htmlFor:"jpeg-conv",children:a["Convert Jpeg"]})]})]})]})},el=({callback:t,messages:e,media:r,localeId:n,disabled:a})=>{const i=g.useRef(null),[o,s]=g.useState(!1),[d,l]=g.useState(""),{uploadUrl:c,group:u}=g.useContext(Pe),f=()=>{l("")},v=async C=>{if(C.preventDefault(),C.stopPropagation(),s(!0),C.dataTransfer.files)for(const S of C.dataTransfer.files)await w(S)},x=async C=>{if(C.stopPropagation(),C.target.files)for(const S of C.target.files)s(!0),await w(S)},w=async C=>{var S,N;try{const E=new FormData;E.append("name",C.name),E.append("group",u),E.append("item",JSON.stringify(r)),E.append("localeId",n),E.append("file",C);const D=await Q.post(`${c}/upload-variant`,E,{headers:{"Content-Type":"multipart/form-data"}});if(D.data.msg==="success"){s(!1),t(D.data.data);return}s(!1),l(D.data.error||"Upload failed")}catch(E){if(s(!1),Q.isAxiosError(E))if(E.response){const D=((S=E.response.data)==null?void 0:S.error)||((N=E.response.data)==null?void 0:N.message)||E.response.statusText;l(D||`Error: ${E.response.status}`)}else E.request?l("No response from server"):l("Request setup error");else l("Error uploading file"),console.error(E)}},b=()=>{if(!(r!=null&&r.mimeType))return"*";const C=r.mimeType.split("/")[0];return{image:"image/*",video:"video/*",application:"application/*",text:"text/*"}[C]||"*"};return h.jsxs("div",{className:`mt-2 ${a?"pointer-events-none opacity-40":""}`,children:[d&&h.jsx("div",{className:"bg-red-600 rounded font-medium mb-4",children:h.jsxs("div",{className:"flex gap-2 p-2 text-white justify-between",children:[h.jsxs("div",{className:"flex gap-2",children:[h.jsx(kn,{}),h.jsx("span",{className:"alert-text",children:d})]}),h.jsx("div",{onClick:f,className:"cursor-pointer hover:opacity-80 transition-opacity",children:h.jsx(In,{})})]})}),h.jsxs("div",{className:"relative",children:[h.jsx("div",{onDrop:v,onDragOver:C=>C.preventDefault(),className:`flex items-center justify-center w-full ${o?"opacity-30":""}`,children:h.jsxs("label",{htmlFor:"dropzone-file-variant",className:"flex flex-col items-center justify-center w-full h-32 border-2 border-gray-300 border-dashed rounded-lg cursor-pointer bg-gray-50 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:bg-gray-700 dark:hover:bg-gray-600",children:[h.jsxs("div",{className:"flex flex-col items-center justify-center pt-5 pb-6",children:[h.jsx("svg",{className:"w-8 h-8 mb-4 text-gray-500 dark:text-gray-400","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 16",children:h.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M13 13h3a3 3 0 0 0 0-6h-.025A5.56 5.56 0 0 0 16 6.5 5.5 5.5 0 0 0 5.207 5.021C5.137 5.017 5.071 5 5 5a4 4 0 0 0 0 8h2.167M10 15V6m0 0L8 8m2-2 2 2"})}),h.jsx("p",{className:"mb-2 text-sm text-gray-500 dark:text-gray-400",children:h.jsx("span",{className:"font-semibold",children:e["Click to upload or drag and drop"]})})]}),h.jsx("input",{id:"dropzone-file-variant",type:"file",ref:i,onChange:x,className:"hidden",multiple:!0,accept:b()},"dropzone-file-variant")]})}),o&&h.jsx("span",{className:`${pi.Loader} absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-6 h-6 border-3 border-solid border-gray-200 border-t-blue-500 rounded-full animate-spin`})]})]})},tl=new Set(["image/gif","image/jpeg","image/png","image/webp"]),rl=({item:t,messages:e,destroy:r})=>{const{imageUrl:n,uploadUrl:a}=g.useContext(Pe),[i,o]=g.useState(!1),[s,d]=g.useState(""),[l,c]=g.useState([]),[u,f]=g.useState(!1),[v,x]=g.useState(!1),[w,b]=g.useState(null);g.useEffect(()=>{c([]),o(!1),d(""),(async()=>{f(!0);try{let m=await Q.post(a,{_method:"getChildren",item:t});c(m.data.data),f(!1)}catch(m){console.log(m)}})()},[t]);const C=p=>{d(""),o(!1),c(m=>[...m,p])},S=p=>{let m=p.find(y=>y.key==="imageSizes");return m?`${m.value.width}x${m.value.height}`:"---"},N=p=>{var y;const m=window.bindPublic?`/public${p.url}`:p.url;(y=window.open(m,"_blank"))==null||y.focus()},E=[...l].reverse(),D=async()=>{(await Q.delete(a,{data:{item:w}})).data.msg==="ok"&&(r(t,w),c(m=>m.filter(y=>y.id!==(w==null?void 0:w.id))))};return h.jsxs("div",{children:[h.jsxs("div",{className:"flex gap-4 flex-col",children:[h.jsx(el,{callback:C,messages:e,media:t,localeId:s,disabled:i&&!s},"variant-drop-zone"),h.jsxs("div",{className:"flex gap-4 h-9 items-center",children:[h.jsxs("div",{className:"flex gap-2 items-center",children:[h.jsx(fr,{id:"locale",checked:i,onCheckedChange:p=>{o(p)}}),h.jsx(bt,{className:"cursor-pointer",htmlFor:"locale",children:e["Upload a locale"]})]}),i&&h.jsx(qt,{placeholder:e.Locale,value:s,onChange:p=>d(p.target.value),className:"max-w-[150px]"})]})]}),u?h.jsx(Ct,{className:"size-8 animate-spin mx-auto mt-8"}):l.length>0?h.jsx("div",{className:"mt-8",children:h.jsxs(Pn,{wrapperHeight:"max-h-full",children:[h.jsx(Bn,{className:"sticky top-0 bg-background shadow",children:h.jsxs(_t,{children:[h.jsx(oe,{className:"p-2 text-left",children:e.File}),h.jsx(oe,{className:"p-2 text-left",children:e.Tag}),h.jsx(oe,{className:"p-2 text-left",children:e.Type}),h.jsx(oe,{className:"p-2 text-left",children:e["W x H"]}),h.jsx(oe,{className:"p-2 text-center",children:e.Actions})]})}),h.jsx(Xn,{children:E.map((p,m)=>h.jsxs(_t,{children:[h.jsx(se,{className:"p-2",children:tl.has(p.mimeType)?h.jsx("img",{src:n(p),alt:"",className:"w-full h-full max-w-[250px]"}):h.jsx("span",{children:p.filename})}),h.jsx(se,{className:"p-2",children:p.tag}),h.jsx(se,{className:"p-2",children:p.mimeType}),h.jsx(se,{className:"p-2",children:S(p.meta)}),h.jsx(se,{className:"p-2",children:h.jsxs("div",{className:"flex gap-2 justify-center",children:[h.jsx(J,{onClick:()=>N(p),children:e.Preview}),h.jsx(J,{variant:"destructive",onClick:()=>{b(p),x(!0)},children:h.jsx(Ki,{})})]})})]},p.id))})]})}):h.jsx("div",{className:"font-medium text-center mt-8",children:e["No variants found"]}),h.jsx(Mr,{open:v,onOpenChange:p=>{x(p),p||setTimeout(()=>{document.body.removeAttribute("style")},300)},children:h.jsxs(Tr,{className:"z-[1022]",children:[h.jsx(jr,{children:h.jsx(Rr,{children:e.Delete})}),h.jsxs(zn,{children:[h.jsx(Yt,{asChild:!0,children:h.jsx(J,{variant:"destructive",asChild:!0,onClick:D,children:h.jsx("span",{children:e.Yes})})}),h.jsx(Yt,{asChild:!0,children:h.jsx(J,{type:"button",variant:"secondary",children:e.No})})]})]})})]})},nl=({dialogRef:t})=>{const e=g.useRef(null),[r,n]=g.useState(null),{uploadUrl:a,group:i,messages:o}=g.useContext(Pe),[s,d]=g.useState(""),l=f=>{n(null),setTimeout(()=>{var v;n(f),d("meta"),(v=t.current)==null||v.next()},0)},c=f=>{n(null),setTimeout(()=>{var v;n(f),d("crop"),(v=t.current)==null||v.next()},0)},u=f=>{n(null),setTimeout(()=>{var v;n(f),d("variant"),(v=t.current)==null||v.next()},0)};return h.jsxs(qi,{ref:t,children:[h.jsx(Ji,{}),h.jsxs(Zi,{children:[h.jsx(Qr,{children:h.jsx("div",{className:"relative h-full",children:h.jsxs("div",{className:"h-full overflow-y-auto mt-5 pr-5",children:[h.jsx(ts,{messages:o,callback:f=>{var v;(v=e.current)==null||v.pushMediaItem(f)}},"main-dropzone"),h.jsx(vi,{ref:e,openMeta:l,messages:o,crop:c,openVariant:u})]})})}),h.jsx(Qr,{children:h.jsx("div",{className:"relative h-full",children:h.jsxs("div",{className:"h-full overflow-y-auto mt-5 pr-5",children:[s==="meta"&&r&&h.jsx(os,{media:r,callback:()=>{var f;(f=t.current)==null||f.prev()}}),s==="crop"&&r&&h.jsx(Qs,{item:r,messages:o,callback:(f,v)=>{var x,w;(x=e.current)==null||x.addVariant(f,v),(w=t.current)==null||w.prev()},uploadUrl:a,group:i}),s==="variant"&&r&&h.jsx(rl,{item:r,messages:o,destroy:(f,v)=>{var x;return(x=e.current)==null?void 0:x.destroyVariant(f,v)}})]})})})]})]})},Pe=g.createContext({uploadUrl:"",config:{},managerId:"",group:"",messages:{},addMedia:t=>console.warn("addMedia not implemented"),removeMedia:t=>console.warn("removeMedia not implemented"),imageUrl:t=>"",checkMedia:t=>!1}),il={droppable:{strategy:nt.Always}},al={keyframes({transform:t}){return[{transform:ye.Transform.toString(t.initial)},{transform:ye.Transform.toString({scaleX:.98,scaleY:.98,x:t.final.x-10,y:t.final.y-10})}]},sideEffects:li({className:{active:ea.active}})},ml=({layout:t,config:e,onChange:r,value:n})=>{const[a,i]=g.useState(null),[o,s]=g.useState(n||[]),d=a!==null?o.findIndex(D=>D.id===a):-1,l=ba(tn(zr),tn(Ir,{coordinateGetter:Ko})),[c,u]=g.useState({}),f=`${window.routePrefix}/media-manager-uploader/${e.id?e.id:"default"}`;g.useEffect(()=>{(async()=>{try{let p=await Q.get(f,{params:{_method:"getLocales"}});u(p.data.data)}catch(p){console.error("Failed to load locales:",p)}})()},[]);const v=g.useCallback(D=>{s(p=>{const m=[...p,D];return r&&r(m),m})},[r]),x=g.useCallback(D=>{s(p=>{const m=p.filter(y=>y.id!==D.id);return r&&r(m),m})},[r]),w={uploadUrl:f,managerId:e.id,group:e.group,messages:c,config:{},addMedia:D=>v(D),removeMedia:D=>x(D),imageUrl:D=>{var p;if(D.mimeType&&D.mimeType.split("/")[0]==="image")return`${window.routePrefix}/get-thumbs?id=${D.id}&managerId=${e.id}`;{const M=(p=D.url.split(/[#?]/)[0].split(".").pop())==null?void 0:p.toLowerCase().trim();return`${window.routePrefix}/fileicons/${M}.svg`}},checkMedia:D=>o.some(p=>p.id===D.id)},b=g.useRef(null),C=a?o.find(D=>D.id===a):null,S=({active:D})=>{i(D.id)},N=()=>{i(null)},E=({over:D})=>{if(!D||d===-1){i(null);return}const p=o.findIndex(m=>m.id===D.id);p!==-1&&d!==p&&s(m=>{const y=Xr(m,d,p);return r&&r(y),y}),i(null)};return h.jsx(Pe.Provider,{value:w,children:h.jsxs("div",{children:[h.jsx(J,{size:"icon",variant:"ghost",onClick:D=>{var p;D.preventDefault(),(p=b.current)==null||p.open()},children:h.jsx(Qi,{className:"size-7 text-chart-2"})}),h.jsxs(mo,{onDragStart:S,onDragEnd:E,onDragCancel:N,sensors:l,collisionDetection:wa,measuring:il,children:[h.jsx(Xo,{items:o.map(D=>D.id),children:h.jsx("ul",{className:Ln(vn.Pages,vn[t]),children:o.map((D,p)=>h.jsx(sl,{id:D.id,index:p,url:w.imageUrl(D),layout:t,activeIndex:d,onRemove:()=>{s(m=>{const y=m.filter(M=>M.id!==D.id);return r&&setTimeout(()=>{r(y)},100),y})}},D.id))})}),h.jsx(Lo,{dropAnimation:al,children:a!=null?h.jsx(ol,{id:a,layout:t,items:o,url:C?w.imageUrl(C):""}):null})]}),h.jsx(nl,{dialogRef:b})]})})};function ol({id:t,items:e,...r}){const{activatorEvent:n,over:a}=Br(),i=Ot(n),o=e.findIndex(d=>d.id===t),s=a!=null&&a.id?e.findIndex(d=>d.id===a.id):-1;return h.jsx(Yn,{id:t,...r,clone:!0,insertPosition:i&&s!==o?s>o?$t.After:$t.Before:void 0})}function sl({id:t,index:e,activeIndex:r,...n}){const{attributes:a,listeners:i,isDragging:o,isSorting:s,over:d,setNodeRef:l,transform:c,transition:u}=Fo({id:t,animateLayoutChanges:ll,data:{index:e}});return h.jsx(Yn,{ref:l,id:t,index:e,active:o,style:{transition:u,transform:s?void 0:ye.Translate.toString(c)},insertPosition:(d==null?void 0:d.id)===t?e>r?$t.After:$t.Before:void 0,...n,...a,...i})}function ll(){return!0}export{Pe as MediaManagerContext,ml as default};
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var rr=typeof window<"u"&&typeof window.document<"u",we=rr?window:{},Yr=rr&&we.document.documentElement?"ontouchstart"in we.document.documentElement:!1,_r=rr?"PointerEvent"in we:!1,_="cropper",$r="all",yi="crop",wi="move",Di="zoom",Xe="e",Ye="w",Je="s",ke="n",ft="ne",pt="nw",gt="se",vt="sw",xr="".concat(_,"-crop"),xn="".concat(_,"-disabled"),re="".concat(_,"-hidden"),yn="".concat(_,"-hide"),gs="".concat(_,"-invisible"),Kt="".concat(_,"-modal"),yr="".concat(_,"-move"),Nt="".concat(_,"Action"),Pt="".concat(_,"Preview"),Wr="crop",Ci="move",Si="none",wr="crop",Dr="cropend",Cr="cropmove",Sr="cropstart",wn="dblclick",vs=Yr?"touchstart":"mousedown",ms=Yr?"touchmove":"mousemove",bs=Yr?"touchend touchcancel":"mouseup",Dn=_r?"pointerdown":vs,Cn=_r?"pointermove":ms,Sn=_r?"pointerup pointercancel":bs,En="ready",Nn="resize",Mn="wheel",Er="zoom",Tn="image/jpeg",xs=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,ys=/^data:/,ws=/^data:image\/jpeg;base64,/,Ds=/^img|canvas$/i,Ei=200,Ni=100,jn={viewMode:0,dragMode:Wr,initialAspectRatio:NaN,aspectRatio:NaN,data:null,preview:"",responsive:!0,restore:!0,checkCrossOrigin:!0,checkOrientation:!0,modal:!0,guides:!0,center:!0,highlight:!0,background:!0,autoCrop:!0,autoCropArea:.8,movable:!0,rotatable:!0,scalable:!0,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,wheelZoomRatio:.1,cropBoxMovable:!0,cropBoxResizable:!0,toggleDragModeOnDblclick:!0,minCanvasWidth:0,minCanvasHeight:0,minCropBoxWidth:0,minCropBoxHeight:0,minContainerWidth:Ei,minContainerHeight:Ni,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},Cs='<div class="cropper-container" touch-action="none"><div class="cropper-wrap-box"><div class="cropper-canvas"></div></div><div class="cropper-drag-box"></div><div class="cropper-crop-box"><span class="cropper-view-box"></span><span class="cropper-dashed dashed-h"></span><span class="cropper-dashed dashed-v"></span><span class="cropper-center"></span><span class="cropper-face"></span><span class="cropper-line line-e" data-cropper-action="e"></span><span class="cropper-line line-n" data-cropper-action="n"></span><span class="cropper-line line-w" data-cropper-action="w"></span><span class="cropper-line line-s" data-cropper-action="s"></span><span class="cropper-point point-e" data-cropper-action="e"></span><span class="cropper-point point-n" data-cropper-action="n"></span><span class="cropper-point point-w" data-cropper-action="w"></span><span class="cropper-point point-s" data-cropper-action="s"></span><span class="cropper-point point-ne" data-cropper-action="ne"></span><span class="cropper-point point-nw" data-cropper-action="nw"></span><span class="cropper-point point-sw" data-cropper-action="sw"></span><span class="cropper-point point-se" data-cropper-action="se"></span></div></div>',Ss=Number.isNaN||we.isNaN;function A(t){return typeof t=="number"&&!Ss(t)}var Rn=function(e){return e>0&&e<1/0};function dr(t){return typeof t>"u"}function $e(t){return mr(t)==="object"&&t!==null}var Es=Object.prototype.hasOwnProperty;function Ze(t){if(!$e(t))return!1;try{var e=t.constructor,r=e.prototype;return e&&r&&Es.call(r,"isPrototypeOf")}catch{return!1}}function te(t){return typeof t=="function"}var Ns=Array.prototype.slice;function Mi(t){return Array.from?Array.from(t):Ns.call(t)}function H(t,e){return t&&te(e)&&(Array.isArray(t)||A(t.length)?Mi(t).forEach(function(r,n){e.call(t,r,n,t)}):$e(t)&&Object.keys(t).forEach(function(r){e.call(t,t[r],r,t)})),t}var $=Object.assign||function(e){for(var r=arguments.length,n=new Array(r>1?r-1:0),a=1;a<r;a++)n[a-1]=arguments[a];return $e(e)&&n.length>0&&n.forEach(function(i){$e(i)&&Object.keys(i).forEach(function(o){e[o]=i[o]})}),e},Ms=/\.\d*(?:0|9){12}\d*$/;function tt(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1e11;return Ms.test(t)?Math.round(t*e)/e:t}var Ts=/^width|height|left|top|marginLeft|marginTop$/;function Le(t,e){var r=t.style;H(e,function(n,a){Ts.test(a)&&A(n)&&(n="".concat(n,"px")),r[a]=n})}function js(t,e){return t.classList?t.classList.contains(e):t.className.indexOf(e)>-1}function V(t,e){if(e){if(A(t.length)){H(t,function(n){V(n,e)});return}if(t.classList){t.classList.add(e);return}var r=t.className.trim();r?r.indexOf(e)<0&&(t.className="".concat(r," ").concat(e)):t.className=e}}function xe(t,e){if(e){if(A(t.length)){H(t,function(r){xe(r,e)});return}if(t.classList){t.classList.remove(e);return}t.className.indexOf(e)>=0&&(t.className=t.className.replace(e,""))}}function Qe(t,e,r){if(e){if(A(t.length)){H(t,function(n){Qe(n,e,r)});return}r?V(t,e):xe(t,e)}}var Rs=/([a-z\d])([A-Z])/g;function Hr(t){return t.replace(Rs,"$1-$2").toLowerCase()}function Nr(t,e){return $e(t[e])?t[e]:t.dataset?t.dataset[e]:t.getAttribute("data-".concat(Hr(e)))}function Mt(t,e,r){$e(r)?t[e]=r:t.dataset?t.dataset[e]=r:t.setAttribute("data-".concat(Hr(e)),r)}function Os(t,e){if($e(t[e]))try{delete t[e]}catch{t[e]=void 0}else if(t.dataset)try{delete t.dataset[e]}catch{t.dataset[e]=void 0}else t.removeAttribute("data-".concat(Hr(e)))}var Ti=/\s\s*/,ji=(function(){var t=!1;if(rr){var e=!1,r=function(){},n=Object.defineProperty({},"once",{get:function(){return t=!0,e},set:function(i){e=i}});we.addEventListener("test",r,n),we.removeEventListener("test",r,n)}return t})();function fe(t,e,r){var n=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},a=r;e.trim().split(Ti).forEach(function(i){if(!ji){var o=t.listeners;o&&o[i]&&o[i][r]&&(a=o[i][r],delete o[i][r],Object.keys(o[i]).length===0&&delete o[i],Object.keys(o).length===0&&delete t.listeners)}t.removeEventListener(i,a,n)})}function ue(t,e,r){var n=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},a=r;e.trim().split(Ti).forEach(function(i){if(n.once&&!ji){var o=t.listeners,s=o===void 0?{}:o;a=function(){delete s[i][r],t.removeEventListener(i,a,n);for(var l=arguments.length,c=new Array(l),u=0;u<l;u++)c[u]=arguments[u];r.apply(t,c)},s[i]||(s[i]={}),s[i][r]&&t.removeEventListener(i,s[i][r],n),s[i][r]=a,t.listeners=s}t.addEventListener(i,a,n)})}function rt(t,e,r){var n;return te(Event)&&te(CustomEvent)?n=new CustomEvent(e,{detail:r,bubbles:!0,cancelable:!0}):(n=document.createEvent("CustomEvent"),n.initCustomEvent(e,!0,!0,r)),t.dispatchEvent(n)}function Ri(t){var e=t.getBoundingClientRect();return{left:e.left+(window.pageXOffset-document.documentElement.clientLeft),top:e.top+(window.pageYOffset-document.documentElement.clientTop)}}var ur=we.location,As=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function On(t){var e=t.match(As);return e!==null&&(e[1]!==ur.protocol||e[2]!==ur.hostname||e[3]!==ur.port)}function An(t){var e="timestamp=".concat(new Date().getTime());return t+(t.indexOf("?")===-1?"?":"&")+e}function Dt(t){var e=t.rotate,r=t.scaleX,n=t.scaleY,a=t.translateX,i=t.translateY,o=[];A(a)&&a!==0&&o.push("translateX(".concat(a,"px)")),A(i)&&i!==0&&o.push("translateY(".concat(i,"px)")),A(e)&&e!==0&&o.push("rotate(".concat(e,"deg)")),A(r)&&r!==1&&o.push("scaleX(".concat(r,")")),A(n)&&n!==1&&o.push("scaleY(".concat(n,")"));var s=o.length?o.join(" "):"none";return{WebkitTransform:s,msTransform:s,transform:s}}function ks(t){var e=mi({},t),r=0;return H(t,function(n,a){delete e[a],H(e,function(i){var o=Math.abs(n.startX-i.startX),s=Math.abs(n.startY-i.startY),d=Math.abs(n.endX-i.endX),l=Math.abs(n.endY-i.endY),c=Math.sqrt(o*o+s*s),u=Math.sqrt(d*d+l*l),f=(u-c)/c;Math.abs(f)>Math.abs(r)&&(r=f)})}),r}function Bt(t,e){var r=t.pageX,n=t.pageY,a={endX:r,endY:n};return e?a:mi({startX:r,startY:n},a)}function Is(t){var e=0,r=0,n=0;return H(t,function(a){var i=a.startX,o=a.startY;e+=i,r+=o,n+=1}),e/=n,r/=n,{pageX:e,pageY:r}}function ze(t){var e=t.aspectRatio,r=t.height,n=t.width,a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"contain",i=Rn(n),o=Rn(r);if(i&&o){var s=r*e;a==="contain"&&s>n||a==="cover"&&s<n?r=n/e:n=r*e}else i?r=n/e:o&&(n=r*e);return{width:n,height:r}}function Ls(t){var e=t.width,r=t.height,n=t.degree;if(n=Math.abs(n)%180,n===90)return{width:r,height:e};var a=n%90*Math.PI/180,i=Math.sin(a),o=Math.cos(a),s=e*o+r*i,d=e*i+r*o;return n>90?{width:d,height:s}:{width:s,height:d}}function zs(t,e,r,n){var a=e.aspectRatio,i=e.naturalWidth,o=e.naturalHeight,s=e.rotate,d=s===void 0?0:s,l=e.scaleX,c=l===void 0?1:l,u=e.scaleY,f=u===void 0?1:u,v=r.aspectRatio,x=r.naturalWidth,w=r.naturalHeight,b=n.fillColor,C=b===void 0?"transparent":b,S=n.imageSmoothingEnabled,N=S===void 0?!0:S,E=n.imageSmoothingQuality,D=E===void 0?"low":E,p=n.maxWidth,m=p===void 0?1/0:p,y=n.maxHeight,M=y===void 0?1/0:y,j=n.minWidth,R=j===void 0?0:j,I=n.minHeight,L=I===void 0?0:I,P=document.createElement("canvas"),Y=P.getContext("2d"),W=ze({aspectRatio:v,width:m,height:M}),T=ze({aspectRatio:v,width:R,height:L},"cover"),O=Math.min(W.width,Math.max(T.width,x)),X=Math.min(W.height,Math.max(T.height,w)),F=ze({aspectRatio:a,width:m,height:M}),De=ze({aspectRatio:a,width:R,height:L},"cover"),K=Math.min(F.width,Math.max(De.width,i)),le=Math.min(F.height,Math.max(De.height,o)),Ce=[-K/2,-le/2,K,le];return P.width=tt(O),P.height=tt(X),Y.fillStyle=C,Y.fillRect(0,0,O,X),Y.save(),Y.translate(O/2,X/2),Y.rotate(d*Math.PI/180),Y.scale(c,f),Y.imageSmoothingEnabled=N,Y.imageSmoothingQuality=D,Y.drawImage.apply(Y,[t].concat(xi(Ce.map(function(Be){return Math.floor(tt(Be))})))),Y.restore(),P}var Oi=String.fromCharCode;function Ps(t,e,r){var n="";r+=e;for(var a=e;a<r;a+=1)n+=Oi(t.getUint8(a));return n}var Bs=/^data:.*,/;function Xs(t){var e=t.replace(Bs,""),r=atob(e),n=new ArrayBuffer(r.length),a=new Uint8Array(n);return H(a,function(i,o){a[o]=r.charCodeAt(o)}),n}function Ys(t,e){for(var r=[],n=8192,a=new Uint8Array(t);a.length>0;)r.push(Oi.apply(null,Mi(a.subarray(0,n)))),a=a.subarray(n);return"data:".concat(e,";base64,").concat(btoa(r.join("")))}function _s(t){var e=new DataView(t),r;try{var n,a,i;if(e.getUint8(0)===255&&e.getUint8(1)===216)for(var o=e.byteLength,s=2;s+1<o;){if(e.getUint8(s)===255&&e.getUint8(s+1)===225){a=s;break}s+=1}if(a){var d=a+4,l=a+10;if(Ps(e,d,4)==="Exif"){var c=e.getUint16(l);if(n=c===18761,(n||c===19789)&&e.getUint16(l+2,n)===42){var u=e.getUint32(l+4,n);u>=8&&(i=l+u)}}}if(i){var f=e.getUint16(i,n),v,x;for(x=0;x<f;x+=1)if(v=i+x*12+2,e.getUint16(v,n)===274){v+=8,r=e.getUint16(v,n),e.setUint16(v,1,n);break}}}catch{r=1}return r}function $s(t){var e=0,r=1,n=1;switch(t){case 2:r=-1;break;case 3:e=-180;break;case 4:n=-1;break;case 5:e=90,n=-1;break;case 6:e=90;break;case 7:e=90,r=-1;break;case 8:e=-90;break}return{rotate:e,scaleX:r,scaleY:n}}var Ws={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var e=this.element,r=this.options,n=this.container,a=this.cropper,i=Number(r.minContainerWidth),o=Number(r.minContainerHeight);V(a,re),xe(e,re);var s={width:Math.max(n.offsetWidth,i>=0?i:Ei),height:Math.max(n.offsetHeight,o>=0?o:Ni)};this.containerData=s,Le(a,{width:s.width,height:s.height}),V(e,re),xe(a,re)},initCanvas:function(){var e=this.containerData,r=this.imageData,n=this.options.viewMode,a=Math.abs(r.rotate)%180===90,i=a?r.naturalHeight:r.naturalWidth,o=a?r.naturalWidth:r.naturalHeight,s=i/o,d=e.width,l=e.height;e.height*s>e.width?n===3?d=e.height*s:l=e.width/s:n===3?l=e.width/s:d=e.height*s;var c={aspectRatio:s,naturalWidth:i,naturalHeight:o,width:d,height:l};this.canvasData=c,this.limited=n===1||n===2,this.limitCanvas(!0,!0),c.width=Math.min(Math.max(c.width,c.minWidth),c.maxWidth),c.height=Math.min(Math.max(c.height,c.minHeight),c.maxHeight),c.left=(e.width-c.width)/2,c.top=(e.height-c.height)/2,c.oldLeft=c.left,c.oldTop=c.top,this.initialCanvasData=$({},c)},limitCanvas:function(e,r){var n=this.options,a=this.containerData,i=this.canvasData,o=this.cropBoxData,s=n.viewMode,d=i.aspectRatio,l=this.cropped&&o;if(e){var c=Number(n.minCanvasWidth)||0,u=Number(n.minCanvasHeight)||0;s>1?(c=Math.max(c,a.width),u=Math.max(u,a.height),s===3&&(u*d>c?c=u*d:u=c/d)):s>0&&(c?c=Math.max(c,l?o.width:0):u?u=Math.max(u,l?o.height:0):l&&(c=o.width,u=o.height,u*d>c?c=u*d:u=c/d));var f=ze({aspectRatio:d,width:c,height:u});c=f.width,u=f.height,i.minWidth=c,i.minHeight=u,i.maxWidth=1/0,i.maxHeight=1/0}if(r)if(s>(l?0:1)){var v=a.width-i.width,x=a.height-i.height;i.minLeft=Math.min(0,v),i.minTop=Math.min(0,x),i.maxLeft=Math.max(0,v),i.maxTop=Math.max(0,x),l&&this.limited&&(i.minLeft=Math.min(o.left,o.left+(o.width-i.width)),i.minTop=Math.min(o.top,o.top+(o.height-i.height)),i.maxLeft=o.left,i.maxTop=o.top,s===2&&(i.width>=a.width&&(i.minLeft=Math.min(0,v),i.maxLeft=Math.max(0,v)),i.height>=a.height&&(i.minTop=Math.min(0,x),i.maxTop=Math.max(0,x))))}else i.minLeft=-i.width,i.minTop=-i.height,i.maxLeft=a.width,i.maxTop=a.height},renderCanvas:function(e,r){var n=this.canvasData,a=this.imageData;if(r){var i=Ls({width:a.naturalWidth*Math.abs(a.scaleX||1),height:a.naturalHeight*Math.abs(a.scaleY||1),degree:a.rotate||0}),o=i.width,s=i.height,d=n.width*(o/n.naturalWidth),l=n.height*(s/n.naturalHeight);n.left-=(d-n.width)/2,n.top-=(l-n.height)/2,n.width=d,n.height=l,n.aspectRatio=o/s,n.naturalWidth=o,n.naturalHeight=s,this.limitCanvas(!0,!1)}(n.width>n.maxWidth||n.width<n.minWidth)&&(n.left=n.oldLeft),(n.height>n.maxHeight||n.height<n.minHeight)&&(n.top=n.oldTop),n.width=Math.min(Math.max(n.width,n.minWidth),n.maxWidth),n.height=Math.min(Math.max(n.height,n.minHeight),n.maxHeight),this.limitCanvas(!1,!0),n.left=Math.min(Math.max(n.left,n.minLeft),n.maxLeft),n.top=Math.min(Math.max(n.top,n.minTop),n.maxTop),n.oldLeft=n.left,n.oldTop=n.top,Le(this.canvas,$({width:n.width,height:n.height},Dt({translateX:n.left,translateY:n.top}))),this.renderImage(e),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(e){var r=this.canvasData,n=this.imageData,a=n.naturalWidth*(r.width/r.naturalWidth),i=n.naturalHeight*(r.height/r.naturalHeight);$(n,{width:a,height:i,left:(r.width-a)/2,top:(r.height-i)/2}),Le(this.image,$({width:n.width,height:n.height},Dt($({translateX:n.left,translateY:n.top},n)))),e&&this.output()},initCropBox:function(){var e=this.options,r=this.canvasData,n=e.aspectRatio||e.initialAspectRatio,a=Number(e.autoCropArea)||.8,i={width:r.width,height:r.height};n&&(r.height*n>r.width?i.height=i.width/n:i.width=i.height*n),this.cropBoxData=i,this.limitCropBox(!0,!0),i.width=Math.min(Math.max(i.width,i.minWidth),i.maxWidth),i.height=Math.min(Math.max(i.height,i.minHeight),i.maxHeight),i.width=Math.max(i.minWidth,i.width*a),i.height=Math.max(i.minHeight,i.height*a),i.left=r.left+(r.width-i.width)/2,i.top=r.top+(r.height-i.height)/2,i.oldLeft=i.left,i.oldTop=i.top,this.initialCropBoxData=$({},i)},limitCropBox:function(e,r){var n=this.options,a=this.containerData,i=this.canvasData,o=this.cropBoxData,s=this.limited,d=n.aspectRatio;if(e){var l=Number(n.minCropBoxWidth)||0,c=Number(n.minCropBoxHeight)||0,u=s?Math.min(a.width,i.width,i.width+i.left,a.width-i.left):a.width,f=s?Math.min(a.height,i.height,i.height+i.top,a.height-i.top):a.height;l=Math.min(l,a.width),c=Math.min(c,a.height),d&&(l&&c?c*d>l?c=l/d:l=c*d:l?c=l/d:c&&(l=c*d),f*d>u?f=u/d:u=f*d),o.minWidth=Math.min(l,u),o.minHeight=Math.min(c,f),o.maxWidth=u,o.maxHeight=f}r&&(s?(o.minLeft=Math.max(0,i.left),o.minTop=Math.max(0,i.top),o.maxLeft=Math.min(a.width,i.left+i.width)-o.width,o.maxTop=Math.min(a.height,i.top+i.height)-o.height):(o.minLeft=0,o.minTop=0,o.maxLeft=a.width-o.width,o.maxTop=a.height-o.height))},renderCropBox:function(){var e=this.options,r=this.containerData,n=this.cropBoxData;(n.width>n.maxWidth||n.width<n.minWidth)&&(n.left=n.oldLeft),(n.height>n.maxHeight||n.height<n.minHeight)&&(n.top=n.oldTop),n.width=Math.min(Math.max(n.width,n.minWidth),n.maxWidth),n.height=Math.min(Math.max(n.height,n.minHeight),n.maxHeight),this.limitCropBox(!1,!0),n.left=Math.min(Math.max(n.left,n.minLeft),n.maxLeft),n.top=Math.min(Math.max(n.top,n.minTop),n.maxTop),n.oldLeft=n.left,n.oldTop=n.top,e.movable&&e.cropBoxMovable&&Mt(this.face,Nt,n.width>=r.width&&n.height>=r.height?wi:$r),Le(this.cropBox,$({width:n.width,height:n.height},Dt({translateX:n.left,translateY:n.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),rt(this.element,wr,this.getData())}},Hs={initPreview:function(){var e=this.element,r=this.crossOrigin,n=this.options.preview,a=r?this.crossOriginUrl:this.url,i=e.alt||"The image to preview",o=document.createElement("img");if(r&&(o.crossOrigin=r),o.src=a,o.alt=i,this.viewBox.appendChild(o),this.viewBoxImage=o,!!n){var s=n;typeof n=="string"?s=e.ownerDocument.querySelectorAll(n):n.querySelector&&(s=[n]),this.previews=s,H(s,function(d){var l=document.createElement("img");Mt(d,Pt,{width:d.offsetWidth,height:d.offsetHeight,html:d.innerHTML}),r&&(l.crossOrigin=r),l.src=a,l.alt=i,l.style.cssText='display:block;width:100%;height:auto;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;image-orientation:0deg!important;"',d.innerHTML="",d.appendChild(l)})}},resetPreview:function(){H(this.previews,function(e){var r=Nr(e,Pt);Le(e,{width:r.width,height:r.height}),e.innerHTML=r.html,Os(e,Pt)})},preview:function(){var e=this.imageData,r=this.canvasData,n=this.cropBoxData,a=n.width,i=n.height,o=e.width,s=e.height,d=n.left-r.left-e.left,l=n.top-r.top-e.top;!this.cropped||this.disabled||(Le(this.viewBoxImage,$({width:o,height:s},Dt($({translateX:-d,translateY:-l},e)))),H(this.previews,function(c){var u=Nr(c,Pt),f=u.width,v=u.height,x=f,w=v,b=1;a&&(b=f/a,w=i*b),i&&w>v&&(b=v/i,x=a*b,w=v),Le(c,{width:x,height:w}),Le(c.getElementsByTagName("img")[0],$({width:o*b,height:s*b},Dt($({translateX:-d*b,translateY:-l*b},e))))}))}},Us={bind:function(){var e=this.element,r=this.options,n=this.cropper;te(r.cropstart)&&ue(e,Sr,r.cropstart),te(r.cropmove)&&ue(e,Cr,r.cropmove),te(r.cropend)&&ue(e,Dr,r.cropend),te(r.crop)&&ue(e,wr,r.crop),te(r.zoom)&&ue(e,Er,r.zoom),ue(n,Dn,this.onCropStart=this.cropStart.bind(this)),r.zoomable&&r.zoomOnWheel&&ue(n,Mn,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),r.toggleDragModeOnDblclick&&ue(n,wn,this.onDblclick=this.dblclick.bind(this)),ue(e.ownerDocument,Cn,this.onCropMove=this.cropMove.bind(this)),ue(e.ownerDocument,Sn,this.onCropEnd=this.cropEnd.bind(this)),r.responsive&&ue(window,Nn,this.onResize=this.resize.bind(this))},unbind:function(){var e=this.element,r=this.options,n=this.cropper;te(r.cropstart)&&fe(e,Sr,r.cropstart),te(r.cropmove)&&fe(e,Cr,r.cropmove),te(r.cropend)&&fe(e,Dr,r.cropend),te(r.crop)&&fe(e,wr,r.crop),te(r.zoom)&&fe(e,Er,r.zoom),fe(n,Dn,this.onCropStart),r.zoomable&&r.zoomOnWheel&&fe(n,Mn,this.onWheel,{passive:!1,capture:!0}),r.toggleDragModeOnDblclick&&fe(n,wn,this.onDblclick),fe(e.ownerDocument,Cn,this.onCropMove),fe(e.ownerDocument,Sn,this.onCropEnd),r.responsive&&fe(window,Nn,this.onResize)}},Fs={resize:function(){if(!this.disabled){var e=this.options,r=this.container,n=this.containerData,a=r.offsetWidth/n.width,i=r.offsetHeight/n.height,o=Math.abs(a-1)>Math.abs(i-1)?a:i;if(o!==1){var s,d;e.restore&&(s=this.getCanvasData(),d=this.getCropBoxData()),this.render(),e.restore&&(this.setCanvasData(H(s,function(l,c){s[c]=l*o})),this.setCropBoxData(H(d,function(l,c){d[c]=l*o})))}}},dblclick:function(){this.disabled||this.options.dragMode===Si||this.setDragMode(js(this.dragBox,xr)?Ci:Wr)},wheel:function(e){var r=this,n=Number(this.options.wheelZoomRatio)||.1,a=1;this.disabled||(e.preventDefault(),!this.wheeling&&(this.wheeling=!0,setTimeout(function(){r.wheeling=!1},50),e.deltaY?a=e.deltaY>0?1:-1:e.wheelDelta?a=-e.wheelDelta/120:e.detail&&(a=e.detail>0?1:-1),this.zoom(-a*n,e)))},cropStart:function(e){var r=e.buttons,n=e.button;if(!(this.disabled||(e.type==="mousedown"||e.type==="pointerdown"&&e.pointerType==="mouse")&&(A(r)&&r!==1||A(n)&&n!==0||e.ctrlKey))){var a=this.options,i=this.pointers,o;e.changedTouches?H(e.changedTouches,function(s){i[s.identifier]=Bt(s)}):i[e.pointerId||0]=Bt(e),Object.keys(i).length>1&&a.zoomable&&a.zoomOnTouch?o=Di:o=Nr(e.target,Nt),xs.test(o)&&rt(this.element,Sr,{originalEvent:e,action:o})!==!1&&(e.preventDefault(),this.action=o,this.cropping=!1,o===yi&&(this.cropping=!0,V(this.dragBox,Kt)))}},cropMove:function(e){var r=this.action;if(!(this.disabled||!r)){var n=this.pointers;e.preventDefault(),rt(this.element,Cr,{originalEvent:e,action:r})!==!1&&(e.changedTouches?H(e.changedTouches,function(a){$(n[a.identifier]||{},Bt(a,!0))}):$(n[e.pointerId||0]||{},Bt(e,!0)),this.change(e))}},cropEnd:function(e){if(!this.disabled){var r=this.action,n=this.pointers;e.changedTouches?H(e.changedTouches,function(a){delete n[a.identifier]}):delete n[e.pointerId||0],r&&(e.preventDefault(),Object.keys(n).length||(this.action=""),this.cropping&&(this.cropping=!1,Qe(this.dragBox,Kt,this.cropped&&this.options.modal)),rt(this.element,Dr,{originalEvent:e,action:r}))}}},Vs={change:function(e){var r=this.options,n=this.canvasData,a=this.containerData,i=this.cropBoxData,o=this.pointers,s=this.action,d=r.aspectRatio,l=i.left,c=i.top,u=i.width,f=i.height,v=l+u,x=c+f,w=0,b=0,C=a.width,S=a.height,N=!0,E;!d&&e.shiftKey&&(d=u&&f?u/f:1),this.limited&&(w=i.minLeft,b=i.minTop,C=w+Math.min(a.width,n.width,n.left+n.width),S=b+Math.min(a.height,n.height,n.top+n.height));var D=o[Object.keys(o)[0]],p={x:D.endX-D.startX,y:D.endY-D.startY},m=function(M){switch(M){case Xe:v+p.x>C&&(p.x=C-v);break;case Ye:l+p.x<w&&(p.x=w-l);break;case ke:c+p.y<b&&(p.y=b-c);break;case Je:x+p.y>S&&(p.y=S-x);break}};switch(s){case $r:l+=p.x,c+=p.y;break;case Xe:if(p.x>=0&&(v>=C||d&&(c<=b||x>=S))){N=!1;break}m(Xe),u+=p.x,u<0&&(s=Ye,u=-u,l-=u),d&&(f=u/d,c+=(i.height-f)/2);break;case ke:if(p.y<=0&&(c<=b||d&&(l<=w||v>=C))){N=!1;break}m(ke),f-=p.y,c+=p.y,f<0&&(s=Je,f=-f,c-=f),d&&(u=f*d,l+=(i.width-u)/2);break;case Ye:if(p.x<=0&&(l<=w||d&&(c<=b||x>=S))){N=!1;break}m(Ye),u-=p.x,l+=p.x,u<0&&(s=Xe,u=-u,l-=u),d&&(f=u/d,c+=(i.height-f)/2);break;case Je:if(p.y>=0&&(x>=S||d&&(l<=w||v>=C))){N=!1;break}m(Je),f+=p.y,f<0&&(s=ke,f=-f,c-=f),d&&(u=f*d,l+=(i.width-u)/2);break;case ft:if(d){if(p.y<=0&&(c<=b||v>=C)){N=!1;break}m(ke),f-=p.y,c+=p.y,u=f*d}else m(ke),m(Xe),p.x>=0?v<C?u+=p.x:p.y<=0&&c<=b&&(N=!1):u+=p.x,p.y<=0?c>b&&(f-=p.y,c+=p.y):(f-=p.y,c+=p.y);u<0&&f<0?(s=vt,f=-f,u=-u,c-=f,l-=u):u<0?(s=pt,u=-u,l-=u):f<0&&(s=gt,f=-f,c-=f);break;case pt:if(d){if(p.y<=0&&(c<=b||l<=w)){N=!1;break}m(ke),f-=p.y,c+=p.y,u=f*d,l+=i.width-u}else m(ke),m(Ye),p.x<=0?l>w?(u-=p.x,l+=p.x):p.y<=0&&c<=b&&(N=!1):(u-=p.x,l+=p.x),p.y<=0?c>b&&(f-=p.y,c+=p.y):(f-=p.y,c+=p.y);u<0&&f<0?(s=gt,f=-f,u=-u,c-=f,l-=u):u<0?(s=ft,u=-u,l-=u):f<0&&(s=vt,f=-f,c-=f);break;case vt:if(d){if(p.x<=0&&(l<=w||x>=S)){N=!1;break}m(Ye),u-=p.x,l+=p.x,f=u/d}else m(Je),m(Ye),p.x<=0?l>w?(u-=p.x,l+=p.x):p.y>=0&&x>=S&&(N=!1):(u-=p.x,l+=p.x),p.y>=0?x<S&&(f+=p.y):f+=p.y;u<0&&f<0?(s=ft,f=-f,u=-u,c-=f,l-=u):u<0?(s=gt,u=-u,l-=u):f<0&&(s=pt,f=-f,c-=f);break;case gt:if(d){if(p.x>=0&&(v>=C||x>=S)){N=!1;break}m(Xe),u+=p.x,f=u/d}else m(Je),m(Xe),p.x>=0?v<C?u+=p.x:p.y>=0&&x>=S&&(N=!1):u+=p.x,p.y>=0?x<S&&(f+=p.y):f+=p.y;u<0&&f<0?(s=pt,f=-f,u=-u,c-=f,l-=u):u<0?(s=vt,u=-u,l-=u):f<0&&(s=ft,f=-f,c-=f);break;case wi:this.move(p.x,p.y),N=!1;break;case Di:this.zoom(ks(o),e),N=!1;break;case yi:if(!p.x||!p.y){N=!1;break}E=Ri(this.cropper),l=D.startX-E.left,c=D.startY-E.top,u=i.minWidth,f=i.minHeight,p.x>0?s=p.y>0?gt:ft:p.x<0&&(l-=u,s=p.y>0?vt:pt),p.y<0&&(c-=f),this.cropped||(xe(this.cropBox,re),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0));break}N&&(i.width=u,i.height=f,i.left=l,i.top=c,this.action=s,this.renderCropBox()),H(o,function(y){y.startX=y.endX,y.startY=y.endY})}},Gs={crop:function(){return this.ready&&!this.cropped&&!this.disabled&&(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&V(this.dragBox,Kt),xe(this.cropBox,re),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=$({},this.initialImageData),this.canvasData=$({},this.initialCanvasData),this.cropBoxData=$({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&($(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),xe(this.dragBox,Kt),V(this.cropBox,re)),this},replace:function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return!this.disabled&&e&&(this.isImg&&(this.element.src=e),r?(this.url=e,this.image.src=e,this.ready&&(this.viewBoxImage.src=e,H(this.previews,function(n){n.getElementsByTagName("img")[0].src=e}))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(e))),this},enable:function(){return this.ready&&this.disabled&&(this.disabled=!1,xe(this.cropper,xn)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,V(this.cropper,xn)),this},destroy:function(){var e=this.element;return e[_]?(e[_]=void 0,this.isImg&&this.replaced&&(e.src=this.originalUrl),this.uncreate(),this):this},move:function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:e,n=this.canvasData,a=n.left,i=n.top;return this.moveTo(dr(e)?e:a+Number(e),dr(r)?r:i+Number(r))},moveTo:function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:e,n=this.canvasData,a=!1;return e=Number(e),r=Number(r),this.ready&&!this.disabled&&this.options.movable&&(A(e)&&(n.left=e,a=!0),A(r)&&(n.top=r,a=!0),a&&this.renderCanvas(!0)),this},zoom:function(e,r){var n=this.canvasData;return e=Number(e),e<0?e=1/(1-e):e=1+e,this.zoomTo(n.width*e/n.naturalWidth,null,r)},zoomTo:function(e,r,n){var a=this.options,i=this.canvasData,o=i.width,s=i.height,d=i.naturalWidth,l=i.naturalHeight;if(e=Number(e),e>=0&&this.ready&&!this.disabled&&a.zoomable){var c=d*e,u=l*e;if(rt(this.element,Er,{ratio:e,oldRatio:o/d,originalEvent:n})===!1)return this;if(n){var f=this.pointers,v=Ri(this.cropper),x=f&&Object.keys(f).length?Is(f):{pageX:n.pageX,pageY:n.pageY};i.left-=(c-o)*((x.pageX-v.left-i.left)/o),i.top-=(u-s)*((x.pageY-v.top-i.top)/s)}else Ze(r)&&A(r.x)&&A(r.y)?(i.left-=(c-o)*((r.x-i.left)/o),i.top-=(u-s)*((r.y-i.top)/s)):(i.left-=(c-o)/2,i.top-=(u-s)/2);i.width=c,i.height=u,this.renderCanvas(!0)}return this},rotate:function(e){return this.rotateTo((this.imageData.rotate||0)+Number(e))},rotateTo:function(e){return e=Number(e),A(e)&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=e%360,this.renderCanvas(!0,!0)),this},scaleX:function(e){var r=this.imageData.scaleY;return this.scale(e,A(r)?r:1)},scaleY:function(e){var r=this.imageData.scaleX;return this.scale(A(r)?r:1,e)},scale:function(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:e,n=this.imageData,a=!1;return e=Number(e),r=Number(r),this.ready&&!this.disabled&&this.options.scalable&&(A(e)&&(n.scaleX=e,a=!0),A(r)&&(n.scaleY=r,a=!0),a&&this.renderCanvas(!0,!0)),this},getData:function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1,r=this.options,n=this.imageData,a=this.canvasData,i=this.cropBoxData,o;if(this.ready&&this.cropped){o={x:i.left-a.left,y:i.top-a.top,width:i.width,height:i.height};var s=n.width/n.naturalWidth;if(H(o,function(c,u){o[u]=c/s}),e){var d=Math.round(o.y+o.height),l=Math.round(o.x+o.width);o.x=Math.round(o.x),o.y=Math.round(o.y),o.width=l-o.x,o.height=d-o.y}}else o={x:0,y:0,width:0,height:0};return r.rotatable&&(o.rotate=n.rotate||0),r.scalable&&(o.scaleX=n.scaleX||1,o.scaleY=n.scaleY||1),o},setData:function(e){var r=this.options,n=this.imageData,a=this.canvasData,i={};if(this.ready&&!this.disabled&&Ze(e)){var o=!1;r.rotatable&&A(e.rotate)&&e.rotate!==n.rotate&&(n.rotate=e.rotate,o=!0),r.scalable&&(A(e.scaleX)&&e.scaleX!==n.scaleX&&(n.scaleX=e.scaleX,o=!0),A(e.scaleY)&&e.scaleY!==n.scaleY&&(n.scaleY=e.scaleY,o=!0)),o&&this.renderCanvas(!0,!0);var s=n.width/n.naturalWidth;A(e.x)&&(i.left=e.x*s+a.left),A(e.y)&&(i.top=e.y*s+a.top),A(e.width)&&(i.width=e.width*s),A(e.height)&&(i.height=e.height*s),this.setCropBoxData(i)}return this},getContainerData:function(){return this.ready?$({},this.containerData):{}},getImageData:function(){return this.sized?$({},this.imageData):{}},getCanvasData:function(){var e=this.canvasData,r={};return this.ready&&H(["left","top","width","height","naturalWidth","naturalHeight"],function(n){r[n]=e[n]}),r},setCanvasData:function(e){var r=this.canvasData,n=r.aspectRatio;return this.ready&&!this.disabled&&Ze(e)&&(A(e.left)&&(r.left=e.left),A(e.top)&&(r.top=e.top),A(e.width)?(r.width=e.width,r.height=e.width/n):A(e.height)&&(r.height=e.height,r.width=e.height*n),this.renderCanvas(!0)),this},getCropBoxData:function(){var e=this.cropBoxData,r;return this.ready&&this.cropped&&(r={left:e.left,top:e.top,width:e.width,height:e.height}),r||{}},setCropBoxData:function(e){var r=this.cropBoxData,n=this.options.aspectRatio,a,i;return this.ready&&this.cropped&&!this.disabled&&Ze(e)&&(A(e.left)&&(r.left=e.left),A(e.top)&&(r.top=e.top),A(e.width)&&e.width!==r.width&&(a=!0,r.width=e.width),A(e.height)&&e.height!==r.height&&(i=!0,r.height=e.height),n&&(a?r.height=r.width/n:i&&(r.width=r.height*n)),this.renderCropBox()),this},getCroppedCanvas:function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var r=this.canvasData,n=zs(this.image,this.imageData,r,e);if(!this.cropped)return n;var a=this.getData(e.rounded),i=a.x,o=a.y,s=a.width,d=a.height,l=n.width/Math.floor(r.naturalWidth);l!==1&&(i*=l,o*=l,s*=l,d*=l);var c=s/d,u=ze({aspectRatio:c,width:e.maxWidth||1/0,height:e.maxHeight||1/0}),f=ze({aspectRatio:c,width:e.minWidth||0,height:e.minHeight||0},"cover"),v=ze({aspectRatio:c,width:e.width||(l!==1?n.width:s),height:e.height||(l!==1?n.height:d)}),x=v.width,w=v.height;x=Math.min(u.width,Math.max(f.width,x)),w=Math.min(u.height,Math.max(f.height,w));var b=document.createElement("canvas"),C=b.getContext("2d");b.width=tt(x),b.height=tt(w),C.fillStyle=e.fillColor||"transparent",C.fillRect(0,0,x,w);var S=e.imageSmoothingEnabled,N=S===void 0?!0:S,E=e.imageSmoothingQuality;C.imageSmoothingEnabled=N,E&&(C.imageSmoothingQuality=E);var D=n.width,p=n.height,m=i,y=o,M,j,R,I,L,P;m<=-s||m>D?(m=0,M=0,R=0,L=0):m<=0?(R=-m,m=0,M=Math.min(D,s+m),L=M):m<=D&&(R=0,M=Math.min(s,D-m),L=M),M<=0||y<=-d||y>p?(y=0,j=0,I=0,P=0):y<=0?(I=-y,y=0,j=Math.min(p,d+y),P=j):y<=p&&(I=0,j=Math.min(d,p-y),P=j);var Y=[m,y,M,j];if(L>0&&P>0){var W=x/s;Y.push(R*W,I*W,L*W,P*W)}return C.drawImage.apply(C,[n].concat(xi(Y.map(function(T){return Math.floor(tt(T))})))),b},setAspectRatio:function(e){var r=this.options;return!this.disabled&&!dr(e)&&(r.aspectRatio=Math.max(0,e)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(e){var r=this.options,n=this.dragBox,a=this.face;if(this.ready&&!this.disabled){var i=e===Wr,o=r.movable&&e===Ci;e=i||o?e:Si,r.dragMode=e,Mt(n,Nt,e),Qe(n,xr,i),Qe(n,yr,o),r.cropBoxMovable||(Mt(a,Nt,e),Qe(a,xr,i),Qe(a,yr,o))}return this}},Ks=we.Cropper,Ai=(function(){function t(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(ls(this,t),!e||!Ds.test(e.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=e,this.options=$({},jn,Ze(r)&&r),this.cropped=!1,this.disabled=!1,this.pointers={},this.ready=!1,this.reloading=!1,this.replaced=!1,this.sized=!1,this.sizing=!1,this.init()}return cs(t,[{key:"init",value:function(){var r=this.element,n=r.tagName.toLowerCase(),a;if(!r[_]){if(r[_]=this,n==="img"){if(this.isImg=!0,a=r.getAttribute("src")||"",this.originalUrl=a,!a)return;a=r.src}else n==="canvas"&&window.HTMLCanvasElement&&(a=r.toDataURL());this.load(a)}}},{key:"load",value:function(r){var n=this;if(r){this.url=r,this.imageData={};var a=this.element,i=this.options;if(!i.rotatable&&!i.scalable&&(i.checkOrientation=!1),!i.checkOrientation||!window.ArrayBuffer){this.clone();return}if(ys.test(r)){ws.test(r)?this.read(Xs(r)):this.clone();return}var o=new XMLHttpRequest,s=this.clone.bind(this);this.reloading=!0,this.xhr=o,o.onabort=s,o.onerror=s,o.ontimeout=s,o.onprogress=function(){o.getResponseHeader("content-type")!==Tn&&o.abort()},o.onload=function(){n.read(o.response)},o.onloadend=function(){n.reloading=!1,n.xhr=null},i.checkCrossOrigin&&On(r)&&a.crossOrigin&&(r=An(r)),o.open("GET",r,!0),o.responseType="arraybuffer",o.withCredentials=a.crossOrigin==="use-credentials",o.send()}}},{key:"read",value:function(r){var n=this.options,a=this.imageData,i=_s(r),o=0,s=1,d=1;if(i>1){this.url=Ys(r,Tn);var l=$s(i);o=l.rotate,s=l.scaleX,d=l.scaleY}n.rotatable&&(a.rotate=o),n.scalable&&(a.scaleX=s,a.scaleY=d),this.clone()}},{key:"clone",value:function(){var r=this.element,n=this.url,a=r.crossOrigin,i=n;this.options.checkCrossOrigin&&On(n)&&(a||(a="anonymous"),i=An(n)),this.crossOrigin=a,this.crossOriginUrl=i;var o=document.createElement("img");a&&(o.crossOrigin=a),o.src=i||n,o.alt=r.alt||"The image to crop",this.image=o,o.onload=this.start.bind(this),o.onerror=this.stop.bind(this),V(o,yn),r.parentNode.insertBefore(o,r.nextSibling)}},{key:"start",value:function(){var r=this,n=this.image;n.onload=null,n.onerror=null,this.sizing=!0;var a=we.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(we.navigator.userAgent),i=function(l,c){$(r.imageData,{naturalWidth:l,naturalHeight:c,aspectRatio:l/c}),r.initialImageData=$({},r.imageData),r.sizing=!1,r.sized=!0,r.build()};if(n.naturalWidth&&!a){i(n.naturalWidth,n.naturalHeight);return}var o=document.createElement("img"),s=document.body||document.documentElement;this.sizingImage=o,o.onload=function(){i(o.width,o.height),a||s.removeChild(o)},o.src=n.src,a||(o.style.cssText="left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;",s.appendChild(o))}},{key:"stop",value:function(){var r=this.image;r.onload=null,r.onerror=null,r.parentNode.removeChild(r),this.image=null}},{key:"build",value:function(){if(!(!this.sized||this.ready)){var r=this.element,n=this.options,a=this.image,i=r.parentNode,o=document.createElement("div");o.innerHTML=Cs;var s=o.querySelector(".".concat(_,"-container")),d=s.querySelector(".".concat(_,"-canvas")),l=s.querySelector(".".concat(_,"-drag-box")),c=s.querySelector(".".concat(_,"-crop-box")),u=c.querySelector(".".concat(_,"-face"));this.container=i,this.cropper=s,this.canvas=d,this.dragBox=l,this.cropBox=c,this.viewBox=s.querySelector(".".concat(_,"-view-box")),this.face=u,d.appendChild(a),V(r,re),i.insertBefore(s,r.nextSibling),xe(a,yn),this.initPreview(),this.bind(),n.initialAspectRatio=Math.max(0,n.initialAspectRatio)||NaN,n.aspectRatio=Math.max(0,n.aspectRatio)||NaN,n.viewMode=Math.max(0,Math.min(3,Math.round(n.viewMode)))||0,V(c,re),n.guides||V(c.getElementsByClassName("".concat(_,"-dashed")),re),n.center||V(c.getElementsByClassName("".concat(_,"-center")),re),n.background&&V(s,"".concat(_,"-bg")),n.highlight||V(u,gs),n.cropBoxMovable&&(V(u,yr),Mt(u,Nt,$r)),n.cropBoxResizable||(V(c.getElementsByClassName("".concat(_,"-line")),re),V(c.getElementsByClassName("".concat(_,"-point")),re)),this.render(),this.ready=!0,this.setDragMode(n.dragMode),n.autoCrop&&this.crop(),this.setData(n.data),te(n.ready)&&ue(r,En,n.ready,{once:!0}),rt(r,En)}}},{key:"unbuild",value:function(){if(this.ready){this.ready=!1,this.unbind(),this.resetPreview();var r=this.cropper.parentNode;r&&r.removeChild(this.cropper),xe(this.element,re)}}},{key:"uncreate",value:function(){this.ready?(this.unbuild(),this.ready=!1,this.cropped=!1):this.sizing?(this.sizingImage.onload=null,this.sizing=!1,this.sized=!1):this.reloading?(this.xhr.onabort=null,this.xhr.abort()):this.image&&this.stop()}}],[{key:"noConflict",value:function(){return window.Cropper=Ks,t}},{key:"setDefaults",value:function(r){$(jn,Ze(r)&&r)}}])})();$(Ai.prototype,Ws,Hs,Us,Fs,Vs,Gs);var _e=function(){return _e=Object.assign||function(t){for(var e,r=1,n=arguments.length;r<n;r++)for(var a in e=arguments[r])Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t},_e.apply(this,arguments)};function hr(t,e){var r={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function"){var a=0;for(n=Object.getOwnPropertySymbols(t);a<n.length;a++)e.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(t,n[a])&&(r[n[a]]=t[n[a]])}return r}var qs=["aspectRatio","autoCrop","autoCropArea","background","center","checkCrossOrigin","checkOrientation","cropBoxMovable","cropBoxResizable","data","dragMode","guides","highlight","initialAspectRatio","minCanvasHeight","minCanvasWidth","minContainerHeight","minContainerWidth","minCropBoxHeight","minCropBoxWidth","modal","movable","preview","responsive","restore","rotatable","scalable","toggleDragModeOnDblclick","viewMode","wheelZoomRatio","zoomOnTouch","zoomOnWheel","zoomable","cropstart","cropmove","cropend","crop","zoom","ready"],Js={opacity:0,maxWidth:"100%"},Zs=B.forwardRef((function(t,e){var r=hr(t,[]),n=r.dragMode,a=n===void 0?"crop":n,i=r.src,o=r.style,s=r.className,d=r.crossOrigin,l=r.scaleX,c=r.scaleY,u=r.enable,f=r.zoomTo,v=r.rotateTo,x=r.alt,w=x===void 0?"picture":x,b=r.ready,C=r.onInitialized,S=hr(r,["dragMode","src","style","className","crossOrigin","scaleX","scaleY","enable","zoomTo","rotateTo","alt","ready","onInitialized"]),N={scaleY:c,scaleX:l,enable:u,zoomTo:f,rotateTo:v},E=(function(){for(var p=[],m=0;m<arguments.length;m++)p[m]=arguments[m];var y=g.useRef(null);return B.useEffect((function(){p.forEach((function(M){M&&(typeof M=="function"?M(y.current):M.current=y.current)}))}),[p]),y})(e,g.useRef(null));g.useEffect((function(){var p;!((p=E.current)===null||p===void 0)&&p.cropper&&typeof f=="number"&&E.current.cropper.zoomTo(f)}),[r.zoomTo]),g.useEffect((function(){var p;!((p=E.current)===null||p===void 0)&&p.cropper&&i!==void 0&&E.current.cropper.reset().clear().replace(i)}),[i]),g.useEffect((function(){if(E.current!==null){var p=new Ai(E.current,_e(_e({dragMode:a},S),{ready:function(m){m.currentTarget!==null&&(function(y,M){M===void 0&&(M={});var j=M.enable,R=j===void 0||j,I=M.scaleX,L=I===void 0?1:I,P=M.scaleY,Y=P===void 0?1:P,W=M.zoomTo,T=W===void 0?0:W,O=M.rotateTo;R?y.enable():y.disable(),y.scaleX(L),y.scaleY(Y),O!==void 0&&y.rotateTo(O),T>0&&y.zoomTo(T)})(m.currentTarget.cropper,N),b&&b(m)}}));C&&C(p)}return function(){var m,y;(y=(m=E.current)===null||m===void 0?void 0:m.cropper)===null||y===void 0||y.destroy()}}),[E]);var D=(function(p){return qs.reduce((function(m,y){var M=m,j=y;return M[j],hr(M,[typeof j=="symbol"?j:j+""])}),p)})(_e(_e({},S),{crossOrigin:d,src:i,alt:w}));return B.createElement("div",{style:o,className:s},B.createElement("img",_e({},D,{style:Js,ref:E})))}));const Qs=({item:t,callback:e,uploadUrl:r,group:n,messages:a})=>{const i=g.useRef(null),[o,s]=g.useState(!1),[d,l]=g.useState(!1),[c,u]=g.useState({x:0,y:0,width:0,height:0}),[f,v]=g.useState(null),[x,w]=g.useState(!1),b={viewMode:2,responsive:!0,restore:!0,checkCrossOrigin:!0,checkOrientation:!0,modal:!0,guides:!0,center:!0,highlight:!0,background:!0,autoCrop:!0,movable:!0,rotatable:!0,scalable:!0,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,cropBoxMovable:!0,cropBoxResizable:!0,toggleDragModeOnDblclick:!0},C=()=>{var m;if((m=i.current)!=null&&m.cropper){const y=i.current.cropper.getData();u({x:Math.round(y.x),y:Math.round(y.y),width:Math.round(y.width),height:Math.round(y.height)})}},S=()=>{i.current&&i.current.cropper.setData(c)},N=()=>{var y;const m=(y=i.current)==null?void 0:y.cropper.getCroppedCanvas();v((m==null?void 0:m.toDataURL(t.mimeType,1))??"")},E=async()=>{if(!i.current)return;w(!0);const m=o?"image/webp":d?"image/jpeg":t.mimeType;i.current.cropper.getCroppedCanvas().toBlob(async y=>{if(!y)return;const M=m.split("/"),j={width:c.width,height:c.height},R=`${t.filename}_${j.width}x${j.height}.${M[1]}`,I=new FormData;I.append("name",R),I.append("group",n),I.append("isCropped","true"),I.append("item",JSON.stringify(t)),I.append("file",y);try{const L=await Q.post(`${r}/upload-variant?isCropped="true"`,I,{headers:{"Content-Type":"multipart/form-data"}});L.data.msg==="success"&&(w(!1),e(t,L.data.data))}catch(L){console.error("Upload error:",L)}},m,.9)},D=(m,y)=>{var I;if(!((I=i.current)!=null&&I.cropper))return;const M=i.current.cropper.getData(),j=M.x+m,R=M.y+y;i.current.cropper.setData({...M,x:j,y:R})},p=m=>{var j;if(!((j=i.current)!=null&&j.cropper))return;const y=i.current.cropper.getData().scaleX||1,M=i.current.cropper.getData().scaleY||1;m==="x"?i.current.cropper.scaleX(y*-1):i.current.cropper.scaleY(M*-1)};return h.jsxs("div",{children:[h.jsx(Zs,{src:window.bindPublic?`/public${t.url}`:t.url,style:{height:540,width:"100%"},initialAspectRatio:1,ref:i,...b,crop:C}),h.jsx("div",{className:"grid grid-cols-4 gap-2 mt-4",children:Object.entries(c).map(([m,y])=>h.jsxs("div",{className:"flex flex-col items-center gap-2",children:[h.jsx(bt,{className:"capitalize",children:m}),h.jsx(qt,{type:"number",value:y,onChange:M=>{const j=parseInt(M.target.value)||0;u(R=>({...R,[m]:j}))},onBlur:S})]},m))}),h.jsxs("div",{className:"grid grid-cols-4 gap-2 mt-4",children:[h.jsx(J,{variant:"outline",onClick:()=>D(0,-20),children:h.jsx(Hi,{})}),h.jsx(J,{variant:"outline",onClick:()=>D(0,20),children:h.jsx(Ui,{})}),h.jsx(J,{variant:"outline",onClick:()=>D(-20,0),children:h.jsx(Fi,{})}),h.jsx(J,{variant:"outline",onClick:()=>D(20,0),children:h.jsx(Vi,{})})]}),h.jsxs("div",{className:"grid grid-cols-4 gap-2 mt-4",children:[h.jsx(J,{variant:"outline",onClick:()=>p("x"),children:a["Flip X"]}),h.jsx(J,{variant:"outline",onClick:()=>p("y"),children:a["Flip Y"]}),h.jsxs(Mr,{children:[h.jsx(Gi,{asChild:!0,children:h.jsx(J,{variant:"outline",onClick:N,children:a.Preview})}),h.jsxs(Tr,{className:"z-[1011]",children:[h.jsx(jr,{children:h.jsx(Rr,{children:"Preview"})}),h.jsx("img",{src:f??"",alt:"Preview",autoFocus:!0})]})]}),h.jsxs("div",{className:"flex gap-2 items-center w-full",children:[h.jsx(J,{variant:"default",onClick:E,disabled:x,className:"flex-3/4",children:a.Save}),x&&h.jsx(Ct,{className:"size-5 animate-spin"})]})]}),h.jsxs("div",{className:"grid grid-cols-4 gap-2 mt-4",children:[h.jsxs("div",{className:"flex gap-2 items-center",children:[h.jsx(fr,{id:"webp-conv",checked:o,onCheckedChange:m=>{s(!o),m&&l(!1)}}),h.jsx(bt,{className:"cursor-pointer",htmlFor:"webp-conv",children:a["Convert WebP"]})]}),h.jsxs("div",{className:"flex gap-2 items-center",children:[h.jsx(fr,{id:"jpeg-conv",checked:d,onCheckedChange:m=>{l(!d),m&&s(!1)}}),h.jsx(bt,{className:"cursor-pointer",htmlFor:"jpeg-conv",children:a["Convert Jpeg"]})]})]})]})},el=({callback:t,messages:e,media:r,localeId:n,disabled:a})=>{const i=g.useRef(null),[o,s]=g.useState(!1),[d,l]=g.useState(""),{uploadUrl:c,group:u}=g.useContext(Pe),f=()=>{l("")},v=async C=>{if(C.preventDefault(),C.stopPropagation(),s(!0),C.dataTransfer.files)for(const S of C.dataTransfer.files)await w(S)},x=async C=>{if(C.stopPropagation(),C.target.files)for(const S of C.target.files)s(!0),await w(S)},w=async C=>{var S,N;try{const E=new FormData;E.append("name",C.name),E.append("group",u),E.append("item",JSON.stringify(r)),E.append("localeId",n),E.append("file",C);const D=await Q.post(`${c}/upload-variant`,E,{headers:{"Content-Type":"multipart/form-data"}});if(D.data.msg==="success"){s(!1),t(D.data.data);return}s(!1),l(D.data.error||"Upload failed")}catch(E){if(s(!1),Q.isAxiosError(E))if(E.response){const D=((S=E.response.data)==null?void 0:S.error)||((N=E.response.data)==null?void 0:N.message)||E.response.statusText;l(D||`Error: ${E.response.status}`)}else E.request?l("No response from server"):l("Request setup error");else l("Error uploading file"),console.error(E)}},b=()=>{if(!(r!=null&&r.mimeType))return"*";const C=r.mimeType.split("/")[0];return{image:"image/*",video:"video/*",application:"application/*",text:"text/*"}[C]||"*"};return h.jsxs("div",{className:`mt-2 ${a?"pointer-events-none opacity-40":""}`,children:[d&&h.jsx("div",{className:"bg-red-600 rounded font-medium mb-4",children:h.jsxs("div",{className:"flex gap-2 p-2 text-white justify-between",children:[h.jsxs("div",{className:"flex gap-2",children:[h.jsx(kn,{}),h.jsx("span",{className:"alert-text",children:d})]}),h.jsx("div",{onClick:f,className:"cursor-pointer hover:opacity-80 transition-opacity",children:h.jsx(In,{})})]})}),h.jsxs("div",{className:"relative",children:[h.jsx("div",{onDrop:v,onDragOver:C=>C.preventDefault(),className:`flex items-center justify-center w-full ${o?"opacity-30":""}`,children:h.jsxs("label",{htmlFor:"dropzone-file-variant",className:"flex flex-col items-center justify-center w-full h-32 border-2 border-gray-300 border-dashed rounded-lg cursor-pointer bg-gray-50 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:bg-gray-700 dark:hover:bg-gray-600",children:[h.jsxs("div",{className:"flex flex-col items-center justify-center pt-5 pb-6",children:[h.jsx("svg",{className:"w-8 h-8 mb-4 text-gray-500 dark:text-gray-400","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 16",children:h.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M13 13h3a3 3 0 0 0 0-6h-.025A5.56 5.56 0 0 0 16 6.5 5.5 5.5 0 0 0 5.207 5.021C5.137 5.017 5.071 5 5 5a4 4 0 0 0 0 8h2.167M10 15V6m0 0L8 8m2-2 2 2"})}),h.jsx("p",{className:"mb-2 text-sm text-gray-500 dark:text-gray-400",children:h.jsx("span",{className:"font-semibold",children:e["Click to upload or drag and drop"]})})]}),h.jsx("input",{id:"dropzone-file-variant",type:"file",ref:i,onChange:x,className:"hidden",multiple:!0,accept:b()},"dropzone-file-variant")]})}),o&&h.jsx("span",{className:`${pi.Loader} absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-6 h-6 border-3 border-solid border-gray-200 border-t-blue-500 rounded-full animate-spin`})]})]})},tl=new Set(["image/gif","image/jpeg","image/png","image/webp"]),rl=({item:t,messages:e,destroy:r})=>{const{imageUrl:n,uploadUrl:a}=g.useContext(Pe),[i,o]=g.useState(!1),[s,d]=g.useState(""),[l,c]=g.useState([]),[u,f]=g.useState(!1),[v,x]=g.useState(!1),[w,b]=g.useState(null);g.useEffect(()=>{c([]),o(!1),d(""),(async()=>{f(!0);try{let m=await Q.post(a,{_method:"getChildren",item:t});c(m.data.data),f(!1)}catch(m){console.log(m)}})()},[t]);const C=p=>{d(""),o(!1),c(m=>[...m,p])},S=p=>{let m=p.find(y=>y.key==="imageSizes");return m?`${m.value.width}x${m.value.height}`:"---"},N=p=>{var y;const m=window.bindPublic?`/public${p.url}`:p.url;(y=window.open(m,"_blank"))==null||y.focus()},E=[...l].reverse(),D=async()=>{(await Q.delete(a,{data:{item:w}})).data.msg==="ok"&&(r(t,w),c(m=>m.filter(y=>y.id!==(w==null?void 0:w.id))))};return h.jsxs("div",{children:[h.jsxs("div",{className:"flex gap-4 flex-col",children:[h.jsx(el,{callback:C,messages:e,media:t,localeId:s,disabled:i&&!s},"variant-drop-zone"),h.jsxs("div",{className:"flex gap-4 h-9 items-center",children:[h.jsxs("div",{className:"flex gap-2 items-center",children:[h.jsx(fr,{id:"locale",checked:i,onCheckedChange:p=>{o(p)}}),h.jsx(bt,{className:"cursor-pointer",htmlFor:"locale",children:e["Upload a locale"]})]}),i&&h.jsx(qt,{placeholder:e.Locale,value:s,onChange:p=>d(p.target.value),className:"max-w-[150px]"})]})]}),u?h.jsx(Ct,{className:"size-8 animate-spin mx-auto mt-8"}):l.length>0?h.jsx("div",{className:"mt-8",children:h.jsxs(Pn,{wrapperHeight:"max-h-full",children:[h.jsx(Bn,{className:"sticky top-0 bg-background shadow",children:h.jsxs(_t,{children:[h.jsx(oe,{className:"p-2 text-left",children:e.File}),h.jsx(oe,{className:"p-2 text-left",children:e.Tag}),h.jsx(oe,{className:"p-2 text-left",children:e.Type}),h.jsx(oe,{className:"p-2 text-left",children:e["W x H"]}),h.jsx(oe,{className:"p-2 text-center",children:e.Actions})]})}),h.jsx(Xn,{children:E.map((p,m)=>h.jsxs(_t,{children:[h.jsx(se,{className:"p-2",children:tl.has(p.mimeType)?h.jsx("img",{src:n(p),alt:"",className:"w-full h-full max-w-[250px]"}):h.jsx("span",{children:p.filename})}),h.jsx(se,{className:"p-2",children:p.tag}),h.jsx(se,{className:"p-2",children:p.mimeType}),h.jsx(se,{className:"p-2",children:S(p.meta)}),h.jsx(se,{className:"p-2",children:h.jsxs("div",{className:"flex gap-2 justify-center",children:[h.jsx(J,{onClick:()=>N(p),children:e.Preview}),h.jsx(J,{variant:"destructive",onClick:()=>{b(p),x(!0)},children:h.jsx(Ki,{})})]})})]},p.id))})]})}):h.jsx("div",{className:"font-medium text-center mt-8",children:e["No variants found"]}),h.jsx(Mr,{open:v,onOpenChange:p=>{x(p),p||setTimeout(()=>{document.body.removeAttribute("style")},300)},children:h.jsxs(Tr,{className:"z-[1022]",children:[h.jsx(jr,{children:h.jsx(Rr,{children:e.Delete})}),h.jsxs(zn,{children:[h.jsx(Yt,{asChild:!0,children:h.jsx(J,{variant:"destructive",asChild:!0,onClick:D,children:h.jsx("span",{children:e.Yes})})}),h.jsx(Yt,{asChild:!0,children:h.jsx(J,{type:"button",variant:"secondary",children:e.No})})]})]})})]})},nl=({dialogRef:t})=>{const e=g.useRef(null),[r,n]=g.useState(null),{uploadUrl:a,group:i,messages:o}=g.useContext(Pe),[s,d]=g.useState(""),l=f=>{n(null),setTimeout(()=>{var v;n(f),d("meta"),(v=t.current)==null||v.next()},0)},c=f=>{n(null),setTimeout(()=>{var v;n(f),d("crop"),(v=t.current)==null||v.next()},0)},u=f=>{n(null),setTimeout(()=>{var v;n(f),d("variant"),(v=t.current)==null||v.next()},0)};return h.jsxs(qi,{ref:t,children:[h.jsx(Ji,{}),h.jsxs(Zi,{children:[h.jsx(Qr,{children:h.jsx("div",{className:"relative h-full",children:h.jsxs("div",{className:"h-full overflow-y-auto mt-5 pr-5",children:[h.jsx(ts,{messages:o,callback:f=>{var v;(v=e.current)==null||v.pushMediaItem(f)}},"main-dropzone"),h.jsx(vi,{ref:e,openMeta:l,messages:o,crop:c,openVariant:u})]})})}),h.jsx(Qr,{children:h.jsx("div",{className:"relative h-full",children:h.jsxs("div",{className:"h-full overflow-y-auto mt-5 pr-5",children:[s==="meta"&&r&&h.jsx(os,{media:r,callback:()=>{var f;(f=t.current)==null||f.prev()}}),s==="crop"&&r&&h.jsx(Qs,{item:r,messages:o,callback:(f,v)=>{var x,w;(x=e.current)==null||x.addVariant(f,v),(w=t.current)==null||w.prev()},uploadUrl:a,group:i}),s==="variant"&&r&&h.jsx(rl,{item:r,messages:o,destroy:(f,v)=>{var x;return(x=e.current)==null?void 0:x.destroyVariant(f,v)}})]})})})]})]})},Pe=g.createContext({uploadUrl:"",config:{},managerId:"",group:"",messages:{},addMedia:t=>console.warn("addMedia not implemented"),removeMedia:t=>console.warn("removeMedia not implemented"),imageUrl:t=>"",checkMedia:t=>!1}),il={droppable:{strategy:nt.Always}},al={keyframes({transform:t}){return[{transform:ye.Transform.toString(t.initial)},{transform:ye.Transform.toString({scaleX:.98,scaleY:.98,x:t.final.x-10,y:t.final.y-10})}]},sideEffects:li({className:{active:ea.active}})},ml=({layout:t,config:e,onChange:r,value:n})=>{const[a,i]=g.useState(null),[o,s]=g.useState(n||[]),d=a!==null?o.findIndex(D=>D.id===a):-1,l=ba(tn(zr),tn(Ir,{coordinateGetter:Ko})),[c,u]=g.useState({}),f=`${window.routePrefix}/media-manager-uploader/${e.id?e.id:"default"}`;g.useEffect(()=>{(async()=>{try{let p=await Q.get(f,{params:{_method:"getLocales"}});u(p.data.data)}catch(p){console.error("Failed to load locales:",p)}})()},[]);const v=g.useCallback(D=>{s(p=>{const m=[...p,D];return r&&r(m),m})},[r]),x=g.useCallback(D=>{s(p=>{const m=p.filter(y=>y.id!==D.id);return r&&r(m),m})},[r]),w={uploadUrl:f,managerId:e.id,group:e.group,messages:c,config:{},addMedia:D=>v(D),removeMedia:D=>x(D),imageUrl:D=>{var p;if(D.mimeType&&D.mimeType.split("/")[0]==="image")return`${window.routePrefix}/get-thumbs?id=${D.id}&managerId=${e.id}`;{const M=(p=D.url.split(/[#?]/)[0].split(".").pop())==null?void 0:p.toLowerCase().trim();return`${window.routePrefix}/fileicons/${M}.svg`}},checkMedia:D=>o.some(p=>p.id===D.id)},b=g.useRef(null),C=a?o.find(D=>D.id===a):null,S=({active:D})=>{i(D.id)},N=()=>{i(null)},E=({over:D})=>{if(!D||d===-1){i(null);return}const p=o.findIndex(m=>m.id===D.id);p!==-1&&d!==p&&s(m=>{const y=Xr(m,d,p);return r&&setTimeout(()=>r(y),100),y}),i(null)};return h.jsx(Pe.Provider,{value:w,children:h.jsxs("div",{children:[h.jsx(J,{size:"icon",variant:"ghost",onClick:D=>{var p;D.preventDefault(),(p=b.current)==null||p.open()},children:h.jsx(Qi,{className:"size-7 text-chart-2"})}),h.jsxs(mo,{onDragStart:S,onDragEnd:E,onDragCancel:N,sensors:l,collisionDetection:wa,measuring:il,children:[h.jsx(Xo,{items:o.map(D=>D.id),children:h.jsx("ul",{className:Ln(vn.Pages,vn[t]),children:o.map((D,p)=>h.jsx(sl,{id:D.id,index:p,url:w.imageUrl(D),layout:t,activeIndex:d,onRemove:()=>{s(m=>{const y=m.filter(M=>M.id!==D.id);return r&&setTimeout(()=>{r(y)},100),y})}},D.id))})}),h.jsx(Lo,{dropAnimation:al,children:a!=null?h.jsx(ol,{id:a,layout:t,items:o,url:C?w.imageUrl(C):""}):null})]}),h.jsx(nl,{dialogRef:b})]})})};function ol({id:t,items:e,...r}){const{activatorEvent:n,over:a}=Br(),i=Ot(n),o=e.findIndex(d=>d.id===t),s=a!=null&&a.id?e.findIndex(d=>d.id===a.id):-1;return h.jsx(Yn,{id:t,...r,clone:!0,insertPosition:i&&s!==o?s>o?$t.After:$t.Before:void 0})}function sl({id:t,index:e,activeIndex:r,...n}){const{attributes:a,listeners:i,isDragging:o,isSorting:s,over:d,setNodeRef:l,transform:c,transition:u}=Fo({id:t,animateLayoutChanges:ll,data:{index:e}});return h.jsx(Yn,{ref:l,id:t,index:e,active:o,style:{transition:u,transform:s?void 0:ye.Translate.toString(c)},insertPosition:(d==null?void 0:d.id)===t?e>r?$t.After:$t.Before:void 0,...n,...a,...i})}function ll(){return!0}export{Pe as MediaManagerContext,ml as default};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "adminizer",
   "type": "module",
-  "version": "4.3.0-build.107",
+  "version": "4.3.0-build.108",
   "main": "index.js",
   "exports": {
     ".": "./index.js",

package/ui/components/handsontable.js

@@ -34,9 +34,14 @@ const HandsonTable = ({ config, data = [], onChange, disabled }) => {
     }, []);
     const hotTableRef = useRef(null);
     useEffect(() => {
-        if (hotTableRef.current) {
-            hotTableRef.current.hotInstance.loadData(data);
-        }
+        if (!hotTableRef.current || !data.length)
+            return;
+        const timer = setTimeout(() => {
+            if (hotTableRef.current?.hotInstance) {
+                hotTableRef.current.hotInstance.loadData(data);
+            }
+        }, 100);
+        return () => clearTimeout(timer);
     }, [data]);
     useEffect(() => {
         if (appearance === 'dark') {
@@ -46,6 +51,24 @@ const HandsonTable = ({ config, data = [], onChange, disabled }) => {
             setTheme('ht-theme-main');
         }
     }, [appearance]);
-    return (_jsx(HotTable, { className: disabled ? 'pointer-events-none opacity-50' : '', themeName: theme, language: lang.languageCode, ref: hotTableRef, ...config, afterChange: handleChange, children: config.columns.map((item) => (_jsx(HotColumn, { data: item.data, ...item }, item.data))) }));
+    const optimizedConfig = {
+        ...config,
+        // Критически важные настройки производительности:
+        renderAllRows: false,
+        performanceTips: false,
+        autoRowSize: false,
+        viewportRowRenderingOffset: 20,
+        viewportColumnRenderingOffset: 10,
+        preventOverflow: 'horizontal',
+        // Отключаем ненужные фичи
+        dropdownMenu: false,
+        filters: false,
+        manualRowMove: false,
+        manualColumnMove: false,
+        // Оптимизация рендеринга
+        outsideClickDeselects: false,
+        observeDOMVisibility: false,
+    };
+    return (_jsx(HotTable, { className: disabled ? 'pointer-events-none opacity-50' : '', themeName: theme, language: lang.languageCode, ref: hotTableRef, ...optimizedConfig, afterChange: handleChange, children: config.columns.map((item) => (_jsx(HotColumn, { data: item.data, ...item }, item.data))) }));
 };
 export default HandsonTable;