n8n-editor-ui/dist/assets/Draggable-C5UHad2G.js

Workflow Editor UI for n8n

(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`n8n@2.16.1`}}catch{}})();try{(function(){var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`e55c52b6-6cb1-41ed-90e9-eab4063227b5`,e._sentryDebugIdIdentifier=`sentry-dbid-e55c52b6-6cb1-41ed-90e9-eab4063227b5`)})()}catch{}import{$ as e,C as t,Ft as n,N as r,S as i,_n as a,bt as o,it as s,p as c,q as l,st as u,w as d,y as f,yn as p,yt as m}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{t as h}from"./_plugin-vue_export-helper-CIL7EULb.js";import{xa as g}from"./users.store-xP93bV7X.js";var _=h(r({__name:`Draggable`,props:{type:{},data:{default:null},tag:{default:`div`},targetDataKey:{default:null},disabled:{type:Boolean,default:!1},canDrop:{type:Boolean,default:!1},stickyPosition:{default:null},dragThreshold:{default:10}},emits:[`drag`,`dragstart`,`dragend`],setup(r,{emit:h}){let _=r,v=h,y=n(!1),b=n(),x=n([0,0]),S=n(),C=n(null),w=i(()=>({transform:`translate(${x.value[0]}px, ${x.value[1]}px)`})),T=e=>{if(_.disabled||e.buttons!==1||(b.value=e.target,_.targetDataKey&&b.value.dataset?.target!==_.targetDataKey&&(b.value=b.value.closest(`[data-target="${_.targetDataKey}"]`)),_.targetDataKey&&b.value?.dataset?.target!==_.targetDataKey))return;e.preventDefault(),e.stopPropagation(),y.value=!1,C.value=[e.pageX,e.pageY],x.value=[e.pageX,e.pageY],window.addEventListener(`mousemove`,E),window.addEventListener(`mouseup`,D);let t=document.activeElement;t&&t.blur()},E=e=>{if(e.preventDefault(),e.stopPropagation(),!_.disabled){if(!y.value&&b.value){if(C.value&&_.dragThreshold>0){let t=e.pageX-C.value[0],n=e.pageY-C.value[1];if(Math.sqrt(t*t+n*n)<_.dragThreshold)return}y.value=!0;let t=_.targetDataKey?b.value.dataset.value:_.data??``;v(`dragstart`,b.value,t),document.body.style.cursor=`grabbing`}S.value=window.requestAnimationFrame(()=>{_.canDrop&&_.stickyPosition?x.value=_.stickyPosition:x.value=[e.pageX,e.pageY],v(`drag`,x.value)})}},D=()=>{_.disabled||(document.body.style.cursor=`unset`,window.removeEventListener(`mousemove`,E),window.removeEventListener(`mouseup`,D),g(S.value)&&window.cancelAnimationFrame(S.value),setTimeout(()=>{y.value&&b.value&&v(`dragend`,b.value),y.value=!1,b.value=void 0,C.value=null}))};return l(()=>{y.value&&b.value&&v(`dragend`,b.value)}),(n,i)=>(e(),d(u(r.tag),{ref:`wrapper`,class:a({[n.$style.dragging]:y.value}),"data-test-id":`draggable`,onMousedown:T},{default:m(()=>[s(n.$slots,`default`,{isDragging:y.value}),(e(),d(f,{to:`body`},[o(t(`div`,{ref:`draggable`,class:a(n.$style.draggable),style:p(w.value)},[s(n.$slots,`preview`,{canDrop:r.canDrop,el:b.value})],6),[[c,y.value]])]))]),_:3},40,[`class`]))}}),[[`__cssModules`,{$style:{dragging:`_dragging_8hfmf_125`,draggable:`_draggable_8hfmf_130`,"draggable-data-transfer":`_draggable-data-transfer_8hfmf_138`}}]]);export{_ as t};
//# sourceMappingURL=Draggable-C5UHad2G.js.map