n8n-editor-ui/dist/assets/Draggable-legacy-8O9k0YUg.js

Workflow Editor UI for n8n

!function(){try{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"n8n@2.16.1"}}catch(e){}}(),System.register(["./vue.runtime.esm-bundler-legacy-BW6xDdqj.js","./_plugin-vue_export-helper-legacy-DFdC_I5Z.js","./users.store-legacy-azRUgFdP.js"],(function(e,a){var t,l,n,r,d,u,s,o,i,g,f,v,p,c,b,y,m,_,w;return{setters:[function(e){t=e.$,l=e.C,n=e.Ft,r=e.N,d=e.S,u=e._n,s=e.bt,o=e.it,i=e.p,g=e.q,f=e.st,v=e.w,p=e.y,c=e.yn,b=e.yt},function(e){y=e.t},function(e){m=e.xa}],execute:function(){(_=document.createElement("style")).textContent="._dragging_8hfmf_125{visibility:visible;cursor:grabbing}._draggable_8hfmf_130{pointer-events:none;z-index:9999999;position:fixed;top:0;left:0}._draggable-data-transfer_8hfmf_138{width:0;height:0}\n/*$vite$:1*/",document.head.appendChild(_);try{a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(h=(new a.Error).stack)&&(a._sentryDebugIds=a._sentryDebugIds||{},a._sentryDebugIds[h]="3122bbc6-605e-4f9e-a942-58635b9fca7a",a._sentryDebugIdIdentifier="sentry-dbid-3122bbc6-605e-4f9e-a942-58635b9fca7a")}catch(a){}var a,h;w=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(e,{emit:a}){const r=e,y=a,_=n(!1),w=n(),h=n([0,0]),D=n(),E=n(null),$=d((()=>({transform:`translate(${h.value[0]}px, ${h.value[1]}px)`}))),T=e=>{if(r.disabled||1!==e.buttons)return;if(w.value=e.target,r.targetDataKey&&w.value.dataset?.target!==r.targetDataKey&&(w.value=w.value.closest(`[data-target="${r.targetDataKey}"]`)),r.targetDataKey&&w.value?.dataset?.target!==r.targetDataKey)return;e.preventDefault(),e.stopPropagation(),_.value=!1,E.value=[e.pageX,e.pageY],h.value=[e.pageX,e.pageY],window.addEventListener("mousemove",x),window.addEventListener("mouseup",K);const a=document.activeElement;a&&a.blur()},x=e=>{if(e.preventDefault(),e.stopPropagation(),!r.disabled){if(!_.value&&w.value){if(E.value&&r.dragThreshold>0){const a=e.pageX-E.value[0],t=e.pageY-E.value[1];if(Math.sqrt(a*a+t*t)<r.dragThreshold)return}_.value=!0;const a=r.targetDataKey?w.value.dataset.value:r.data??"";y("dragstart",w.value,a),document.body.style.cursor="grabbing"}D.value=window.requestAnimationFrame((()=>{r.canDrop&&r.stickyPosition?h.value=r.stickyPosition:h.value=[e.pageX,e.pageY],y("drag",h.value)}))}},K=()=>{r.disabled||(document.body.style.cursor="unset",window.removeEventListener("mousemove",x),window.removeEventListener("mouseup",K),m(D.value)&&window.cancelAnimationFrame(D.value),setTimeout((()=>{_.value&&w.value&&y("dragend",w.value),_.value=!1,w.value=void 0,E.value=null})))};return g((()=>{_.value&&w.value&&y("dragend",w.value)})),(a,n)=>(t(),v(f(e.tag),{ref:"wrapper",class:u({[a.$style.dragging]:_.value}),"data-test-id":"draggable",onMousedown:T},{default:b((()=>[o(a.$slots,"default",{isDragging:_.value}),(t(),v(p,{to:"body"},[s(l("div",{ref:"draggable",class:u(a.$style.draggable),style:c($.value)},[o(a.$slots,"preview",{canDrop:e.canDrop,el:w.value})],6),[[i,_.value]])]))])),_:3},40,["class"]))}}),e("t",y(w,[["__cssModules",{$style:{dragging:"_dragging_8hfmf_125",draggable:"_draggable_8hfmf_130","draggable-data-transfer":"_draggable-data-transfer_8hfmf_138"}}]]))}}}));
//# sourceMappingURL=Draggable-legacy-8O9k0YUg.js.map