npm - adminizer - Versions diffs - 5.1.0-build.28 → 5.2.0-build.30 - Mend

adminizer 5.1.0-build.28 → 5.2.0-build.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (118) hide show

package/assets/media-manager-CT4LZgo_.js ADDED Viewed

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