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-mt4Ykki7.js DELETED Viewed

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