https://samply.app/assets/useDragAndDrop.2787f306.js

1import{r as I,E as ge,G as Pe,br as xe,bs as Ce}from"./index.a7219c61.js";const ke=new Image;ke.src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=";const Fe=new Set;function Me(c){const v=I(void 0),p=I(void 0),F=I(!1),D=I(),P=I(!1);let i,l,g,S,k,Q;function ae(t){Q=t}let f;function w(t){f=t}let B;function se(t){B=t}let q=0,s=0,h=0,a;ge(()=>{c&&(a=document.querySelector(c))});function Y(t){s=t.clientX,h=t.clientY}function X(t,o){!a&&c&&(a=document.querySelector(c)),a&&(a.style.position="fixed",a.style.pointerEvents="none",a.style.left=s+t+"px",a.style.top=h+o+"px",q=requestAnimationFrame(()=>X(t,o)))}function j(t){if(!a&&c&&(a=document.querySelector(c)),!a)return;const o=t.getBoundingClientRect(),n=o.x-s,u=o.y-h;a.style.left=`${o.left}px`,a.style.width=`${t.offsetWidth}px`,a.style.transformOrigin=`${s-o.x}px ${h-o.y}px`,a.classList.add("drag-image-visible"),q=requestAnimationFrame(()=>X(n,u))}function A(){!a&&c&&(a=document.querySelector(c)),a&&(a.classList.remove("drag-image-visible"),cancelAnimationFrame(q))}function y(t,o){switch(i?.classList?.remove("drop-preview-before","drop-preview-after","drop-preview-on-top","drop-preview-horizontal"),o){case"left":t.classList.add("drop-preview-before","drop-preview-horizontal");break;case"right":t.classList.add("drop-preview-after","drop-preview-horizontal");break;case"top":t.classList.add("drop-preview-before");break;case"bottom":t.classList.add("drop-preview-after");break;default:t.classList.add("drop-preview-on-top");break}}function L(){l?.classList?.remove("dragging"),i?.classList?.remove("drop-preview-before","drop-preview-after","drop-preview-on-top","drop-preview-horizontal")}function _(t){return t.currentTarget}function we(t){const n=_(t).getBoundingClientRect(),{top:u,right:Z,bottom:G,left:b,height:Ee}=n,{clientX:e,clientY:r}=t,d=Ee/4;return e-b<d?"left":Z-e<d?"right":r-u<d?"top":G-r<d?"bottom":"center"}function de(){i&&i.classList.remove("drop-preview-before","drop-preview-after","drop-preview-on-top","drop-preview-horizontal")}let C=()=>{console.warn("No handler set for onDropFromSystem")};function R(t){C=t}function J(t,o){const n=l?.dataset?.dragId,u=i?.dataset?.dragId;if(n&&u)switch(g){case"drop":Q(t,{sourceId:n,targetId:u,zone:o});break;case"move":f(t,{sourceId:n,targetId:u,zone:o});break}}const V=2,me=50,ee=60*3;let E=0,M,T=!1;function le(t){return t*t}function H(t){M=requestAnimationFrame(()=>{const o=E/ee,n=V+(me-V)*le(o);window.scrollBy(0,t?-n:n),E<ee&&E++,H(t)})}function $(){T=!1,E=0,M&&cancelAnimationFrame(M)}function De(t){const{clientY:o}=t,{innerHeight:n}=window,u=128;if(o<u){if(T)return;T=!0,H(!0)}else if(o>n-u){if(T)return;T=!0,H(!1)}else $()}function he(){l=void 0,i=void 0,g=void 0,S=void 0,k=void 0,$(),v.value=void 0,p.value=void 0}function ye(t){const o=_(t),n=l?.dataset?.dragId,{dragId:u}=o.dataset;if(!u||!n)throw new Error("Missing dragId on element");const{orderable:Z,dropable:G}=o.dataset,b=we(t);o!==i&&de(),Z==="true"&&b!=="center"?(y(o,b),i=o,g="move",p.value=void 0):G==="true"?(y(o,"center"),i=o,g="drop",p.value=o.dataset.dragId):(g=void 0,p.value=void 0),g==="move"&&(u!==S||b!==k)&&(S=u,k=b,f(t,{sourceId:n,targetId:u,zone:b}))}let ce;function Le(t){ce=t}let ue=()=>!0;function be(t){}function fe(t){ue=t}function Ie(t){const o=_(t),{dragId:n}=o.dataset;if(!n)throw new Error('Missing value for "data-drag-id" on source element');if(!ue(n)){t.preventDefault();return}t.dataTransfer?.setData("text/plain",""),t.dataTransfer?.setDragImage(ke,0,0),t.dataTransfer.effectAllowed="move",ce(t,{sourceId:n}),v.value=n,l=o,Y(t),j(o),o.classList.add("dragging")}function ve(t){const o=_(t),n=t.relatedTarget;o.contains(n)||(o.classList.remove("drop-preview-before","drop-preview-after","drop-preview-on-top","drop-preview-horizontal"),p.value=void 0,i=void 0)}function te(t){return t?.types.indexOf("Files")!==-1}function Se(t){let o=t;for(;o;){if(o.id&&Fe.has(o.id))return o.id;o=o.parentElement}}let re,oe;function N(t){t?(clearTimeout(re),F.value=!0):re=setTimeout(()=>{F.value=!1},20)}function ne(t){t?(clearTimeout(oe),P.value=!0):oe=setTimeout(()=>{P.value=!1},20)}function O(t){t.preventDefault(),te(t.dataTransfer)&&(t.stopPropagation(),D.value=Se(t.target),N(!0),ne(xe?t.ctrlKey:t.metaKey)),Y(t),De(t)}function W(t){te(t.dataTransfer)&&(N(!1),ne(xe?t.ctrlKey:t.metaKey),D.value=void 0)}function K(t){t.preventDefault(),te(t.dataTransfer)&&C(t.dataTransfer,D.value),N(!1),ne(xe?t.ctrlKey:t.metaKey),$(),D.value=void 0}ge(()=>{window.addEventListener("dragover",O,!0),window.addEventListener("drop",K),window.addEventListener("dragleave",W)}),Pe(()=>{window.removeEventListener("dragover",O,!0),window.removeEventListener("drop",K),window.removeEventListener("dragleave",W)});function U(t){if(!l)return;const o=v.value??"",n=p.value??"";

