n8n-editor-ui/dist/assets/Draggable-legacy-1VY-jpKk.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.13.4"}}catch(e){}}(),System.register(["./vue.runtime.esm-bundler-legacy-IafOlCW8.js","./_plugin-vue_export-helper-legacy-DEZAmQqp.js","./users.store-legacy-OKuN0qAC.js"],(function(e,a){var t,l,n,d,r,u,s,o,i,g,f,v,c,p,y,b,m,_,w;return{setters:[function(e){t=e.$,l=e.C,n=e.Ft,d=e.N,r=e.S,u=e._n,s=e.bt,o=e.it,i=e.p,g=e.q,f=e.st,v=e.w,c=e.y,p=e.yn,y=e.yt},function(e){b=e.t},function(e){m=e.ba}],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]="1dc8c8a3-f183-48aa-a531-ccd81a61bdcd",a._sentryDebugIdIdentifier="sentry-dbid-1dc8c8a3-f183-48aa-a531-ccd81a61bdcd")}catch(a){}var a,h;w=d({__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 d=e,b=a,_=n(!1),w=n(),h=n([0,0]),D=n(),E=n(null),$=r((()=>({transform:`translate(${h.value[0]}px, ${h.value[1]}px)`}))),T=e=>{if(d.disabled||1!==e.buttons)return;if(w.value=e.target,d.targetDataKey&&w.value.dataset?.target!==d.targetDataKey&&(w.value=w.value.closest(`[data-target="${d.targetDataKey}"]`)),d.targetDataKey&&w.value?.dataset?.target!==d.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(),!d.disabled){if(!_.value&&w.value){if(E.value&&d.dragThreshold>0){const a=e.pageX-E.value[0],t=e.pageY-E.value[1];if(Math.sqrt(a*a+t*t)<d.dragThreshold)return}_.value=!0;const a=d.targetDataKey?w.value.dataset.value:d.data??"";b("dragstart",w.value,a),document.body.style.cursor="grabbing"}D.value=window.requestAnimationFrame((()=>{d.canDrop&&d.stickyPosition?h.value=d.stickyPosition:h.value=[e.pageX,e.pageY],b("drag",h.value)}))}},K=()=>{d.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&&b("dragend",w.value),_.value=!1,w.value=void 0,E.value=null})))};return g((()=>{_.value&&w.value&&b("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:y((()=>[o(a.$slots,"default",{isDragging:_.value}),(t(),v(c,{to:"body"},[s(l("div",{ref:"draggable",class:u(a.$style.draggable),style:p($.value)},[o(a.$slots,"preview",{canDrop:e.canDrop,el:w.value})],6),[[i,_.value]])]))])),_:3},40,["class"]))}}),e("t",b(w,[["__cssModules",{$style:{dragging:"_dragging_8hfmf_125",draggable:"_draggable_8hfmf_130","draggable-data-transfer":"_draggable-data-transfer_8hfmf_138"}}]]))}}}));
//# sourceMappingURL=Draggable-legacy-1VY-jpKk.js.map