adminizer 5.0.0-build.2 → 5.0.0-build.21

package/assets/{media-manager-BDbpSSjH.js → media-manager-D7G1P3fz.js}

@@ -1,6 +1,6 @@
-import{r as p,v as X,bz as bt,j as h,cc as kn,aW as In,p as le,_ as Yi,$ as Wi,aV as Ln,a0 as Hi,a1 as ft,at as Mr,au as Tr,av as jr,aw as Rr,cd as zn,ce as Xt,B as F,am as Pn,an as Bn,ao as _t,ap as se,aq as $n,ar as oe,bh as Ui,d as qt,bi as Fi,bj as Ke,bk as qe,b as nt,c as xt,aM as Vi,aN as Gi,cf as Ki,cg as qi,ch as Ji,C as fr,b4 as Zi,D as Qi,y as ea,z as ta,F as Qr,ci as ra,cj as Xn,ck as Yt,cl as na}from"./app.js";import{d as ia}from"./debounce-BMmXVQ06.js";function aa(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return p.useMemo(()=>n=>{e.forEach(a=>a(n))},e)}const Jt=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function at(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?at(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 at(t)?!1:t instanceof ee(t).HTMLElement}function _n(t){return t instanceof ee(t).SVGElement}function st(t){return t?at(t)?t.document:Or(t)?Ar(t)?t:Tt(t)||_n(t)?t.ownerDocument:document:document:document}const ge=Jt?p.useLayoutEffect:p.useEffect;function Zt(t){const e=p.useRef(t);return ge(()=>{e.current=t}),p.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 sa(){const t=p.useRef(null),e=p.useCallback((n,a)=>{t.current=setInterval(n,a)},[]),r=p.useCallback(()=>{t.current!==null&&(clearInterval(t.current),t.current=null)},[]);return[e,r]}function Nt(t,e){e===void 0&&(e=[t]);const r=p.useRef(t);return ge(()=>{r.current!==t&&(r.current=t)},e),r}function jt(t,e){const r=p.useRef();return p.useMemo(()=>{const n=t(r.current);return r.current=n,n},[...e])}function Wt(t){const e=Zt(t),r=p.useRef(null),n=p.useCallback(a=>{a!==r.current&&e?.(a,r.current),r.current=a},[]);return[r,n]}function Ht(t){const e=p.useRef();return p.useEffect(()=>{e.current=t},[t]),e.current}let sr={};function Rt(t,e){return p.useMemo(()=>{if(e)return e;const r=sr[t]==null?0:sr[t]+1;return sr[t]=r,t+"-"+r},[t,e])}function Yn(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,s)=>{const o=Object.entries(s);for(const[d,l]of o){const c=i[d];c!=null&&(i[d]=c+t*l)}return i},{...e})}}const et=Yn(1),St=Yn(-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 la(t){if(!t)return!1;const{TouchEvent:e}=ee(t.target);return e&&t instanceof e}function Ut(t){if(la(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 we=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[we.Translate.toString(t),we.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 ca(t){return t.matches(en)?t:t.querySelector(en)}const da={display:"none"};function ua(t){let{id:e,value:r}=t;return X.createElement("div",{id:e,style:da},r)}function ha(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 X.createElement("div",{id:e,style:a,role:"status","aria-live":n,"aria-atomic":!0},r)}function fa(){const[t,e]=p.useState("");return{announce:p.useCallback(n=>{n!=null&&e(n)},[]),announcement:t}}const Wn=p.createContext(null);function pa(t){const e=p.useContext(Wn);p.useEffect(()=>{if(!e)throw new Error("useDndMonitor must be used within a children of <DndContext>");return e(t)},[t,e])}function ga(){const[t]=p.useState(()=>new Set),e=p.useCallback(n=>(t.add(n),()=>t.delete(n)),[t]);return[p.useCallback(n=>{let{type:a,event:i}=n;t.forEach(s=>{var o;return(o=s[a])==null?void 0:o.call(s,i)})},[t]),e]}const va={draggable:`
+import{r as p,bn as $,bo as bt,j as h,bp as kn,X as In,q as le,bq as _i,br as Wi,c as Ln,bs as Hi,bt as ft,bu as Mr,bv as Tr,bw as jr,bx as Rr,by as zn,bz as $t,d as F,s as Pn,v as Bn,w as Yt,x as se,y as Xn,z as oe,av as Ui,I as qt,aw as Fi,ax as Ke,ay as qe,o as nt,L as xt,aO as Vi,aP as Gi,bA as Ki,bB as qi,bC as Ji,J as fr,ba as Zi,b1 as Qi,b2 as ea,b3 as ta,b4 as Qr,bD as ra,bE as $n,bF as _t,bG as na}from"./app-Ca5yUSBv.js";import{d as ia}from"./debounce-B3mXI_sx.js";import"./isObject-DL-BuaBl.js";import"./toNumber-DZb-r9sy.js";function aa(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return p.useMemo(()=>n=>{e.forEach(a=>a(n))},e)}const Jt=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function at(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?at(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 at(t)?!1:t instanceof ee(t).HTMLElement}function Yn(t){return t instanceof ee(t).SVGElement}function st(t){return t?at(t)?t.document:Or(t)?Ar(t)?t:Tt(t)||Yn(t)?t.ownerDocument:document:document:document}const ge=Jt?p.useLayoutEffect:p.useEffect;function Zt(t){const e=p.useRef(t);return ge(()=>{e.current=t}),p.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 sa(){const t=p.useRef(null),e=p.useCallback((n,a)=>{t.current=setInterval(n,a)},[]),r=p.useCallback(()=>{t.current!==null&&(clearInterval(t.current),t.current=null)},[]);return[e,r]}function Nt(t,e){e===void 0&&(e=[t]);const r=p.useRef(t);return ge(()=>{r.current!==t&&(r.current=t)},e),r}function jt(t,e){const r=p.useRef();return p.useMemo(()=>{const n=t(r.current);return r.current=n,n},[...e])}function Wt(t){const e=Zt(t),r=p.useRef(null),n=p.useCallback(a=>{a!==r.current&&e?.(a,r.current),r.current=a},[]);return[r,n]}function Ht(t){const e=p.useRef();return p.useEffect(()=>{e.current=t},[t]),e.current}let sr={};function Rt(t,e){return p.useMemo(()=>{if(e)return e;const r=sr[t]==null?0:sr[t]+1;return sr[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,s)=>{const o=Object.entries(s);for(const[d,l]of o){const c=i[d];c!=null&&(i[d]=c+t*l)}return i},{...e})}}const et=_n(1),St=_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 la(t){if(!t)return!1;const{TouchEvent:e}=ee(t.target);return e&&t instanceof e}function Ut(t){if(la(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 we=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[we.Translate.toString(t),we.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 ca(t){return t.matches(en)?t:t.querySelector(en)}const da={display:"none"};function ua(t){let{id:e,value:r}=t;return $.createElement("div",{id:e,style:da},r)}function ha(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 $.createElement("div",{id:e,style:a,role:"status","aria-live":n,"aria-atomic":!0},r)}function fa(){const[t,e]=p.useState("");return{announce:p.useCallback(n=>{n!=null&&e(n)},[]),announcement:t}}const Wn=p.createContext(null);function pa(t){const e=p.useContext(Wn);p.useEffect(()=>{if(!e)throw new Error("useDndMonitor must be used within a children of <DndContext>");return e(t)},[t,e])}function ga(){const[t]=p.useState(()=>new Set),e=p.useCallback(n=>(t.add(n),()=>t.delete(n)),[t]);return[p.useCallback(n=>{let{type:a,event:i}=n;t.forEach(s=>{var o;return(o=s[a])==null?void 0:o.call(s,i)})},[t]),e]}const va={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.
-  `},ma={onDragStart(t){let{active:e}=t;return"Picked up draggable item "+e.id+"."},onDragOver(t){let{active:e,over:r}=t;return r?"Draggable item "+e.id+" was moved over droppable area "+r.id+".":"Draggable item "+e.id+" is no longer over a droppable area."},onDragEnd(t){let{active:e,over:r}=t;return r?"Draggable item "+e.id+" was dropped over droppable area "+r.id:"Draggable item "+e.id+" was dropped."},onDragCancel(t){let{active:e}=t;return"Dragging was cancelled. Draggable item "+e.id+" was dropped."}};function ba(t){let{announcements:e=ma,container:r,hiddenTextDescribedById:n,screenReaderInstructions:a=va}=t;const{announce:i,announcement:s}=fa(),o=Rt("DndLiveRegion"),[d,l]=p.useState(!1);if(p.useEffect(()=>{l(!0)},[]),pa(p.useMemo(()=>({onDragStart(u){let{active:f}=u;i(e.onDragStart({active:f}))},onDragMove(u){let{active:f,over:v}=u;e.onDragMove&&i(e.onDragMove({active:f,over:v}))},onDragOver(u){let{active:f,over:v}=u;i(e.onDragOver({active:f,over:v}))},onDragEnd(u){let{active:f,over:v}=u;i(e.onDragEnd({active:f,over:v}))},onDragCancel(u){let{active:f,over:v}=u;i(e.onDragCancel({active:f,over:v}))}}),[i,e])),!d)return null;const c=X.createElement(X.Fragment,null,X.createElement(ua,{id:n,value:a.draggable}),X.createElement(ha,{id:o,announcement:s}));return r?bt.createPortal(c,r):c}var V;(function(t){t.DragStart="dragStart",t.DragMove="dragMove",t.DragEnd="dragEnd",t.DragCancel="dragCancel",t.DragOver="dragOver",t.RegisterDroppable="registerDroppable",t.SetDroppableDisabled="setDroppableDisabled",t.UnregisterDroppable="unregisterDroppable"})(V||(V={}));function Ft(){}function tn(t,e){return p.useMemo(()=>({sensor:t,options:e??{}}),[t,e])}function xa(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return p.useMemo(()=>[...e].filter(n=>n!=null),[...e])}const ve=Object.freeze({x:0,y:0});function Hn(t,e){return Math.sqrt(Math.pow(t.x-e.x,2)+Math.pow(t.y-e.y,2))}function ya(t,e){const r=Ut(t);if(!r)return"0 0";const n={x:(r.x-e.left)/e.width*100,y:(r.y-e.top)/e.height*100};return n.x+"% "+n.y+"%"}function Un(t,e){let{data:{value:r}}=t,{data:{value:n}}=e;return r-n}function wa(t,e){let{data:{value:r}}=t,{data:{value:n}}=e;return n-r}function rn(t){let{left:e,top:r,height:n,width:a}=t;return[{x:e,y:r},{x:e+a,y:r},{x:e,y:r+n},{x:e+a,y:r+n}]}function Fn(t,e){if(!t||t.length===0)return null;const[r]=t;return r[e]}function nn(t,e,r){return e===void 0&&(e=t.left),r===void 0&&(r=t.top),{x:e+t.width*.5,y:r+t.height*.5}}const Da=t=>{let{collisionRect:e,droppableRects:r,droppableContainers:n}=t;const a=nn(e,e.left,e.top),i=[];for(const s of n){const{id:o}=s,d=r.get(o);if(d){const l=Hn(nn(d),a);i.push({id:o,data:{droppableContainer:s,value:l}})}}return i.sort(Un)},Ca=t=>{let{collisionRect:e,droppableRects:r,droppableContainers:n}=t;const a=rn(e),i=[];for(const s of n){const{id:o}=s,d=r.get(o);if(d){const l=rn(d),c=a.reduce((f,v,C)=>f+Hn(l[C],v),0),u=Number((c/4).toFixed(4));i.push({id:o,data:{droppableContainer:s,value:u}})}}return i.sort(Un)};function Na(t,e){const r=Math.max(e.top,t.top),n=Math.max(e.left,t.left),a=Math.min(e.left+e.width,t.left+t.width),i=Math.min(e.top+e.height,t.top+t.height),s=a-n,o=i-r;if(n<a&&r<i){const d=e.width*e.height,l=t.width*t.height,c=s*o,u=c/(d+l-c);return Number(u.toFixed(4))}return 0}const Sa=t=>{let{collisionRect:e,droppableRects:r,droppableContainers:n}=t;const a=[];for(const i of n){const{id:s}=i,o=r.get(s);if(o){const d=Na(o,e);d>0&&a.push({id:s,data:{droppableContainer:i,value:d}})}}return a.sort(wa)};function Ea(t,e,r){return{...t,scaleX:e&&r?e.width/r.width:1,scaleY:e&&r?e.height/r.height:1}}function Vn(t,e){return t&&e?{x:t.left-e.left,y:t.top-e.top}:ve}function Ma(t){return function(r){for(var n=arguments.length,a=new Array(n>1?n-1:0),i=1;i<n;i++)a[i-1]=arguments[i];return a.reduce((s,o)=>({...s,top:s.top+t*o.y,bottom:s.bottom+t*o.y,left:s.left+t*o.x,right:s.right+t*o.x}),{...r})}}const Ta=Ma(1);function Gn(t){if(t.startsWith("matrix3d(")){const e=t.slice(9,-1).split(/, /);return{x:+e[12],y:+e[13],scaleX:+e[0],scaleY:+e[5]}}else if(t.startsWith("matrix(")){const e=t.slice(7,-1).split(/, /);return{x:+e[4],y:+e[5],scaleX:+e[0],scaleY:+e[3]}}return null}function ja(t,e,r){const n=Gn(e);if(!n)return t;const{scaleX:a,scaleY:i,x:s,y:o}=n,d=t.left-s-(1-a)*parseFloat(r),l=t.top-o-(1-i)*parseFloat(r.slice(r.indexOf(" ")+1)),c=a?t.width/a:t.width,u=i?t.height/i:t.height;return{width:c,height:u,top:l,right:d+c,bottom:l+u,left:d}}const Ra={ignoreTransform:!1};function ot(t,e){e===void 0&&(e=Ra);let r=t.getBoundingClientRect();if(e.ignoreTransform){const{transform:l,transformOrigin:c}=ee(t).getComputedStyle(t);l&&(r=ja(r,l,c))}const{top:n,left:a,width:i,height:s,bottom:o,right:d}=r;return{top:n,left:a,width:i,height:s,bottom:o,right:d}}function an(t){return ot(t,{ignoreTransform:!0})}function Oa(t){const e=t.innerWidth,r=t.innerHeight;return{top:0,left:0,right:e,bottom:r,width:e,height:r}}function Aa(t,e){return e===void 0&&(e=ee(t).getComputedStyle(t)),e.position==="fixed"}function ka(t,e){e===void 0&&(e=ee(t).getComputedStyle(t));const r=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some(a=>{const i=e[a];return typeof i=="string"?r.test(i):!1})}function Qt(t,e){const r=[];function n(a){if(e!=null&&r.length>=e||!a)return r;if(Ar(a)&&a.scrollingElement!=null&&!r.includes(a.scrollingElement))return r.push(a.scrollingElement),r;if(!Tt(a)||_n(a)||r.includes(a))return r;const i=ee(t).getComputedStyle(a);return a!==t&&ka(a,i)&&r.push(a),Aa(a,i)?r:n(a.parentNode)}return t?n(t):r}function Kn(t){const[e]=Qt(t,1);return e??null}function or(t){return!Jt||!t?null:at(t)?t:Or(t)?Ar(t)||t===st(t).scrollingElement?window:Tt(t)?t:null:null}function qn(t){return at(t)?t.scrollX:t.scrollLeft}function Jn(t){return at(t)?t.scrollY:t.scrollTop}function pr(t){return{x:qn(t),y:Jn(t)}}var K;(function(t){t[t.Forward=1]="Forward",t[t.Backward=-1]="Backward"})(K||(K={}));function Zn(t){return!Jt||!t?!1:t===document.scrollingElement}function Qn(t){const e={x:0,y:0},r=Zn(t)?{height:window.innerHeight,width:window.innerWidth}:{height:t.clientHeight,width:t.clientWidth},n={x:t.scrollWidth-r.width,y:t.scrollHeight-r.height},a=t.scrollTop<=e.y,i=t.scrollLeft<=e.x,s=t.scrollTop>=n.y,o=t.scrollLeft>=n.x;return{isTop:a,isLeft:i,isBottom:s,isRight:o,maxScroll:n,minScroll:e}}const Ia={x:.2,y:.2};function La(t,e,r,n,a){let{top:i,left:s,right:o,bottom:d}=r;n===void 0&&(n=10),a===void 0&&(a=Ia);const{isTop:l,isBottom:c,isLeft:u,isRight:f}=Qn(t),v={x:0,y:0},C={x:0,y:0},y={height:e.height*a.y,width:e.width*a.x};return!l&&i<=e.top+y.height?(v.y=K.Backward,C.y=n*Math.abs((e.top+y.height-i)/y.height)):!c&&d>=e.bottom-y.height&&(v.y=K.Forward,C.y=n*Math.abs((e.bottom-y.height-d)/y.height)),!f&&o>=e.right-y.width?(v.x=K.Forward,C.x=n*Math.abs((e.right-y.width-o)/y.width)):!u&&s<=e.left+y.width&&(v.x=K.Backward,C.x=n*Math.abs((e.left+y.width-s)/y.width)),{direction:v,speed:C}}function za(t){if(t===document.scrollingElement){const{innerWidth:i,innerHeight:s}=window;return{top:0,left:0,right:i,bottom:s,width:i,height:s}}const{top:e,left:r,right:n,bottom:a}=t.getBoundingClientRect();return{top:e,left:r,right:n,bottom:a,width:t.clientWidth,height:t.clientHeight}}function ei(t){return t.reduce((e,r)=>et(e,pr(r)),ve)}function Pa(t){return t.reduce((e,r)=>e+qn(r),0)}function Ba(t){return t.reduce((e,r)=>e+Jn(r),0)}function ti(t,e){if(e===void 0&&(e=ot),!t)return;const{top:r,left:n,bottom:a,right:i}=e(t);Kn(t)&&(a<=0||i<=0||r>=window.innerHeight||n>=window.innerWidth)&&t.scrollIntoView({block:"center",inline:"center"})}const $a=[["x",["left","right"],Pa],["y",["top","bottom"],Ba]];class kr{constructor(e,r){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;const n=Qt(r),a=ei(n);this.rect={...e},this.width=e.width,this.height=e.height;for(const[i,s,o]of $a)for(const d of s)Object.defineProperty(this,d,{get:()=>{const l=o(n),c=a[i]-l;return this.rect[d]+c},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class yt{constructor(e){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(r=>{var n;return(n=this.target)==null?void 0:n.removeEventListener(...r)})},this.target=e}add(e,r,n){var a;(a=this.target)==null||a.addEventListener(e,r,n),this.listeners.push([e,r,n])}}function Xa(t){const{EventTarget:e}=ee(t);return t instanceof e?t:st(t)}function lr(t,e){const r=Math.abs(t.x),n=Math.abs(t.y);return typeof e=="number"?Math.sqrt(r**2+n**2)>e:"x"in e&&"y"in e?r>e.x&&n>e.y:"x"in e?r>e.x:"y"in e?n>e.y:!1}var fe;(function(t){t.Click="click",t.DragStart="dragstart",t.Keydown="keydown",t.ContextMenu="contextmenu",t.Resize="resize",t.SelectionChange="selectionchange",t.VisibilityChange="visibilitychange"})(fe||(fe={}));function sn(t){t.preventDefault()}function _a(t){t.stopPropagation()}var I;(function(t){t.Space="Space",t.Down="ArrowDown",t.Right="ArrowRight",t.Left="ArrowLeft",t.Up="ArrowUp",t.Esc="Escape",t.Enter="Enter",t.Tab="Tab"})(I||(I={}));const ri={start:[I.Space,I.Enter],cancel:[I.Esc],end:[I.Space,I.Enter,I.Tab]},Ya=(t,e)=>{let{currentCoordinates:r}=e;switch(t.code){case I.Right:return{...r,x:r.x+25};case I.Left:return{...r,x:r.x-25};case I.Down:return{...r,y:r.y+25};case I.Up:return{...r,y:r.y-25}}};class Ir{constructor(e){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=e;const{event:{target:r}}=e;this.props=e,this.listeners=new yt(st(r)),this.windowListeners=new yt(ee(r)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(fe.Resize,this.handleCancel),this.windowListeners.add(fe.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(fe.Keydown,this.handleKeyDown))}handleStart(){const{activeNode:e,onStart:r}=this.props,n=e.node.current;n&&ti(n),r(ve)}handleKeyDown(e){if(Ot(e)){const{active:r,context:n,options:a}=this.props,{keyboardCodes:i=ri,coordinateGetter:s=Ya,scrollBehavior:o="smooth"}=a,{code:d}=e;if(i.end.includes(d)){this.handleEnd(e);return}if(i.cancel.includes(d)){this.handleCancel(e);return}const{collisionRect:l}=n.current,c=l?{x:l.left,y:l.top}:ve;this.referenceCoordinates||(this.referenceCoordinates=c);const u=s(e,{active:r,context:n.current,currentCoordinates:c});if(u){const f=St(u,c),v={x:0,y:0},{scrollableAncestors:C}=n.current;for(const y of C){const b=e.code,{isTop:w,isRight:x,isLeft:N,isBottom:E,maxScroll:T,minScroll:g}=Qn(y),D=za(y),m={x:Math.min(b===I.Right?D.right-D.width/2:D.right,Math.max(b===I.Right?D.left:D.left+D.width/2,u.x)),y:Math.min(b===I.Down?D.bottom-D.height/2:D.bottom,Math.max(b===I.Down?D.top:D.top+D.height/2,u.y))},S=b===I.Right&&!x||b===I.Left&&!N,M=b===I.Down&&!E||b===I.Up&&!w;if(S&&m.x!==u.x){const j=y.scrollLeft+f.x,O=b===I.Right&&j<=T.x||b===I.Left&&j>=g.x;if(O&&!f.y){y.scrollTo({left:j,behavior:o});return}O?v.x=y.scrollLeft-j:v.x=b===I.Right?y.scrollLeft-T.x:y.scrollLeft-g.x,v.x&&y.scrollBy({left:-v.x,behavior:o});break}else if(M&&m.y!==u.y){const j=y.scrollTop+f.y,O=b===I.Down&&j<=T.y||b===I.Up&&j>=g.y;if(O&&!f.x){y.scrollTo({top:j,behavior:o});return}O?v.y=y.scrollTop-j:v.y=b===I.Down?y.scrollTop-T.y:y.scrollTop-g.y,v.y&&y.scrollBy({top:-v.y,behavior:o});break}}this.handleMove(e,et(St(u,this.referenceCoordinates),v))}}}handleMove(e,r){const{onMove:n}=this.props;e.preventDefault(),n(r)}handleEnd(e){const{onEnd:r}=this.props;e.preventDefault(),this.detach(),r()}handleCancel(e){const{onCancel:r}=this.props;e.preventDefault(),this.detach(),r()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}Ir.activators=[{eventName:"onKeyDown",handler:(t,e,r)=>{let{keyboardCodes:n=ri,onActivation:a}=e,{active:i}=r;const{code:s}=t.nativeEvent;if(n.start.includes(s)){const o=i.activatorNode.current;return o&&t.target!==o?!1:(t.preventDefault(),a?.({event:t.nativeEvent}),!0)}return!1}}];function on(t){return!!(t&&"distance"in t)}function ln(t){return!!(t&&"delay"in t)}class Lr{constructor(e,r,n){var a;n===void 0&&(n=Xa(e.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=e,this.events=r;const{event:i}=e,{target:s}=i;this.props=e,this.events=r,this.document=st(s),this.documentListeners=new yt(this.document),this.listeners=new yt(n),this.windowListeners=new yt(ee(s)),this.initialCoordinates=(a=Ut(i))!=null?a:ve,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:e,props:{options:{activationConstraint:r,bypassActivationConstraint:n}}}=this;if(this.listeners.add(e.move.name,this.handleMove,{passive:!1}),this.listeners.add(e.end.name,this.handleEnd),e.cancel&&this.listeners.add(e.cancel.name,this.handleCancel),this.windowListeners.add(fe.Resize,this.handleCancel),this.windowListeners.add(fe.DragStart,sn),this.windowListeners.add(fe.VisibilityChange,this.handleCancel),this.windowListeners.add(fe.ContextMenu,sn),this.documentListeners.add(fe.Keydown,this.handleKeydown),r){if(n!=null&&n({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(ln(r)){this.timeoutId=setTimeout(this.handleStart,r.delay),this.handlePending(r);return}if(on(r)){this.handlePending(r);return}}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),this.timeoutId!==null&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handlePending(e,r){const{active:n,onPending:a}=this.props;a(n,e,this.initialCoordinates,r)}handleStart(){const{initialCoordinates:e}=this,{onStart:r}=this.props;e&&(this.activated=!0,this.documentListeners.add(fe.Click,_a,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(fe.SelectionChange,this.removeTextSelection),r(e))}handleMove(e){var r;const{activated:n,initialCoordinates:a,props:i}=this,{onMove:s,options:{activationConstraint:o}}=i;if(!a)return;const d=(r=Ut(e))!=null?r:ve,l=St(a,d);if(!n&&o){if(on(o)){if(o.tolerance!=null&&lr(l,o.tolerance))return this.handleCancel();if(lr(l,o.distance))return this.handleStart()}if(ln(o)&&lr(l,o.tolerance))return this.handleCancel();this.handlePending(o,l);return}e.cancelable&&e.preventDefault(),s(d)}handleEnd(){const{onAbort:e,onEnd:r}=this.props;this.detach(),this.activated||e(this.props.active),r()}handleCancel(){const{onAbort:e,onCancel:r}=this.props;this.detach(),this.activated||e(this.props.active),r()}handleKeydown(e){e.code===I.Esc&&this.handleCancel()}removeTextSelection(){var e;(e=this.document.getSelection())==null||e.removeAllRanges()}}const Wa={cancel:{name:"pointercancel"},move:{name:"pointermove"},end:{name:"pointerup"}};class zr extends Lr{constructor(e){const{event:r}=e,n=st(r.target);super(e,Wa,n)}}zr.activators=[{eventName:"onPointerDown",handler:(t,e)=>{let{nativeEvent:r}=t,{onActivation:n}=e;return!r.isPrimary||r.button!==0?!1:(n?.({event:r}),!0)}}];const Ha={move:{name:"mousemove"},end:{name:"mouseup"}};var gr;(function(t){t[t.RightClick=2]="RightClick"})(gr||(gr={}));class Ua extends Lr{constructor(e){super(e,Ha,st(e.event.target))}}Ua.activators=[{eventName:"onMouseDown",handler:(t,e)=>{let{nativeEvent:r}=t,{onActivation:n}=e;return r.button===gr.RightClick?!1:(n?.({event:r}),!0)}}];const cr={cancel:{name:"touchcancel"},move:{name:"touchmove"},end:{name:"touchend"}};class Fa extends Lr{constructor(e){super(e,cr)}static setup(){return window.addEventListener(cr.move.name,e,{capture:!1,passive:!1}),function(){window.removeEventListener(cr.move.name,e)};function e(){}}}Fa.activators=[{eventName:"onTouchStart",handler:(t,e)=>{let{nativeEvent:r}=t,{onActivation:n}=e;const{touches:a}=r;return a.length>1?!1:(n?.({event:r}),!0)}}];var wt;(function(t){t[t.Pointer=0]="Pointer",t[t.DraggableRect=1]="DraggableRect"})(wt||(wt={}));var Vt;(function(t){t[t.TreeOrder=0]="TreeOrder",t[t.ReversedTreeOrder=1]="ReversedTreeOrder"})(Vt||(Vt={}));function Va(t){let{acceleration:e,activator:r=wt.Pointer,canScroll:n,draggingRect:a,enabled:i,interval:s=5,order:o=Vt.TreeOrder,pointerCoordinates:d,scrollableAncestors:l,scrollableAncestorRects:c,delta:u,threshold:f}=t;const v=Ka({delta:u,disabled:!i}),[C,y]=sa(),b=p.useRef({x:0,y:0}),w=p.useRef({x:0,y:0}),x=p.useMemo(()=>{switch(r){case wt.Pointer:return d?{top:d.y,bottom:d.y,left:d.x,right:d.x}:null;case wt.DraggableRect:return a}},[r,a,d]),N=p.useRef(null),E=p.useCallback(()=>{const g=N.current;if(!g)return;const D=b.current.x*w.current.x,m=b.current.y*w.current.y;g.scrollBy(D,m)},[]),T=p.useMemo(()=>o===Vt.TreeOrder?[...l].reverse():l,[o,l]);p.useEffect(()=>{if(!i||!l.length||!x){y();return}for(const g of T){if(n?.(g)===!1)continue;const D=l.indexOf(g),m=c[D];if(!m)continue;const{direction:S,speed:M}=La(g,m,x,e,f);for(const j of["x","y"])v[j][S[j]]||(M[j]=0,S[j]=0);if(M.x>0||M.y>0){y(),N.current=g,C(E,s),b.current=M,w.current=S;return}}b.current={x:0,y:0},w.current={x:0,y:0},y()},[e,E,n,y,i,s,JSON.stringify(x),JSON.stringify(v),C,l,T,c,JSON.stringify(f)])}const Ga={x:{[K.Backward]:!1,[K.Forward]:!1},y:{[K.Backward]:!1,[K.Forward]:!1}};function Ka(t){let{delta:e,disabled:r}=t;const n=Ht(e);return jt(a=>{if(r||!n||!a)return Ga;const i={x:Math.sign(e.x-n.x),y:Math.sign(e.y-n.y)};return{x:{[K.Backward]:a.x[K.Backward]||i.x===-1,[K.Forward]:a.x[K.Forward]||i.x===1},y:{[K.Backward]:a.y[K.Backward]||i.y===-1,[K.Forward]:a.y[K.Forward]||i.y===1}}},[r,e,n])}function qa(t,e){const r=e!=null?t.get(e):void 0,n=r?r.node.current:null;return jt(a=>{var i;return e==null?null:(i=n??a)!=null?i:null},[n,e])}function Ja(t,e){return p.useMemo(()=>t.reduce((r,n)=>{const{sensor:a}=n,i=a.activators.map(s=>({eventName:s.eventName,handler:e(s.handler,n)}));return[...r,...i]},[]),[t,e])}var it;(function(t){t[t.Always=0]="Always",t[t.BeforeDragging=1]="BeforeDragging",t[t.WhileDragging=2]="WhileDragging"})(it||(it={}));var vr;(function(t){t.Optimized="optimized"})(vr||(vr={}));const cn=new Map;function Za(t,e){let{dragging:r,dependencies:n,config:a}=e;const[i,s]=p.useState(null),{frequency:o,measure:d,strategy:l}=a,c=p.useRef(t),u=b(),f=Nt(u),v=p.useCallback(function(w){w===void 0&&(w=[]),!f.current&&s(x=>x===null?w:x.concat(w.filter(N=>!x.includes(N))))},[f]),C=p.useRef(null),y=jt(w=>{if(u&&!r)return cn;if(!w||w===cn||c.current!==t||i!=null){const x=new Map;for(let N of t){if(!N)continue;if(i&&i.length>0&&!i.includes(N.id)&&N.rect.current){x.set(N.id,N.rect.current);continue}const E=N.node.current,T=E?new kr(d(E),E):null;N.rect.current=T,T&&x.set(N.id,T)}return x}return w},[t,i,r,u,d]);return p.useEffect(()=>{c.current=t},[t]),p.useEffect(()=>{u||v()},[r,u]),p.useEffect(()=>{i&&i.length>0&&s(null)},[JSON.stringify(i)]),p.useEffect(()=>{u||typeof o!="number"||C.current!==null||(C.current=setTimeout(()=>{v(),C.current=null},o))},[o,u,v,...n]),{droppableRects:y,measureDroppableContainers:v,measuringScheduled:i!=null};function b(){switch(l){case it.Always:return!1;case it.BeforeDragging:return r;default:return!r}}}function Pr(t,e){return jt(r=>t?r||(typeof e=="function"?e(t):t):null,[e,t])}function Qa(t,e){return Pr(t,e)}function es(t){let{callback:e,disabled:r}=t;const n=Zt(e),a=p.useMemo(()=>{if(r||typeof window>"u"||typeof window.MutationObserver>"u")return;const{MutationObserver:i}=window;return new i(n)},[n,r]);return p.useEffect(()=>()=>a?.disconnect(),[a]),a}function er(t){let{callback:e,disabled:r}=t;const n=Zt(e),a=p.useMemo(()=>{if(r||typeof window>"u"||typeof window.ResizeObserver>"u")return;const{ResizeObserver:i}=window;return new i(n)},[r]);return p.useEffect(()=>()=>a?.disconnect(),[a]),a}function ts(t){return new kr(ot(t),t)}function dn(t,e,r){e===void 0&&(e=ts);const[n,a]=p.useState(null);function i(){a(d=>{if(!t)return null;if(t.isConnected===!1){var l;return(l=d??r)!=null?l:null}const c=e(t);return JSON.stringify(d)===JSON.stringify(c)?d:c})}const s=es({callback(d){if(t)for(const l of d){const{type:c,target:u}=l;if(c==="childList"&&u instanceof HTMLElement&&u.contains(t)){i();break}}}}),o=er({callback:i});return ge(()=>{i(),t?(o?.observe(t),s?.observe(document.body,{childList:!0,subtree:!0})):(o?.disconnect(),s?.disconnect())},[t]),n}function rs(t){const e=Pr(t);return Vn(t,e)}const un=[];function ns(t){const e=p.useRef(t),r=jt(n=>t?n&&n!==un&&t&&e.current&&t.parentNode===e.current.parentNode?n:Qt(t):un,[t]);return p.useEffect(()=>{e.current=t},[t]),r}function is(t){const[e,r]=p.useState(null),n=p.useRef(t),a=p.useCallback(i=>{const s=or(i.target);s&&r(o=>o?(o.set(s,pr(s)),new Map(o)):null)},[]);return p.useEffect(()=>{const i=n.current;if(t!==i){s(i);const o=t.map(d=>{const l=or(d);return l?(l.addEventListener("scroll",a,{passive:!0}),[l,pr(l)]):null}).filter(d=>d!=null);r(o.length?new Map(o):null),n.current=t}return()=>{s(t),s(i)};function s(o){o.forEach(d=>{const l=or(d);l?.removeEventListener("scroll",a)})}},[a,t]),p.useMemo(()=>t.length?e?Array.from(e.values()).reduce((i,s)=>et(i,s),ve):ei(t):ve,[t,e])}function hn(t,e){e===void 0&&(e=[]);const r=p.useRef(null);return p.useEffect(()=>{r.current=null},e),p.useEffect(()=>{const n=t!==ve;n&&!r.current&&(r.current=t),!n&&r.current&&(r.current=null)},[t]),r.current?St(t,r.current):ve}function as(t){p.useEffect(()=>{if(!Jt)return;const e=t.map(r=>{let{sensor:n}=r;return n.setup==null?void 0:n.setup()});return()=>{for(const r of e)r?.()}},t.map(e=>{let{sensor:r}=e;return r}))}function ss(t,e){return p.useMemo(()=>t.reduce((r,n)=>{let{eventName:a,handler:i}=n;return r[a]=s=>{i(s,e)},r},{}),[t,e])}function ni(t){return p.useMemo(()=>t?Oa(t):null,[t])}const fn=[];function os(t,e){e===void 0&&(e=ot);const[r]=t,n=ni(r?ee(r):null),[a,i]=p.useState(fn);function s(){i(()=>t.length?t.map(d=>Zn(d)?n:new kr(e(d),d)):fn)}const o=er({callback:s});return ge(()=>{o?.disconnect(),s(),t.forEach(d=>o?.observe(d))},[t]),a}function ii(t){if(!t)return null;if(t.children.length>1)return t;const e=t.children[0];return Tt(e)?e:t}function ls(t){let{measure:e}=t;const[r,n]=p.useState(null),a=p.useCallback(l=>{for(const{target:c}of l)if(Tt(c)){n(u=>{const f=e(c);return u?{...u,width:f.width,height:f.height}:f});break}},[e]),i=er({callback:a}),s=p.useCallback(l=>{const c=ii(l);i?.disconnect(),c&&i?.observe(c),n(c?e(c):null)},[e,i]),[o,d]=Wt(s);return p.useMemo(()=>({nodeRef:o,rect:r,setRef:d}),[r,o,d])}const cs=[{sensor:zr,options:{}},{sensor:Ir,options:{}}],ds={current:{}},$t={draggable:{measure:an},droppable:{measure:an,strategy:it.WhileDragging,frequency:vr.Optimized},dragOverlay:{measure:ot}};class Dt extends Map{get(e){var r;return e!=null&&(r=super.get(e))!=null?r:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter(e=>{let{disabled:r}=e;return!r})}getNodeFor(e){var r,n;return(r=(n=this.get(e))==null?void 0:n.node.current)!=null?r:void 0}}const us={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Dt,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:Ft},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:$t,measureDroppableContainers:Ft,windowRect:null,measuringScheduled:!1},ai={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:Ft,draggableNodes:new Map,over:null,measureDroppableContainers:Ft},At=p.createContext(ai),si=p.createContext(us);function hs(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Dt}}}function fs(t,e){switch(e.type){case V.DragStart:return{...t,draggable:{...t.draggable,initialCoordinates:e.initialCoordinates,active:e.active}};case V.DragMove:return t.draggable.active==null?t:{...t,draggable:{...t.draggable,translate:{x:e.coordinates.x-t.draggable.initialCoordinates.x,y:e.coordinates.y-t.draggable.initialCoordinates.y}}};case V.DragEnd:case V.DragCancel:return{...t,draggable:{...t.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case V.RegisterDroppable:{const{element:r}=e,{id:n}=r,a=new Dt(t.droppable.containers);return a.set(n,r),{...t,droppable:{...t.droppable,containers:a}}}case V.SetDroppableDisabled:{const{id:r,key:n,disabled:a}=e,i=t.droppable.containers.get(r);if(!i||n!==i.key)return t;const s=new Dt(t.droppable.containers);return s.set(r,{...i,disabled:a}),{...t,droppable:{...t.droppable,containers:s}}}case V.UnregisterDroppable:{const{id:r,key:n}=e,a=t.droppable.containers.get(r);if(!a||n!==a.key)return t;const i=new Dt(t.droppable.containers);return i.delete(r),{...t,droppable:{...t.droppable,containers:i}}}default:return t}}function ps(t){let{disabled:e}=t;const{active:r,activatorEvent:n,draggableNodes:a}=p.useContext(At),i=Ht(n),s=Ht(r?.id);return p.useEffect(()=>{if(!e&&!n&&i&&s!=null){if(!Ot(i)||document.activeElement===i.target)return;const o=a.get(s);if(!o)return;const{activatorNode:d,node:l}=o;if(!d.current&&!l.current)return;requestAnimationFrame(()=>{for(const c of[d.current,l.current]){if(!c)continue;const u=ca(c);if(u){u.focus();break}}})}},[n,e,a,s,i]),null}function oi(t,e){let{transform:r,...n}=e;return t!=null&&t.length?t.reduce((a,i)=>i({transform:a,...n}),r):r}function gs(t){return p.useMemo(()=>({draggable:{...$t.draggable,...t?.draggable},droppable:{...$t.droppable,...t?.droppable},dragOverlay:{...$t.dragOverlay,...t?.dragOverlay}}),[t?.draggable,t?.droppable,t?.dragOverlay])}function vs(t){let{activeNode:e,measure:r,initialRect:n,config:a=!0}=t;const i=p.useRef(!1),{x:s,y:o}=typeof a=="boolean"?{x:a,y:a}:a;ge(()=>{if(!s&&!o||!e){i.current=!1;return}if(i.current||!n)return;const l=e?.node.current;if(!l||l.isConnected===!1)return;const c=r(l),u=Vn(c,n);if(s||(u.x=0),o||(u.y=0),i.current=!0,Math.abs(u.x)>0||Math.abs(u.y)>0){const f=Kn(l);f&&f.scrollBy({top:u.y,left:u.x})}},[e,s,o,n,r])}const tr=p.createContext({...ve,scaleX:1,scaleY:1});var Ie;(function(t){t[t.Uninitialized=0]="Uninitialized",t[t.Initializing=1]="Initializing",t[t.Initialized=2]="Initialized"})(Ie||(Ie={}));const ms=p.memo(function(e){var r,n,a,i;let{id:s,accessibility:o,autoScroll:d=!0,children:l,sensors:c=cs,collisionDetection:u=Sa,measuring:f,modifiers:v,...C}=e;const y=p.useReducer(fs,void 0,hs),[b,w]=y,[x,N]=ga(),[E,T]=p.useState(Ie.Uninitialized),g=E===Ie.Initialized,{draggable:{active:D,nodes:m,translate:S},droppable:{containers:M}}=b,j=D!=null?m.get(D):null,O=p.useRef({initial:null,translated:null}),z=p.useMemo(()=>{var Q;return D!=null?{id:D,data:(Q=j?.data)!=null?Q:ds,rect:O}:null},[D,j]),L=p.useRef(null),[P,q]=p.useState(null),[B,R]=p.useState(null),A=Nt(C,Object.values(C)),W=Rt("DndDescribedBy",s),J=p.useMemo(()=>M.getEnabled(),[M]),U=gs(f),{droppableRects:ce,measureDroppableContainers:Ce,measuringScheduled:Be}=Za(J,{dragging:g,dependencies:[S.x,S.y],config:U.droppable}),de=qa(m,D),kt=p.useMemo(()=>B?Ut(B):null,[B]),Me=_i(),Ne=Qa(de,U.draggable.measure);vs({activeNode:D!=null?m.get(D):null,config:Me.layoutShiftCompensation,initialRect:Ne,measure:U.draggable.measure});const $=dn(de,U.draggable.measure,Ne),lt=dn(de?de.parentElement:null),me=p.useRef({activatorEvent:null,active:null,activeNode:de,collisionRect:null,collisions:null,droppableRects:ce,draggableNodes:m,draggingNode:null,draggingNodeRect:null,droppableContainers:M,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),We=M.getNodeFor((r=me.current.over)==null?void 0:r.id),Se=ls({measure:U.dragOverlay.measure}),He=(n=Se.nodeRef.current)!=null?n:de,Ue=g?(a=Se.rect)!=null?a:$:null,Ur=!!(Se.nodeRef.current&&Se.rect),Fr=rs(Ur?null:$),nr=ni(He?ee(He):null),Te=ns(g?We??de:null),It=os(Te),Lt=oi(v,{transform:{x:S.x-Fr.x,y:S.y-Fr.y,scaleX:1,scaleY:1},activatorEvent:B,active:z,activeNodeRect:$,containerNodeRect:lt,draggingNodeRect:Ue,over:me.current.over,overlayNodeRect:Se.rect,scrollableAncestors:Te,scrollableAncestorRects:It,windowRect:nr}),Vr=kt?et(kt,S):null,Gr=is(Te),Ii=hn(Gr),Li=hn(Gr,[$]),Fe=et(Lt,Ii),Ve=Ue?Ta(Ue,Lt):null,ct=z&&Ve?u({active:z,collisionRect:Ve,droppableRects:ce,droppableContainers:J,pointerCoordinates:Vr}):null,Kr=Fn(ct,"id"),[je,qr]=p.useState(null),zi=Ur?Lt:et(Lt,Li),Pi=Ea(zi,(i=je?.rect)!=null?i:null,$),ir=p.useRef(null),Jr=p.useCallback((Q,ne)=>{let{sensor:ie,options:Re}=ne;if(L.current==null)return;const ue=m.get(L.current);if(!ue)return;const ae=Q.nativeEvent,be=new ie({active:L.current,activeNode:ue,event:ae,options:Re,context:me,onAbort(Z){if(!m.get(Z))return;const{onDragAbort:xe}=A.current,Ee={id:Z};xe?.(Ee),x({type:"onDragAbort",event:Ee})},onPending(Z,Oe,xe,Ee){if(!m.get(Z))return;const{onDragPending:ut}=A.current,Ae={id:Z,constraint:Oe,initialCoordinates:xe,offset:Ee};ut?.(Ae),x({type:"onDragPending",event:Ae})},onStart(Z){const Oe=L.current;if(Oe==null)return;const xe=m.get(Oe);if(!xe)return;const{onDragStart:Ee}=A.current,dt={activatorEvent:ae,active:{id:Oe,data:xe.data,rect:O}};bt.unstable_batchedUpdates(()=>{Ee?.(dt),T(Ie.Initializing),w({type:V.DragStart,initialCoordinates:Z,active:Oe}),x({type:"onDragStart",event:dt}),q(ir.current),R(ae)})},onMove(Z){w({type:V.DragMove,coordinates:Z})},onEnd:Ge(V.DragEnd),onCancel:Ge(V.DragCancel)});ir.current=be;function Ge(Z){return async function(){const{active:xe,collisions:Ee,over:dt,scrollAdjustedTranslate:ut}=me.current;let Ae=null;if(xe&&ut){const{cancelDrop:ht}=A.current;Ae={activatorEvent:ae,active:xe,collisions:Ee,delta:ut,over:dt},Z===V.DragEnd&&typeof ht=="function"&&await Promise.resolve(ht(Ae))&&(Z=V.DragCancel)}L.current=null,bt.unstable_batchedUpdates(()=>{w({type:Z}),T(Ie.Uninitialized),qr(null),q(null),R(null),ir.current=null;const ht=Z===V.DragEnd?"onDragEnd":"onDragCancel";if(Ae){const ar=A.current[ht];ar?.(Ae),x({type:ht,event:Ae})}})}}},[m]),Bi=p.useCallback((Q,ne)=>(ie,Re)=>{const ue=ie.nativeEvent,ae=m.get(Re);if(L.current!==null||!ae||ue.dndKit||ue.defaultPrevented)return;const be={active:ae};Q(ie,ne.options,be)===!0&&(ue.dndKit={capturedBy:ne.sensor},L.current=Re,Jr(ie,ne))},[m,Jr]),Zr=Ja(c,Bi);as(c),ge(()=>{$&&E===Ie.Initializing&&T(Ie.Initialized)},[$,E]),p.useEffect(()=>{const{onDragMove:Q}=A.current,{active:ne,activatorEvent:ie,collisions:Re,over:ue}=me.current;if(!ne||!ie)return;const ae={active:ne,activatorEvent:ie,collisions:Re,delta:{x:Fe.x,y:Fe.y},over:ue};bt.unstable_batchedUpdates(()=>{Q?.(ae),x({type:"onDragMove",event:ae})})},[Fe.x,Fe.y]),p.useEffect(()=>{const{active:Q,activatorEvent:ne,collisions:ie,droppableContainers:Re,scrollAdjustedTranslate:ue}=me.current;if(!Q||L.current==null||!ne||!ue)return;const{onDragOver:ae}=A.current,be=Re.get(Kr),Ge=be&&be.rect.current?{id:be.id,rect:be.rect.current,data:be.data,disabled:be.disabled}:null,Z={active:Q,activatorEvent:ne,collisions:ie,delta:{x:ue.x,y:ue.y},over:Ge};bt.unstable_batchedUpdates(()=>{qr(Ge),ae?.(Z),x({type:"onDragOver",event:Z})})},[Kr]),ge(()=>{me.current={activatorEvent:B,active:z,activeNode:de,collisionRect:Ve,collisions:ct,droppableRects:ce,draggableNodes:m,draggingNode:He,draggingNodeRect:Ue,droppableContainers:M,over:je,scrollableAncestors:Te,scrollAdjustedTranslate:Fe},O.current={initial:Ue,translated:Ve}},[z,de,ct,Ve,m,He,Ue,ce,M,je,Te,Fe]),Va({...Me,delta:S,draggingRect:Ve,pointerCoordinates:Vr,scrollableAncestors:Te,scrollableAncestorRects:It});const $i=p.useMemo(()=>({active:z,activeNode:de,activeNodeRect:$,activatorEvent:B,collisions:ct,containerNodeRect:lt,dragOverlay:Se,draggableNodes:m,droppableContainers:M,droppableRects:ce,over:je,measureDroppableContainers:Ce,scrollableAncestors:Te,scrollableAncestorRects:It,measuringConfiguration:U,measuringScheduled:Be,windowRect:nr}),[z,de,$,B,ct,lt,Se,m,M,ce,je,Ce,Te,It,U,Be,nr]),Xi=p.useMemo(()=>({activatorEvent:B,activators:Zr,active:z,activeNodeRect:$,ariaDescribedById:{draggable:W},dispatch:w,draggableNodes:m,over:je,measureDroppableContainers:Ce}),[B,Zr,z,$,w,W,m,je,Ce]);return X.createElement(Wn.Provider,{value:N},X.createElement(At.Provider,{value:Xi},X.createElement(si.Provider,{value:$i},X.createElement(tr.Provider,{value:Pi},l)),X.createElement(ps,{disabled:o?.restoreFocus===!1})),X.createElement(ba,{...o,hiddenTextDescribedById:W}));function _i(){const Q=P?.autoScrollEnabled===!1,ne=typeof d=="object"?d.enabled===!1:d===!1,ie=g&&!Q&&!ne;return typeof d=="object"?{...d,enabled:ie}:{enabled:ie}}}),bs=p.createContext(null),pn="button",xs="Draggable";function ys(t){let{id:e,data:r,disabled:n=!1,attributes:a}=t;const i=Rt(xs),{activators:s,activatorEvent:o,active:d,activeNodeRect:l,ariaDescribedById:c,draggableNodes:u,over:f}=p.useContext(At),{role:v=pn,roleDescription:C="draggable",tabIndex:y=0}=a??{},b=d?.id===e,w=p.useContext(b?tr:bs),[x,N]=Wt(),[E,T]=Wt(),g=ss(s,e),D=Nt(r);ge(()=>(u.set(e,{id:e,key:i,node:x,activatorNode:E,data:D}),()=>{const S=u.get(e);S&&S.key===i&&u.delete(e)}),[u,e]);const m=p.useMemo(()=>({role:v,tabIndex:y,"aria-disabled":n,"aria-pressed":b&&v===pn?!0:void 0,"aria-roledescription":C,"aria-describedby":c.draggable}),[n,v,y,b,C,c.draggable]);return{active:d,activatorEvent:o,activeNodeRect:l,attributes:m,isDragging:b,listeners:n?void 0:g,node:x,over:f,setNodeRef:N,setActivatorNodeRef:T,transform:w}}function Br(){return p.useContext(si)}const ws="Droppable",Ds={timeout:25};function Cs(t){let{data:e,disabled:r=!1,id:n,resizeObserverConfig:a}=t;const i=Rt(ws),{active:s,dispatch:o,over:d,measureDroppableContainers:l}=p.useContext(At),c=p.useRef({disabled:r}),u=p.useRef(!1),f=p.useRef(null),v=p.useRef(null),{disabled:C,updateMeasurementsFor:y,timeout:b}={...Ds,...a},w=Nt(y??n),x=p.useCallback(()=>{if(!u.current){u.current=!0;return}v.current!=null&&clearTimeout(v.current),v.current=setTimeout(()=>{l(Array.isArray(w.current)?w.current:[w.current]),v.current=null},b)},[b]),N=er({callback:x,disabled:C||!s}),E=p.useCallback((m,S)=>{N&&(S&&(N.unobserve(S),u.current=!1),m&&N.observe(m))},[N]),[T,g]=Wt(E),D=Nt(e);return p.useEffect(()=>{!N||!T.current||(N.disconnect(),u.current=!1,N.observe(T.current))},[T,N]),p.useEffect(()=>(o({type:V.RegisterDroppable,element:{id:n,key:i,disabled:r,node:T,rect:f,data:D}}),()=>o({type:V.UnregisterDroppable,key:i,id:n})),[n]),p.useEffect(()=>{r!==c.current.disabled&&(o({type:V.SetDroppableDisabled,id:n,key:i,disabled:r}),c.current.disabled=r)},[n,i,r,o]),{active:s,rect:f,isOver:d?.id===n,node:T,over:d,setNodeRef:g}}function Ns(t){let{animation:e,children:r}=t;const[n,a]=p.useState(null),[i,s]=p.useState(null),o=Ht(r);return!r&&!n&&o&&a(o),ge(()=>{if(!i)return;const d=n?.key,l=n?.props.id;if(d==null||l==null){a(null);return}Promise.resolve(e(l,i)).then(()=>{a(null)})},[e,n,i]),X.createElement(X.Fragment,null,r,n?p.cloneElement(n,{ref:s}):null)}const Ss={x:0,y:0,scaleX:1,scaleY:1};function Es(t){let{children:e}=t;return X.createElement(At.Provider,{value:ai},X.createElement(tr.Provider,{value:Ss},e))}const Ms={position:"fixed",touchAction:"none"},Ts=t=>Ot(t)?"transform 250ms ease":void 0,js=p.forwardRef((t,e)=>{let{as:r,activatorEvent:n,adjustScale:a,children:i,className:s,rect:o,style:d,transform:l,transition:c=Ts}=t;if(!o)return null;const u=a?l:{...l,scaleX:1,scaleY:1},f={...Ms,width:o.width,height:o.height,top:o.top,left:o.left,transform:we.Transform.toString(u),transformOrigin:a&&n?ya(n,o):void 0,transition:typeof c=="function"?c(n):c,...d};return X.createElement(r,{className:s,style:f,ref:e},i)}),li=t=>e=>{let{active:r,dragOverlay:n}=e;const a={},{styles:i,className:s}=t;if(i!=null&&i.active)for(const[o,d]of Object.entries(i.active))d!==void 0&&(a[o]=r.node.style.getPropertyValue(o),r.node.style.setProperty(o,d));if(i!=null&&i.dragOverlay)for(const[o,d]of Object.entries(i.dragOverlay))d!==void 0&&n.node.style.setProperty(o,d);return s!=null&&s.active&&r.node.classList.add(s.active),s!=null&&s.dragOverlay&&n.node.classList.add(s.dragOverlay),function(){for(const[d,l]of Object.entries(a))r.node.style.setProperty(d,l);s!=null&&s.active&&r.node.classList.remove(s.active)}},Rs=t=>{let{transform:{initial:e,final:r}}=t;return[{transform:we.Transform.toString(e)},{transform:we.Transform.toString(r)}]},Os={duration:250,easing:"ease",keyframes:Rs,sideEffects:li({styles:{active:{opacity:"0"}}})};function As(t){let{config:e,draggableNodes:r,droppableContainers:n,measuringConfiguration:a}=t;return Zt((i,s)=>{if(e===null)return;const o=r.get(i);if(!o)return;const d=o.node.current;if(!d)return;const l=ii(s);if(!l)return;const{transform:c}=ee(s).getComputedStyle(s),u=Gn(c);if(!u)return;const f=typeof e=="function"?e:ks(e);return ti(d,a.draggable.measure),f({active:{id:i,data:o.data,node:d,rect:a.draggable.measure(d)},draggableNodes:r,dragOverlay:{node:s,rect:a.dragOverlay.measure(l)},droppableContainers:n,measuringConfiguration:a,transform:u})})}function ks(t){const{duration:e,easing:r,sideEffects:n,keyframes:a}={...Os,...t};return i=>{let{active:s,dragOverlay:o,transform:d,...l}=i;if(!e)return;const c={x:o.rect.left-s.rect.left,y:o.rect.top-s.rect.top},u={scaleX:d.scaleX!==1?s.rect.width*d.scaleX/o.rect.width:1,scaleY:d.scaleY!==1?s.rect.height*d.scaleY/o.rect.height:1},f={x:d.x-c.x,y:d.y-c.y,...u},v=a({...l,active:s,dragOverlay:o,transform:{initial:d,final:f}}),[C]=v,y=v[v.length-1];if(JSON.stringify(C)===JSON.stringify(y))return;const b=n?.({active:s,dragOverlay:o,...l}),w=o.node.animate(v,{duration:e,easing:r,fill:"forwards"});return new Promise(x=>{w.onfinish=()=>{b?.(),x()}})}}let gn=0;function Is(t){return p.useMemo(()=>{if(t!=null)return gn++,gn},[t])}const Ls=X.memo(t=>{let{adjustScale:e=!1,children:r,dropAnimation:n,style:a,transition:i,modifiers:s,wrapperElement:o="div",className:d,zIndex:l=999}=t;const{activatorEvent:c,active:u,activeNodeRect:f,containerNodeRect:v,draggableNodes:C,droppableContainers:y,dragOverlay:b,over:w,measuringConfiguration:x,scrollableAncestors:N,scrollableAncestorRects:E,windowRect:T}=Br(),g=p.useContext(tr),D=Is(u?.id),m=oi(s,{activatorEvent:c,active:u,activeNodeRect:f,containerNodeRect:v,draggingNodeRect:b.rect,over:w,overlayNodeRect:b.rect,scrollableAncestors:N,scrollableAncestorRects:E,transform:g,windowRect:T}),S=Pr(f),M=As({config:n,draggableNodes:C,droppableContainers:y,measuringConfiguration:x}),j=S?b.setRef:void 0;return X.createElement(Es,null,X.createElement(Ns,{animation:M},u&&D?X.createElement(js,{key:D,id:u.id,ref:j,as:o,activatorEvent:c,adjustScale:e,className:d,transition:i,rect:S,style:{zIndex:l,...a},transform:m},r):null))});function $r(t,e,r){const n=t.slice();return n.splice(r<0?n.length+r:r,0,n.splice(e,1)[0]),n}function zs(t,e){return t.reduce((r,n,a)=>{const i=e.get(n);return i&&(r[a]=i),r},Array(t.length))}function zt(t){return t!==null&&t>=0}function Ps(t,e){if(t===e)return!0;if(t.length!==e.length)return!1;for(let r=0;r<t.length;r++)if(t[r]!==e[r])return!1;return!0}function Bs(t){return typeof t=="boolean"?{draggable:t,droppable:t}:t}const ci=t=>{let{rects:e,activeIndex:r,overIndex:n,index:a}=t;const i=$r(e,n,r),s=e[a],o=i[a];return!o||!s?null:{x:o.left-s.left,y:o.top-s.top,scaleX:o.width/s.width,scaleY:o.height/s.height}},di="Sortable",ui=X.createContext({activeIndex:-1,containerId:di,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:ci,disabled:{draggable:!1,droppable:!1}});function $s(t){let{children:e,id:r,items:n,strategy:a=ci,disabled:i=!1}=t;const{active:s,dragOverlay:o,droppableRects:d,over:l,measureDroppableContainers:c}=Br(),u=Rt(di,r),f=o.rect!==null,v=p.useMemo(()=>n.map(g=>typeof g=="object"&&"id"in g?g.id:g),[n]),C=s!=null,y=s?v.indexOf(s.id):-1,b=l?v.indexOf(l.id):-1,w=p.useRef(v),x=!Ps(v,w.current),N=b!==-1&&y===-1||x,E=Bs(i);ge(()=>{x&&C&&c(v)},[x,v,C,c]),p.useEffect(()=>{w.current=v},[v]);const T=p.useMemo(()=>({activeIndex:y,containerId:u,disabled:E,disableTransforms:N,items:v,overIndex:b,useDragOverlay:f,sortedRects:zs(v,d),strategy:a}),[y,u,E.draggable,E.droppable,N,v,b,d,f,a]);return X.createElement(ui.Provider,{value:T},e)}const Xs=t=>{let{id:e,items:r,activeIndex:n,overIndex:a}=t;return $r(r,n,a).indexOf(e)},_s=t=>{let{containerId:e,isSorting:r,wasDragging:n,index:a,items:i,newIndex:s,previousItems:o,previousContainerId:d,transition:l}=t;return!l||!n||o!==i&&a===s?!1:r?!0:s!==a&&e===d},Ys={duration:200,easing:"ease"},hi="transform",Ws=we.Transition.toString({property:hi,duration:0,easing:"linear"}),Hs={roleDescription:"sortable"};function Us(t){let{disabled:e,index:r,node:n,rect:a}=t;const[i,s]=p.useState(null),o=p.useRef(r);return ge(()=>{if(!e&&r!==o.current&&n.current){const d=a.current;if(d){const l=ot(n.current,{ignoreTransform:!0}),c={x:d.left-l.left,y:d.top-l.top,scaleX:d.width/l.width,scaleY:d.height/l.height};(c.x||c.y)&&s(c)}}r!==o.current&&(o.current=r)},[e,r,n,a]),p.useEffect(()=>{i&&s(null)},[i]),i}function Fs(t){let{animateLayoutChanges:e=_s,attributes:r,disabled:n,data:a,getNewIndex:i=Xs,id:s,strategy:o,resizeObserverConfig:d,transition:l=Ys}=t;const{items:c,containerId:u,activeIndex:f,disabled:v,disableTransforms:C,sortedRects:y,overIndex:b,useDragOverlay:w,strategy:x}=p.useContext(ui),N=Vs(n,v),E=c.indexOf(s),T=p.useMemo(()=>({sortable:{containerId:u,index:E,items:c},...a}),[u,a,E,c]),g=p.useMemo(()=>c.slice(c.indexOf(s)),[c,s]),{rect:D,node:m,isOver:S,setNodeRef:M}=Cs({id:s,data:T,disabled:N.droppable,resizeObserverConfig:{updateMeasurementsFor:g,...d}}),{active:j,activatorEvent:O,activeNodeRect:z,attributes:L,setNodeRef:P,listeners:q,isDragging:B,over:R,setActivatorNodeRef:A,transform:W}=ys({id:s,data:T,attributes:{...Hs,...r},disabled:N.draggable}),J=aa(M,P),U=!!j,ce=U&&!C&&zt(f)&&zt(b),Ce=!w&&B,Be=Ce&&ce?W:null,kt=ce?Be??(o??x)({rects:y,activeNodeRect:z,activeIndex:f,overIndex:b,index:E}):null,Me=zt(f)&&zt(b)?i({id:s,items:c,activeIndex:f,overIndex:b}):E,Ne=j?.id,$=p.useRef({activeId:Ne,items:c,newIndex:Me,containerId:u}),lt=c!==$.current.items,me=e({active:j,containerId:u,isDragging:B,isSorting:U,id:s,index:E,items:c,newIndex:$.current.newIndex,previousItems:$.current.items,previousContainerId:$.current.containerId,transition:l,wasDragging:$.current.activeId!=null}),We=Us({disabled:!me,index:E,node:m,rect:D});return p.useEffect(()=>{U&&$.current.newIndex!==Me&&($.current.newIndex=Me),u!==$.current.containerId&&($.current.containerId=u),c!==$.current.items&&($.current.items=c)},[U,Me,u,c]),p.useEffect(()=>{if(Ne===$.current.activeId)return;if(Ne!=null&&$.current.activeId==null){$.current.activeId=Ne;return}const He=setTimeout(()=>{$.current.activeId=Ne},50);return()=>clearTimeout(He)},[Ne]),{active:j,activeIndex:f,attributes:L,data:T,rect:D,index:E,newIndex:Me,items:c,isOver:S,isSorting:U,isDragging:B,listeners:q,node:m,overIndex:b,over:R,setNodeRef:J,setActivatorNodeRef:A,setDroppableNodeRef:M,setDraggableNodeRef:P,transform:We??kt,transition:Se()};function Se(){if(We||lt&&$.current.newIndex===E)return Ws;if(!(Ce&&!Ot(O)||!l)&&(U||me))return we.Transition.toString({...l,property:hi})}}function Vs(t,e){var r,n;return typeof t=="boolean"?{draggable:t,droppable:!1}:{draggable:(r=t?.draggable)!=null?r:e.draggable,droppable:(n=t?.droppable)!=null?n:e.droppable}}function Gt(t){if(!t)return!1;const e=t.data.current;return!!(e&&"sortable"in e&&typeof e.sortable=="object"&&"containerId"in e.sortable&&"items"in e.sortable&&"index"in e.sortable)}const Gs=[I.Down,I.Right,I.Up,I.Left],Ks=(t,e)=>{let{context:{active:r,collisionRect:n,droppableRects:a,droppableContainers:i,over:s,scrollableAncestors:o}}=e;if(Gs.includes(t.code)){if(t.preventDefault(),!r||!n)return;const d=[];i.getEnabled().forEach(u=>{if(!u||u!=null&&u.disabled)return;const f=a.get(u.id);if(f)switch(t.code){case I.Down:n.top<f.top&&d.push(u);break;case I.Up:n.top>f.top&&d.push(u);break;case I.Left:n.left>f.left&&d.push(u);break;case I.Right:n.left<f.left&&d.push(u);break}});const l=Ca({collisionRect:n,droppableRects:a,droppableContainers:d});let c=Fn(l,"id");if(c===s?.id&&l.length>1&&(c=l[1].id),c!=null){const u=i.get(r.id),f=i.get(c),v=f?a.get(f.id):null,C=f?.node.current;if(C&&v&&u&&f){const b=Qt(C).some((g,D)=>o[D]!==g),w=fi(u,f),x=qs(u,f),N=b||!w?{x:0,y:0}:{x:x?n.width-v.width:0,y:x?n.height-v.height:0},E={x:v.left,y:v.top};return N.x&&N.y?E:St(E,N)}}}};function fi(t,e){return!Gt(t)||!Gt(e)?!1:t.data.current.sortable.containerId===e.data.current.sortable.containerId}function qs(t,e){return!Gt(t)||!Gt(e)||!fi(t,e)?!1:t.data.current.sortable.index<e.data.current.sortable.index}const Js="_Pages_m1fyy_1",Zs="_horizontal_m1fyy_7",Qs="_grid_m1fyy_12",vn={Pages:Js,horizontal:Zs,grid:Qs},eo="_Loader_hxraa_18",pi={Loader:eo},gi=({callback:t,messages:e,name:r})=>{const n=p.useRef(null),[a,i]=p.useState(!1),[s,o]=p.useState(""),{uploadUrl:d,group:l,accept:c}=p.useContext(Pe),u=()=>{o("")},f=b=>{const w=b.type,x=b.name;return c.some(N=>{if(N.startsWith("."))return x.toLowerCase().endsWith(N.toLowerCase());if(N.endsWith("/*")){const E=N.slice(0,-1);return w.startsWith(E)}else return w===N})},v=async b=>{b.preventDefault(),b.stopPropagation(),i(!0);const w=Array.from(b.dataTransfer.files);for(const x of w){if(!f(x)){i(!1),o(e["File type not allowed"]||`File type not allowed: ${x.name}`);return}await y(x)}},C=async b=>{if(b.stopPropagation(),b.target.files){const w=Array.from(b.target.files);for(const x of w){if(!f(x)){o(`${e["File type are not supported"]} .${x.name.split(".").pop()?.toLowerCase()}`);return}i(!0),await y(x)}}},y=async b=>{try{const w=new FormData;w.append("name",b.name),w.append("group",l),w.append("file",b);const x=await le.post(`${d}/upload`,w,{headers:{"Content-Type":"multipart/form-data"}});if(x.data.msg==="success"){i(!1),t(x.data.data[0]);return}i(!1),o(x.data.error||"Upload failed")}catch(w){i(!1);const x=w;if(x.response){const N=x.response.data,E=typeof N=="string"?N:N?.error||N?.message||x.response.statusText;o(E||`Error: ${x.response.status??"unknown"}`)}else x.request?o("No response from server"):o("Request setup error");console.error(w)}};return h.jsxs("div",{className:"mt-2",children:[s&&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:s})]}),h.jsx("div",{onClick:u,className:"cursor-pointer hover:opacity-80 transition-opacity",children:h.jsx(In,{})})]})}),h.jsxs("div",{className:"relative",children:[h.jsx("div",{onDrop:v,onDragOver:b=>b.preventDefault(),className:`flex items-center justify-center w-full ${a?"opacity-30":""}`,children:h.jsxs("label",{htmlFor:`dropzone-file-${r}`,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-${r}`,type:"file",ref:n,onChange:C,className:"hidden",multiple:!0,accept:c.join(",")},`dropzone-file-${r}`)]})}),a&&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`})]})]})},to=new Set(["image/gif","image/jpeg","image/png","image/webp"]),vi=({media:t,className:e,messages:r,openMeta:n,crop:a,openVariant:i,destroy:s})=>{const{imageUrl:o,uploadUrl:d,addMedia:l,removeMedia:c,checkMedia:u}=p.useContext(Pe),[f,v]=p.useState(!1),C=u(t),y=()=>{const x=window.bindPublic?`/public${t.url}`:t.url;window.open(x,"_blank")?.focus()},b=async()=>{const x=await le.delete(d,{item:t});x.data.type==="success"?s(t):alert(x.data.msg)},w=()=>{C?c(t):l(t)};return h.jsxs(h.Fragment,{children:[h.jsxs(Yi,{children:[h.jsx(Wi,{children:h.jsxs("div",{className:"relative cursor-pointer w-fit",children:[C&&h.jsx("div",{className:"absolute top-0 left-0 z-10 w-[20px] h-[20px] bg-white flex items-center justify-center",children:h.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 1200 1200",children:h.jsx("path",{fill:"currentColor",d:"m1004.237 99.152l-611.44 611.441l-198.305-198.305L0 706.779l198.305 198.306l195.762 195.763L588.56 906.355L1200 294.916z"})})}),h.jsx("img",{className:Ln("w-full h-full",e),src:o(t),alt:"",onClick:w})]})}),h.jsxs(Hi,{className:"z-[1005]",children:[h.jsx(ft,{onClick:()=>n(t),children:r["Meta data"]}),h.jsx(ft,{onClick:()=>y(),children:r.View}),to.has(t.mimeType)&&h.jsx(ft,{onClick:()=>a(t),children:r.Crop}),h.jsx(ft,{onClick:()=>i(t),children:r.Variants}),h.jsx(ft,{variant:"destructive",onClick:()=>v(!0),children:r.Delete})]})]}),h.jsx(Mr,{open:f,onOpenChange:x=>{v(x),x||setTimeout(()=>{document.body.removeAttribute("style")},300)},children:h.jsxs(Tr,{className:"z-[1022]",children:[h.jsx(jr,{children:h.jsx(Rr,{children:r.Delete})}),h.jsxs(zn,{children:[h.jsx(Xt,{asChild:!0,children:h.jsx(F,{variant:"destructive",asChild:!0,onClick:b,children:h.jsx("span",{children:r.Yes})})}),h.jsx(Xt,{asChild:!0,children:h.jsx(F,{type:"button",variant:"secondary",children:r.No})})]})]})})]})},ro=({mediaList:t,messages:e,openMeta:r,crop:n,openVariant:a,destroy:i})=>h.jsx("div",{className:"grid grid-cols-[repeat(auto-fill,_150px)] gap-2 justify-start",children:t.map(s=>h.jsx("div",{children:h.jsx(vi,{media:s,messages:e,openMeta:r,crop:n,openVariant:a,destroy:i,className:"max-w-[150px]"})},s.id))}),no=new Set(["image/gif","image/jpeg","image/png","image/webp"]),io=({mediaList:t,messages:e,openMeta:r,crop:n,openVariant:a,destroy:i})=>{const s=l=>new Date(l).toLocaleDateString(),o=l=>l.url.split(/[#?]/)[0].split(".").pop()?.toLowerCase().trim(),d=l=>{let c=l?.find(u=>u.key==="imageSizes");return c?`${c.value.width}x${c.value.height}`:"---"};return 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(se,{className:"p-2 text-left",children:e.File}),h.jsx(se,{className:"p-2 text-left",children:e.Name}),h.jsx(se,{className:"p-2 text-left",children:e.Date}),h.jsx(se,{className:"p-2 text-left",children:e.Type}),h.jsx(se,{className:"p-2 text-left",children:e["Size (orig.)"]}),h.jsx(se,{className:"p-2 text-left",children:e["W x H (orig.)"]}),h.jsx(se,{className:"p-2 text-left",children:e.Sizes}),h.jsx(se,{className:"p-2 text-left",children:e.Locales})]})}),h.jsx($n,{children:t.map(l=>h.jsxs(_t,{children:[h.jsx(oe,{className:"p-2",children:h.jsx(vi,{media:l,messages:e,openMeta:r,crop:n,openVariant:a,destroy:i,className:"max-w-[75px]"})}),h.jsx(oe,{className:"p-2",children:l.filename}),h.jsx(oe,{className:"p-2",children:s(l.createdAt)}),h.jsx(oe,{className:"p-2",children:o(l)}),h.jsxs(oe,{className:"p-2",children:[(l.size/1024/1024).toFixed(4),"Mb"]}),h.jsx(oe,{className:"p-2",children:d(l.meta)}),h.jsx(oe,{className:"p-2",children:l.variants.length>0?l.variants.map(c=>h.jsx("div",{children:no.has(c.mimeType)?h.jsx("div",{children:d(c.meta)}):/^ver:/.test(c.tag)&&c.tag},c.id)):h.jsx("span",{children:"---"})}),h.jsx(oe,{className:"p-2",children:l.variants.length>0?l.variants.map(c=>h.jsx("div",{children:/^loc:/.test(c.tag)&&c.tag.replace("loc:","")},c.id)):h.jsx("span",{children:"---"})})]},l.id))})]})},mi=p.forwardRef(({openMeta:t,crop:e,openVariant:r,messages:n},a)=>{const[i,s]=p.useState("tile-all"),[o,d]=p.useState("all"),{uploadUrl:l,group:c,initTab:u}=p.useContext(Pe),[f,v]=p.useState(15),[C,y]=p.useState([]),[b,w]=p.useState(!1),[x,N]=p.useState(0),[E,T]=p.useState(!0),[g,D]=p.useState(null),m=async R=>{const{data:A}=await le.get(`${l}?count=${f}&skip=0&type=${R}&group=${c}`);y(A.data),T(!1),w(A.next)};p.useEffect(()=>{s(u||"tile-all")},[u]),p.useEffect(()=>{(async()=>{try{T(!0),await m("all")}catch(A){console.error("Error initializing media:",A)}})()},[]);const S=R=>{N(A=>A+1),y(A=>[R,...A])},M=(R,A)=>{y(W=>W.map(J=>J.id===R.id?{...J,variants:[...J.variants,A]}:J))},j=(R,A)=>{y(W=>W.map(J=>J.id===R.id?{...J,variants:J.variants.filter(U=>U.id!==A.id)}:J))};p.useImperativeHandle(a,()=>({pushMediaItem:S,addVariant:M,destroyVariant:j}));const O=async(R,A)=>{D(A),y([]),T(!0),N(0),d(R);try{const{data:W}=await le.get(`${l}?count=${f}&skip=0&type=${R}&group=${c}`);y(W.data),w(W.next),s(A)}catch(W){console.error(W)}finally{T(!1),D(null)}},z=async()=>{T(!0);try{const R=x+f,{data:A}=await le.get(`${l}?count=${f}&skip=${R}&type=${o}&group=${c}`);y(W=>[...W,...A.data]),w(A.next),N(R)}catch(R){console.error("Error media load:",R)}finally{T(!1)}},L=R=>{y(A=>A.filter(W=>W.id!==R.id))},P=async R=>{if(T(!0),y([]),R.length>0){w(!1),N(0);try{let A=await le.post(l,{_method:"search",type:o,group:c,s:R});y(A.data.data)}catch(A){console.log(A)}finally{T(!1)}}else await m(o)},q=ia(P,500),B=R=>E&&C.length===0?h.jsx(nt,{className:"mx-auto mt-14 size-12 animate-spin"}):C.length===0?h.jsx("div",{className:"text-center font-medium mt-8",children:n["No media found"]}):R==="tile"?h.jsx(ro,{mediaList:C,messages:n,openMeta:t,crop:e,openVariant:r,destroy:L}):h.jsx(io,{mediaList:C,messages:n,openMeta:t,crop:e,openVariant:r,destroy:L});return h.jsx("div",{className:"flex justify-between mt-8 gap-4 px-2 pb-4",children:h.jsxs(Ui,{value:i,className:"w-full",children:[h.jsxs("div",{className:"flex gap-4 mb-4 flex-wrap md:flex-nowrap",children:[h.jsx(qt,{type:"search",placeholder:n.Search,onChange:R=>{q(R.target.value)},onKeyDown:R=>{R.key==="Enter"&&(R.preventDefault(),P(R.currentTarget.value))},className:"w-[200px] p-2 border rounded"}),h.jsxs(Fi,{className:"sm:w-full",children:[h.jsx(Ke,{className:"text-[12px] sm:text-sm",value:"tile-image",onClick:()=>O("image","tile-image"),disabled:!!g,children:n.Images}),h.jsx(Ke,{className:"text-[12px] sm:text-sm",value:"table-video",onClick:()=>O("video","table-video"),disabled:!!g,children:n.Videos}),h.jsx(Ke,{className:"text-[12px] sm:text-sm",value:"table-text",onClick:()=>O("text","table-text"),disabled:!!g,children:n.Texts}),h.jsx(Ke,{className:"text-[12px] sm:text-sm",value:"table-application",onClick:()=>O("application","table-application"),disabled:!!g,children:n.Applications}),h.jsx(Ke,{className:"text-[12px] sm:text-sm",value:"table-all",onClick:()=>O("all","table-all"),disabled:!!g,children:n.Table}),h.jsx(Ke,{className:"text-[12px] sm:text-sm",value:"tile-all",onClick:()=>O("all","tile-all"),disabled:!!g,children:n.Tile})]})]}),h.jsx(qe,{value:"tile-image",children:B("tile")}),h.jsx(qe,{value:"table-video",children:B("table")}),h.jsx(qe,{value:"table-text",children:B("table")}),h.jsx(qe,{value:"table-application",children:B("table")}),h.jsx(qe,{value:"tile-all",children:B("tile")}),h.jsx(qe,{value:"table-all",children:B("table")}),b&&!g&&h.jsxs("div",{className:"mt-4 mx-auto relative",children:[h.jsx(F,{className:"w-fit",onClick:z,disabled:E,children:n["Load more"]}),E&&h.jsx(nt,{className:"size-6 animate-spin absolute -right-7 top-1/2 -translate-y-1/2"})]})]})})});mi.displayName="Gallery";const ao=({media:t,callback:e})=>{const{uploadUrl:r}=p.useContext(Pe),[n,a]=p.useState([]),[i,s]=p.useState(!0);p.useEffect(()=>{a([]),t&&(async()=>{try{const c=await le.post(r,{item:t,_method:"getMeta"});a(c.data.data)}catch(c){console.error("Error fetching meta:",c)}finally{s(!1)}})()},[t]);const o=l=>l.charAt(0).toUpperCase()+l.slice(1),d=async l=>{s(!0),l.preventDefault(),l.stopPropagation();const c=new FormData(l.currentTarget),u=Object.fromEntries(c.entries());try{(await le.post(r,{item:t,data:u,_method:"addMeta"})).data.massage==="ok"&&(s(!1),e())}catch(f){console.error("Error saving meta:",f)}};return h.jsxs("form",{className:"flex flex-col gap-4 px-4",onSubmit:d,id:"form-meta",children:[n.length>0&&n.map(l=>h.jsxs("div",{className:"flex flex-col gap-4",children:[h.jsx(xt,{htmlFor:l.key,children:o(l.key)}),h.jsx(qt,{id:l.key,name:l.key,defaultValue:l.value,disabled:i})]},l.key)),h.jsxs("div",{className:"flex gap-2 items-center mt-8",children:[h.jsx(F,{className:"w-fit",type:"submit",form:"form-meta",disabled:i,children:"Save"}),i&&h.jsx(nt,{className:"size-5 animate-spin"})]})]})};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 bi(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){co(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 so(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 xi(t){var e=so(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 oo(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,xi(n.key),n)}}function lo(t,e,r){return e&&bn(t.prototype,e),r&&bn(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}function co(t,e,r){return e=xi(e),e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function yi(t){return uo(t)||ho(t)||fo(t)||po()}function uo(t){if(Array.isArray(t))return br(t)}function ho(t){if(typeof Symbol<"u"&&t[Symbol.iterator]!=null||t["@@iterator"]!=null)return Array.from(t)}function fo(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 po(){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",De=rr?window:{},Xr=rr&&De.document.documentElement?"ontouchstart"in De.document.documentElement:!1,_r=rr?"PointerEvent"in De:!1,_="cropper",Yr="all",wi="crop",Di="move",Ci="zoom",$e="e",Xe="w",Je="s",ke="n",pt="ne",gt="nw",vt="se",mt="sw",xr="".concat(_,"-crop"),xn="".concat(_,"-disabled"),re="".concat(_,"-hidden"),yn="".concat(_,"-hide"),go="".concat(_,"-invisible"),Kt="".concat(_,"-modal"),yr="".concat(_,"-move"),Et="".concat(_,"Action"),Pt="".concat(_,"Preview"),Wr="crop",Ni="move",Si="none",wr="crop",Dr="cropend",Cr="cropmove",Nr="cropstart",wn="dblclick",vo=Xr?"touchstart":"mousedown",mo=Xr?"touchmove":"mousemove",bo=Xr?"touchend touchcancel":"mouseup",Dn=_r?"pointerdown":vo,Cn=_r?"pointermove":mo,Nn=_r?"pointerup pointercancel":bo,Sn="ready",En="resize",Mn="wheel",Sr="zoom",Tn="image/jpeg",xo=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,yo=/^data:/,wo=/^data:image\/jpeg;base64,/,Do=/^img|canvas$/i,Ei=200,Mi=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:Mi,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},Co='<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>',No=Number.isNaN||De.isNaN;function k(t){return typeof t=="number"&&!No(t)}var Rn=function(e){return e>0&&e<1/0};function dr(t){return typeof t>"u"}function Ye(t){return mr(t)==="object"&&t!==null}var So=Object.prototype.hasOwnProperty;function Ze(t){if(!Ye(t))return!1;try{var e=t.constructor,r=e.prototype;return e&&r&&So.call(r,"isPrototypeOf")}catch{return!1}}function te(t){return typeof t=="function"}var Eo=Array.prototype.slice;function Ti(t){return Array.from?Array.from(t):Eo.call(t)}function H(t,e){return t&&te(e)&&(Array.isArray(t)||k(t.length)?Ti(t).forEach(function(r,n){e.call(t,r,n,t)}):Ye(t)&&Object.keys(t).forEach(function(r){e.call(t,t[r],r,t)})),t}var Y=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 Ye(e)&&n.length>0&&n.forEach(function(i){Ye(i)&&Object.keys(i).forEach(function(s){e[s]=i[s]})}),e},Mo=/\.\d*(?:0|9){12}\d*$/;function tt(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1e11;return Mo.test(t)?Math.round(t*e)/e:t}var To=/^width|height|left|top|marginLeft|marginTop$/;function Le(t,e){var r=t.style;H(e,function(n,a){To.test(a)&&k(n)&&(n="".concat(n,"px")),r[a]=n})}function jo(t,e){return t.classList?t.classList.contains(e):t.className.indexOf(e)>-1}function G(t,e){if(e){if(k(t.length)){H(t,function(n){G(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 ye(t,e){if(e){if(k(t.length)){H(t,function(r){ye(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(k(t.length)){H(t,function(n){Qe(n,e,r)});return}r?G(t,e):ye(t,e)}}var Ro=/([a-z\d])([A-Z])/g;function Hr(t){return t.replace(Ro,"$1-$2").toLowerCase()}function Er(t,e){return Ye(t[e])?t[e]:t.dataset?t.dataset[e]:t.getAttribute("data-".concat(Hr(e)))}function Mt(t,e,r){Ye(r)?t[e]=r:t.dataset?t.dataset[e]=r:t.setAttribute("data-".concat(Hr(e)),r)}function Oo(t,e){if(Ye(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 ji=/\s\s*/,Ri=(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}});De.addEventListener("test",r,n),De.removeEventListener("test",r,n)}return t})();function pe(t,e,r){var n=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},a=r;e.trim().split(ji).forEach(function(i){if(!Ri){var s=t.listeners;s&&s[i]&&s[i][r]&&(a=s[i][r],delete s[i][r],Object.keys(s[i]).length===0&&delete s[i],Object.keys(s).length===0&&delete t.listeners)}t.removeEventListener(i,a,n)})}function he(t,e,r){var n=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},a=r;e.trim().split(ji).forEach(function(i){if(n.once&&!Ri){var s=t.listeners,o=s===void 0?{}:s;a=function(){delete o[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)},o[i]||(o[i]={}),o[i][r]&&t.removeEventListener(i,o[i][r],n),o[i][r]=a,t.listeners=o}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 Oi(t){var e=t.getBoundingClientRect();return{left:e.left+(window.pageXOffset-document.documentElement.clientLeft),top:e.top+(window.pageYOffset-document.documentElement.clientTop)}}var ur=De.location,Ao=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function On(t){var e=t.match(Ao);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 Ct(t){var e=t.rotate,r=t.scaleX,n=t.scaleY,a=t.translateX,i=t.translateY,s=[];k(a)&&a!==0&&s.push("translateX(".concat(a,"px)")),k(i)&&i!==0&&s.push("translateY(".concat(i,"px)")),k(e)&&e!==0&&s.push("rotate(".concat(e,"deg)")),k(r)&&r!==1&&s.push("scaleX(".concat(r,")")),k(n)&&n!==1&&s.push("scaleY(".concat(n,")"));var o=s.length?s.join(" "):"none";return{WebkitTransform:o,msTransform:o,transform:o}}function ko(t){var e=bi({},t),r=0;return H(t,function(n,a){delete e[a],H(e,function(i){var s=Math.abs(n.startX-i.startX),o=Math.abs(n.startY-i.startY),d=Math.abs(n.endX-i.endX),l=Math.abs(n.endY-i.endY),c=Math.sqrt(s*s+o*o),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:bi({startX:r,startY:n},a)}function Io(t){var e=0,r=0,n=0;return H(t,function(a){var i=a.startX,s=a.startY;e+=i,r+=s,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),s=Rn(r);if(i&&s){var o=r*e;a==="contain"&&o>n||a==="cover"&&o<n?r=n/e:n=r*e}else i?r=n/e:s&&(n=r*e);return{width:n,height:r}}function Lo(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),s=Math.cos(a),o=e*s+r*i,d=e*i+r*s;return n>90?{width:d,height:o}:{width:o,height:d}}function zo(t,e,r,n){var a=e.aspectRatio,i=e.naturalWidth,s=e.naturalHeight,o=e.rotate,d=o===void 0?0:o,l=e.scaleX,c=l===void 0?1:l,u=e.scaleY,f=u===void 0?1:u,v=r.aspectRatio,C=r.naturalWidth,y=r.naturalHeight,b=n.fillColor,w=b===void 0?"transparent":b,x=n.imageSmoothingEnabled,N=x===void 0?!0:x,E=n.imageSmoothingQuality,T=E===void 0?"low":E,g=n.maxWidth,D=g===void 0?1/0:g,m=n.maxHeight,S=m===void 0?1/0:m,M=n.minWidth,j=M===void 0?0:M,O=n.minHeight,z=O===void 0?0:O,L=document.createElement("canvas"),P=L.getContext("2d"),q=ze({aspectRatio:v,width:D,height:S}),B=ze({aspectRatio:v,width:j,height:z},"cover"),R=Math.min(q.width,Math.max(B.width,C)),A=Math.min(q.height,Math.max(B.height,y)),W=ze({aspectRatio:a,width:D,height:S}),J=ze({aspectRatio:a,width:j,height:z},"cover"),U=Math.min(W.width,Math.max(J.width,i)),ce=Math.min(W.height,Math.max(J.height,s)),Ce=[-U/2,-ce/2,U,ce];return L.width=tt(R),L.height=tt(A),P.fillStyle=w,P.fillRect(0,0,R,A),P.save(),P.translate(R/2,A/2),P.rotate(d*Math.PI/180),P.scale(c,f),P.imageSmoothingEnabled=N,P.imageSmoothingQuality=T,P.drawImage.apply(P,[t].concat(yi(Ce.map(function(Be){return Math.floor(tt(Be))})))),P.restore(),L}var Ai=String.fromCharCode;function Po(t,e,r){var n="";r+=e;for(var a=e;a<r;a+=1)n+=Ai(t.getUint8(a));return n}var Bo=/^data:.*,/;function $o(t){var e=t.replace(Bo,""),r=atob(e),n=new ArrayBuffer(r.length),a=new Uint8Array(n);return H(a,function(i,s){a[s]=r.charCodeAt(s)}),n}function Xo(t,e){for(var r=[],n=8192,a=new Uint8Array(t);a.length>0;)r.push(Ai.apply(null,Ti(a.subarray(0,n)))),a=a.subarray(n);return"data:".concat(e,";base64,").concat(btoa(r.join("")))}function _o(t){var e=new DataView(t),r;try{var n,a,i;if(e.getUint8(0)===255&&e.getUint8(1)===216)for(var s=e.byteLength,o=2;o+1<s;){if(e.getUint8(o)===255&&e.getUint8(o+1)===225){a=o;break}o+=1}if(a){var d=a+4,l=a+10;if(Po(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,C;for(C=0;C<f;C+=1)if(v=i+C*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 Yo(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 Wo={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),s=Number(r.minContainerHeight);G(a,re),ye(e,re);var o={width:Math.max(n.offsetWidth,i>=0?i:Ei),height:Math.max(n.offsetHeight,s>=0?s:Mi)};this.containerData=o,Le(a,{width:o.width,height:o.height}),G(e,re),ye(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,s=a?r.naturalWidth:r.naturalHeight,o=i/s,d=e.width,l=e.height;e.height*o>e.width?n===3?d=e.height*o:l=e.width/o:n===3?l=e.width/o:d=e.height*o;var c={aspectRatio:o,naturalWidth:i,naturalHeight:s,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=Y({},c)},limitCanvas:function(e,r){var n=this.options,a=this.containerData,i=this.canvasData,s=this.cropBoxData,o=n.viewMode,d=i.aspectRatio,l=this.cropped&&s;if(e){var c=Number(n.minCanvasWidth)||0,u=Number(n.minCanvasHeight)||0;o>1?(c=Math.max(c,a.width),u=Math.max(u,a.height),o===3&&(u*d>c?c=u*d:u=c/d)):o>0&&(c?c=Math.max(c,l?s.width:0):u?u=Math.max(u,l?s.height:0):l&&(c=s.width,u=s.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(o>(l?0:1)){var v=a.width-i.width,C=a.height-i.height;i.minLeft=Math.min(0,v),i.minTop=Math.min(0,C),i.maxLeft=Math.max(0,v),i.maxTop=Math.max(0,C),l&&this.limited&&(i.minLeft=Math.min(s.left,s.left+(s.width-i.width)),i.minTop=Math.min(s.top,s.top+(s.height-i.height)),i.maxLeft=s.left,i.maxTop=s.top,o===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,C),i.maxTop=Math.max(0,C))))}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=Lo({width:a.naturalWidth*Math.abs(a.scaleX||1),height:a.naturalHeight*Math.abs(a.scaleY||1),degree:a.rotate||0}),s=i.width,o=i.height,d=n.width*(s/n.naturalWidth),l=n.height*(o/n.naturalHeight);n.left-=(d-n.width)/2,n.top-=(l-n.height)/2,n.width=d,n.height=l,n.aspectRatio=s/o,n.naturalWidth=s,n.naturalHeight=o,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,Y({width:n.width,height:n.height},Ct({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);Y(n,{width:a,height:i,left:(r.width-a)/2,top:(r.height-i)/2}),Le(this.image,Y({width:n.width,height:n.height},Ct(Y({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=Y({},i)},limitCropBox:function(e,r){var n=this.options,a=this.containerData,i=this.canvasData,s=this.cropBoxData,o=this.limited,d=n.aspectRatio;if(e){var l=Number(n.minCropBoxWidth)||0,c=Number(n.minCropBoxHeight)||0,u=o?Math.min(a.width,i.width,i.width+i.left,a.width-i.left):a.width,f=o?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),s.minWidth=Math.min(l,u),s.minHeight=Math.min(c,f),s.maxWidth=u,s.maxHeight=f}r&&(o?(s.minLeft=Math.max(0,i.left),s.minTop=Math.max(0,i.top),s.maxLeft=Math.min(a.width,i.left+i.width)-s.width,s.maxTop=Math.min(a.height,i.top+i.height)-s.height):(s.minLeft=0,s.minTop=0,s.maxLeft=a.width-s.width,s.maxTop=a.height-s.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,Et,n.width>=r.width&&n.height>=r.height?Di:Yr),Le(this.cropBox,Y({width:n.width,height:n.height},Ct({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())}},Ho={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",s=document.createElement("img");if(r&&(s.crossOrigin=r),s.src=a,s.alt=i,this.viewBox.appendChild(s),this.viewBoxImage=s,!!n){var o=n;typeof n=="string"?o=e.ownerDocument.querySelectorAll(n):n.querySelector&&(o=[n]),this.previews=o,H(o,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=Er(e,Pt);Le(e,{width:r.width,height:r.height}),e.innerHTML=r.html,Oo(e,Pt)})},preview:function(){var e=this.imageData,r=this.canvasData,n=this.cropBoxData,a=n.width,i=n.height,s=e.width,o=e.height,d=n.left-r.left-e.left,l=n.top-r.top-e.top;!this.cropped||this.disabled||(Le(this.viewBoxImage,Y({width:s,height:o},Ct(Y({translateX:-d,translateY:-l},e)))),H(this.previews,function(c){var u=Er(c,Pt),f=u.width,v=u.height,C=f,y=v,b=1;a&&(b=f/a,y=i*b),i&&y>v&&(b=v/i,C=a*b,y=v),Le(c,{width:C,height:y}),Le(c.getElementsByTagName("img")[0],Y({width:s*b,height:o*b},Ct(Y({translateX:-d*b,translateY:-l*b},e))))}))}},Uo={bind:function(){var e=this.element,r=this.options,n=this.cropper;te(r.cropstart)&&he(e,Nr,r.cropstart),te(r.cropmove)&&he(e,Cr,r.cropmove),te(r.cropend)&&he(e,Dr,r.cropend),te(r.crop)&&he(e,wr,r.crop),te(r.zoom)&&he(e,Sr,r.zoom),he(n,Dn,this.onCropStart=this.cropStart.bind(this)),r.zoomable&&r.zoomOnWheel&&he(n,Mn,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),r.toggleDragModeOnDblclick&&he(n,wn,this.onDblclick=this.dblclick.bind(this)),he(e.ownerDocument,Cn,this.onCropMove=this.cropMove.bind(this)),he(e.ownerDocument,Nn,this.onCropEnd=this.cropEnd.bind(this)),r.responsive&&he(window,En,this.onResize=this.resize.bind(this))},unbind:function(){var e=this.element,r=this.options,n=this.cropper;te(r.cropstart)&&pe(e,Nr,r.cropstart),te(r.cropmove)&&pe(e,Cr,r.cropmove),te(r.cropend)&&pe(e,Dr,r.cropend),te(r.crop)&&pe(e,wr,r.crop),te(r.zoom)&&pe(e,Sr,r.zoom),pe(n,Dn,this.onCropStart),r.zoomable&&r.zoomOnWheel&&pe(n,Mn,this.onWheel,{passive:!1,capture:!0}),r.toggleDragModeOnDblclick&&pe(n,wn,this.onDblclick),pe(e.ownerDocument,Cn,this.onCropMove),pe(e.ownerDocument,Nn,this.onCropEnd),r.responsive&&pe(window,En,this.onResize)}},Fo={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,s=Math.abs(a-1)>Math.abs(i-1)?a:i;if(s!==1){var o,d;e.restore&&(o=this.getCanvasData(),d=this.getCropBoxData()),this.render(),e.restore&&(this.setCanvasData(H(o,function(l,c){o[c]=l*s})),this.setCropBoxData(H(d,function(l,c){d[c]=l*s})))}}},dblclick:function(){this.disabled||this.options.dragMode===Si||this.setDragMode(jo(this.dragBox,xr)?Ni: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")&&(k(r)&&r!==1||k(n)&&n!==0||e.ctrlKey))){var a=this.options,i=this.pointers,s;e.changedTouches?H(e.changedTouches,function(o){i[o.identifier]=Bt(o)}):i[e.pointerId||0]=Bt(e),Object.keys(i).length>1&&a.zoomable&&a.zoomOnTouch?s=Ci:s=Er(e.target,Et),xo.test(s)&&rt(this.element,Nr,{originalEvent:e,action:s})!==!1&&(e.preventDefault(),this.action=s,this.cropping=!1,s===wi&&(this.cropping=!0,G(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){Y(n[a.identifier]||{},Bt(a,!0))}):Y(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}))}}},Vo={change:function(e){var r=this.options,n=this.canvasData,a=this.containerData,i=this.cropBoxData,s=this.pointers,o=this.action,d=r.aspectRatio,l=i.left,c=i.top,u=i.width,f=i.height,v=l+u,C=c+f,y=0,b=0,w=a.width,x=a.height,N=!0,E;!d&&e.shiftKey&&(d=u&&f?u/f:1),this.limited&&(y=i.minLeft,b=i.minTop,w=y+Math.min(a.width,n.width,n.left+n.width),x=b+Math.min(a.height,n.height,n.top+n.height));var T=s[Object.keys(s)[0]],g={x:T.endX-T.startX,y:T.endY-T.startY},D=function(S){switch(S){case $e:v+g.x>w&&(g.x=w-v);break;case Xe:l+g.x<y&&(g.x=y-l);break;case ke:c+g.y<b&&(g.y=b-c);break;case Je:C+g.y>x&&(g.y=x-C);break}};switch(o){case Yr:l+=g.x,c+=g.y;break;case $e:if(g.x>=0&&(v>=w||d&&(c<=b||C>=x))){N=!1;break}D($e),u+=g.x,u<0&&(o=Xe,u=-u,l-=u),d&&(f=u/d,c+=(i.height-f)/2);break;case ke:if(g.y<=0&&(c<=b||d&&(l<=y||v>=w))){N=!1;break}D(ke),f-=g.y,c+=g.y,f<0&&(o=Je,f=-f,c-=f),d&&(u=f*d,l+=(i.width-u)/2);break;case Xe:if(g.x<=0&&(l<=y||d&&(c<=b||C>=x))){N=!1;break}D(Xe),u-=g.x,l+=g.x,u<0&&(o=$e,u=-u,l-=u),d&&(f=u/d,c+=(i.height-f)/2);break;case Je:if(g.y>=0&&(C>=x||d&&(l<=y||v>=w))){N=!1;break}D(Je),f+=g.y,f<0&&(o=ke,f=-f,c-=f),d&&(u=f*d,l+=(i.width-u)/2);break;case pt:if(d){if(g.y<=0&&(c<=b||v>=w)){N=!1;break}D(ke),f-=g.y,c+=g.y,u=f*d}else D(ke),D($e),g.x>=0?v<w?u+=g.x:g.y<=0&&c<=b&&(N=!1):u+=g.x,g.y<=0?c>b&&(f-=g.y,c+=g.y):(f-=g.y,c+=g.y);u<0&&f<0?(o=mt,f=-f,u=-u,c-=f,l-=u):u<0?(o=gt,u=-u,l-=u):f<0&&(o=vt,f=-f,c-=f);break;case gt:if(d){if(g.y<=0&&(c<=b||l<=y)){N=!1;break}D(ke),f-=g.y,c+=g.y,u=f*d,l+=i.width-u}else D(ke),D(Xe),g.x<=0?l>y?(u-=g.x,l+=g.x):g.y<=0&&c<=b&&(N=!1):(u-=g.x,l+=g.x),g.y<=0?c>b&&(f-=g.y,c+=g.y):(f-=g.y,c+=g.y);u<0&&f<0?(o=vt,f=-f,u=-u,c-=f,l-=u):u<0?(o=pt,u=-u,l-=u):f<0&&(o=mt,f=-f,c-=f);break;case mt:if(d){if(g.x<=0&&(l<=y||C>=x)){N=!1;break}D(Xe),u-=g.x,l+=g.x,f=u/d}else D(Je),D(Xe),g.x<=0?l>y?(u-=g.x,l+=g.x):g.y>=0&&C>=x&&(N=!1):(u-=g.x,l+=g.x),g.y>=0?C<x&&(f+=g.y):f+=g.y;u<0&&f<0?(o=pt,f=-f,u=-u,c-=f,l-=u):u<0?(o=vt,u=-u,l-=u):f<0&&(o=gt,f=-f,c-=f);break;case vt:if(d){if(g.x>=0&&(v>=w||C>=x)){N=!1;break}D($e),u+=g.x,f=u/d}else D(Je),D($e),g.x>=0?v<w?u+=g.x:g.y>=0&&C>=x&&(N=!1):u+=g.x,g.y>=0?C<x&&(f+=g.y):f+=g.y;u<0&&f<0?(o=gt,f=-f,u=-u,c-=f,l-=u):u<0?(o=mt,u=-u,l-=u):f<0&&(o=pt,f=-f,c-=f);break;case Di:this.move(g.x,g.y),N=!1;break;case Ci:this.zoom(ko(s),e),N=!1;break;case wi:if(!g.x||!g.y){N=!1;break}E=Oi(this.cropper),l=T.startX-E.left,c=T.startY-E.top,u=i.minWidth,f=i.minHeight,g.x>0?o=g.y>0?vt:pt:g.x<0&&(l-=u,o=g.y>0?mt:gt),g.y<0&&(c-=f),this.cropped||(ye(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=o,this.renderCropBox()),H(s,function(m){m.startX=m.endX,m.startY=m.endY})}},Go={crop:function(){return this.ready&&!this.cropped&&!this.disabled&&(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&G(this.dragBox,Kt),ye(this.cropBox,re),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=Y({},this.initialImageData),this.canvasData=Y({},this.initialCanvasData),this.cropBoxData=Y({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(Y(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),ye(this.dragBox,Kt),G(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,ye(this.cropper,xn)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,G(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&&(k(e)&&(n.left=e,a=!0),k(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,s=i.width,o=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,Sr,{ratio:e,oldRatio:s/d,originalEvent:n})===!1)return this;if(n){var f=this.pointers,v=Oi(this.cropper),C=f&&Object.keys(f).length?Io(f):{pageX:n.pageX,pageY:n.pageY};i.left-=(c-s)*((C.pageX-v.left-i.left)/s),i.top-=(u-o)*((C.pageY-v.top-i.top)/o)}else Ze(r)&&k(r.x)&&k(r.y)?(i.left-=(c-s)*((r.x-i.left)/s),i.top-=(u-o)*((r.y-i.top)/o)):(i.left-=(c-s)/2,i.top-=(u-o)/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),k(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,k(r)?r:1)},scaleY:function(e){var r=this.imageData.scaleX;return this.scale(k(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&&(k(e)&&(n.scaleX=e,a=!0),k(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,s;if(this.ready&&this.cropped){s={x:i.left-a.left,y:i.top-a.top,width:i.width,height:i.height};var o=n.width/n.naturalWidth;if(H(s,function(c,u){s[u]=c/o}),e){var d=Math.round(s.y+s.height),l=Math.round(s.x+s.width);s.x=Math.round(s.x),s.y=Math.round(s.y),s.width=l-s.x,s.height=d-s.y}}else s={x:0,y:0,width:0,height:0};return r.rotatable&&(s.rotate=n.rotate||0),r.scalable&&(s.scaleX=n.scaleX||1,s.scaleY=n.scaleY||1),s},setData:function(e){var r=this.options,n=this.imageData,a=this.canvasData,i={};if(this.ready&&!this.disabled&&Ze(e)){var s=!1;r.rotatable&&k(e.rotate)&&e.rotate!==n.rotate&&(n.rotate=e.rotate,s=!0),r.scalable&&(k(e.scaleX)&&e.scaleX!==n.scaleX&&(n.scaleX=e.scaleX,s=!0),k(e.scaleY)&&e.scaleY!==n.scaleY&&(n.scaleY=e.scaleY,s=!0)),s&&this.renderCanvas(!0,!0);var o=n.width/n.naturalWidth;k(e.x)&&(i.left=e.x*o+a.left),k(e.y)&&(i.top=e.y*o+a.top),k(e.width)&&(i.width=e.width*o),k(e.height)&&(i.height=e.height*o),this.setCropBoxData(i)}return this},getContainerData:function(){return this.ready?Y({},this.containerData):{}},getImageData:function(){return this.sized?Y({},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)&&(k(e.left)&&(r.left=e.left),k(e.top)&&(r.top=e.top),k(e.width)?(r.width=e.width,r.height=e.width/n):k(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)&&(k(e.left)&&(r.left=e.left),k(e.top)&&(r.top=e.top),k(e.width)&&e.width!==r.width&&(a=!0,r.width=e.width),k(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=zo(this.image,this.imageData,r,e);if(!this.cropped)return n;var a=this.getData(e.rounded),i=a.x,s=a.y,o=a.width,d=a.height,l=n.width/Math.floor(r.naturalWidth);l!==1&&(i*=l,s*=l,o*=l,d*=l);var c=o/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:o),height:e.height||(l!==1?n.height:d)}),C=v.width,y=v.height;C=Math.min(u.width,Math.max(f.width,C)),y=Math.min(u.height,Math.max(f.height,y));var b=document.createElement("canvas"),w=b.getContext("2d");b.width=tt(C),b.height=tt(y),w.fillStyle=e.fillColor||"transparent",w.fillRect(0,0,C,y);var x=e.imageSmoothingEnabled,N=x===void 0?!0:x,E=e.imageSmoothingQuality;w.imageSmoothingEnabled=N,E&&(w.imageSmoothingQuality=E);var T=n.width,g=n.height,D=i,m=s,S,M,j,O,z,L;D<=-o||D>T?(D=0,S=0,j=0,z=0):D<=0?(j=-D,D=0,S=Math.min(T,o+D),z=S):D<=T&&(j=0,S=Math.min(o,T-D),z=S),S<=0||m<=-d||m>g?(m=0,M=0,O=0,L=0):m<=0?(O=-m,m=0,M=Math.min(g,d+m),L=M):m<=g&&(O=0,M=Math.min(d,g-m),L=M);var P=[D,m,S,M];if(z>0&&L>0){var q=C/o;P.push(j*q,O*q,z*q,L*q)}return w.drawImage.apply(w,[n].concat(yi(P.map(function(B){return Math.floor(tt(B))})))),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,s=r.movable&&e===Ni;e=i||s?e:Si,r.dragMode=e,Mt(n,Et,e),Qe(n,xr,i),Qe(n,yr,s),r.cropBoxMovable||(Mt(a,Et,e),Qe(a,xr,i),Qe(a,yr,s))}return this}},Ko=De.Cropper,ki=(function(){function t(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(oo(this,t),!e||!Do.test(e.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=e,this.options=Y({},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 lo(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(yo.test(r)){wo.test(r)?this.read($o(r)):this.clone();return}var s=new XMLHttpRequest,o=this.clone.bind(this);this.reloading=!0,this.xhr=s,s.onabort=o,s.onerror=o,s.ontimeout=o,s.onprogress=function(){s.getResponseHeader("content-type")!==Tn&&s.abort()},s.onload=function(){n.read(s.response)},s.onloadend=function(){n.reloading=!1,n.xhr=null},i.checkCrossOrigin&&On(r)&&a.crossOrigin&&(r=An(r)),s.open("GET",r,!0),s.responseType="arraybuffer",s.withCredentials=a.crossOrigin==="use-credentials",s.send()}}},{key:"read",value:function(r){var n=this.options,a=this.imageData,i=_o(r),s=0,o=1,d=1;if(i>1){this.url=Xo(r,Tn);var l=Yo(i);s=l.rotate,o=l.scaleX,d=l.scaleY}n.rotatable&&(a.rotate=s),n.scalable&&(a.scaleX=o,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 s=document.createElement("img");a&&(s.crossOrigin=a),s.src=i||n,s.alt=r.alt||"The image to crop",this.image=s,s.onload=this.start.bind(this),s.onerror=this.stop.bind(this),G(s,yn),r.parentNode.insertBefore(s,r.nextSibling)}},{key:"start",value:function(){var r=this,n=this.image;n.onload=null,n.onerror=null,this.sizing=!0;var a=De.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(De.navigator.userAgent),i=function(l,c){Y(r.imageData,{naturalWidth:l,naturalHeight:c,aspectRatio:l/c}),r.initialImageData=Y({},r.imageData),r.sizing=!1,r.sized=!0,r.build()};if(n.naturalWidth&&!a){i(n.naturalWidth,n.naturalHeight);return}var s=document.createElement("img"),o=document.body||document.documentElement;this.sizingImage=s,s.onload=function(){i(s.width,s.height),a||o.removeChild(s)},s.src=n.src,a||(s.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;",o.appendChild(s))}},{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,s=document.createElement("div");s.innerHTML=Co;var o=s.querySelector(".".concat(_,"-container")),d=o.querySelector(".".concat(_,"-canvas")),l=o.querySelector(".".concat(_,"-drag-box")),c=o.querySelector(".".concat(_,"-crop-box")),u=c.querySelector(".".concat(_,"-face"));this.container=i,this.cropper=o,this.canvas=d,this.dragBox=l,this.cropBox=c,this.viewBox=o.querySelector(".".concat(_,"-view-box")),this.face=u,d.appendChild(a),G(r,re),i.insertBefore(o,r.nextSibling),ye(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,G(c,re),n.guides||G(c.getElementsByClassName("".concat(_,"-dashed")),re),n.center||G(c.getElementsByClassName("".concat(_,"-center")),re),n.background&&G(o,"".concat(_,"-bg")),n.highlight||G(u,go),n.cropBoxMovable&&(G(u,yr),Mt(u,Et,Yr)),n.cropBoxResizable||(G(c.getElementsByClassName("".concat(_,"-line")),re),G(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)&&he(r,Sn,n.ready,{once:!0}),rt(r,Sn)}}},{key:"unbuild",value:function(){if(this.ready){this.ready=!1,this.unbind(),this.resetPreview();var r=this.cropper.parentNode;r&&r.removeChild(this.cropper),ye(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=Ko,t}},{key:"setDefaults",value:function(r){Y(jn,Ze(r)&&r)}}])})();Y(ki.prototype,Wo,Ho,Uo,Fo,Vo,Go);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 qo=["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"],Jo={opacity:0,maxWidth:"100%"},Zo=X.forwardRef((function(t,e){var r=hr(t,[]),n=r.dragMode,a=n===void 0?"crop":n,i=r.src,s=r.style,o=r.className,d=r.crossOrigin,l=r.scaleX,c=r.scaleY,u=r.enable,f=r.zoomTo,v=r.rotateTo,C=r.alt,y=C===void 0?"picture":C,b=r.ready,w=r.onInitialized,x=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 g=[],D=0;D<arguments.length;D++)g[D]=arguments[D];var m=p.useRef(null);return X.useEffect((function(){g.forEach((function(S){S&&(typeof S=="function"?S(m.current):S.current=m.current)}))}),[g]),m})(e,p.useRef(null));p.useEffect((function(){var g;!((g=E.current)===null||g===void 0)&&g.cropper&&typeof f=="number"&&E.current.cropper.zoomTo(f)}),[r.zoomTo]),p.useEffect((function(){var g;!((g=E.current)===null||g===void 0)&&g.cropper&&i!==void 0&&E.current.cropper.reset().clear().replace(i)}),[i]),p.useEffect((function(){if(E.current!==null){var g=new ki(E.current,_e(_e({dragMode:a},x),{ready:function(D){D.currentTarget!==null&&(function(m,S){S===void 0&&(S={});var M=S.enable,j=M===void 0||M,O=S.scaleX,z=O===void 0?1:O,L=S.scaleY,P=L===void 0?1:L,q=S.zoomTo,B=q===void 0?0:q,R=S.rotateTo;j?m.enable():m.disable(),m.scaleX(z),m.scaleY(P),R!==void 0&&m.rotateTo(R),B>0&&m.zoomTo(B)})(D.currentTarget.cropper,N),b&&b(D)}}));w&&w(g)}return function(){var D,m;(m=(D=E.current)===null||D===void 0?void 0:D.cropper)===null||m===void 0||m.destroy()}}),[E]);var T=(function(g){return qo.reduce((function(D,m){var S=D,M=m;return S[M],hr(S,[typeof M=="symbol"?M:M+""])}),g)})(_e(_e({},x),{crossOrigin:d,src:i,alt:y}));return X.createElement("div",{style:s,className:o},X.createElement("img",_e({},T,{style:Jo,ref:E})))}));const Qo=({item:t,callback:e,uploadUrl:r,group:n,messages:a})=>{const i=p.useRef(null),[s,o]=p.useState(!1),[d,l]=p.useState(!1),[c,u]=p.useState({x:0,y:0,width:0,height:0}),[f,v]=p.useState(null),[C,y]=p.useState(!1),[b,w]=p.useState(!1),x={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};p.useEffect(()=>{i.current&&w(i.current?.cropper.ready)},[i.current?.cropper]);const N=()=>{if(i.current?.cropper){const S=i.current.cropper.getData();u({x:Math.round(S.x),y:Math.round(S.y),width:Math.round(S.width),height:Math.round(S.height)})}},E=()=>{i.current&&i.current.cropper.setData(c)},T=()=>{const S=i.current?.cropper.getCroppedCanvas();v(S?.toDataURL(t.mimeType,1)??"")},g=async()=>{if(!i.current)return;y(!0);const S=s?"image/webp":d?"image/jpeg":t.mimeType;i.current.cropper.getCroppedCanvas().toBlob(async M=>{if(!M)return;const j=S.split("/"),O={width:c.width,height:c.height},z=`${t.filename}_${O.width}x${O.height}.${j[1]}`,L=new FormData;L.append("name",z),L.append("group",n),L.append("isCropped","true"),L.append("item",JSON.stringify(t)),L.append("file",M);try{const P=await le.post(`${r}/upload-variant?isCropped="true"`,L,{headers:{"Content-Type":"multipart/form-data"}});P.data.msg==="success"&&(y(!1),e(t,P.data.data))}catch(P){console.error("Upload error:",P)}},S,.9)},D=(S,M)=>{if(!i.current?.cropper)return;const j=i.current.cropper.getData(),O=j.x+S,z=j.y+M;i.current.cropper.setData({...j,x:O,y:z})},m=S=>{if(!i.current?.cropper)return;const M=i.current.cropper.getData().scaleX||1,j=i.current.cropper.getData().scaleY||1;S==="x"?i.current.cropper.scaleX(M*-1):i.current.cropper.scaleY(j*-1)};return h.jsxs("div",{className:"relative",children:[!b&&h.jsx(nt,{className:"animate-spin absolute top-1/3 left-1/2 -translate-x-1/2"}),h.jsx(Zo,{src:window.bindPublic?`/public${t.url}`:t.url,style:{height:540,width:"100%"},className:`${b?"":"invisible"}`,initialAspectRatio:1,ref:i,...x,crop:N}),h.jsx("div",{className:"grid grid-cols-4 gap-2 mt-4",children:Object.entries(c).map(([S,M])=>h.jsxs("div",{className:"flex flex-col items-center gap-2",children:[h.jsx(xt,{className:"capitalize",children:S}),h.jsx(qt,{type:"number",value:M,onChange:j=>{const O=parseInt(j.target.value)||0;u(z=>({...z,[S]:O}))},onBlur:E})]},S))}),h.jsxs("div",{className:"grid grid-cols-4 gap-2 mt-4",children:[h.jsx(F,{variant:"outline",onClick:()=>D(0,-20),children:h.jsx(Vi,{})}),h.jsx(F,{variant:"outline",onClick:()=>D(0,20),children:h.jsx(Gi,{})}),h.jsx(F,{variant:"outline",onClick:()=>D(-20,0),children:h.jsx(Ki,{})}),h.jsx(F,{variant:"outline",onClick:()=>D(20,0),children:h.jsx(qi,{})})]}),h.jsxs("div",{className:"grid grid-cols-4 gap-2 mt-4",children:[h.jsx(F,{variant:"outline",onClick:()=>m("x"),children:a["Flip X"]}),h.jsx(F,{variant:"outline",onClick:()=>m("y"),children:a["Flip Y"]}),h.jsxs(Mr,{children:[h.jsx(Ji,{asChild:!0,children:h.jsx(F,{variant:"outline",onClick:T,children:a.Preview})}),h.jsxs(Tr,{className:"z-[1011]",children:[h.jsx(jr,{children:h.jsx(Rr,{children:a.Preview})}),h.jsx("img",{src:f??"",alt:"Preview",autoFocus:!0})]})]}),h.jsxs("div",{className:"flex gap-2 items-center w-full",children:[h.jsx(F,{variant:"default",onClick:g,disabled:C,className:"flex-3/4",children:a.Save}),C&&h.jsx(nt,{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:s,onCheckedChange:S=>{o(!s),S&&l(!1)}}),h.jsx(xt,{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:S=>{l(!d),S&&o(!1)}}),h.jsx(xt,{className:"cursor-pointer",htmlFor:"jpeg-conv",children:a["Convert Jpeg"]})]})]})]})},el=({callback:t,messages:e,media:r,localeId:n,disabled:a})=>{const i=p.useRef(null),[s,o]=p.useState(!1),[d,l]=p.useState(""),{uploadUrl:c,group:u}=p.useContext(Pe),f=()=>{l("")},v=async w=>{if(w.preventDefault(),w.stopPropagation(),o(!0),w.dataTransfer.files)for(const x of w.dataTransfer.files)await y(x)},C=async w=>{if(w.stopPropagation(),w.target.files)for(const x of w.target.files)o(!0),await y(x)},y=async w=>{try{const x=new FormData;x.append("name",w.name),x.append("group",u),x.append("item",JSON.stringify(r)),x.append("localeId",n),x.append("file",w);const N=await le.post(`${c}/upload-variant`,x,{headers:{"Content-Type":"multipart/form-data"}});if(N.data.msg==="success"){o(!1),t(N.data.data);return}o(!1),l(N.data.error||"Upload failed")}catch(x){o(!1);const N=x;if(N.response){const E=N.response.data,T=typeof E=="string"?E:E?.error||E?.message||N.response.statusText;l(T||`Error: ${N.response.status??"unknown"}`)}else N.request?l("No response from server"):l("Request setup error");console.error(x)}},b=()=>{if(!r?.mimeType)return"*";const w=r.mimeType.split("/")[0];return{image:"image/*",video:"video/*",application:"application/*",text:"text/*"}[w]||"*"};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:w=>w.preventDefault(),className:`flex items-center justify-center w-full ${s?"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:C,className:"hidden",multiple:!0,accept:b()},"dropzone-file-variant")]})}),s&&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}=p.useContext(Pe),[i,s]=p.useState(!1),[o,d]=p.useState(""),[l,c]=p.useState([]),[u,f]=p.useState(!1),[v,C]=p.useState(!1),[y,b]=p.useState(null);p.useEffect(()=>{c([]),s(!1),d(""),(async()=>{f(!0);try{let D=await le.post(a,{_method:"getChildren",item:t});c(D.data.data),f(!1)}catch(D){console.log(D)}})()},[t]);const w=g=>{d(""),s(!1),c(D=>[...D,g])},x=g=>{let D=g?.find(m=>m.key==="imageSizes");return D?`${D.value.width}x${D.value.height}`:"---"},N=g=>{const D=window.bindPublic?`/public${g.url}`:g.url;window.open(D,"_blank")?.focus()},E=[...l].reverse(),T=async()=>{(await le.delete(a,{item:y})).data.msg==="ok"&&(r(t,y),c(D=>D.filter(m=>m.id!==y?.id)))};return h.jsxs("div",{children:[h.jsxs("div",{className:"flex gap-4 flex-col",children:[h.jsx(el,{callback:w,messages:e,media:t,localeId:o,disabled:i&&!o},"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:g=>{s(g)}}),h.jsx(xt,{className:"cursor-pointer",htmlFor:"locale",children:e["Upload a locale"]})]}),i&&h.jsx(qt,{placeholder:e.Locale,value:o,onChange:g=>d(g.target.value),className:"max-w-[150px]"})]})]}),u?h.jsx(nt,{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(se,{className:"p-2 text-left",children:e.File}),h.jsx(se,{className:"p-2 text-left",children:e.Tag}),h.jsx(se,{className:"p-2 text-left",children:e.Type}),h.jsx(se,{className:"p-2 text-left",children:e["W x H"]}),h.jsx(se,{className:"p-2 text-center",children:e.Actions})]})}),h.jsx($n,{children:E.map((g,D)=>h.jsxs(_t,{children:[h.jsx(oe,{className:"p-2",children:tl.has(g.mimeType)?h.jsx("img",{src:n(g),alt:"",className:"w-full h-full max-w-[250px]"}):h.jsx("span",{children:g.filename})}),h.jsx(oe,{className:"p-2",children:g.tag}),h.jsx(oe,{className:"p-2",children:g.mimeType}),h.jsx(oe,{className:"p-2",children:x(g.meta)}),h.jsx(oe,{className:"p-2",children:h.jsxs("div",{className:"flex gap-2 justify-center",children:[h.jsx(F,{onClick:()=>N(g),children:e.Preview}),h.jsx(F,{variant:"destructive",onClick:()=>{b(g),C(!0)},children:h.jsx(Zi,{})})]})})]},g.id))})]})}):h.jsx("div",{className:"font-medium text-center mt-8",children:e["No variants found"]}),h.jsx(Mr,{open:v,onOpenChange:g=>{C(g),g||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(Xt,{asChild:!0,children:h.jsx(F,{variant:"destructive",asChild:!0,onClick:T,children:h.jsx("span",{children:e.Yes})})}),h.jsx(Xt,{asChild:!0,children:h.jsx(F,{type:"button",variant:"secondary",children:e.No})})]})]})})]})},nl=({dialogRef:t,name:e})=>{const r=p.useRef(null),[n,a]=p.useState(null),{uploadUrl:i,group:s,messages:o}=p.useContext(Pe),[d,l]=p.useState(""),c=v=>{a(null),setTimeout(()=>{a(v),l("meta"),t.current?.next()},0)},u=v=>{a(null),setTimeout(()=>{a(v),l("crop"),t.current?.next()},0)},f=v=>{a(null),setTimeout(()=>{a(v),l("variant"),t.current?.next()},0)};return h.jsxs(Qi,{ref:t,children:[h.jsx(ea,{}),h.jsxs(ta,{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(gi,{name:e,messages:o,callback:v=>{r.current?.pushMediaItem(v)}},"main-dropzone"),h.jsx(mi,{ref:r,openMeta:c,messages:o,crop:u,openVariant:f})]})})}),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:[d==="meta"&&n&&h.jsx(ao,{media:n,callback:()=>{t.current?.prev()}}),d==="crop"&&n&&h.jsx(Qo,{item:n,messages:o,callback:(v,C)=>{r.current?.addVariant(v,C),t.current?.prev()},uploadUrl:i,group:s}),d==="variant"&&n&&h.jsx(rl,{item:n,messages:o,destroy:(v,C)=>r.current?.destroyVariant(v,C)})]})})})]})]})},Pe=p.createContext({uploadUrl:"",config:{},initTab:"",managerId:"",group:"",accept:[],messages:{},addMedia:t=>console.warn("addMedia not implemented"),removeMedia:t=>console.warn("removeMedia not implemented"),imageUrl:t=>"",checkMedia:t=>!1}),il={droppable:{strategy:it.Always}},al={keyframes({transform:t}){return[{transform:we.Transform.toString(t.initial)},{transform:we.Transform.toString({scaleX:.98,scaleY:.98,x:t.final.x-10,y:t.final.y-10})}]},sideEffects:li({className:{active:na.active}})},ul=({layout:t,config:e,type:r,onChange:n,value:a,name:i})=>{const[s,o]=p.useState(null),[d,l]=p.useState(a||[]),c=s!==null?d.findIndex(m=>m.id===s):-1,u=xa(tn(zr),tn(Ir,{coordinateGetter:Ks})),[f,v]=p.useState({}),C=`${window.routePrefix}/media-manager-uploader/${e.id?e.id:"default"}`;p.useEffect(()=>{a!=null&&l(m=>m.length!==a.length||m.some((S,M)=>S.id!==a[M]?.id)?a:m)},[a]),p.useEffect(()=>{(async()=>{try{let S=await le.get(C,{params:{_method:"getLocales"}});v(S.data.data)}catch(S){console.error("Failed to load locales:",S)}})()},[]);const y=p.useCallback(m=>{l(S=>{const M=[...S,m];return n&&n(M),M})},[n]),b=p.useCallback(m=>{l(S=>{const M=S.filter(j=>j.id!==m.id);return n&&n(M),M})},[n]),w={uploadUrl:C,managerId:e.id,group:e.group,accept:e.accept,messages:f,initTab:e.initTab??"tile-all",config:{},addMedia:m=>y(m),removeMedia:m=>b(m),imageUrl:m=>{if(m.mimeType&&m.mimeType.split("/")[0]==="image")return`${window.routePrefix}/get-thumbs?id=${m.id}&managerId=${e.id}`;{const j=m.url.split(/[#?]/)[0].split(".").pop()?.toLowerCase().trim();return`${window.routePrefix}/fileicons/${j}.svg`}},checkMedia:m=>d.some(S=>S.id===m.id)},x=p.useRef(null),N=s?d.find(m=>m.id===s):null,E=({active:m})=>{o(m.id)},T=()=>{o(null)},g=({over:m})=>{if(!m||c===-1){o(null);return}const S=d.findIndex(M=>M.id===m.id);S!==-1&&c!==S&&l(M=>{const j=$r(M,c,S);return n&&setTimeout(()=>n(j),100),j}),o(null)},D=m=>{const S=window.bindPublic?`/public${m.url}`:m.url;window.open(S,"_blank")?.focus()};return h.jsx(Pe.Provider,{value:w,children:r==="single-file"?d.length>0?h.jsxs("div",{className:"flex flex-col gap-2",children:[h.jsxs("div",{className:"flex gap-2",children:[!e.onlyView&&h.jsx(F,{variant:"destructive",onClick:m=>{m.stopPropagation(),m.preventDefault(),l(S=>{const M=S.filter(j=>j.id!==d[0].id);return n&&setTimeout(()=>{n(M)},100),M})},children:f.Delete}),h.jsx(F,{variant:"default",onClick:m=>{m.stopPropagation(),m.preventDefault(),D(d[0])},children:f.View})]}),h.jsxs("div",{className:"relative size-[150px] rounded-[5px] overflow-hidden",children:[h.jsx("img",{src:w.imageUrl(d[0]),className:"absolute top-0 left-0 w-full h-full object-cover"}),!d[0].mimeType?.startsWith("image/")&&h.jsx("div",{className:"text-center absolute inset-x-0 bottom-0 break-words text-white text-sm font-medium bg-black/75 h-[40%] rounded-b-[5px] p-2",children:d[0].filename})]})]}):h.jsx(gi,{messages:f,name:i,callback:m=>{y(m)}},`single-dropzone-${i}`):h.jsxs("div",{children:[h.jsx(F,{size:"icon",variant:"ghost",onClick:m=>{m.preventDefault(),x.current?.open()},children:h.jsx(ra,{className:"size-7 text-chart-2"})}),h.jsxs(ms,{onDragStart:E,onDragEnd:g,onDragCancel:T,sensors:u,collisionDetection:Da,measuring:il,children:[h.jsx($s,{items:d.map(m=>m.id),children:h.jsx("ul",{className:Ln(vn.Pages,vn[t]),children:d.map((m,S)=>h.jsx(ol,{id:m.id,index:S,url:w.imageUrl(m),fileName:m.filename??"",mimeType:m.mimeType??"",layout:t,activeIndex:c,onRemove:()=>{l(M=>{const j=M.filter(O=>O.id!==m.id);return n&&setTimeout(()=>{n(j)},100),j})}},m.id))})}),h.jsx(Ls,{dropAnimation:al,children:s!=null?h.jsx(sl,{id:s,layout:t,items:d,url:N?w.imageUrl(N):"",fileName:N?.filename?N.filename??"":"",mimeType:N?.mimeType?N.mimeType??"":""}):null})]}),h.jsx(nl,{dialogRef:x,name:i})]})})};function sl({id:t,items:e,...r}){const{activatorEvent:n,over:a}=Br(),i=Ot(n),s=e.findIndex(d=>d.id===t),o=a?.id?e.findIndex(d=>d.id===a.id):-1;return h.jsx(Xn,{id:t,...r,clone:!0,insertPosition:i&&o!==s?o>s?Yt.After:Yt.Before:void 0})}function ol({id:t,index:e,activeIndex:r,...n}){const{attributes:a,listeners:i,isDragging:s,isSorting:o,over:d,setNodeRef:l,transform:c,transition:u}=Fs({id:t,animateLayoutChanges:ll,data:{index:e}});return h.jsx(Xn,{ref:l,id:t,index:e,active:s,style:{transition:u,transform:o?void 0:we.Translate.toString(c)},insertPosition:d?.id===t?e>r?Yt.After:Yt.Before:void 0,...n,...a,...i})}function ll(){return!0}export{Pe as MediaManagerContext,ul as default};
+  `},ma={onDragStart(t){let{active:e}=t;return"Picked up draggable item "+e.id+"."},onDragOver(t){let{active:e,over:r}=t;return r?"Draggable item "+e.id+" was moved over droppable area "+r.id+".":"Draggable item "+e.id+" is no longer over a droppable area."},onDragEnd(t){let{active:e,over:r}=t;return r?"Draggable item "+e.id+" was dropped over droppable area "+r.id:"Draggable item "+e.id+" was dropped."},onDragCancel(t){let{active:e}=t;return"Dragging was cancelled. Draggable item "+e.id+" was dropped."}};function ba(t){let{announcements:e=ma,container:r,hiddenTextDescribedById:n,screenReaderInstructions:a=va}=t;const{announce:i,announcement:s}=fa(),o=Rt("DndLiveRegion"),[d,l]=p.useState(!1);if(p.useEffect(()=>{l(!0)},[]),pa(p.useMemo(()=>({onDragStart(u){let{active:f}=u;i(e.onDragStart({active:f}))},onDragMove(u){let{active:f,over:v}=u;e.onDragMove&&i(e.onDragMove({active:f,over:v}))},onDragOver(u){let{active:f,over:v}=u;i(e.onDragOver({active:f,over:v}))},onDragEnd(u){let{active:f,over:v}=u;i(e.onDragEnd({active:f,over:v}))},onDragCancel(u){let{active:f,over:v}=u;i(e.onDragCancel({active:f,over:v}))}}),[i,e])),!d)return null;const c=$.createElement($.Fragment,null,$.createElement(ua,{id:n,value:a.draggable}),$.createElement(ha,{id:o,announcement:s}));return r?bt.createPortal(c,r):c}var V;(function(t){t.DragStart="dragStart",t.DragMove="dragMove",t.DragEnd="dragEnd",t.DragCancel="dragCancel",t.DragOver="dragOver",t.RegisterDroppable="registerDroppable",t.SetDroppableDisabled="setDroppableDisabled",t.UnregisterDroppable="unregisterDroppable"})(V||(V={}));function Ft(){}function tn(t,e){return p.useMemo(()=>({sensor:t,options:e??{}}),[t,e])}function xa(){for(var t=arguments.length,e=new Array(t),r=0;r<t;r++)e[r]=arguments[r];return p.useMemo(()=>[...e].filter(n=>n!=null),[...e])}const ve=Object.freeze({x:0,y:0});function Hn(t,e){return Math.sqrt(Math.pow(t.x-e.x,2)+Math.pow(t.y-e.y,2))}function ya(t,e){const r=Ut(t);if(!r)return"0 0";const n={x:(r.x-e.left)/e.width*100,y:(r.y-e.top)/e.height*100};return n.x+"% "+n.y+"%"}function Un(t,e){let{data:{value:r}}=t,{data:{value:n}}=e;return r-n}function wa(t,e){let{data:{value:r}}=t,{data:{value:n}}=e;return n-r}function rn(t){let{left:e,top:r,height:n,width:a}=t;return[{x:e,y:r},{x:e+a,y:r},{x:e,y:r+n},{x:e+a,y:r+n}]}function Fn(t,e){if(!t||t.length===0)return null;const[r]=t;return r[e]}function nn(t,e,r){return e===void 0&&(e=t.left),r===void 0&&(r=t.top),{x:e+t.width*.5,y:r+t.height*.5}}const Da=t=>{let{collisionRect:e,droppableRects:r,droppableContainers:n}=t;const a=nn(e,e.left,e.top),i=[];for(const s of n){const{id:o}=s,d=r.get(o);if(d){const l=Hn(nn(d),a);i.push({id:o,data:{droppableContainer:s,value:l}})}}return i.sort(Un)},Ca=t=>{let{collisionRect:e,droppableRects:r,droppableContainers:n}=t;const a=rn(e),i=[];for(const s of n){const{id:o}=s,d=r.get(o);if(d){const l=rn(d),c=a.reduce((f,v,C)=>f+Hn(l[C],v),0),u=Number((c/4).toFixed(4));i.push({id:o,data:{droppableContainer:s,value:u}})}}return i.sort(Un)};function Na(t,e){const r=Math.max(e.top,t.top),n=Math.max(e.left,t.left),a=Math.min(e.left+e.width,t.left+t.width),i=Math.min(e.top+e.height,t.top+t.height),s=a-n,o=i-r;if(n<a&&r<i){const d=e.width*e.height,l=t.width*t.height,c=s*o,u=c/(d+l-c);return Number(u.toFixed(4))}return 0}const Sa=t=>{let{collisionRect:e,droppableRects:r,droppableContainers:n}=t;const a=[];for(const i of n){const{id:s}=i,o=r.get(s);if(o){const d=Na(o,e);d>0&&a.push({id:s,data:{droppableContainer:i,value:d}})}}return a.sort(wa)};function Ea(t,e,r){return{...t,scaleX:e&&r?e.width/r.width:1,scaleY:e&&r?e.height/r.height:1}}function Vn(t,e){return t&&e?{x:t.left-e.left,y:t.top-e.top}:ve}function Ma(t){return function(r){for(var n=arguments.length,a=new Array(n>1?n-1:0),i=1;i<n;i++)a[i-1]=arguments[i];return a.reduce((s,o)=>({...s,top:s.top+t*o.y,bottom:s.bottom+t*o.y,left:s.left+t*o.x,right:s.right+t*o.x}),{...r})}}const Ta=Ma(1);function Gn(t){if(t.startsWith("matrix3d(")){const e=t.slice(9,-1).split(/, /);return{x:+e[12],y:+e[13],scaleX:+e[0],scaleY:+e[5]}}else if(t.startsWith("matrix(")){const e=t.slice(7,-1).split(/, /);return{x:+e[4],y:+e[5],scaleX:+e[0],scaleY:+e[3]}}return null}function ja(t,e,r){const n=Gn(e);if(!n)return t;const{scaleX:a,scaleY:i,x:s,y:o}=n,d=t.left-s-(1-a)*parseFloat(r),l=t.top-o-(1-i)*parseFloat(r.slice(r.indexOf(" ")+1)),c=a?t.width/a:t.width,u=i?t.height/i:t.height;return{width:c,height:u,top:l,right:d+c,bottom:l+u,left:d}}const Ra={ignoreTransform:!1};function ot(t,e){e===void 0&&(e=Ra);let r=t.getBoundingClientRect();if(e.ignoreTransform){const{transform:l,transformOrigin:c}=ee(t).getComputedStyle(t);l&&(r=ja(r,l,c))}const{top:n,left:a,width:i,height:s,bottom:o,right:d}=r;return{top:n,left:a,width:i,height:s,bottom:o,right:d}}function an(t){return ot(t,{ignoreTransform:!0})}function Oa(t){const e=t.innerWidth,r=t.innerHeight;return{top:0,left:0,right:e,bottom:r,width:e,height:r}}function Aa(t,e){return e===void 0&&(e=ee(t).getComputedStyle(t)),e.position==="fixed"}function ka(t,e){e===void 0&&(e=ee(t).getComputedStyle(t));const r=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some(a=>{const i=e[a];return typeof i=="string"?r.test(i):!1})}function Qt(t,e){const r=[];function n(a){if(e!=null&&r.length>=e||!a)return r;if(Ar(a)&&a.scrollingElement!=null&&!r.includes(a.scrollingElement))return r.push(a.scrollingElement),r;if(!Tt(a)||Yn(a)||r.includes(a))return r;const i=ee(t).getComputedStyle(a);return a!==t&&ka(a,i)&&r.push(a),Aa(a,i)?r:n(a.parentNode)}return t?n(t):r}function Kn(t){const[e]=Qt(t,1);return e??null}function or(t){return!Jt||!t?null:at(t)?t:Or(t)?Ar(t)||t===st(t).scrollingElement?window:Tt(t)?t:null:null}function qn(t){return at(t)?t.scrollX:t.scrollLeft}function Jn(t){return at(t)?t.scrollY:t.scrollTop}function pr(t){return{x:qn(t),y:Jn(t)}}var K;(function(t){t[t.Forward=1]="Forward",t[t.Backward=-1]="Backward"})(K||(K={}));function Zn(t){return!Jt||!t?!1:t===document.scrollingElement}function Qn(t){const e={x:0,y:0},r=Zn(t)?{height:window.innerHeight,width:window.innerWidth}:{height:t.clientHeight,width:t.clientWidth},n={x:t.scrollWidth-r.width,y:t.scrollHeight-r.height},a=t.scrollTop<=e.y,i=t.scrollLeft<=e.x,s=t.scrollTop>=n.y,o=t.scrollLeft>=n.x;return{isTop:a,isLeft:i,isBottom:s,isRight:o,maxScroll:n,minScroll:e}}const Ia={x:.2,y:.2};function La(t,e,r,n,a){let{top:i,left:s,right:o,bottom:d}=r;n===void 0&&(n=10),a===void 0&&(a=Ia);const{isTop:l,isBottom:c,isLeft:u,isRight:f}=Qn(t),v={x:0,y:0},C={x:0,y:0},y={height:e.height*a.y,width:e.width*a.x};return!l&&i<=e.top+y.height?(v.y=K.Backward,C.y=n*Math.abs((e.top+y.height-i)/y.height)):!c&&d>=e.bottom-y.height&&(v.y=K.Forward,C.y=n*Math.abs((e.bottom-y.height-d)/y.height)),!f&&o>=e.right-y.width?(v.x=K.Forward,C.x=n*Math.abs((e.right-y.width-o)/y.width)):!u&&s<=e.left+y.width&&(v.x=K.Backward,C.x=n*Math.abs((e.left+y.width-s)/y.width)),{direction:v,speed:C}}function za(t){if(t===document.scrollingElement){const{innerWidth:i,innerHeight:s}=window;return{top:0,left:0,right:i,bottom:s,width:i,height:s}}const{top:e,left:r,right:n,bottom:a}=t.getBoundingClientRect();return{top:e,left:r,right:n,bottom:a,width:t.clientWidth,height:t.clientHeight}}function ei(t){return t.reduce((e,r)=>et(e,pr(r)),ve)}function Pa(t){return t.reduce((e,r)=>e+qn(r),0)}function Ba(t){return t.reduce((e,r)=>e+Jn(r),0)}function ti(t,e){if(e===void 0&&(e=ot),!t)return;const{top:r,left:n,bottom:a,right:i}=e(t);Kn(t)&&(a<=0||i<=0||r>=window.innerHeight||n>=window.innerWidth)&&t.scrollIntoView({block:"center",inline:"center"})}const Xa=[["x",["left","right"],Pa],["y",["top","bottom"],Ba]];class kr{constructor(e,r){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;const n=Qt(r),a=ei(n);this.rect={...e},this.width=e.width,this.height=e.height;for(const[i,s,o]of Xa)for(const d of s)Object.defineProperty(this,d,{get:()=>{const l=o(n),c=a[i]-l;return this.rect[d]+c},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class yt{constructor(e){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(r=>{var n;return(n=this.target)==null?void 0:n.removeEventListener(...r)})},this.target=e}add(e,r,n){var a;(a=this.target)==null||a.addEventListener(e,r,n),this.listeners.push([e,r,n])}}function $a(t){const{EventTarget:e}=ee(t);return t instanceof e?t:st(t)}function lr(t,e){const r=Math.abs(t.x),n=Math.abs(t.y);return typeof e=="number"?Math.sqrt(r**2+n**2)>e:"x"in e&&"y"in e?r>e.x&&n>e.y:"x"in e?r>e.x:"y"in e?n>e.y:!1}var fe;(function(t){t.Click="click",t.DragStart="dragstart",t.Keydown="keydown",t.ContextMenu="contextmenu",t.Resize="resize",t.SelectionChange="selectionchange",t.VisibilityChange="visibilitychange"})(fe||(fe={}));function sn(t){t.preventDefault()}function Ya(t){t.stopPropagation()}var I;(function(t){t.Space="Space",t.Down="ArrowDown",t.Right="ArrowRight",t.Left="ArrowLeft",t.Up="ArrowUp",t.Esc="Escape",t.Enter="Enter",t.Tab="Tab"})(I||(I={}));const ri={start:[I.Space,I.Enter],cancel:[I.Esc],end:[I.Space,I.Enter,I.Tab]},_a=(t,e)=>{let{currentCoordinates:r}=e;switch(t.code){case I.Right:return{...r,x:r.x+25};case I.Left:return{...r,x:r.x-25};case I.Down:return{...r,y:r.y+25};case I.Up:return{...r,y:r.y-25}}};class Ir{constructor(e){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=e;const{event:{target:r}}=e;this.props=e,this.listeners=new yt(st(r)),this.windowListeners=new yt(ee(r)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(fe.Resize,this.handleCancel),this.windowListeners.add(fe.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(fe.Keydown,this.handleKeyDown))}handleStart(){const{activeNode:e,onStart:r}=this.props,n=e.node.current;n&&ti(n),r(ve)}handleKeyDown(e){if(Ot(e)){const{active:r,context:n,options:a}=this.props,{keyboardCodes:i=ri,coordinateGetter:s=_a,scrollBehavior:o="smooth"}=a,{code:d}=e;if(i.end.includes(d)){this.handleEnd(e);return}if(i.cancel.includes(d)){this.handleCancel(e);return}const{collisionRect:l}=n.current,c=l?{x:l.left,y:l.top}:ve;this.referenceCoordinates||(this.referenceCoordinates=c);const u=s(e,{active:r,context:n.current,currentCoordinates:c});if(u){const f=St(u,c),v={x:0,y:0},{scrollableAncestors:C}=n.current;for(const y of C){const b=e.code,{isTop:w,isRight:x,isLeft:N,isBottom:E,maxScroll:T,minScroll:g}=Qn(y),D=za(y),m={x:Math.min(b===I.Right?D.right-D.width/2:D.right,Math.max(b===I.Right?D.left:D.left+D.width/2,u.x)),y:Math.min(b===I.Down?D.bottom-D.height/2:D.bottom,Math.max(b===I.Down?D.top:D.top+D.height/2,u.y))},S=b===I.Right&&!x||b===I.Left&&!N,M=b===I.Down&&!E||b===I.Up&&!w;if(S&&m.x!==u.x){const j=y.scrollLeft+f.x,O=b===I.Right&&j<=T.x||b===I.Left&&j>=g.x;if(O&&!f.y){y.scrollTo({left:j,behavior:o});return}O?v.x=y.scrollLeft-j:v.x=b===I.Right?y.scrollLeft-T.x:y.scrollLeft-g.x,v.x&&y.scrollBy({left:-v.x,behavior:o});break}else if(M&&m.y!==u.y){const j=y.scrollTop+f.y,O=b===I.Down&&j<=T.y||b===I.Up&&j>=g.y;if(O&&!f.x){y.scrollTo({top:j,behavior:o});return}O?v.y=y.scrollTop-j:v.y=b===I.Down?y.scrollTop-T.y:y.scrollTop-g.y,v.y&&y.scrollBy({top:-v.y,behavior:o});break}}this.handleMove(e,et(St(u,this.referenceCoordinates),v))}}}handleMove(e,r){const{onMove:n}=this.props;e.preventDefault(),n(r)}handleEnd(e){const{onEnd:r}=this.props;e.preventDefault(),this.detach(),r()}handleCancel(e){const{onCancel:r}=this.props;e.preventDefault(),this.detach(),r()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}Ir.activators=[{eventName:"onKeyDown",handler:(t,e,r)=>{let{keyboardCodes:n=ri,onActivation:a}=e,{active:i}=r;const{code:s}=t.nativeEvent;if(n.start.includes(s)){const o=i.activatorNode.current;return o&&t.target!==o?!1:(t.preventDefault(),a?.({event:t.nativeEvent}),!0)}return!1}}];function on(t){return!!(t&&"distance"in t)}function ln(t){return!!(t&&"delay"in t)}class Lr{constructor(e,r,n){var a;n===void 0&&(n=$a(e.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=e,this.events=r;const{event:i}=e,{target:s}=i;this.props=e,this.events=r,this.document=st(s),this.documentListeners=new yt(this.document),this.listeners=new yt(n),this.windowListeners=new yt(ee(s)),this.initialCoordinates=(a=Ut(i))!=null?a:ve,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:e,props:{options:{activationConstraint:r,bypassActivationConstraint:n}}}=this;if(this.listeners.add(e.move.name,this.handleMove,{passive:!1}),this.listeners.add(e.end.name,this.handleEnd),e.cancel&&this.listeners.add(e.cancel.name,this.handleCancel),this.windowListeners.add(fe.Resize,this.handleCancel),this.windowListeners.add(fe.DragStart,sn),this.windowListeners.add(fe.VisibilityChange,this.handleCancel),this.windowListeners.add(fe.ContextMenu,sn),this.documentListeners.add(fe.Keydown,this.handleKeydown),r){if(n!=null&&n({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(ln(r)){this.timeoutId=setTimeout(this.handleStart,r.delay),this.handlePending(r);return}if(on(r)){this.handlePending(r);return}}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),this.timeoutId!==null&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handlePending(e,r){const{active:n,onPending:a}=this.props;a(n,e,this.initialCoordinates,r)}handleStart(){const{initialCoordinates:e}=this,{onStart:r}=this.props;e&&(this.activated=!0,this.documentListeners.add(fe.Click,Ya,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(fe.SelectionChange,this.removeTextSelection),r(e))}handleMove(e){var r;const{activated:n,initialCoordinates:a,props:i}=this,{onMove:s,options:{activationConstraint:o}}=i;if(!a)return;const d=(r=Ut(e))!=null?r:ve,l=St(a,d);if(!n&&o){if(on(o)){if(o.tolerance!=null&&lr(l,o.tolerance))return this.handleCancel();if(lr(l,o.distance))return this.handleStart()}if(ln(o)&&lr(l,o.tolerance))return this.handleCancel();this.handlePending(o,l);return}e.cancelable&&e.preventDefault(),s(d)}handleEnd(){const{onAbort:e,onEnd:r}=this.props;this.detach(),this.activated||e(this.props.active),r()}handleCancel(){const{onAbort:e,onCancel:r}=this.props;this.detach(),this.activated||e(this.props.active),r()}handleKeydown(e){e.code===I.Esc&&this.handleCancel()}removeTextSelection(){var e;(e=this.document.getSelection())==null||e.removeAllRanges()}}const Wa={cancel:{name:"pointercancel"},move:{name:"pointermove"},end:{name:"pointerup"}};class zr extends Lr{constructor(e){const{event:r}=e,n=st(r.target);super(e,Wa,n)}}zr.activators=[{eventName:"onPointerDown",handler:(t,e)=>{let{nativeEvent:r}=t,{onActivation:n}=e;return!r.isPrimary||r.button!==0?!1:(n?.({event:r}),!0)}}];const Ha={move:{name:"mousemove"},end:{name:"mouseup"}};var gr;(function(t){t[t.RightClick=2]="RightClick"})(gr||(gr={}));class Ua extends Lr{constructor(e){super(e,Ha,st(e.event.target))}}Ua.activators=[{eventName:"onMouseDown",handler:(t,e)=>{let{nativeEvent:r}=t,{onActivation:n}=e;return r.button===gr.RightClick?!1:(n?.({event:r}),!0)}}];const cr={cancel:{name:"touchcancel"},move:{name:"touchmove"},end:{name:"touchend"}};class Fa extends Lr{constructor(e){super(e,cr)}static setup(){return window.addEventListener(cr.move.name,e,{capture:!1,passive:!1}),function(){window.removeEventListener(cr.move.name,e)};function e(){}}}Fa.activators=[{eventName:"onTouchStart",handler:(t,e)=>{let{nativeEvent:r}=t,{onActivation:n}=e;const{touches:a}=r;return a.length>1?!1:(n?.({event:r}),!0)}}];var wt;(function(t){t[t.Pointer=0]="Pointer",t[t.DraggableRect=1]="DraggableRect"})(wt||(wt={}));var Vt;(function(t){t[t.TreeOrder=0]="TreeOrder",t[t.ReversedTreeOrder=1]="ReversedTreeOrder"})(Vt||(Vt={}));function Va(t){let{acceleration:e,activator:r=wt.Pointer,canScroll:n,draggingRect:a,enabled:i,interval:s=5,order:o=Vt.TreeOrder,pointerCoordinates:d,scrollableAncestors:l,scrollableAncestorRects:c,delta:u,threshold:f}=t;const v=Ka({delta:u,disabled:!i}),[C,y]=sa(),b=p.useRef({x:0,y:0}),w=p.useRef({x:0,y:0}),x=p.useMemo(()=>{switch(r){case wt.Pointer:return d?{top:d.y,bottom:d.y,left:d.x,right:d.x}:null;case wt.DraggableRect:return a}},[r,a,d]),N=p.useRef(null),E=p.useCallback(()=>{const g=N.current;if(!g)return;const D=b.current.x*w.current.x,m=b.current.y*w.current.y;g.scrollBy(D,m)},[]),T=p.useMemo(()=>o===Vt.TreeOrder?[...l].reverse():l,[o,l]);p.useEffect(()=>{if(!i||!l.length||!x){y();return}for(const g of T){if(n?.(g)===!1)continue;const D=l.indexOf(g),m=c[D];if(!m)continue;const{direction:S,speed:M}=La(g,m,x,e,f);for(const j of["x","y"])v[j][S[j]]||(M[j]=0,S[j]=0);if(M.x>0||M.y>0){y(),N.current=g,C(E,s),b.current=M,w.current=S;return}}b.current={x:0,y:0},w.current={x:0,y:0},y()},[e,E,n,y,i,s,JSON.stringify(x),JSON.stringify(v),C,l,T,c,JSON.stringify(f)])}const Ga={x:{[K.Backward]:!1,[K.Forward]:!1},y:{[K.Backward]:!1,[K.Forward]:!1}};function Ka(t){let{delta:e,disabled:r}=t;const n=Ht(e);return jt(a=>{if(r||!n||!a)return Ga;const i={x:Math.sign(e.x-n.x),y:Math.sign(e.y-n.y)};return{x:{[K.Backward]:a.x[K.Backward]||i.x===-1,[K.Forward]:a.x[K.Forward]||i.x===1},y:{[K.Backward]:a.y[K.Backward]||i.y===-1,[K.Forward]:a.y[K.Forward]||i.y===1}}},[r,e,n])}function qa(t,e){const r=e!=null?t.get(e):void 0,n=r?r.node.current:null;return jt(a=>{var i;return e==null?null:(i=n??a)!=null?i:null},[n,e])}function Ja(t,e){return p.useMemo(()=>t.reduce((r,n)=>{const{sensor:a}=n,i=a.activators.map(s=>({eventName:s.eventName,handler:e(s.handler,n)}));return[...r,...i]},[]),[t,e])}var it;(function(t){t[t.Always=0]="Always",t[t.BeforeDragging=1]="BeforeDragging",t[t.WhileDragging=2]="WhileDragging"})(it||(it={}));var vr;(function(t){t.Optimized="optimized"})(vr||(vr={}));const cn=new Map;function Za(t,e){let{dragging:r,dependencies:n,config:a}=e;const[i,s]=p.useState(null),{frequency:o,measure:d,strategy:l}=a,c=p.useRef(t),u=b(),f=Nt(u),v=p.useCallback(function(w){w===void 0&&(w=[]),!f.current&&s(x=>x===null?w:x.concat(w.filter(N=>!x.includes(N))))},[f]),C=p.useRef(null),y=jt(w=>{if(u&&!r)return cn;if(!w||w===cn||c.current!==t||i!=null){const x=new Map;for(let N of t){if(!N)continue;if(i&&i.length>0&&!i.includes(N.id)&&N.rect.current){x.set(N.id,N.rect.current);continue}const E=N.node.current,T=E?new kr(d(E),E):null;N.rect.current=T,T&&x.set(N.id,T)}return x}return w},[t,i,r,u,d]);return p.useEffect(()=>{c.current=t},[t]),p.useEffect(()=>{u||v()},[r,u]),p.useEffect(()=>{i&&i.length>0&&s(null)},[JSON.stringify(i)]),p.useEffect(()=>{u||typeof o!="number"||C.current!==null||(C.current=setTimeout(()=>{v(),C.current=null},o))},[o,u,v,...n]),{droppableRects:y,measureDroppableContainers:v,measuringScheduled:i!=null};function b(){switch(l){case it.Always:return!1;case it.BeforeDragging:return r;default:return!r}}}function Pr(t,e){return jt(r=>t?r||(typeof e=="function"?e(t):t):null,[e,t])}function Qa(t,e){return Pr(t,e)}function es(t){let{callback:e,disabled:r}=t;const n=Zt(e),a=p.useMemo(()=>{if(r||typeof window>"u"||typeof window.MutationObserver>"u")return;const{MutationObserver:i}=window;return new i(n)},[n,r]);return p.useEffect(()=>()=>a?.disconnect(),[a]),a}function er(t){let{callback:e,disabled:r}=t;const n=Zt(e),a=p.useMemo(()=>{if(r||typeof window>"u"||typeof window.ResizeObserver>"u")return;const{ResizeObserver:i}=window;return new i(n)},[r]);return p.useEffect(()=>()=>a?.disconnect(),[a]),a}function ts(t){return new kr(ot(t),t)}function dn(t,e,r){e===void 0&&(e=ts);const[n,a]=p.useState(null);function i(){a(d=>{if(!t)return null;if(t.isConnected===!1){var l;return(l=d??r)!=null?l:null}const c=e(t);return JSON.stringify(d)===JSON.stringify(c)?d:c})}const s=es({callback(d){if(t)for(const l of d){const{type:c,target:u}=l;if(c==="childList"&&u instanceof HTMLElement&&u.contains(t)){i();break}}}}),o=er({callback:i});return ge(()=>{i(),t?(o?.observe(t),s?.observe(document.body,{childList:!0,subtree:!0})):(o?.disconnect(),s?.disconnect())},[t]),n}function rs(t){const e=Pr(t);return Vn(t,e)}const un=[];function ns(t){const e=p.useRef(t),r=jt(n=>t?n&&n!==un&&t&&e.current&&t.parentNode===e.current.parentNode?n:Qt(t):un,[t]);return p.useEffect(()=>{e.current=t},[t]),r}function is(t){const[e,r]=p.useState(null),n=p.useRef(t),a=p.useCallback(i=>{const s=or(i.target);s&&r(o=>o?(o.set(s,pr(s)),new Map(o)):null)},[]);return p.useEffect(()=>{const i=n.current;if(t!==i){s(i);const o=t.map(d=>{const l=or(d);return l?(l.addEventListener("scroll",a,{passive:!0}),[l,pr(l)]):null}).filter(d=>d!=null);r(o.length?new Map(o):null),n.current=t}return()=>{s(t),s(i)};function s(o){o.forEach(d=>{const l=or(d);l?.removeEventListener("scroll",a)})}},[a,t]),p.useMemo(()=>t.length?e?Array.from(e.values()).reduce((i,s)=>et(i,s),ve):ei(t):ve,[t,e])}function hn(t,e){e===void 0&&(e=[]);const r=p.useRef(null);return p.useEffect(()=>{r.current=null},e),p.useEffect(()=>{const n=t!==ve;n&&!r.current&&(r.current=t),!n&&r.current&&(r.current=null)},[t]),r.current?St(t,r.current):ve}function as(t){p.useEffect(()=>{if(!Jt)return;const e=t.map(r=>{let{sensor:n}=r;return n.setup==null?void 0:n.setup()});return()=>{for(const r of e)r?.()}},t.map(e=>{let{sensor:r}=e;return r}))}function ss(t,e){return p.useMemo(()=>t.reduce((r,n)=>{let{eventName:a,handler:i}=n;return r[a]=s=>{i(s,e)},r},{}),[t,e])}function ni(t){return p.useMemo(()=>t?Oa(t):null,[t])}const fn=[];function os(t,e){e===void 0&&(e=ot);const[r]=t,n=ni(r?ee(r):null),[a,i]=p.useState(fn);function s(){i(()=>t.length?t.map(d=>Zn(d)?n:new kr(e(d),d)):fn)}const o=er({callback:s});return ge(()=>{o?.disconnect(),s(),t.forEach(d=>o?.observe(d))},[t]),a}function ii(t){if(!t)return null;if(t.children.length>1)return t;const e=t.children[0];return Tt(e)?e:t}function ls(t){let{measure:e}=t;const[r,n]=p.useState(null),a=p.useCallback(l=>{for(const{target:c}of l)if(Tt(c)){n(u=>{const f=e(c);return u?{...u,width:f.width,height:f.height}:f});break}},[e]),i=er({callback:a}),s=p.useCallback(l=>{const c=ii(l);i?.disconnect(),c&&i?.observe(c),n(c?e(c):null)},[e,i]),[o,d]=Wt(s);return p.useMemo(()=>({nodeRef:o,rect:r,setRef:d}),[r,o,d])}const cs=[{sensor:zr,options:{}},{sensor:Ir,options:{}}],ds={current:{}},Xt={draggable:{measure:an},droppable:{measure:an,strategy:it.WhileDragging,frequency:vr.Optimized},dragOverlay:{measure:ot}};class Dt extends Map{get(e){var r;return e!=null&&(r=super.get(e))!=null?r:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter(e=>{let{disabled:r}=e;return!r})}getNodeFor(e){var r,n;return(r=(n=this.get(e))==null?void 0:n.node.current)!=null?r:void 0}}const us={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Dt,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:Ft},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:Xt,measureDroppableContainers:Ft,windowRect:null,measuringScheduled:!1},ai={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:Ft,draggableNodes:new Map,over:null,measureDroppableContainers:Ft},At=p.createContext(ai),si=p.createContext(us);function hs(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Dt}}}function fs(t,e){switch(e.type){case V.DragStart:return{...t,draggable:{...t.draggable,initialCoordinates:e.initialCoordinates,active:e.active}};case V.DragMove:return t.draggable.active==null?t:{...t,draggable:{...t.draggable,translate:{x:e.coordinates.x-t.draggable.initialCoordinates.x,y:e.coordinates.y-t.draggable.initialCoordinates.y}}};case V.DragEnd:case V.DragCancel:return{...t,draggable:{...t.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case V.RegisterDroppable:{const{element:r}=e,{id:n}=r,a=new Dt(t.droppable.containers);return a.set(n,r),{...t,droppable:{...t.droppable,containers:a}}}case V.SetDroppableDisabled:{const{id:r,key:n,disabled:a}=e,i=t.droppable.containers.get(r);if(!i||n!==i.key)return t;const s=new Dt(t.droppable.containers);return s.set(r,{...i,disabled:a}),{...t,droppable:{...t.droppable,containers:s}}}case V.UnregisterDroppable:{const{id:r,key:n}=e,a=t.droppable.containers.get(r);if(!a||n!==a.key)return t;const i=new Dt(t.droppable.containers);return i.delete(r),{...t,droppable:{...t.droppable,containers:i}}}default:return t}}function ps(t){let{disabled:e}=t;const{active:r,activatorEvent:n,draggableNodes:a}=p.useContext(At),i=Ht(n),s=Ht(r?.id);return p.useEffect(()=>{if(!e&&!n&&i&&s!=null){if(!Ot(i)||document.activeElement===i.target)return;const o=a.get(s);if(!o)return;const{activatorNode:d,node:l}=o;if(!d.current&&!l.current)return;requestAnimationFrame(()=>{for(const c of[d.current,l.current]){if(!c)continue;const u=ca(c);if(u){u.focus();break}}})}},[n,e,a,s,i]),null}function oi(t,e){let{transform:r,...n}=e;return t!=null&&t.length?t.reduce((a,i)=>i({transform:a,...n}),r):r}function gs(t){return p.useMemo(()=>({draggable:{...Xt.draggable,...t?.draggable},droppable:{...Xt.droppable,...t?.droppable},dragOverlay:{...Xt.dragOverlay,...t?.dragOverlay}}),[t?.draggable,t?.droppable,t?.dragOverlay])}function vs(t){let{activeNode:e,measure:r,initialRect:n,config:a=!0}=t;const i=p.useRef(!1),{x:s,y:o}=typeof a=="boolean"?{x:a,y:a}:a;ge(()=>{if(!s&&!o||!e){i.current=!1;return}if(i.current||!n)return;const l=e?.node.current;if(!l||l.isConnected===!1)return;const c=r(l),u=Vn(c,n);if(s||(u.x=0),o||(u.y=0),i.current=!0,Math.abs(u.x)>0||Math.abs(u.y)>0){const f=Kn(l);f&&f.scrollBy({top:u.y,left:u.x})}},[e,s,o,n,r])}const tr=p.createContext({...ve,scaleX:1,scaleY:1});var Ie;(function(t){t[t.Uninitialized=0]="Uninitialized",t[t.Initializing=1]="Initializing",t[t.Initialized=2]="Initialized"})(Ie||(Ie={}));const ms=p.memo(function(e){var r,n,a,i;let{id:s,accessibility:o,autoScroll:d=!0,children:l,sensors:c=cs,collisionDetection:u=Sa,measuring:f,modifiers:v,...C}=e;const y=p.useReducer(fs,void 0,hs),[b,w]=y,[x,N]=ga(),[E,T]=p.useState(Ie.Uninitialized),g=E===Ie.Initialized,{draggable:{active:D,nodes:m,translate:S},droppable:{containers:M}}=b,j=D!=null?m.get(D):null,O=p.useRef({initial:null,translated:null}),z=p.useMemo(()=>{var Q;return D!=null?{id:D,data:(Q=j?.data)!=null?Q:ds,rect:O}:null},[D,j]),L=p.useRef(null),[P,q]=p.useState(null),[B,R]=p.useState(null),A=Nt(C,Object.values(C)),W=Rt("DndDescribedBy",s),J=p.useMemo(()=>M.getEnabled(),[M]),U=gs(f),{droppableRects:ce,measureDroppableContainers:Ce,measuringScheduled:Be}=Za(J,{dragging:g,dependencies:[S.x,S.y],config:U.droppable}),de=qa(m,D),kt=p.useMemo(()=>B?Ut(B):null,[B]),Me=Yi(),Ne=Qa(de,U.draggable.measure);vs({activeNode:D!=null?m.get(D):null,config:Me.layoutShiftCompensation,initialRect:Ne,measure:U.draggable.measure});const X=dn(de,U.draggable.measure,Ne),lt=dn(de?de.parentElement:null),me=p.useRef({activatorEvent:null,active:null,activeNode:de,collisionRect:null,collisions:null,droppableRects:ce,draggableNodes:m,draggingNode:null,draggingNodeRect:null,droppableContainers:M,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),We=M.getNodeFor((r=me.current.over)==null?void 0:r.id),Se=ls({measure:U.dragOverlay.measure}),He=(n=Se.nodeRef.current)!=null?n:de,Ue=g?(a=Se.rect)!=null?a:X:null,Ur=!!(Se.nodeRef.current&&Se.rect),Fr=rs(Ur?null:X),nr=ni(He?ee(He):null),Te=ns(g?We??de:null),It=os(Te),Lt=oi(v,{transform:{x:S.x-Fr.x,y:S.y-Fr.y,scaleX:1,scaleY:1},activatorEvent:B,active:z,activeNodeRect:X,containerNodeRect:lt,draggingNodeRect:Ue,over:me.current.over,overlayNodeRect:Se.rect,scrollableAncestors:Te,scrollableAncestorRects:It,windowRect:nr}),Vr=kt?et(kt,S):null,Gr=is(Te),Ii=hn(Gr),Li=hn(Gr,[X]),Fe=et(Lt,Ii),Ve=Ue?Ta(Ue,Lt):null,ct=z&&Ve?u({active:z,collisionRect:Ve,droppableRects:ce,droppableContainers:J,pointerCoordinates:Vr}):null,Kr=Fn(ct,"id"),[je,qr]=p.useState(null),zi=Ur?Lt:et(Lt,Li),Pi=Ea(zi,(i=je?.rect)!=null?i:null,X),ir=p.useRef(null),Jr=p.useCallback((Q,ne)=>{let{sensor:ie,options:Re}=ne;if(L.current==null)return;const ue=m.get(L.current);if(!ue)return;const ae=Q.nativeEvent,be=new ie({active:L.current,activeNode:ue,event:ae,options:Re,context:me,onAbort(Z){if(!m.get(Z))return;const{onDragAbort:xe}=A.current,Ee={id:Z};xe?.(Ee),x({type:"onDragAbort",event:Ee})},onPending(Z,Oe,xe,Ee){if(!m.get(Z))return;const{onDragPending:ut}=A.current,Ae={id:Z,constraint:Oe,initialCoordinates:xe,offset:Ee};ut?.(Ae),x({type:"onDragPending",event:Ae})},onStart(Z){const Oe=L.current;if(Oe==null)return;const xe=m.get(Oe);if(!xe)return;const{onDragStart:Ee}=A.current,dt={activatorEvent:ae,active:{id:Oe,data:xe.data,rect:O}};bt.unstable_batchedUpdates(()=>{Ee?.(dt),T(Ie.Initializing),w({type:V.DragStart,initialCoordinates:Z,active:Oe}),x({type:"onDragStart",event:dt}),q(ir.current),R(ae)})},onMove(Z){w({type:V.DragMove,coordinates:Z})},onEnd:Ge(V.DragEnd),onCancel:Ge(V.DragCancel)});ir.current=be;function Ge(Z){return async function(){const{active:xe,collisions:Ee,over:dt,scrollAdjustedTranslate:ut}=me.current;let Ae=null;if(xe&&ut){const{cancelDrop:ht}=A.current;Ae={activatorEvent:ae,active:xe,collisions:Ee,delta:ut,over:dt},Z===V.DragEnd&&typeof ht=="function"&&await Promise.resolve(ht(Ae))&&(Z=V.DragCancel)}L.current=null,bt.unstable_batchedUpdates(()=>{w({type:Z}),T(Ie.Uninitialized),qr(null),q(null),R(null),ir.current=null;const ht=Z===V.DragEnd?"onDragEnd":"onDragCancel";if(Ae){const ar=A.current[ht];ar?.(Ae),x({type:ht,event:Ae})}})}}},[m]),Bi=p.useCallback((Q,ne)=>(ie,Re)=>{const ue=ie.nativeEvent,ae=m.get(Re);if(L.current!==null||!ae||ue.dndKit||ue.defaultPrevented)return;const be={active:ae};Q(ie,ne.options,be)===!0&&(ue.dndKit={capturedBy:ne.sensor},L.current=Re,Jr(ie,ne))},[m,Jr]),Zr=Ja(c,Bi);as(c),ge(()=>{X&&E===Ie.Initializing&&T(Ie.Initialized)},[X,E]),p.useEffect(()=>{const{onDragMove:Q}=A.current,{active:ne,activatorEvent:ie,collisions:Re,over:ue}=me.current;if(!ne||!ie)return;const ae={active:ne,activatorEvent:ie,collisions:Re,delta:{x:Fe.x,y:Fe.y},over:ue};bt.unstable_batchedUpdates(()=>{Q?.(ae),x({type:"onDragMove",event:ae})})},[Fe.x,Fe.y]),p.useEffect(()=>{const{active:Q,activatorEvent:ne,collisions:ie,droppableContainers:Re,scrollAdjustedTranslate:ue}=me.current;if(!Q||L.current==null||!ne||!ue)return;const{onDragOver:ae}=A.current,be=Re.get(Kr),Ge=be&&be.rect.current?{id:be.id,rect:be.rect.current,data:be.data,disabled:be.disabled}:null,Z={active:Q,activatorEvent:ne,collisions:ie,delta:{x:ue.x,y:ue.y},over:Ge};bt.unstable_batchedUpdates(()=>{qr(Ge),ae?.(Z),x({type:"onDragOver",event:Z})})},[Kr]),ge(()=>{me.current={activatorEvent:B,active:z,activeNode:de,collisionRect:Ve,collisions:ct,droppableRects:ce,draggableNodes:m,draggingNode:He,draggingNodeRect:Ue,droppableContainers:M,over:je,scrollableAncestors:Te,scrollAdjustedTranslate:Fe},O.current={initial:Ue,translated:Ve}},[z,de,ct,Ve,m,He,Ue,ce,M,je,Te,Fe]),Va({...Me,delta:S,draggingRect:Ve,pointerCoordinates:Vr,scrollableAncestors:Te,scrollableAncestorRects:It});const Xi=p.useMemo(()=>({active:z,activeNode:de,activeNodeRect:X,activatorEvent:B,collisions:ct,containerNodeRect:lt,dragOverlay:Se,draggableNodes:m,droppableContainers:M,droppableRects:ce,over:je,measureDroppableContainers:Ce,scrollableAncestors:Te,scrollableAncestorRects:It,measuringConfiguration:U,measuringScheduled:Be,windowRect:nr}),[z,de,X,B,ct,lt,Se,m,M,ce,je,Ce,Te,It,U,Be,nr]),$i=p.useMemo(()=>({activatorEvent:B,activators:Zr,active:z,activeNodeRect:X,ariaDescribedById:{draggable:W},dispatch:w,draggableNodes:m,over:je,measureDroppableContainers:Ce}),[B,Zr,z,X,w,W,m,je,Ce]);return $.createElement(Wn.Provider,{value:N},$.createElement(At.Provider,{value:$i},$.createElement(si.Provider,{value:Xi},$.createElement(tr.Provider,{value:Pi},l)),$.createElement(ps,{disabled:o?.restoreFocus===!1})),$.createElement(ba,{...o,hiddenTextDescribedById:W}));function Yi(){const Q=P?.autoScrollEnabled===!1,ne=typeof d=="object"?d.enabled===!1:d===!1,ie=g&&!Q&&!ne;return typeof d=="object"?{...d,enabled:ie}:{enabled:ie}}}),bs=p.createContext(null),pn="button",xs="Draggable";function ys(t){let{id:e,data:r,disabled:n=!1,attributes:a}=t;const i=Rt(xs),{activators:s,activatorEvent:o,active:d,activeNodeRect:l,ariaDescribedById:c,draggableNodes:u,over:f}=p.useContext(At),{role:v=pn,roleDescription:C="draggable",tabIndex:y=0}=a??{},b=d?.id===e,w=p.useContext(b?tr:bs),[x,N]=Wt(),[E,T]=Wt(),g=ss(s,e),D=Nt(r);ge(()=>(u.set(e,{id:e,key:i,node:x,activatorNode:E,data:D}),()=>{const S=u.get(e);S&&S.key===i&&u.delete(e)}),[u,e]);const m=p.useMemo(()=>({role:v,tabIndex:y,"aria-disabled":n,"aria-pressed":b&&v===pn?!0:void 0,"aria-roledescription":C,"aria-describedby":c.draggable}),[n,v,y,b,C,c.draggable]);return{active:d,activatorEvent:o,activeNodeRect:l,attributes:m,isDragging:b,listeners:n?void 0:g,node:x,over:f,setNodeRef:N,setActivatorNodeRef:T,transform:w}}function Br(){return p.useContext(si)}const ws="Droppable",Ds={timeout:25};function Cs(t){let{data:e,disabled:r=!1,id:n,resizeObserverConfig:a}=t;const i=Rt(ws),{active:s,dispatch:o,over:d,measureDroppableContainers:l}=p.useContext(At),c=p.useRef({disabled:r}),u=p.useRef(!1),f=p.useRef(null),v=p.useRef(null),{disabled:C,updateMeasurementsFor:y,timeout:b}={...Ds,...a},w=Nt(y??n),x=p.useCallback(()=>{if(!u.current){u.current=!0;return}v.current!=null&&clearTimeout(v.current),v.current=setTimeout(()=>{l(Array.isArray(w.current)?w.current:[w.current]),v.current=null},b)},[b]),N=er({callback:x,disabled:C||!s}),E=p.useCallback((m,S)=>{N&&(S&&(N.unobserve(S),u.current=!1),m&&N.observe(m))},[N]),[T,g]=Wt(E),D=Nt(e);return p.useEffect(()=>{!N||!T.current||(N.disconnect(),u.current=!1,N.observe(T.current))},[T,N]),p.useEffect(()=>(o({type:V.RegisterDroppable,element:{id:n,key:i,disabled:r,node:T,rect:f,data:D}}),()=>o({type:V.UnregisterDroppable,key:i,id:n})),[n]),p.useEffect(()=>{r!==c.current.disabled&&(o({type:V.SetDroppableDisabled,id:n,key:i,disabled:r}),c.current.disabled=r)},[n,i,r,o]),{active:s,rect:f,isOver:d?.id===n,node:T,over:d,setNodeRef:g}}function Ns(t){let{animation:e,children:r}=t;const[n,a]=p.useState(null),[i,s]=p.useState(null),o=Ht(r);return!r&&!n&&o&&a(o),ge(()=>{if(!i)return;const d=n?.key,l=n?.props.id;if(d==null||l==null){a(null);return}Promise.resolve(e(l,i)).then(()=>{a(null)})},[e,n,i]),$.createElement($.Fragment,null,r,n?p.cloneElement(n,{ref:s}):null)}const Ss={x:0,y:0,scaleX:1,scaleY:1};function Es(t){let{children:e}=t;return $.createElement(At.Provider,{value:ai},$.createElement(tr.Provider,{value:Ss},e))}const Ms={position:"fixed",touchAction:"none"},Ts=t=>Ot(t)?"transform 250ms ease":void 0,js=p.forwardRef((t,e)=>{let{as:r,activatorEvent:n,adjustScale:a,children:i,className:s,rect:o,style:d,transform:l,transition:c=Ts}=t;if(!o)return null;const u=a?l:{...l,scaleX:1,scaleY:1},f={...Ms,width:o.width,height:o.height,top:o.top,left:o.left,transform:we.Transform.toString(u),transformOrigin:a&&n?ya(n,o):void 0,transition:typeof c=="function"?c(n):c,...d};return $.createElement(r,{className:s,style:f,ref:e},i)}),li=t=>e=>{let{active:r,dragOverlay:n}=e;const a={},{styles:i,className:s}=t;if(i!=null&&i.active)for(const[o,d]of Object.entries(i.active))d!==void 0&&(a[o]=r.node.style.getPropertyValue(o),r.node.style.setProperty(o,d));if(i!=null&&i.dragOverlay)for(const[o,d]of Object.entries(i.dragOverlay))d!==void 0&&n.node.style.setProperty(o,d);return s!=null&&s.active&&r.node.classList.add(s.active),s!=null&&s.dragOverlay&&n.node.classList.add(s.dragOverlay),function(){for(const[d,l]of Object.entries(a))r.node.style.setProperty(d,l);s!=null&&s.active&&r.node.classList.remove(s.active)}},Rs=t=>{let{transform:{initial:e,final:r}}=t;return[{transform:we.Transform.toString(e)},{transform:we.Transform.toString(r)}]},Os={duration:250,easing:"ease",keyframes:Rs,sideEffects:li({styles:{active:{opacity:"0"}}})};function As(t){let{config:e,draggableNodes:r,droppableContainers:n,measuringConfiguration:a}=t;return Zt((i,s)=>{if(e===null)return;const o=r.get(i);if(!o)return;const d=o.node.current;if(!d)return;const l=ii(s);if(!l)return;const{transform:c}=ee(s).getComputedStyle(s),u=Gn(c);if(!u)return;const f=typeof e=="function"?e:ks(e);return ti(d,a.draggable.measure),f({active:{id:i,data:o.data,node:d,rect:a.draggable.measure(d)},draggableNodes:r,dragOverlay:{node:s,rect:a.dragOverlay.measure(l)},droppableContainers:n,measuringConfiguration:a,transform:u})})}function ks(t){const{duration:e,easing:r,sideEffects:n,keyframes:a}={...Os,...t};return i=>{let{active:s,dragOverlay:o,transform:d,...l}=i;if(!e)return;const c={x:o.rect.left-s.rect.left,y:o.rect.top-s.rect.top},u={scaleX:d.scaleX!==1?s.rect.width*d.scaleX/o.rect.width:1,scaleY:d.scaleY!==1?s.rect.height*d.scaleY/o.rect.height:1},f={x:d.x-c.x,y:d.y-c.y,...u},v=a({...l,active:s,dragOverlay:o,transform:{initial:d,final:f}}),[C]=v,y=v[v.length-1];if(JSON.stringify(C)===JSON.stringify(y))return;const b=n?.({active:s,dragOverlay:o,...l}),w=o.node.animate(v,{duration:e,easing:r,fill:"forwards"});return new Promise(x=>{w.onfinish=()=>{b?.(),x()}})}}let gn=0;function Is(t){return p.useMemo(()=>{if(t!=null)return gn++,gn},[t])}const Ls=$.memo(t=>{let{adjustScale:e=!1,children:r,dropAnimation:n,style:a,transition:i,modifiers:s,wrapperElement:o="div",className:d,zIndex:l=999}=t;const{activatorEvent:c,active:u,activeNodeRect:f,containerNodeRect:v,draggableNodes:C,droppableContainers:y,dragOverlay:b,over:w,measuringConfiguration:x,scrollableAncestors:N,scrollableAncestorRects:E,windowRect:T}=Br(),g=p.useContext(tr),D=Is(u?.id),m=oi(s,{activatorEvent:c,active:u,activeNodeRect:f,containerNodeRect:v,draggingNodeRect:b.rect,over:w,overlayNodeRect:b.rect,scrollableAncestors:N,scrollableAncestorRects:E,transform:g,windowRect:T}),S=Pr(f),M=As({config:n,draggableNodes:C,droppableContainers:y,measuringConfiguration:x}),j=S?b.setRef:void 0;return $.createElement(Es,null,$.createElement(Ns,{animation:M},u&&D?$.createElement(js,{key:D,id:u.id,ref:j,as:o,activatorEvent:c,adjustScale:e,className:d,transition:i,rect:S,style:{zIndex:l,...a},transform:m},r):null))});function Xr(t,e,r){const n=t.slice();return n.splice(r<0?n.length+r:r,0,n.splice(e,1)[0]),n}function zs(t,e){return t.reduce((r,n,a)=>{const i=e.get(n);return i&&(r[a]=i),r},Array(t.length))}function zt(t){return t!==null&&t>=0}function Ps(t,e){if(t===e)return!0;if(t.length!==e.length)return!1;for(let r=0;r<t.length;r++)if(t[r]!==e[r])return!1;return!0}function Bs(t){return typeof t=="boolean"?{draggable:t,droppable:t}:t}const ci=t=>{let{rects:e,activeIndex:r,overIndex:n,index:a}=t;const i=Xr(e,n,r),s=e[a],o=i[a];return!o||!s?null:{x:o.left-s.left,y:o.top-s.top,scaleX:o.width/s.width,scaleY:o.height/s.height}},di="Sortable",ui=$.createContext({activeIndex:-1,containerId:di,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:ci,disabled:{draggable:!1,droppable:!1}});function Xs(t){let{children:e,id:r,items:n,strategy:a=ci,disabled:i=!1}=t;const{active:s,dragOverlay:o,droppableRects:d,over:l,measureDroppableContainers:c}=Br(),u=Rt(di,r),f=o.rect!==null,v=p.useMemo(()=>n.map(g=>typeof g=="object"&&"id"in g?g.id:g),[n]),C=s!=null,y=s?v.indexOf(s.id):-1,b=l?v.indexOf(l.id):-1,w=p.useRef(v),x=!Ps(v,w.current),N=b!==-1&&y===-1||x,E=Bs(i);ge(()=>{x&&C&&c(v)},[x,v,C,c]),p.useEffect(()=>{w.current=v},[v]);const T=p.useMemo(()=>({activeIndex:y,containerId:u,disabled:E,disableTransforms:N,items:v,overIndex:b,useDragOverlay:f,sortedRects:zs(v,d),strategy:a}),[y,u,E.draggable,E.droppable,N,v,b,d,f,a]);return $.createElement(ui.Provider,{value:T},e)}const $s=t=>{let{id:e,items:r,activeIndex:n,overIndex:a}=t;return Xr(r,n,a).indexOf(e)},Ys=t=>{let{containerId:e,isSorting:r,wasDragging:n,index:a,items:i,newIndex:s,previousItems:o,previousContainerId:d,transition:l}=t;return!l||!n||o!==i&&a===s?!1:r?!0:s!==a&&e===d},_s={duration:200,easing:"ease"},hi="transform",Ws=we.Transition.toString({property:hi,duration:0,easing:"linear"}),Hs={roleDescription:"sortable"};function Us(t){let{disabled:e,index:r,node:n,rect:a}=t;const[i,s]=p.useState(null),o=p.useRef(r);return ge(()=>{if(!e&&r!==o.current&&n.current){const d=a.current;if(d){const l=ot(n.current,{ignoreTransform:!0}),c={x:d.left-l.left,y:d.top-l.top,scaleX:d.width/l.width,scaleY:d.height/l.height};(c.x||c.y)&&s(c)}}r!==o.current&&(o.current=r)},[e,r,n,a]),p.useEffect(()=>{i&&s(null)},[i]),i}function Fs(t){let{animateLayoutChanges:e=Ys,attributes:r,disabled:n,data:a,getNewIndex:i=$s,id:s,strategy:o,resizeObserverConfig:d,transition:l=_s}=t;const{items:c,containerId:u,activeIndex:f,disabled:v,disableTransforms:C,sortedRects:y,overIndex:b,useDragOverlay:w,strategy:x}=p.useContext(ui),N=Vs(n,v),E=c.indexOf(s),T=p.useMemo(()=>({sortable:{containerId:u,index:E,items:c},...a}),[u,a,E,c]),g=p.useMemo(()=>c.slice(c.indexOf(s)),[c,s]),{rect:D,node:m,isOver:S,setNodeRef:M}=Cs({id:s,data:T,disabled:N.droppable,resizeObserverConfig:{updateMeasurementsFor:g,...d}}),{active:j,activatorEvent:O,activeNodeRect:z,attributes:L,setNodeRef:P,listeners:q,isDragging:B,over:R,setActivatorNodeRef:A,transform:W}=ys({id:s,data:T,attributes:{...Hs,...r},disabled:N.draggable}),J=aa(M,P),U=!!j,ce=U&&!C&&zt(f)&&zt(b),Ce=!w&&B,Be=Ce&&ce?W:null,kt=ce?Be??(o??x)({rects:y,activeNodeRect:z,activeIndex:f,overIndex:b,index:E}):null,Me=zt(f)&&zt(b)?i({id:s,items:c,activeIndex:f,overIndex:b}):E,Ne=j?.id,X=p.useRef({activeId:Ne,items:c,newIndex:Me,containerId:u}),lt=c!==X.current.items,me=e({active:j,containerId:u,isDragging:B,isSorting:U,id:s,index:E,items:c,newIndex:X.current.newIndex,previousItems:X.current.items,previousContainerId:X.current.containerId,transition:l,wasDragging:X.current.activeId!=null}),We=Us({disabled:!me,index:E,node:m,rect:D});return p.useEffect(()=>{U&&X.current.newIndex!==Me&&(X.current.newIndex=Me),u!==X.current.containerId&&(X.current.containerId=u),c!==X.current.items&&(X.current.items=c)},[U,Me,u,c]),p.useEffect(()=>{if(Ne===X.current.activeId)return;if(Ne!=null&&X.current.activeId==null){X.current.activeId=Ne;return}const He=setTimeout(()=>{X.current.activeId=Ne},50);return()=>clearTimeout(He)},[Ne]),{active:j,activeIndex:f,attributes:L,data:T,rect:D,index:E,newIndex:Me,items:c,isOver:S,isSorting:U,isDragging:B,listeners:q,node:m,overIndex:b,over:R,setNodeRef:J,setActivatorNodeRef:A,setDroppableNodeRef:M,setDraggableNodeRef:P,transform:We??kt,transition:Se()};function Se(){if(We||lt&&X.current.newIndex===E)return Ws;if(!(Ce&&!Ot(O)||!l)&&(U||me))return we.Transition.toString({...l,property:hi})}}function Vs(t,e){var r,n;return typeof t=="boolean"?{draggable:t,droppable:!1}:{draggable:(r=t?.draggable)!=null?r:e.draggable,droppable:(n=t?.droppable)!=null?n:e.droppable}}function Gt(t){if(!t)return!1;const e=t.data.current;return!!(e&&"sortable"in e&&typeof e.sortable=="object"&&"containerId"in e.sortable&&"items"in e.sortable&&"index"in e.sortable)}const Gs=[I.Down,I.Right,I.Up,I.Left],Ks=(t,e)=>{let{context:{active:r,collisionRect:n,droppableRects:a,droppableContainers:i,over:s,scrollableAncestors:o}}=e;if(Gs.includes(t.code)){if(t.preventDefault(),!r||!n)return;const d=[];i.getEnabled().forEach(u=>{if(!u||u!=null&&u.disabled)return;const f=a.get(u.id);if(f)switch(t.code){case I.Down:n.top<f.top&&d.push(u);break;case I.Up:n.top>f.top&&d.push(u);break;case I.Left:n.left>f.left&&d.push(u);break;case I.Right:n.left<f.left&&d.push(u);break}});const l=Ca({collisionRect:n,droppableRects:a,droppableContainers:d});let c=Fn(l,"id");if(c===s?.id&&l.length>1&&(c=l[1].id),c!=null){const u=i.get(r.id),f=i.get(c),v=f?a.get(f.id):null,C=f?.node.current;if(C&&v&&u&&f){const b=Qt(C).some((g,D)=>o[D]!==g),w=fi(u,f),x=qs(u,f),N=b||!w?{x:0,y:0}:{x:x?n.width-v.width:0,y:x?n.height-v.height:0},E={x:v.left,y:v.top};return N.x&&N.y?E:St(E,N)}}}};function fi(t,e){return!Gt(t)||!Gt(e)?!1:t.data.current.sortable.containerId===e.data.current.sortable.containerId}function qs(t,e){return!Gt(t)||!Gt(e)||!fi(t,e)?!1:t.data.current.sortable.index<e.data.current.sortable.index}const Js="_Pages_m1fyy_1",Zs="_horizontal_m1fyy_7",Qs="_grid_m1fyy_12",vn={Pages:Js,horizontal:Zs,grid:Qs},eo="_Loader_hxraa_18",pi={Loader:eo},gi=({callback:t,messages:e,name:r})=>{const n=p.useRef(null),[a,i]=p.useState(!1),[s,o]=p.useState(""),{uploadUrl:d,group:l,accept:c}=p.useContext(Pe),u=()=>{o("")},f=b=>{const w=b.type,x=b.name;return c.some(N=>{if(N.startsWith("."))return x.toLowerCase().endsWith(N.toLowerCase());if(N.endsWith("/*")){const E=N.slice(0,-1);return w.startsWith(E)}else return w===N})},v=async b=>{b.preventDefault(),b.stopPropagation(),i(!0);const w=Array.from(b.dataTransfer.files);for(const x of w){if(!f(x)){i(!1),o(e["File type not allowed"]||`File type not allowed: ${x.name}`);return}await y(x)}},C=async b=>{if(b.stopPropagation(),b.target.files){const w=Array.from(b.target.files);for(const x of w){if(!f(x)){o(`${e["File type are not supported"]} .${x.name.split(".").pop()?.toLowerCase()}`);return}i(!0),await y(x)}}},y=async b=>{try{const w=new FormData;w.append("name",b.name),w.append("group",l),w.append("file",b);const x=await le.post(`${d}/upload`,w,{headers:{"Content-Type":"multipart/form-data"}});if(x.data.msg==="success"){i(!1),t(x.data.data[0]);return}i(!1),o(x.data.error||"Upload failed")}catch(w){i(!1);const x=w;if(x.response){const N=x.response.data,E=typeof N=="string"?N:N?.error||N?.message||x.response.statusText;o(E||`Error: ${x.response.status??"unknown"}`)}else x.request?o("No response from server"):o("Request setup error");console.error(w)}};return h.jsxs("div",{className:"mt-2",children:[s&&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:s})]}),h.jsx("div",{onClick:u,className:"cursor-pointer hover:opacity-80 transition-opacity",children:h.jsx(In,{})})]})}),h.jsxs("div",{className:"relative",children:[h.jsx("div",{onDrop:v,onDragOver:b=>b.preventDefault(),className:`flex items-center justify-center w-full ${a?"opacity-30":""}`,children:h.jsxs("label",{htmlFor:`dropzone-file-${r}`,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-${r}`,type:"file",ref:n,onChange:C,className:"hidden",multiple:!0,accept:c.join(",")},`dropzone-file-${r}`)]})}),a&&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`})]})]})},to=new Set(["image/gif","image/jpeg","image/png","image/webp"]),vi=({media:t,className:e,messages:r,openMeta:n,crop:a,openVariant:i,destroy:s})=>{const{imageUrl:o,uploadUrl:d,addMedia:l,removeMedia:c,checkMedia:u}=p.useContext(Pe),[f,v]=p.useState(!1),C=u(t),y=()=>{const x=window.bindPublic?`/public${t.url}`:t.url;window.open(x,"_blank")?.focus()},b=async()=>{const x=await le.delete(d,{item:t});x.data.type==="success"?s(t):alert(x.data.msg)},w=()=>{C?c(t):l(t)};return h.jsxs(h.Fragment,{children:[h.jsxs(_i,{children:[h.jsx(Wi,{children:h.jsxs("div",{className:"relative cursor-pointer w-fit",children:[C&&h.jsx("div",{className:"absolute top-0 left-0 z-10 w-[20px] h-[20px] bg-white flex items-center justify-center",children:h.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 1200 1200",children:h.jsx("path",{fill:"currentColor",d:"m1004.237 99.152l-611.44 611.441l-198.305-198.305L0 706.779l198.305 198.306l195.762 195.763L588.56 906.355L1200 294.916z"})})}),h.jsx("img",{className:Ln("w-full h-full",e),src:o(t),alt:"",onClick:w})]})}),h.jsxs(Hi,{className:"z-[1005]",children:[h.jsx(ft,{onClick:()=>n(t),children:r["Meta data"]}),h.jsx(ft,{onClick:()=>y(),children:r.View}),to.has(t.mimeType)&&h.jsx(ft,{onClick:()=>a(t),children:r.Crop}),h.jsx(ft,{onClick:()=>i(t),children:r.Variants}),h.jsx(ft,{variant:"destructive",onClick:()=>v(!0),children:r.Delete})]})]}),h.jsx(Mr,{open:f,onOpenChange:x=>{v(x),x||setTimeout(()=>{document.body.removeAttribute("style")},300)},children:h.jsxs(Tr,{className:"z-[1022]",children:[h.jsx(jr,{children:h.jsx(Rr,{children:r.Delete})}),h.jsxs(zn,{children:[h.jsx($t,{asChild:!0,children:h.jsx(F,{variant:"destructive",asChild:!0,onClick:b,children:h.jsx("span",{children:r.Yes})})}),h.jsx($t,{asChild:!0,children:h.jsx(F,{type:"button",variant:"secondary",children:r.No})})]})]})})]})},ro=({mediaList:t,messages:e,openMeta:r,crop:n,openVariant:a,destroy:i})=>h.jsx("div",{className:"grid grid-cols-[repeat(auto-fill,_150px)] gap-2 justify-start",children:t.map(s=>h.jsx("div",{children:h.jsx(vi,{media:s,messages:e,openMeta:r,crop:n,openVariant:a,destroy:i,className:"max-w-[150px]"})},s.id))}),no=new Set(["image/gif","image/jpeg","image/png","image/webp"]),io=({mediaList:t,messages:e,openMeta:r,crop:n,openVariant:a,destroy:i})=>{const s=l=>new Date(l).toLocaleDateString(),o=l=>l.url.split(/[#?]/)[0].split(".").pop()?.toLowerCase().trim(),d=l=>{let c=l?.find(u=>u.key==="imageSizes");return c?`${c.value.width}x${c.value.height}`:"---"};return h.jsxs(Pn,{wrapperHeight:"max-h-full",children:[h.jsx(Bn,{className:"sticky top-0 bg-background shadow",children:h.jsxs(Yt,{children:[h.jsx(se,{className:"p-2 text-left",children:e.File}),h.jsx(se,{className:"p-2 text-left",children:e.Name}),h.jsx(se,{className:"p-2 text-left",children:e.Date}),h.jsx(se,{className:"p-2 text-left",children:e.Type}),h.jsx(se,{className:"p-2 text-left",children:e["Size (orig.)"]}),h.jsx(se,{className:"p-2 text-left",children:e["W x H (orig.)"]}),h.jsx(se,{className:"p-2 text-left",children:e.Sizes}),h.jsx(se,{className:"p-2 text-left",children:e.Locales})]})}),h.jsx(Xn,{children:t.map(l=>h.jsxs(Yt,{children:[h.jsx(oe,{className:"p-2",children:h.jsx(vi,{media:l,messages:e,openMeta:r,crop:n,openVariant:a,destroy:i,className:"max-w-[75px]"})}),h.jsx(oe,{className:"p-2",children:l.filename}),h.jsx(oe,{className:"p-2",children:s(l.createdAt)}),h.jsx(oe,{className:"p-2",children:o(l)}),h.jsxs(oe,{className:"p-2",children:[(l.size/1024/1024).toFixed(4),"Mb"]}),h.jsx(oe,{className:"p-2",children:d(l.meta)}),h.jsx(oe,{className:"p-2",children:l.variants.length>0?l.variants.map(c=>h.jsx("div",{children:no.has(c.mimeType)?h.jsx("div",{children:d(c.meta)}):/^ver:/.test(c.tag)&&c.tag},c.id)):h.jsx("span",{children:"---"})}),h.jsx(oe,{className:"p-2",children:l.variants.length>0?l.variants.map(c=>h.jsx("div",{children:/^loc:/.test(c.tag)&&c.tag.replace("loc:","")},c.id)):h.jsx("span",{children:"---"})})]},l.id))})]})},mi=p.forwardRef(({openMeta:t,crop:e,openVariant:r,messages:n},a)=>{const[i,s]=p.useState("tile-all"),[o,d]=p.useState("all"),{uploadUrl:l,group:c,initTab:u}=p.useContext(Pe),[f,v]=p.useState(15),[C,y]=p.useState([]),[b,w]=p.useState(!1),[x,N]=p.useState(0),[E,T]=p.useState(!0),[g,D]=p.useState(null),m=async R=>{const{data:A}=await le.get(`${l}?count=${f}&skip=0&type=${R}&group=${c}`);y(A.data),T(!1),w(A.next)};p.useEffect(()=>{s(u||"tile-all")},[u]),p.useEffect(()=>{(async()=>{try{T(!0),await m("all")}catch(A){console.error("Error initializing media:",A)}})()},[]);const S=R=>{N(A=>A+1),y(A=>[R,...A])},M=(R,A)=>{y(W=>W.map(J=>J.id===R.id?{...J,variants:[...J.variants,A]}:J))},j=(R,A)=>{y(W=>W.map(J=>J.id===R.id?{...J,variants:J.variants.filter(U=>U.id!==A.id)}:J))};p.useImperativeHandle(a,()=>({pushMediaItem:S,addVariant:M,destroyVariant:j}));const O=async(R,A)=>{D(A),y([]),T(!0),N(0),d(R);try{const{data:W}=await le.get(`${l}?count=${f}&skip=0&type=${R}&group=${c}`);y(W.data),w(W.next),s(A)}catch(W){console.error(W)}finally{T(!1),D(null)}},z=async()=>{T(!0);try{const R=x+f,{data:A}=await le.get(`${l}?count=${f}&skip=${R}&type=${o}&group=${c}`);y(W=>[...W,...A.data]),w(A.next),N(R)}catch(R){console.error("Error media load:",R)}finally{T(!1)}},L=R=>{y(A=>A.filter(W=>W.id!==R.id))},P=async R=>{if(T(!0),y([]),R.length>0){w(!1),N(0);try{let A=await le.post(l,{_method:"search",type:o,group:c,s:R});y(A.data.data)}catch(A){console.log(A)}finally{T(!1)}}else await m(o)},q=ia(P,500),B=R=>E&&C.length===0?h.jsx(nt,{className:"mx-auto mt-14 size-12 animate-spin"}):C.length===0?h.jsx("div",{className:"text-center font-medium mt-8",children:n["No media found"]}):R==="tile"?h.jsx(ro,{mediaList:C,messages:n,openMeta:t,crop:e,openVariant:r,destroy:L}):h.jsx(io,{mediaList:C,messages:n,openMeta:t,crop:e,openVariant:r,destroy:L});return h.jsx("div",{className:"flex justify-between mt-8 gap-4 px-2 pb-4",children:h.jsxs(Ui,{value:i,className:"w-full",children:[h.jsxs("div",{className:"flex gap-4 mb-4 flex-wrap md:flex-nowrap",children:[h.jsx(qt,{type:"search",placeholder:n.Search,onChange:R=>{q(R.target.value)},onKeyDown:R=>{R.key==="Enter"&&(R.preventDefault(),P(R.currentTarget.value))},className:"w-[200px] p-2 border rounded"}),h.jsxs(Fi,{className:"sm:w-full",children:[h.jsx(Ke,{className:"text-[12px] sm:text-sm",value:"tile-image",onClick:()=>O("image","tile-image"),disabled:!!g,children:n.Images}),h.jsx(Ke,{className:"text-[12px] sm:text-sm",value:"table-video",onClick:()=>O("video","table-video"),disabled:!!g,children:n.Videos}),h.jsx(Ke,{className:"text-[12px] sm:text-sm",value:"table-text",onClick:()=>O("text","table-text"),disabled:!!g,children:n.Texts}),h.jsx(Ke,{className:"text-[12px] sm:text-sm",value:"table-application",onClick:()=>O("application","table-application"),disabled:!!g,children:n.Applications}),h.jsx(Ke,{className:"text-[12px] sm:text-sm",value:"table-all",onClick:()=>O("all","table-all"),disabled:!!g,children:n.Table}),h.jsx(Ke,{className:"text-[12px] sm:text-sm",value:"tile-all",onClick:()=>O("all","tile-all"),disabled:!!g,children:n.Tile})]})]}),h.jsx(qe,{value:"tile-image",children:B("tile")}),h.jsx(qe,{value:"table-video",children:B("table")}),h.jsx(qe,{value:"table-text",children:B("table")}),h.jsx(qe,{value:"table-application",children:B("table")}),h.jsx(qe,{value:"tile-all",children:B("tile")}),h.jsx(qe,{value:"table-all",children:B("table")}),b&&!g&&h.jsxs("div",{className:"mt-4 mx-auto relative",children:[h.jsx(F,{className:"w-fit",onClick:z,disabled:E,children:n["Load more"]}),E&&h.jsx(nt,{className:"size-6 animate-spin absolute -right-7 top-1/2 -translate-y-1/2"})]})]})})});mi.displayName="Gallery";const ao=({media:t,callback:e})=>{const{uploadUrl:r}=p.useContext(Pe),[n,a]=p.useState([]),[i,s]=p.useState(!0);p.useEffect(()=>{a([]),t&&(async()=>{try{const c=await le.post(r,{item:t,_method:"getMeta"});a(c.data.data)}catch(c){console.error("Error fetching meta:",c)}finally{s(!1)}})()},[t]);const o=l=>l.charAt(0).toUpperCase()+l.slice(1),d=async l=>{s(!0),l.preventDefault(),l.stopPropagation();const c=new FormData(l.currentTarget),u=Object.fromEntries(c.entries());try{(await le.post(r,{item:t,data:u,_method:"addMeta"})).data.massage==="ok"&&(s(!1),e())}catch(f){console.error("Error saving meta:",f)}};return h.jsxs("form",{className:"flex flex-col gap-4 px-4",onSubmit:d,id:"form-meta",children:[n.length>0&&n.map(l=>h.jsxs("div",{className:"flex flex-col gap-4",children:[h.jsx(xt,{htmlFor:l.key,children:o(l.key)}),h.jsx(qt,{id:l.key,name:l.key,defaultValue:l.value,disabled:i})]},l.key)),h.jsxs("div",{className:"flex gap-2 items-center mt-8",children:[h.jsx(F,{className:"w-fit",type:"submit",form:"form-meta",disabled:i,children:"Save"}),i&&h.jsx(nt,{className:"size-5 animate-spin"})]})]})};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 bi(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){co(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 so(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 xi(t){var e=so(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 oo(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,xi(n.key),n)}}function lo(t,e,r){return e&&bn(t.prototype,e),r&&bn(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}function co(t,e,r){return e=xi(e),e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function yi(t){return uo(t)||ho(t)||fo(t)||po()}function uo(t){if(Array.isArray(t))return br(t)}function ho(t){if(typeof Symbol<"u"&&t[Symbol.iterator]!=null||t["@@iterator"]!=null)return Array.from(t)}function fo(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 po(){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",De=rr?window:{},$r=rr&&De.document.documentElement?"ontouchstart"in De.document.documentElement:!1,Yr=rr?"PointerEvent"in De:!1,Y="cropper",_r="all",wi="crop",Di="move",Ci="zoom",Xe="e",$e="w",Je="s",ke="n",pt="ne",gt="nw",vt="se",mt="sw",xr="".concat(Y,"-crop"),xn="".concat(Y,"-disabled"),re="".concat(Y,"-hidden"),yn="".concat(Y,"-hide"),go="".concat(Y,"-invisible"),Kt="".concat(Y,"-modal"),yr="".concat(Y,"-move"),Et="".concat(Y,"Action"),Pt="".concat(Y,"Preview"),Wr="crop",Ni="move",Si="none",wr="crop",Dr="cropend",Cr="cropmove",Nr="cropstart",wn="dblclick",vo=$r?"touchstart":"mousedown",mo=$r?"touchmove":"mousemove",bo=$r?"touchend touchcancel":"mouseup",Dn=Yr?"pointerdown":vo,Cn=Yr?"pointermove":mo,Nn=Yr?"pointerup pointercancel":bo,Sn="ready",En="resize",Mn="wheel",Sr="zoom",Tn="image/jpeg",xo=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,yo=/^data:/,wo=/^data:image\/jpeg;base64,/,Do=/^img|canvas$/i,Ei=200,Mi=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:Mi,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},Co='<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>',No=Number.isNaN||De.isNaN;function k(t){return typeof t=="number"&&!No(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 So=Object.prototype.hasOwnProperty;function Ze(t){if(!_e(t))return!1;try{var e=t.constructor,r=e.prototype;return e&&r&&So.call(r,"isPrototypeOf")}catch{return!1}}function te(t){return typeof t=="function"}var Eo=Array.prototype.slice;function Ti(t){return Array.from?Array.from(t):Eo.call(t)}function H(t,e){return t&&te(e)&&(Array.isArray(t)||k(t.length)?Ti(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(s){e[s]=i[s]})}),e},Mo=/\.\d*(?:0|9){12}\d*$/;function tt(t){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1e11;return Mo.test(t)?Math.round(t*e)/e:t}var To=/^width|height|left|top|marginLeft|marginTop$/;function Le(t,e){var r=t.style;H(e,function(n,a){To.test(a)&&k(n)&&(n="".concat(n,"px")),r[a]=n})}function jo(t,e){return t.classList?t.classList.contains(e):t.className.indexOf(e)>-1}function G(t,e){if(e){if(k(t.length)){H(t,function(n){G(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 ye(t,e){if(e){if(k(t.length)){H(t,function(r){ye(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(k(t.length)){H(t,function(n){Qe(n,e,r)});return}r?G(t,e):ye(t,e)}}var Ro=/([a-z\d])([A-Z])/g;function Hr(t){return t.replace(Ro,"$1-$2").toLowerCase()}function Er(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 Oo(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 ji=/\s\s*/,Ri=(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}});De.addEventListener("test",r,n),De.removeEventListener("test",r,n)}return t})();function pe(t,e,r){var n=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},a=r;e.trim().split(ji).forEach(function(i){if(!Ri){var s=t.listeners;s&&s[i]&&s[i][r]&&(a=s[i][r],delete s[i][r],Object.keys(s[i]).length===0&&delete s[i],Object.keys(s).length===0&&delete t.listeners)}t.removeEventListener(i,a,n)})}function he(t,e,r){var n=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},a=r;e.trim().split(ji).forEach(function(i){if(n.once&&!Ri){var s=t.listeners,o=s===void 0?{}:s;a=function(){delete o[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)},o[i]||(o[i]={}),o[i][r]&&t.removeEventListener(i,o[i][r],n),o[i][r]=a,t.listeners=o}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 Oi(t){var e=t.getBoundingClientRect();return{left:e.left+(window.pageXOffset-document.documentElement.clientLeft),top:e.top+(window.pageYOffset-document.documentElement.clientTop)}}var ur=De.location,Ao=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function On(t){var e=t.match(Ao);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 Ct(t){var e=t.rotate,r=t.scaleX,n=t.scaleY,a=t.translateX,i=t.translateY,s=[];k(a)&&a!==0&&s.push("translateX(".concat(a,"px)")),k(i)&&i!==0&&s.push("translateY(".concat(i,"px)")),k(e)&&e!==0&&s.push("rotate(".concat(e,"deg)")),k(r)&&r!==1&&s.push("scaleX(".concat(r,")")),k(n)&&n!==1&&s.push("scaleY(".concat(n,")"));var o=s.length?s.join(" "):"none";return{WebkitTransform:o,msTransform:o,transform:o}}function ko(t){var e=bi({},t),r=0;return H(t,function(n,a){delete e[a],H(e,function(i){var s=Math.abs(n.startX-i.startX),o=Math.abs(n.startY-i.startY),d=Math.abs(n.endX-i.endX),l=Math.abs(n.endY-i.endY),c=Math.sqrt(s*s+o*o),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:bi({startX:r,startY:n},a)}function Io(t){var e=0,r=0,n=0;return H(t,function(a){var i=a.startX,s=a.startY;e+=i,r+=s,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),s=Rn(r);if(i&&s){var o=r*e;a==="contain"&&o>n||a==="cover"&&o<n?r=n/e:n=r*e}else i?r=n/e:s&&(n=r*e);return{width:n,height:r}}function Lo(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),s=Math.cos(a),o=e*s+r*i,d=e*i+r*s;return n>90?{width:d,height:o}:{width:o,height:d}}function zo(t,e,r,n){var a=e.aspectRatio,i=e.naturalWidth,s=e.naturalHeight,o=e.rotate,d=o===void 0?0:o,l=e.scaleX,c=l===void 0?1:l,u=e.scaleY,f=u===void 0?1:u,v=r.aspectRatio,C=r.naturalWidth,y=r.naturalHeight,b=n.fillColor,w=b===void 0?"transparent":b,x=n.imageSmoothingEnabled,N=x===void 0?!0:x,E=n.imageSmoothingQuality,T=E===void 0?"low":E,g=n.maxWidth,D=g===void 0?1/0:g,m=n.maxHeight,S=m===void 0?1/0:m,M=n.minWidth,j=M===void 0?0:M,O=n.minHeight,z=O===void 0?0:O,L=document.createElement("canvas"),P=L.getContext("2d"),q=ze({aspectRatio:v,width:D,height:S}),B=ze({aspectRatio:v,width:j,height:z},"cover"),R=Math.min(q.width,Math.max(B.width,C)),A=Math.min(q.height,Math.max(B.height,y)),W=ze({aspectRatio:a,width:D,height:S}),J=ze({aspectRatio:a,width:j,height:z},"cover"),U=Math.min(W.width,Math.max(J.width,i)),ce=Math.min(W.height,Math.max(J.height,s)),Ce=[-U/2,-ce/2,U,ce];return L.width=tt(R),L.height=tt(A),P.fillStyle=w,P.fillRect(0,0,R,A),P.save(),P.translate(R/2,A/2),P.rotate(d*Math.PI/180),P.scale(c,f),P.imageSmoothingEnabled=N,P.imageSmoothingQuality=T,P.drawImage.apply(P,[t].concat(yi(Ce.map(function(Be){return Math.floor(tt(Be))})))),P.restore(),L}var Ai=String.fromCharCode;function Po(t,e,r){var n="";r+=e;for(var a=e;a<r;a+=1)n+=Ai(t.getUint8(a));return n}var Bo=/^data:.*,/;function Xo(t){var e=t.replace(Bo,""),r=atob(e),n=new ArrayBuffer(r.length),a=new Uint8Array(n);return H(a,function(i,s){a[s]=r.charCodeAt(s)}),n}function $o(t,e){for(var r=[],n=8192,a=new Uint8Array(t);a.length>0;)r.push(Ai.apply(null,Ti(a.subarray(0,n)))),a=a.subarray(n);return"data:".concat(e,";base64,").concat(btoa(r.join("")))}function Yo(t){var e=new DataView(t),r;try{var n,a,i;if(e.getUint8(0)===255&&e.getUint8(1)===216)for(var s=e.byteLength,o=2;o+1<s;){if(e.getUint8(o)===255&&e.getUint8(o+1)===225){a=o;break}o+=1}if(a){var d=a+4,l=a+10;if(Po(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,C;for(C=0;C<f;C+=1)if(v=i+C*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 _o(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 Wo={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),s=Number(r.minContainerHeight);G(a,re),ye(e,re);var o={width:Math.max(n.offsetWidth,i>=0?i:Ei),height:Math.max(n.offsetHeight,s>=0?s:Mi)};this.containerData=o,Le(a,{width:o.width,height:o.height}),G(e,re),ye(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,s=a?r.naturalWidth:r.naturalHeight,o=i/s,d=e.width,l=e.height;e.height*o>e.width?n===3?d=e.height*o:l=e.width/o:n===3?l=e.width/o:d=e.height*o;var c={aspectRatio:o,naturalWidth:i,naturalHeight:s,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,s=this.cropBoxData,o=n.viewMode,d=i.aspectRatio,l=this.cropped&&s;if(e){var c=Number(n.minCanvasWidth)||0,u=Number(n.minCanvasHeight)||0;o>1?(c=Math.max(c,a.width),u=Math.max(u,a.height),o===3&&(u*d>c?c=u*d:u=c/d)):o>0&&(c?c=Math.max(c,l?s.width:0):u?u=Math.max(u,l?s.height:0):l&&(c=s.width,u=s.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(o>(l?0:1)){var v=a.width-i.width,C=a.height-i.height;i.minLeft=Math.min(0,v),i.minTop=Math.min(0,C),i.maxLeft=Math.max(0,v),i.maxTop=Math.max(0,C),l&&this.limited&&(i.minLeft=Math.min(s.left,s.left+(s.width-i.width)),i.minTop=Math.min(s.top,s.top+(s.height-i.height)),i.maxLeft=s.left,i.maxTop=s.top,o===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,C),i.maxTop=Math.max(0,C))))}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=Lo({width:a.naturalWidth*Math.abs(a.scaleX||1),height:a.naturalHeight*Math.abs(a.scaleY||1),degree:a.rotate||0}),s=i.width,o=i.height,d=n.width*(s/n.naturalWidth),l=n.height*(o/n.naturalHeight);n.left-=(d-n.width)/2,n.top-=(l-n.height)/2,n.width=d,n.height=l,n.aspectRatio=s/o,n.naturalWidth=s,n.naturalHeight=o,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},Ct({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},Ct(_({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,s=this.cropBoxData,o=this.limited,d=n.aspectRatio;if(e){var l=Number(n.minCropBoxWidth)||0,c=Number(n.minCropBoxHeight)||0,u=o?Math.min(a.width,i.width,i.width+i.left,a.width-i.left):a.width,f=o?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),s.minWidth=Math.min(l,u),s.minHeight=Math.min(c,f),s.maxWidth=u,s.maxHeight=f}r&&(o?(s.minLeft=Math.max(0,i.left),s.minTop=Math.max(0,i.top),s.maxLeft=Math.min(a.width,i.left+i.width)-s.width,s.maxTop=Math.min(a.height,i.top+i.height)-s.height):(s.minLeft=0,s.minTop=0,s.maxLeft=a.width-s.width,s.maxTop=a.height-s.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,Et,n.width>=r.width&&n.height>=r.height?Di:_r),Le(this.cropBox,_({width:n.width,height:n.height},Ct({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())}},Ho={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",s=document.createElement("img");if(r&&(s.crossOrigin=r),s.src=a,s.alt=i,this.viewBox.appendChild(s),this.viewBoxImage=s,!!n){var o=n;typeof n=="string"?o=e.ownerDocument.querySelectorAll(n):n.querySelector&&(o=[n]),this.previews=o,H(o,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=Er(e,Pt);Le(e,{width:r.width,height:r.height}),e.innerHTML=r.html,Oo(e,Pt)})},preview:function(){var e=this.imageData,r=this.canvasData,n=this.cropBoxData,a=n.width,i=n.height,s=e.width,o=e.height,d=n.left-r.left-e.left,l=n.top-r.top-e.top;!this.cropped||this.disabled||(Le(this.viewBoxImage,_({width:s,height:o},Ct(_({translateX:-d,translateY:-l},e)))),H(this.previews,function(c){var u=Er(c,Pt),f=u.width,v=u.height,C=f,y=v,b=1;a&&(b=f/a,y=i*b),i&&y>v&&(b=v/i,C=a*b,y=v),Le(c,{width:C,height:y}),Le(c.getElementsByTagName("img")[0],_({width:s*b,height:o*b},Ct(_({translateX:-d*b,translateY:-l*b},e))))}))}},Uo={bind:function(){var e=this.element,r=this.options,n=this.cropper;te(r.cropstart)&&he(e,Nr,r.cropstart),te(r.cropmove)&&he(e,Cr,r.cropmove),te(r.cropend)&&he(e,Dr,r.cropend),te(r.crop)&&he(e,wr,r.crop),te(r.zoom)&&he(e,Sr,r.zoom),he(n,Dn,this.onCropStart=this.cropStart.bind(this)),r.zoomable&&r.zoomOnWheel&&he(n,Mn,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),r.toggleDragModeOnDblclick&&he(n,wn,this.onDblclick=this.dblclick.bind(this)),he(e.ownerDocument,Cn,this.onCropMove=this.cropMove.bind(this)),he(e.ownerDocument,Nn,this.onCropEnd=this.cropEnd.bind(this)),r.responsive&&he(window,En,this.onResize=this.resize.bind(this))},unbind:function(){var e=this.element,r=this.options,n=this.cropper;te(r.cropstart)&&pe(e,Nr,r.cropstart),te(r.cropmove)&&pe(e,Cr,r.cropmove),te(r.cropend)&&pe(e,Dr,r.cropend),te(r.crop)&&pe(e,wr,r.crop),te(r.zoom)&&pe(e,Sr,r.zoom),pe(n,Dn,this.onCropStart),r.zoomable&&r.zoomOnWheel&&pe(n,Mn,this.onWheel,{passive:!1,capture:!0}),r.toggleDragModeOnDblclick&&pe(n,wn,this.onDblclick),pe(e.ownerDocument,Cn,this.onCropMove),pe(e.ownerDocument,Nn,this.onCropEnd),r.responsive&&pe(window,En,this.onResize)}},Fo={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,s=Math.abs(a-1)>Math.abs(i-1)?a:i;if(s!==1){var o,d;e.restore&&(o=this.getCanvasData(),d=this.getCropBoxData()),this.render(),e.restore&&(this.setCanvasData(H(o,function(l,c){o[c]=l*s})),this.setCropBoxData(H(d,function(l,c){d[c]=l*s})))}}},dblclick:function(){this.disabled||this.options.dragMode===Si||this.setDragMode(jo(this.dragBox,xr)?Ni: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")&&(k(r)&&r!==1||k(n)&&n!==0||e.ctrlKey))){var a=this.options,i=this.pointers,s;e.changedTouches?H(e.changedTouches,function(o){i[o.identifier]=Bt(o)}):i[e.pointerId||0]=Bt(e),Object.keys(i).length>1&&a.zoomable&&a.zoomOnTouch?s=Ci:s=Er(e.target,Et),xo.test(s)&&rt(this.element,Nr,{originalEvent:e,action:s})!==!1&&(e.preventDefault(),this.action=s,this.cropping=!1,s===wi&&(this.cropping=!0,G(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}))}}},Vo={change:function(e){var r=this.options,n=this.canvasData,a=this.containerData,i=this.cropBoxData,s=this.pointers,o=this.action,d=r.aspectRatio,l=i.left,c=i.top,u=i.width,f=i.height,v=l+u,C=c+f,y=0,b=0,w=a.width,x=a.height,N=!0,E;!d&&e.shiftKey&&(d=u&&f?u/f:1),this.limited&&(y=i.minLeft,b=i.minTop,w=y+Math.min(a.width,n.width,n.left+n.width),x=b+Math.min(a.height,n.height,n.top+n.height));var T=s[Object.keys(s)[0]],g={x:T.endX-T.startX,y:T.endY-T.startY},D=function(S){switch(S){case Xe:v+g.x>w&&(g.x=w-v);break;case $e:l+g.x<y&&(g.x=y-l);break;case ke:c+g.y<b&&(g.y=b-c);break;case Je:C+g.y>x&&(g.y=x-C);break}};switch(o){case _r:l+=g.x,c+=g.y;break;case Xe:if(g.x>=0&&(v>=w||d&&(c<=b||C>=x))){N=!1;break}D(Xe),u+=g.x,u<0&&(o=$e,u=-u,l-=u),d&&(f=u/d,c+=(i.height-f)/2);break;case ke:if(g.y<=0&&(c<=b||d&&(l<=y||v>=w))){N=!1;break}D(ke),f-=g.y,c+=g.y,f<0&&(o=Je,f=-f,c-=f),d&&(u=f*d,l+=(i.width-u)/2);break;case $e:if(g.x<=0&&(l<=y||d&&(c<=b||C>=x))){N=!1;break}D($e),u-=g.x,l+=g.x,u<0&&(o=Xe,u=-u,l-=u),d&&(f=u/d,c+=(i.height-f)/2);break;case Je:if(g.y>=0&&(C>=x||d&&(l<=y||v>=w))){N=!1;break}D(Je),f+=g.y,f<0&&(o=ke,f=-f,c-=f),d&&(u=f*d,l+=(i.width-u)/2);break;case pt:if(d){if(g.y<=0&&(c<=b||v>=w)){N=!1;break}D(ke),f-=g.y,c+=g.y,u=f*d}else D(ke),D(Xe),g.x>=0?v<w?u+=g.x:g.y<=0&&c<=b&&(N=!1):u+=g.x,g.y<=0?c>b&&(f-=g.y,c+=g.y):(f-=g.y,c+=g.y);u<0&&f<0?(o=mt,f=-f,u=-u,c-=f,l-=u):u<0?(o=gt,u=-u,l-=u):f<0&&(o=vt,f=-f,c-=f);break;case gt:if(d){if(g.y<=0&&(c<=b||l<=y)){N=!1;break}D(ke),f-=g.y,c+=g.y,u=f*d,l+=i.width-u}else D(ke),D($e),g.x<=0?l>y?(u-=g.x,l+=g.x):g.y<=0&&c<=b&&(N=!1):(u-=g.x,l+=g.x),g.y<=0?c>b&&(f-=g.y,c+=g.y):(f-=g.y,c+=g.y);u<0&&f<0?(o=vt,f=-f,u=-u,c-=f,l-=u):u<0?(o=pt,u=-u,l-=u):f<0&&(o=mt,f=-f,c-=f);break;case mt:if(d){if(g.x<=0&&(l<=y||C>=x)){N=!1;break}D($e),u-=g.x,l+=g.x,f=u/d}else D(Je),D($e),g.x<=0?l>y?(u-=g.x,l+=g.x):g.y>=0&&C>=x&&(N=!1):(u-=g.x,l+=g.x),g.y>=0?C<x&&(f+=g.y):f+=g.y;u<0&&f<0?(o=pt,f=-f,u=-u,c-=f,l-=u):u<0?(o=vt,u=-u,l-=u):f<0&&(o=gt,f=-f,c-=f);break;case vt:if(d){if(g.x>=0&&(v>=w||C>=x)){N=!1;break}D(Xe),u+=g.x,f=u/d}else D(Je),D(Xe),g.x>=0?v<w?u+=g.x:g.y>=0&&C>=x&&(N=!1):u+=g.x,g.y>=0?C<x&&(f+=g.y):f+=g.y;u<0&&f<0?(o=gt,f=-f,u=-u,c-=f,l-=u):u<0?(o=mt,u=-u,l-=u):f<0&&(o=pt,f=-f,c-=f);break;case Di:this.move(g.x,g.y),N=!1;break;case Ci:this.zoom(ko(s),e),N=!1;break;case wi:if(!g.x||!g.y){N=!1;break}E=Oi(this.cropper),l=T.startX-E.left,c=T.startY-E.top,u=i.minWidth,f=i.minHeight,g.x>0?o=g.y>0?vt:pt:g.x<0&&(l-=u,o=g.y>0?mt:gt),g.y<0&&(c-=f),this.cropped||(ye(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=o,this.renderCropBox()),H(s,function(m){m.startX=m.endX,m.startY=m.endY})}},Go={crop:function(){return this.ready&&!this.cropped&&!this.disabled&&(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&G(this.dragBox,Kt),ye(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(),ye(this.dragBox,Kt),G(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,ye(this.cropper,xn)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,G(this.cropper,xn)),this},destroy:function(){var e=this.element;return e[Y]?(e[Y]=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&&(k(e)&&(n.left=e,a=!0),k(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,s=i.width,o=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,Sr,{ratio:e,oldRatio:s/d,originalEvent:n})===!1)return this;if(n){var f=this.pointers,v=Oi(this.cropper),C=f&&Object.keys(f).length?Io(f):{pageX:n.pageX,pageY:n.pageY};i.left-=(c-s)*((C.pageX-v.left-i.left)/s),i.top-=(u-o)*((C.pageY-v.top-i.top)/o)}else Ze(r)&&k(r.x)&&k(r.y)?(i.left-=(c-s)*((r.x-i.left)/s),i.top-=(u-o)*((r.y-i.top)/o)):(i.left-=(c-s)/2,i.top-=(u-o)/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),k(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,k(r)?r:1)},scaleY:function(e){var r=this.imageData.scaleX;return this.scale(k(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&&(k(e)&&(n.scaleX=e,a=!0),k(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,s;if(this.ready&&this.cropped){s={x:i.left-a.left,y:i.top-a.top,width:i.width,height:i.height};var o=n.width/n.naturalWidth;if(H(s,function(c,u){s[u]=c/o}),e){var d=Math.round(s.y+s.height),l=Math.round(s.x+s.width);s.x=Math.round(s.x),s.y=Math.round(s.y),s.width=l-s.x,s.height=d-s.y}}else s={x:0,y:0,width:0,height:0};return r.rotatable&&(s.rotate=n.rotate||0),r.scalable&&(s.scaleX=n.scaleX||1,s.scaleY=n.scaleY||1),s},setData:function(e){var r=this.options,n=this.imageData,a=this.canvasData,i={};if(this.ready&&!this.disabled&&Ze(e)){var s=!1;r.rotatable&&k(e.rotate)&&e.rotate!==n.rotate&&(n.rotate=e.rotate,s=!0),r.scalable&&(k(e.scaleX)&&e.scaleX!==n.scaleX&&(n.scaleX=e.scaleX,s=!0),k(e.scaleY)&&e.scaleY!==n.scaleY&&(n.scaleY=e.scaleY,s=!0)),s&&this.renderCanvas(!0,!0);var o=n.width/n.naturalWidth;k(e.x)&&(i.left=e.x*o+a.left),k(e.y)&&(i.top=e.y*o+a.top),k(e.width)&&(i.width=e.width*o),k(e.height)&&(i.height=e.height*o),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)&&(k(e.left)&&(r.left=e.left),k(e.top)&&(r.top=e.top),k(e.width)?(r.width=e.width,r.height=e.width/n):k(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)&&(k(e.left)&&(r.left=e.left),k(e.top)&&(r.top=e.top),k(e.width)&&e.width!==r.width&&(a=!0,r.width=e.width),k(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=zo(this.image,this.imageData,r,e);if(!this.cropped)return n;var a=this.getData(e.rounded),i=a.x,s=a.y,o=a.width,d=a.height,l=n.width/Math.floor(r.naturalWidth);l!==1&&(i*=l,s*=l,o*=l,d*=l);var c=o/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:o),height:e.height||(l!==1?n.height:d)}),C=v.width,y=v.height;C=Math.min(u.width,Math.max(f.width,C)),y=Math.min(u.height,Math.max(f.height,y));var b=document.createElement("canvas"),w=b.getContext("2d");b.width=tt(C),b.height=tt(y),w.fillStyle=e.fillColor||"transparent",w.fillRect(0,0,C,y);var x=e.imageSmoothingEnabled,N=x===void 0?!0:x,E=e.imageSmoothingQuality;w.imageSmoothingEnabled=N,E&&(w.imageSmoothingQuality=E);var T=n.width,g=n.height,D=i,m=s,S,M,j,O,z,L;D<=-o||D>T?(D=0,S=0,j=0,z=0):D<=0?(j=-D,D=0,S=Math.min(T,o+D),z=S):D<=T&&(j=0,S=Math.min(o,T-D),z=S),S<=0||m<=-d||m>g?(m=0,M=0,O=0,L=0):m<=0?(O=-m,m=0,M=Math.min(g,d+m),L=M):m<=g&&(O=0,M=Math.min(d,g-m),L=M);var P=[D,m,S,M];if(z>0&&L>0){var q=C/o;P.push(j*q,O*q,z*q,L*q)}return w.drawImage.apply(w,[n].concat(yi(P.map(function(B){return Math.floor(tt(B))})))),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,s=r.movable&&e===Ni;e=i||s?e:Si,r.dragMode=e,Mt(n,Et,e),Qe(n,xr,i),Qe(n,yr,s),r.cropBoxMovable||(Mt(a,Et,e),Qe(a,xr,i),Qe(a,yr,s))}return this}},Ko=De.Cropper,ki=(function(){function t(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(oo(this,t),!e||!Do.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 lo(t,[{key:"init",value:function(){var r=this.element,n=r.tagName.toLowerCase(),a;if(!r[Y]){if(r[Y]=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(yo.test(r)){wo.test(r)?this.read(Xo(r)):this.clone();return}var s=new XMLHttpRequest,o=this.clone.bind(this);this.reloading=!0,this.xhr=s,s.onabort=o,s.onerror=o,s.ontimeout=o,s.onprogress=function(){s.getResponseHeader("content-type")!==Tn&&s.abort()},s.onload=function(){n.read(s.response)},s.onloadend=function(){n.reloading=!1,n.xhr=null},i.checkCrossOrigin&&On(r)&&a.crossOrigin&&(r=An(r)),s.open("GET",r,!0),s.responseType="arraybuffer",s.withCredentials=a.crossOrigin==="use-credentials",s.send()}}},{key:"read",value:function(r){var n=this.options,a=this.imageData,i=Yo(r),s=0,o=1,d=1;if(i>1){this.url=$o(r,Tn);var l=_o(i);s=l.rotate,o=l.scaleX,d=l.scaleY}n.rotatable&&(a.rotate=s),n.scalable&&(a.scaleX=o,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 s=document.createElement("img");a&&(s.crossOrigin=a),s.src=i||n,s.alt=r.alt||"The image to crop",this.image=s,s.onload=this.start.bind(this),s.onerror=this.stop.bind(this),G(s,yn),r.parentNode.insertBefore(s,r.nextSibling)}},{key:"start",value:function(){var r=this,n=this.image;n.onload=null,n.onerror=null,this.sizing=!0;var a=De.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(De.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 s=document.createElement("img"),o=document.body||document.documentElement;this.sizingImage=s,s.onload=function(){i(s.width,s.height),a||o.removeChild(s)},s.src=n.src,a||(s.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;",o.appendChild(s))}},{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,s=document.createElement("div");s.innerHTML=Co;var o=s.querySelector(".".concat(Y,"-container")),d=o.querySelector(".".concat(Y,"-canvas")),l=o.querySelector(".".concat(Y,"-drag-box")),c=o.querySelector(".".concat(Y,"-crop-box")),u=c.querySelector(".".concat(Y,"-face"));this.container=i,this.cropper=o,this.canvas=d,this.dragBox=l,this.cropBox=c,this.viewBox=o.querySelector(".".concat(Y,"-view-box")),this.face=u,d.appendChild(a),G(r,re),i.insertBefore(o,r.nextSibling),ye(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,G(c,re),n.guides||G(c.getElementsByClassName("".concat(Y,"-dashed")),re),n.center||G(c.getElementsByClassName("".concat(Y,"-center")),re),n.background&&G(o,"".concat(Y,"-bg")),n.highlight||G(u,go),n.cropBoxMovable&&(G(u,yr),Mt(u,Et,_r)),n.cropBoxResizable||(G(c.getElementsByClassName("".concat(Y,"-line")),re),G(c.getElementsByClassName("".concat(Y,"-point")),re)),this.render(),this.ready=!0,this.setDragMode(n.dragMode),n.autoCrop&&this.crop(),this.setData(n.data),te(n.ready)&&he(r,Sn,n.ready,{once:!0}),rt(r,Sn)}}},{key:"unbuild",value:function(){if(this.ready){this.ready=!1,this.unbind(),this.resetPreview();var r=this.cropper.parentNode;r&&r.removeChild(this.cropper),ye(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=Ko,t}},{key:"setDefaults",value:function(r){_(jn,Ze(r)&&r)}}])})();_(ki.prototype,Wo,Ho,Uo,Fo,Vo,Go);var Ye=function(){return Ye=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},Ye.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 qo=["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"],Jo={opacity:0,maxWidth:"100%"},Zo=$.forwardRef((function(t,e){var r=hr(t,[]),n=r.dragMode,a=n===void 0?"crop":n,i=r.src,s=r.style,o=r.className,d=r.crossOrigin,l=r.scaleX,c=r.scaleY,u=r.enable,f=r.zoomTo,v=r.rotateTo,C=r.alt,y=C===void 0?"picture":C,b=r.ready,w=r.onInitialized,x=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 g=[],D=0;D<arguments.length;D++)g[D]=arguments[D];var m=p.useRef(null);return $.useEffect((function(){g.forEach((function(S){S&&(typeof S=="function"?S(m.current):S.current=m.current)}))}),[g]),m})(e,p.useRef(null));p.useEffect((function(){var g;!((g=E.current)===null||g===void 0)&&g.cropper&&typeof f=="number"&&E.current.cropper.zoomTo(f)}),[r.zoomTo]),p.useEffect((function(){var g;!((g=E.current)===null||g===void 0)&&g.cropper&&i!==void 0&&E.current.cropper.reset().clear().replace(i)}),[i]),p.useEffect((function(){if(E.current!==null){var g=new ki(E.current,Ye(Ye({dragMode:a},x),{ready:function(D){D.currentTarget!==null&&(function(m,S){S===void 0&&(S={});var M=S.enable,j=M===void 0||M,O=S.scaleX,z=O===void 0?1:O,L=S.scaleY,P=L===void 0?1:L,q=S.zoomTo,B=q===void 0?0:q,R=S.rotateTo;j?m.enable():m.disable(),m.scaleX(z),m.scaleY(P),R!==void 0&&m.rotateTo(R),B>0&&m.zoomTo(B)})(D.currentTarget.cropper,N),b&&b(D)}}));w&&w(g)}return function(){var D,m;(m=(D=E.current)===null||D===void 0?void 0:D.cropper)===null||m===void 0||m.destroy()}}),[E]);var T=(function(g){return qo.reduce((function(D,m){var S=D,M=m;return S[M],hr(S,[typeof M=="symbol"?M:M+""])}),g)})(Ye(Ye({},x),{crossOrigin:d,src:i,alt:y}));return $.createElement("div",{style:s,className:o},$.createElement("img",Ye({},T,{style:Jo,ref:E})))}));const Qo=({item:t,callback:e,uploadUrl:r,group:n,messages:a})=>{const i=p.useRef(null),[s,o]=p.useState(!1),[d,l]=p.useState(!1),[c,u]=p.useState({x:0,y:0,width:0,height:0}),[f,v]=p.useState(null),[C,y]=p.useState(!1),[b,w]=p.useState(!1),x={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};p.useEffect(()=>{i.current&&w(i.current?.cropper.ready)},[i.current?.cropper]);const N=()=>{if(i.current?.cropper){const S=i.current.cropper.getData();u({x:Math.round(S.x),y:Math.round(S.y),width:Math.round(S.width),height:Math.round(S.height)})}},E=()=>{i.current&&i.current.cropper.setData(c)},T=()=>{const S=i.current?.cropper.getCroppedCanvas();v(S?.toDataURL(t.mimeType,1)??"")},g=async()=>{if(!i.current)return;y(!0);const S=s?"image/webp":d?"image/jpeg":t.mimeType;i.current.cropper.getCroppedCanvas().toBlob(async M=>{if(!M)return;const j=S.split("/"),O={width:c.width,height:c.height},z=`${t.filename}_${O.width}x${O.height}.${j[1]}`,L=new FormData;L.append("name",z),L.append("group",n),L.append("isCropped","true"),L.append("item",JSON.stringify(t)),L.append("file",M);try{const P=await le.post(`${r}/upload-variant?isCropped="true"`,L,{headers:{"Content-Type":"multipart/form-data"}});P.data.msg==="success"&&(y(!1),e(t,P.data.data))}catch(P){console.error("Upload error:",P)}},S,.9)},D=(S,M)=>{if(!i.current?.cropper)return;const j=i.current.cropper.getData(),O=j.x+S,z=j.y+M;i.current.cropper.setData({...j,x:O,y:z})},m=S=>{if(!i.current?.cropper)return;const M=i.current.cropper.getData().scaleX||1,j=i.current.cropper.getData().scaleY||1;S==="x"?i.current.cropper.scaleX(M*-1):i.current.cropper.scaleY(j*-1)};return h.jsxs("div",{className:"relative",children:[!b&&h.jsx(nt,{className:"animate-spin absolute top-1/3 left-1/2 -translate-x-1/2"}),h.jsx(Zo,{src:window.bindPublic?`/public${t.url}`:t.url,style:{height:540,width:"100%"},className:`${b?"":"invisible"}`,initialAspectRatio:1,ref:i,...x,crop:N}),h.jsx("div",{className:"grid grid-cols-4 gap-2 mt-4",children:Object.entries(c).map(([S,M])=>h.jsxs("div",{className:"flex flex-col items-center gap-2",children:[h.jsx(xt,{className:"capitalize",children:S}),h.jsx(qt,{type:"number",value:M,onChange:j=>{const O=parseInt(j.target.value)||0;u(z=>({...z,[S]:O}))},onBlur:E})]},S))}),h.jsxs("div",{className:"grid grid-cols-4 gap-2 mt-4",children:[h.jsx(F,{variant:"outline",onClick:()=>D(0,-20),children:h.jsx(Vi,{})}),h.jsx(F,{variant:"outline",onClick:()=>D(0,20),children:h.jsx(Gi,{})}),h.jsx(F,{variant:"outline",onClick:()=>D(-20,0),children:h.jsx(Ki,{})}),h.jsx(F,{variant:"outline",onClick:()=>D(20,0),children:h.jsx(qi,{})})]}),h.jsxs("div",{className:"grid grid-cols-4 gap-2 mt-4",children:[h.jsx(F,{variant:"outline",onClick:()=>m("x"),children:a["Flip X"]}),h.jsx(F,{variant:"outline",onClick:()=>m("y"),children:a["Flip Y"]}),h.jsxs(Mr,{children:[h.jsx(Ji,{asChild:!0,children:h.jsx(F,{variant:"outline",onClick:T,children:a.Preview})}),h.jsxs(Tr,{className:"z-[1011]",children:[h.jsx(jr,{children:h.jsx(Rr,{children:a.Preview})}),h.jsx("img",{src:f??"",alt:"Preview",autoFocus:!0})]})]}),h.jsxs("div",{className:"flex gap-2 items-center w-full",children:[h.jsx(F,{variant:"default",onClick:g,disabled:C,className:"flex-3/4",children:a.Save}),C&&h.jsx(nt,{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:s,onCheckedChange:S=>{o(!s),S&&l(!1)}}),h.jsx(xt,{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:S=>{l(!d),S&&o(!1)}}),h.jsx(xt,{className:"cursor-pointer",htmlFor:"jpeg-conv",children:a["Convert Jpeg"]})]})]})]})},el=({callback:t,messages:e,media:r,localeId:n,disabled:a})=>{const i=p.useRef(null),[s,o]=p.useState(!1),[d,l]=p.useState(""),{uploadUrl:c,group:u}=p.useContext(Pe),f=()=>{l("")},v=async w=>{if(w.preventDefault(),w.stopPropagation(),o(!0),w.dataTransfer.files)for(const x of w.dataTransfer.files)await y(x)},C=async w=>{if(w.stopPropagation(),w.target.files)for(const x of w.target.files)o(!0),await y(x)},y=async w=>{try{const x=new FormData;x.append("name",w.name),x.append("group",u),x.append("item",JSON.stringify(r)),x.append("localeId",n),x.append("file",w);const N=await le.post(`${c}/upload-variant`,x,{headers:{"Content-Type":"multipart/form-data"}});if(N.data.msg==="success"){o(!1),t(N.data.data);return}o(!1),l(N.data.error||"Upload failed")}catch(x){o(!1);const N=x;if(N.response){const E=N.response.data,T=typeof E=="string"?E:E?.error||E?.message||N.response.statusText;l(T||`Error: ${N.response.status??"unknown"}`)}else N.request?l("No response from server"):l("Request setup error");console.error(x)}},b=()=>{if(!r?.mimeType)return"*";const w=r.mimeType.split("/")[0];return{image:"image/*",video:"video/*",application:"application/*",text:"text/*"}[w]||"*"};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:w=>w.preventDefault(),className:`flex items-center justify-center w-full ${s?"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:C,className:"hidden",multiple:!0,accept:b()},"dropzone-file-variant")]})}),s&&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}=p.useContext(Pe),[i,s]=p.useState(!1),[o,d]=p.useState(""),[l,c]=p.useState([]),[u,f]=p.useState(!1),[v,C]=p.useState(!1),[y,b]=p.useState(null);p.useEffect(()=>{c([]),s(!1),d(""),(async()=>{f(!0);try{let D=await le.post(a,{_method:"getChildren",item:t});c(D.data.data),f(!1)}catch(D){console.log(D)}})()},[t]);const w=g=>{d(""),s(!1),c(D=>[...D,g])},x=g=>{let D=g?.find(m=>m.key==="imageSizes");return D?`${D.value.width}x${D.value.height}`:"---"},N=g=>{const D=window.bindPublic?`/public${g.url}`:g.url;window.open(D,"_blank")?.focus()},E=[...l].reverse(),T=async()=>{(await le.delete(a,{item:y})).data.msg==="ok"&&(r(t,y),c(D=>D.filter(m=>m.id!==y?.id)))};return h.jsxs("div",{children:[h.jsxs("div",{className:"flex gap-4 flex-col",children:[h.jsx(el,{callback:w,messages:e,media:t,localeId:o,disabled:i&&!o},"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:g=>{s(g)}}),h.jsx(xt,{className:"cursor-pointer",htmlFor:"locale",children:e["Upload a locale"]})]}),i&&h.jsx(qt,{placeholder:e.Locale,value:o,onChange:g=>d(g.target.value),className:"max-w-[150px]"})]})]}),u?h.jsx(nt,{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(Yt,{children:[h.jsx(se,{className:"p-2 text-left",children:e.File}),h.jsx(se,{className:"p-2 text-left",children:e.Tag}),h.jsx(se,{className:"p-2 text-left",children:e.Type}),h.jsx(se,{className:"p-2 text-left",children:e["W x H"]}),h.jsx(se,{className:"p-2 text-center",children:e.Actions})]})}),h.jsx(Xn,{children:E.map((g,D)=>h.jsxs(Yt,{children:[h.jsx(oe,{className:"p-2",children:tl.has(g.mimeType)?h.jsx("img",{src:n(g),alt:"",className:"w-full h-full max-w-[250px]"}):h.jsx("span",{children:g.filename})}),h.jsx(oe,{className:"p-2",children:g.tag}),h.jsx(oe,{className:"p-2",children:g.mimeType}),h.jsx(oe,{className:"p-2",children:x(g.meta)}),h.jsx(oe,{className:"p-2",children:h.jsxs("div",{className:"flex gap-2 justify-center",children:[h.jsx(F,{onClick:()=>N(g),children:e.Preview}),h.jsx(F,{variant:"destructive",onClick:()=>{b(g),C(!0)},children:h.jsx(Zi,{})})]})})]},g.id))})]})}):h.jsx("div",{className:"font-medium text-center mt-8",children:e["No variants found"]}),h.jsx(Mr,{open:v,onOpenChange:g=>{C(g),g||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($t,{asChild:!0,children:h.jsx(F,{variant:"destructive",asChild:!0,onClick:T,children:h.jsx("span",{children:e.Yes})})}),h.jsx($t,{asChild:!0,children:h.jsx(F,{type:"button",variant:"secondary",children:e.No})})]})]})})]})},nl=({dialogRef:t,name:e})=>{const r=p.useRef(null),[n,a]=p.useState(null),{uploadUrl:i,group:s,messages:o}=p.useContext(Pe),[d,l]=p.useState(""),c=v=>{a(null),setTimeout(()=>{a(v),l("meta"),t.current?.next()},0)},u=v=>{a(null),setTimeout(()=>{a(v),l("crop"),t.current?.next()},0)},f=v=>{a(null),setTimeout(()=>{a(v),l("variant"),t.current?.next()},0)};return h.jsxs(Qi,{ref:t,children:[h.jsx(ea,{}),h.jsxs(ta,{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(gi,{name:e,messages:o,callback:v=>{r.current?.pushMediaItem(v)}},"main-dropzone"),h.jsx(mi,{ref:r,openMeta:c,messages:o,crop:u,openVariant:f})]})})}),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:[d==="meta"&&n&&h.jsx(ao,{media:n,callback:()=>{t.current?.prev()}}),d==="crop"&&n&&h.jsx(Qo,{item:n,messages:o,callback:(v,C)=>{r.current?.addVariant(v,C),t.current?.prev()},uploadUrl:i,group:s}),d==="variant"&&n&&h.jsx(rl,{item:n,messages:o,destroy:(v,C)=>r.current?.destroyVariant(v,C)})]})})})]})]})},Pe=p.createContext({uploadUrl:"",config:{},initTab:"",managerId:"",group:"",accept:[],messages:{},addMedia:t=>console.warn("addMedia not implemented"),removeMedia:t=>console.warn("removeMedia not implemented"),imageUrl:t=>"",checkMedia:t=>!1}),il={droppable:{strategy:it.Always}},al={keyframes({transform:t}){return[{transform:we.Transform.toString(t.initial)},{transform:we.Transform.toString({scaleX:.98,scaleY:.98,x:t.final.x-10,y:t.final.y-10})}]},sideEffects:li({className:{active:na.active}})},fl=({layout:t,config:e,type:r,onChange:n,value:a,name:i})=>{const[s,o]=p.useState(null),[d,l]=p.useState(a||[]),c=s!==null?d.findIndex(m=>m.id===s):-1,u=xa(tn(zr),tn(Ir,{coordinateGetter:Ks})),[f,v]=p.useState({}),C=`${window.routePrefix}/media-manager-uploader/${e.id?e.id:"default"}`;p.useEffect(()=>{a!=null&&l(m=>m.length!==a.length||m.some((S,M)=>S.id!==a[M]?.id)?a:m)},[a]),p.useEffect(()=>{(async()=>{try{let S=await le.get(C,{params:{_method:"getLocales"}});v(S.data.data)}catch(S){console.error("Failed to load locales:",S)}})()},[]);const y=p.useCallback(m=>{l(S=>{const M=[...S,m];return n&&n(M),M})},[n]),b=p.useCallback(m=>{l(S=>{const M=S.filter(j=>j.id!==m.id);return n&&n(M),M})},[n]),w={uploadUrl:C,managerId:e.id,group:e.group,accept:e.accept,messages:f,initTab:e.initTab??"tile-all",config:{},addMedia:m=>y(m),removeMedia:m=>b(m),imageUrl:m=>{if(m.mimeType&&m.mimeType.split("/")[0]==="image")return`${window.routePrefix}/get-thumbs?id=${m.id}&managerId=${e.id}`;{const j=m.url.split(/[#?]/)[0].split(".").pop()?.toLowerCase().trim();return`${window.routePrefix}/fileicons/${j}.svg`}},checkMedia:m=>d.some(S=>S.id===m.id)},x=p.useRef(null),N=s?d.find(m=>m.id===s):null,E=({active:m})=>{o(m.id)},T=()=>{o(null)},g=({over:m})=>{if(!m||c===-1){o(null);return}const S=d.findIndex(M=>M.id===m.id);S!==-1&&c!==S&&l(M=>{const j=Xr(M,c,S);return n&&setTimeout(()=>n(j),100),j}),o(null)},D=m=>{const S=window.bindPublic?`/public${m.url}`:m.url;window.open(S,"_blank")?.focus()};return h.jsx(Pe.Provider,{value:w,children:r==="single-file"?d.length>0?h.jsxs("div",{className:"flex flex-col gap-2",children:[h.jsxs("div",{className:"flex gap-2",children:[!e.onlyView&&h.jsx(F,{variant:"destructive",onClick:m=>{m.stopPropagation(),m.preventDefault(),l(S=>{const M=S.filter(j=>j.id!==d[0].id);return n&&setTimeout(()=>{n(M)},100),M})},children:f.Delete}),h.jsx(F,{variant:"default",onClick:m=>{m.stopPropagation(),m.preventDefault(),D(d[0])},children:f.View})]}),h.jsxs("div",{className:"relative size-[150px] rounded-[5px] overflow-hidden",children:[h.jsx("img",{src:w.imageUrl(d[0]),className:"absolute top-0 left-0 w-full h-full object-cover"}),!d[0].mimeType?.startsWith("image/")&&h.jsx("div",{className:"text-center absolute inset-x-0 bottom-0 break-words text-white text-sm font-medium bg-black/75 h-[40%] rounded-b-[5px] p-2",children:d[0].filename})]})]}):h.jsx(gi,{messages:f,name:i,callback:m=>{y(m)}},`single-dropzone-${i}`):h.jsxs("div",{children:[h.jsx(F,{size:"icon",variant:"ghost",onClick:m=>{m.preventDefault(),x.current?.open()},children:h.jsx(ra,{className:"size-7 text-chart-2"})}),h.jsxs(ms,{onDragStart:E,onDragEnd:g,onDragCancel:T,sensors:u,collisionDetection:Da,measuring:il,children:[h.jsx(Xs,{items:d.map(m=>m.id),children:h.jsx("ul",{className:Ln(vn.Pages,vn[t]),children:d.map((m,S)=>h.jsx(ol,{id:m.id,index:S,url:w.imageUrl(m),fileName:m.filename??"",mimeType:m.mimeType??"",layout:t,activeIndex:c,onRemove:()=>{l(M=>{const j=M.filter(O=>O.id!==m.id);return n&&setTimeout(()=>{n(j)},100),j})}},m.id))})}),h.jsx(Ls,{dropAnimation:al,children:s!=null?h.jsx(sl,{id:s,layout:t,items:d,url:N?w.imageUrl(N):"",fileName:N?.filename?N.filename??"":"",mimeType:N?.mimeType?N.mimeType??"":""}):null})]}),h.jsx(nl,{dialogRef:x,name:i})]})})};function sl({id:t,items:e,...r}){const{activatorEvent:n,over:a}=Br(),i=Ot(n),s=e.findIndex(d=>d.id===t),o=a?.id?e.findIndex(d=>d.id===a.id):-1;return h.jsx($n,{id:t,...r,clone:!0,insertPosition:i&&o!==s?o>s?_t.After:_t.Before:void 0})}function ol({id:t,index:e,activeIndex:r,...n}){const{attributes:a,listeners:i,isDragging:s,isSorting:o,over:d,setNodeRef:l,transform:c,transition:u}=Fs({id:t,animateLayoutChanges:ll,data:{index:e}});return h.jsx($n,{ref:l,id:t,index:e,active:s,style:{transition:u,transform:o?void 0:we.Translate.toString(c)},insertPosition:d?.id===t?e>r?_t.After:_t.Before:void 0,...n,...a,...i})}function ll(){return!0}export{Pe as MediaManagerContext,fl as default};