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