n8n-editor-ui/dist/assets/NodeCreation-5a636ccd.js

Workflow Editor UI for n8n

import{h as v,_ as f}from"./n8n-02caf295.js";import{u as _,N as B,g as S,D as k,a as b,S as T}from"./index-906713a6.js";import{m as w}from"./pinia-6bf9956f.js";import{d as E,aE as h,b as u,o as p,f as C,n as a,g as N,e as l,k as $,c as g,w as A,aF as D}from"./vendor-18a4b4e1.js";import"./luxon-19e1de07.js";import"./esprima-next-8c7e8ff9.js";import"./lodash-es-876af2e5.js";import"./@fortawesome/vue-fontawesome-f597912a.js";import"./@fortawesome/fontawesome-svg-core-984d6dde.js";import"./axios-92f151e4.js";import"./flatted-8b14da7d.js";import"./vue-i18n-c3b0f366.js";import"./uuid-cf522c50.js";import"./dateformat-8c1d9796.js";import"./@jsplumb/browser-ui-70b0a0d6.js";import"./@jsplumb/core-0a463c13.js";import"./@jsplumb/util-98a92a84.js";import"./@jsplumb/common-fe415eb9.js";import"./@jsplumb/connector-bezier-53998944.js";import"./@n8n/codemirror-lang-sql-9a304659.js";import"./codemirror-lang-n8n-expression-47e67c3a.js";import"./codemirror-lang-html-n8n-4223f8c7.js";import"./fast-json-stable-stringify-57a373c2.js";import"./prettier-51497383.js";import"./@vueuse/core-60457efe.js";import"./timeago.js-a9e71aec.js";import"./qrcode.vue-338130ab.js";import"./file-saver-0526b42c.js";import"./vue-json-pretty-95ec0e1b.js";import"./humanize-duration-6da291e3.js";import"./v3-infinite-loading-8fbfd594.js";import"./vue-agile-44d1a063.js";import"./copy-to-clipboard-4e2822ec.js";import"./vue3-touch-events-ee55ce04.js";import"./@fortawesome/free-solid-svg-icons-d79f1537.js";import"./@fortawesome/free-regular-svg-icons-74cb85f8.js";const I=h(async()=>v(()=>import("./NodeCreator-672ba1f4.js"),["assets/NodeCreator-672ba1f4.js","assets/index-906713a6.js","assets/vendor-18a4b4e1.js","assets/pinia-6bf9956f.js","assets/n8n-02caf295.js","assets/luxon-19e1de07.js","assets/esprima-next-8c7e8ff9.js","assets/lodash-es-876af2e5.js","assets/@fortawesome/vue-fontawesome-f597912a.js","assets/@fortawesome/fontawesome-svg-core-984d6dde.js","assets/n8n-def62baf.css","assets/axios-92f151e4.js","assets/flatted-8b14da7d.js","assets/vue-i18n-c3b0f366.js","assets/uuid-cf522c50.js","assets/dateformat-8c1d9796.js","assets/@jsplumb/browser-ui-70b0a0d6.js","assets/@jsplumb/core-0a463c13.js","assets/@jsplumb/util-98a92a84.js","assets/@jsplumb/common-fe415eb9.js","assets/@jsplumb/connector-bezier-53998944.js","assets/@n8n/codemirror-lang-sql-9a304659.js","assets/codemirror-lang-n8n-expression-47e67c3a.js","assets/codemirror-lang-html-n8n-4223f8c7.js","assets/fast-json-stable-stringify-57a373c2.js","assets/prettier-51497383.js","assets/@vueuse/core-60457efe.js","assets/timeago.js-a9e71aec.js","assets/qrcode.vue-338130ab.js","assets/file-saver-0526b42c.js","assets/vue-json-pretty-95ec0e1b.js","assets/humanize-duration-6da291e3.js","assets/v3-infinite-loading-8fbfd594.js","assets/vue-agile-44d1a063.js","assets/vue-agile-d964f598.css","assets/copy-to-clipboard-4e2822ec.js","assets/vue3-touch-events-ee55ce04.js","assets/@fortawesome/free-solid-svg-icons-d79f1537.js","assets/@fortawesome/free-regular-svg-icons-74cb85f8.js","assets/index-810e566f.css","assets/NodeCreator-69549990.css"])),P=E({name:"node-creation",components:{NodeCreator:I},props:{nodeViewScale:{type:Number,required:!0},createNodeActive:{type:Boolean,default:!1}},data(){return{showStickyButton:!1}},computed:{...w(_)},methods:{onCreateMenuHoverIn(e){const t=e.target;this.showStickyButton=!0;const d=o=>{if(t){const r=t.getBoundingClientRect(),c=r.height,s=r.width,i=r.left,n=i+s,m=r.top,y=m+c;o.pageX>i&&o.pageX<n&&o.pageY>m&&o.pageY<y||(this.showStickyButton=!1,document.removeEventListener("mousemove",d,!1))}};document.addEventListener("mousemove",d,!1)},openNodeCreator(){this.$emit("toggleNodeCreator",{source:B.ADD_NODE_BUTTON,createNodeActive:!0})},addStickyNote(){document.activeElement&&document.activeElement.blur();const e=[...this.uiStore.nodeViewOffsetPosition],t=S(this.nodeViewScale,e);t[0]-=k/2,t[1]-=b/2,this.$emit("addNode",[{nodeTypeName:T,position:t}])},closeNodeCreator(){this.$emit("toggleNodeCreator",{createNodeActive:!1})},nodeTypeSelected(e){this.$emit("addNode",e.map(t=>({nodeTypeName:t}))),this.closeNodeCreator()}}}),O="_nodeButtonsWrapper_q5bvi_5",V="_addStickyButton_q5bvi_14",q="_visibleButton_q5bvi_21",H="_noEvents_q5bvi_26",L="_nodeCreatorButton_q5bvi_30",M="_nodeCreatorPlus_q5bvi_47",W={nodeButtonsWrapper:O,addStickyButton:V,visibleButton:q,noEvents:H,nodeCreatorButton:L,nodeCreatorPlus:M};function Y(e,t,d,o,r,c){const s=u("n8n-icon-button"),i=u("NodeCreator");return p(),C("div",null,[e.createNodeActive?$("",!0):(p(),C("div",{key:0,class:a([e.$style.nodeButtonsWrapper,e.showStickyButton?e.$style.noEvents:""]),onMouseenter:t[1]||(t[1]=(...n)=>e.onCreateMenuHoverIn&&e.onCreateMenuHoverIn(...n))},[N("div",{class:a(e.$style.nodeCreatorButton),"data-test-id":"node-creator-plus-button"},[l(s,{size:"xlarge",icon:"plus",type:"tertiary",class:a(e.$style.nodeCreatorPlus),onClick:e.openNodeCreator,title:e.$locale.baseText("nodeView.addNode")},null,8,["class","onClick","title"]),N("div",{class:a([e.$style.addStickyButton,e.showStickyButton?e.$style.visibleButton:""]),onClick:t[0]||(t[0]=(...n)=>e.addStickyNote&&e.addStickyNote(...n)),"data-test-id":"add-sticky-button"},[l(s,{type:"tertiary",icon:["far","note-sticky"],title:e.$locale.baseText("nodeView.addSticky")},null,8,["title"])],2)],2)],34)),(p(),g(D,null,{default:A(()=>[l(i,{active:e.createNodeActive,onNodeTypeSelected:e.nodeTypeSelected,onCloseNodeCreator:e.closeNodeCreator},null,8,["active","onNodeTypeSelected","onCloseNodeCreator"])]),_:1}))])}const F={$style:W},Ee=f(P,[["render",Y],["__cssModules",F]]);export{Ee as default};
//# sourceMappingURL=NodeCreation-5a636ccd.js.map