1J(t),L(),he(),A(),B(t,{sourceId:o,targetId:n})}function Ae(t){Fe.add(t)}function ie(t){Fe.delete(t)}return{onDropFromSystem:R,onDragStart:Le,onNativeDragStart:be,canDrag:fe,onDrop:ae,onMove:w,onComplete:se,listeners:{dragstart:Ie,dragleave:ve,dragover:ye,drop:U,dragend:U},sourceId:v,targetId:p,dragShield:F,dragModifier:P,addSystemDropTargetById:Ae,removeSystemDropTargetById:ie,activeSystemDropTarget:D}}const Oe=4;function ze(c){const v=I(void 0),p=I(void 0),F=I(!1),D=I(),P=new Set;let i,l,g,S=!1,k=!1,Q=0,ae=0,f=0,w=0,B=0,se=0,q=0,s,h,a,Y,X=-1,j=-1,A,y,L=[];const _=2,we=50,de=60*3;let C=0,R=!1,J=!1;function V(){R=!1,C=0}function me(e){e<128?(R=!0,J=!0):e>window.innerHeight-128?(R=!0,J=!1):V()}let ee=()=>{},E=()=>{},M=()=>{},T=()=>{},le=e=>[e],H=()=>!0,$=()=>{console.warn("No handler set for onDropFromSystem")};function De(e){ee=e}function he(e){E=e}function ye(e){M=e}function ce(e){T=e}function Le(e){le=e}function ue(e){H=e}function be(e){$=e}ge(()=>{c&&(s=document.querySelector(c))});function fe(){if(R){const e=C/de,r=_+(we-_)*e*e;window.scrollBy(0,J?-r:r),C<de&&C++}if(s&&(s.style.left=f+se+"px",s.style.top=w+q+"px"),i&&(f!==X||w!==j)){X=f,j=w;let e;L.length>0?e=L.find(({rect:d})=>f>=d.left&&f<=d.right&&w>=d.top&&w<=d.bottom)?.el:e=document.elementsFromPoint(f,w).find(d=>d.hasAttribute("data-drag-id"));const r=e&&e!==i?e:void 0;if(r){const d=L.find(({el:z})=>z===r)?.rect,m=d?re(f,w,d):oe(f,w,r),{orderable:x,dropable:Te}=r.dataset;if(r!==l&&l?.classList.remove("drop-preview-before","drop-preview-after","drop-preview-on-top","drop-preview-horizontal"),x==="true"&&m!=="center"?((r!==A||m!==y)&&(N(r,m),A=r,y=m),l=r,g="move",p.value=void 0):Te==="true"?((r!==A||y!=="center")&&(N(r,"center"),A=r,y="center"),l=r,g="drop",p.value=r.dataset.dragId):(l=void 0,g=void 0,p.value=void 0),g==="move"&&h){const z=r.dataset.dragId;(z!==a||m!==Y)&&(a=z,Y=m,E(h,{sourceId:v.value??"",targetId:z??"",zone:m}),L=[])}}else l?.classList.remove("drop-preview-before","drop-preview-after","drop-preview-on-top","drop-preview-horizontal"),l=void 0,g=void 0,p.value=void 0,A=void 0,y=void 0}B=requestAnimationFrame(fe)}function Ie(){L=Array.from(document.querySelectorAll("[data-drag-id]")).filter(e=>e!==i).map(e=>({el:e,rect:e.getBoundingClientRect()}))}function ve(){L=[]}function te(e){if(Ie(),window.addEventListener("scroll",ve,{passive:!0}),B=requestAnimationFrame(fe),!s&&c&&(s=document.querySelector(c)),!s)return;const r=e.getBoundingClientRect();se=r.x-f,q=r.y-w,s.style.position="fixed",s.style.pointerEvents="none",s.style.left=`${r.left}px`,s.style.width=`${e.offsetWidth}px`,s.style.transformOrigin=`${f-r.x}px ${w-r.y}px`,s.classList.add("drag-image-visible")}function Se(){cancelAnimationFrame(B),!s&&c&&(s=document.querySelector(c)),s&&s.classList.remove("drag-image-visible")}function re(e,r,d){const{top:m,right:x,bottom:Te,left:z,height:_e}=d,pe=_e/4;return e-z<pe?"left":x-e<pe?"right":r-m<pe?"top":Te-r<pe?"bottom":"center"}function oe(e,r,d){return re(e,r,d.getBoundingClientRect())}function N(e,r){switch(l?.classList.remove("drop-preview-before","drop-preview-after","drop-preview-on-top","drop-preview-horizontal"),r){case"left":e.classList.add("drop-preview-before","drop-preview-horizontal");break;case"right":e.classList.add("drop-preview-after","drop-preview-horizontal");break;case"top":e.classList.add("drop-preview-before");break;case"bottom":e.classList.add("drop-preview-after");break;default:e.classList.add("drop-preview-on-top");break}}function ne(){i?.classList.remove("dragging"),l?.classList.remove("drop-preview-before","drop-preview-after","drop-preview-on-top","drop-preview-horizontal")}function O(){S=!1,k=!1,a=void 0,Y=void 0,X=-1,j=-1,A=void 0,y=void 0,h=void 0,L=[],window.removeEventListener("scroll",ve),V(),ne(),Se(),i=void 0,l=void 0,g=void 0,v.value=void 0,p.value=void 0,window.removeEventListener("pointermove",W),window.removeEventListener("pointerup",K),window.removeEventListener("pointercancel",U)}function W(e){if(!!i){if(f=e.clientX,w=e.clientY,h=e,!S){if(Math.hypot(e.clientX-Q,e.clientY-ae)<Oe)return;const r=i.dataset.dragId??"";if(!H(r)){i=void 0,window.removeEventListener("pointermove",W),window.removeEventListener("pointerup",K),window.removeEventListener("pointercancel",U);return}S=!0,v.value=r,T(e,{sourceId:r}),te(i),i.classList.add("dragging");return}if(me(e.clientY),window.electron?.startDrag&&!k&&v.value&&(e.clientX<=0||e.clientX>

1=window.innerWidth||e.clientY<=0||e.clientY>=window.innerHeight)){k=!0,window.electron.startDrag(le(v.value)),M(e,{sourceId:v.value,targetId:""}),O();return}}}function K(e){if(!S){O();return}const r=i?.dataset.dragId,d=l?.dataset.dragId;if(r&&d){const x=l?oe(e.clientX,e.clientY,l):void 0;switch(g){case"drop":ee(e,{sourceId:r,targetId:d,zone:x});break;case"move":E(e,{sourceId:r,targetId:d,zone:x});break}}M(e,{sourceId:v.value??"",targetId:p.value??""}),O();const m=x=>{x.stopPropagation(),window.removeEventListener("click",m,{capture:!0})};window.addEventListener("click",m,{capture:!0}),requestAnimationFrame(()=>{window.removeEventListener("click",m,{capture:!0})})}function U(){O()}function Ae(e){if(e.button!==0)return;const r=e.currentTarget;!r.dataset.dragId||(e.preventDefault(),Q=e.clientX,ae=e.clientY,f=e.clientX,w=e.clientY,i=r,window.addEventListener("pointermove",W,{passive:!0}),window.addEventListener("pointerup",K,{passive:!0}),window.addEventListener("pointercancel",U,{passive:!0}))}function ie(e){return e?.types.indexOf("Files")!==-1}function t(e){let r=e;for(;r;){if(r.id&&P.has(r.id))return r.id;r=r.parentElement}}let o;function n(e){e?(clearTimeout(o),F.value=!0):o=setTimeout(()=>{F.value=!1},20)}function u(e){e.preventDefault(),ie(e.dataTransfer)&&(e.stopPropagation(),D.value=t(e.target),n(!0))}function Z(e){ie(e.dataTransfer)&&(n(!1),D.value=void 0)}function G(e){e.preventDefault(),ie(e.dataTransfer)&&$(e.dataTransfer,D.value),n(!1),D.value=void 0}ge(()=>{window.addEventListener("dragover",u,!0),window.addEventListener("drop",G),window.addEventListener("dragleave",Z)}),Pe(()=>{window.removeEventListener("dragover",u,!0),window.removeEventListener("drop",G),window.removeEventListener("dragleave",Z)});function b(e){P.add(e)}function Ee(e){P.delete(e)}return{onDropFromSystem:be,onDragStart:ce,onNativeDragStart:Le,canDrag:ue,onDrop:De,onMove:he,onComplete:ye,listeners:{pointerdown:Ae},sourceId:v,targetId:p,dragShield:F,addSystemDropTargetById:b,removeSystemDropTargetById:Ee,activeSystemDropTarget:D}}function qe(c){const v=Ce();return window.electron&&v.registered?{...ze(c),draggable:!1,shareListeners:!1}:{...Me(c),draggable:!0,shareListeners:!0}}export{Me as a,qe as u};