UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

3 lines 8.28 kB
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-DDvY1YZS.js","assets/_plugin-vue_export-helper-Dm3nT7Ps.js","assets/src-wni2AGA3.js","assets/CalendarDate-CgcSr8SP.js","assets/_MapCache-CUJwh2qp.js","assets/vue.runtime.esm-bundler-D9KLAxvJ.js","assets/chunk-DxpFCn6T.js","assets/sanitize-html-my1ogl5v.js","assets/en-QTm5tviq.js","assets/src-DDk97x4F.css","assets/canvas.eventBus-C-z2MFNA.js","assets/constants-CIP7tKq1.js","assets/merge-BqvKZ38d.js","assets/expression-runtime-stub-DDm9ecP_.js","assets/users.store-BHWXXawf.js","assets/_baseOrderBy-CaKruttV.js","assets/dateformat-CYfyw486.js","assets/useDebounce-CTeIt-cH.js","assets/nodeIcon-BFJyt77y.js","assets/canvas.utils-BMxgA7cX.js","assets/exports-BizHxxJu.js","assets/useCanvasOperations-CI7Ylcwf.js","assets/core-M4qnWLDf.js","assets/core-E7Rk_lqW.js","assets/xml-DDaPr_bf.js","assets/VueMarkdown-B-lNBlW1.js","assets/usePinnedData-bxdhY-Ce.js","assets/executions.store-CZbPSd3l.js","assets/setupPanel.store-D0Kh-_X7.js","assets/templateTransforms-Bcjcx-gt.js","assets/nodeTransforms-DgA3LbBA.js","assets/useCanvasOperations-C5vD0y-x.css","assets/semver-CG7NEUeV.js","assets/communityNodes.store-CwKzTEmt.js","assets/banners.store-D1XIK6Qv.js","assets/banners-CfXPQxke.css","assets/NodeIcon-0naEDfOR.js","assets/NodeIcon-Cd4SL1LV.css","assets/useCalloutHelpers-BtD3kQKI.js","assets/assistant.store-BOJw9cI0.js","assets/chatPanel.store-N5nWYKck.js","assets/useQuickConnect-CGSObYV3.js","assets/CommunityNodeUpdateInfo-VtIhgbTd.js","assets/CommunityNodeUpdateInfo-Bi69iCuf.css","assets/ContactAdministratorToInstall-CmQ5LyOX.js","assets/ContactAdministratorToInstall-Baw4NRUI.css","assets/useActions-CIZqXgqI.js","assets/shield-alt-DWWlpAvN.js","assets/NodeCreator-CSf_AGHe.css"])))=>i.map(i=>d[i]); (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.13.4`}}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]=`504d0d0f-3bc8-42e2-a5f1-67cb90d2cbd5`,e._sentryDebugIdIdentifier=`sentry-dbid-504d0d0f-3bc8-42e2-a5f1-67cb90d2cbd5`)})()}catch{}import{$ as e,A as t,C as n,E as r,M as i,N as a,S as o,Sn as s,T as c,W as l,Wt as u,_ as d,_n as f,it as p,j as m,v as h,w as g,yt as _}from"./vue.runtime.esm-bundler-D9KLAxvJ.js";import{bt as v}from"./_MapCache-CUJwh2qp.js";import{Ei as y,Ii as b,Mi as x,Qi as S,W as C,na as ee}from"./src-wni2AGA3.js";import{t as w}from"./_plugin-vue_export-helper-Dm3nT7Ps.js";import"./sanitize-html-my1ogl5v.js";import{Bn as T,Sn as E,cn as D,en as O,r as k}from"./users.store-BHWXXawf.js";import{Tt as A,U as j,W as M,gr as N}from"./constants-CIP7tKq1.js";import"./merge-BqvKZ38d.js";import"./_baseOrderBy-CaKruttV.js";import"./dateformat-CYfyw486.js";import"./useDebounce-CTeIt-cH.js";import{t as P}from"./assistant.store-BOJw9cI0.js";import{t as F}from"./chatPanel.store-N5nWYKck.js";import"./nodeIcon-BFJyt77y.js";import"./canvas.utils-BMxgA7cX.js";import"./canvas.eventBus-C-z2MFNA.js";import{t as I}from"./setupPanel.store-D0Kh-_X7.js";import"./useCalloutHelpers-BtD3kQKI.js";import{t as L}from"./KeyboardShortcutTooltip-CrTbwZwY.js";import{n as R}from"./useNodeCreatorShortcutCoachmark-jEnIrxlM.js";import{t as z}from"./useActions-CIZqXgqI.js";var B={class:`node-creator-shortcut-coachmark__header`},V={class:`node-creator-shortcut-coachmark__title`},H={class:`node-creator-shortcut-coachmark__body`},U={class:`node-creator-shortcut-coachmark__footer`},W=a({__name:`NodeCreatorShortcutCoachmark`,props:{visible:{type:Boolean}},emits:[`dismiss`],setup(t,{emit:r}){let i=r,a=v();return(r,o)=>(e(),g(u(C),{open:t.visible,"show-arrow":!0,"enable-scrolling":!1,"suppress-auto-focus":!0,side:`left`,align:`center`,"side-offset":8,"z-index":2200,"content-class":`node-creator-shortcut-coachmark`},{trigger:_(()=>[p(r.$slots,`default`)]),content:_(()=>[n(`div`,B,[n(`span`,V,s(u(a).baseText(`nodeCreator.shortcutCoachmark.title`)),1)]),n(`p`,H,s(u(a).baseText(`nodeCreator.shortcutCoachmark.body`)),1),n(`div`,U,[m(u(S),{size:`small`,label:u(a).baseText(`nodeCreator.shortcutCoachmark.gotIt`),class:`node-creator-shortcut-coachmark__button`,onClick:o[0]||=e=>i(`dismiss`)},null,8,[`label`])])]),_:3},8,[`open`]))}}),G=w(a({__name:`NodeCreation`,props:{nodeViewScale:{},createNodeActive:{type:Boolean,default:!1},focusPanelActive:{type:Boolean}},emits:[`addNodes`,`toggleNodeCreator`,`close`],setup(a,{emit:p}){let C=i(async()=>await ee(()=>import(`./NodeCreator-DDvY1YZS.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48]))),w=a,j=p,M=k(),B=E(),V=I(),H=v(),U=O(),G=P(),K=D(),q=F(),{getAddedNodesAndConnections:J}=z(),{shouldShowCoachmark:Y,onDismissCoachmark:X}=R(),Z=o(()=>V.isFeatureEnabled?H.baseText(`nodeView.openSidePanel`):H.baseText(`nodeView.openFocusPanel`));function Q(){j(`toggleNodeCreator`,{source:A.ADD_NODE_BUTTON,createNodeActive:!0})}function te(){document.activeElement&&document.activeElement.blur();let e=[...M.nodeViewOffsetPosition],t=T(w.nodeViewScale,e);t[0]-=240/2,t[1]-=160/2,j(`addNodes`,J([{type:N,position:t}]))}function $(e=!1){w.createNodeActive&&j(`toggleNodeCreator`,{createNodeActive:!1,hasAddedNodes:e}),j(`close`)}function ne(e){j(`addNodes`,J(e)),$(!0)}function re(){B.toggleFocusPanel(),U.track(B.focusPanelActive?`User opened focus panel`:`User closed focus panel`,{source:`canvasButton`,parameters:B.focusedNodeParametersInTelemetryFormat})}async function ie(){K.isAIBuilderEnabled?await q.toggle({mode:`builder`}):await q.toggle({mode:`assistant`}),q.isOpen&&G.trackUserOpenedAssistant({source:`canvas`,task:`placeholder`,has_existing_session:!G.isSessionEnded})}function ae(e){e.stopPropagation(),l(()=>{let e=new KeyboardEvent(`keydown`,{key:`k`,code:`KeyK`,metaKey:!0,bubbles:!0,cancelable:!0});document.dispatchEvent(e)})}return(i,o)=>(e(),r(d,null,[a.createNodeActive?c(``,!0):(e(),r(`div`,{key:0,class:f(i.$style.nodeButtonsWrapper)},[m(W,{visible:u(Y),onDismiss:u(X)},{default:_(()=>[m(L,{label:u(H).baseText(`nodeView.openNodesPanel`),shortcut:{keys:[`N`]},placement:`left`},{default:_(()=>[m(u(b),{variant:`subtle`,size:`large`,icon:`plus`,"aria-label":u(H).baseText(`nodeView.openNodesPanel`),"data-test-id":`node-creator-plus-button`,onClick:Q},null,8,[`aria-label`])]),_:1},8,[`label`])]),_:1},8,[`visible`,`onDismiss`]),m(L,{label:u(H).baseText(`nodeView.openCommandBar`),shortcut:{keys:[`k`],metaKey:!0},placement:`left`},{default:_(()=>[m(u(b),{variant:`subtle`,size:`large`,icon:`search`,"aria-label":u(H).baseText(`nodeView.openCommandBar`),"data-test-id":`command-bar-button`,onClick:ae},null,8,[`aria-label`])]),_:1},8,[`label`]),m(L,{label:u(H).baseText(`nodeView.addStickyHint`),shortcut:{keys:[`s`],shiftKey:!0},placement:`left`},{default:_(()=>[m(u(b),{variant:`subtle`,size:`large`,icon:`sticky-note`,"aria-label":u(H).baseText(`nodeView.addStickyHint`),"data-test-id":`add-sticky-button`,onClick:te},null,8,[`aria-label`])]),_:1},8,[`label`]),m(L,{label:Z.value,shortcut:{keys:[`f`],shiftKey:!0},placement:`left`},{default:_(()=>[m(u(b),{variant:`subtle`,size:`large`,icon:`panel-right`,"aria-label":Z.value,active:a.focusPanelActive,"data-test-id":`toggle-focus-panel-button`,onClick:re},null,8,[`aria-label`,`active`])]),_:1},8,[`label`]),u(q).canShowAiButtonOnCanvas?(e(),g(u(x),{key:0,placement:`left`},{content:_(()=>[t(s(u(H).baseText(`aiAssistant.tooltip`)),1)]),default:_(()=>[m(u(S),{variant:`subtle`,iconOnly:``,size:`large`,"aria-label":u(H).baseText(`aiAssistant.tooltip`),class:f(i.$style.icon),"data-test-id":`ask-assistant-canvas-action-button`,onClick:ie},{default:_(()=>[n(`div`,null,[m(u(y),{size:`large`})])]),_:1},8,[`aria-label`,`class`])]),_:1})):c(``,!0)],2)),(e(),g(h,null,{default:_(()=>[m(u(C),{active:a.createNodeActive,onNodeTypeSelected:ne,onCloseNodeCreator:$},null,8,[`active`])]),_:1}))],64))}}),[[`__cssModules`,{$style:{nodeButtonsWrapper:`_nodeButtonsWrapper_mt5fk_125`,icon:`_icon_mt5fk_136`}}]]);export{G as default}; //# sourceMappingURL=NodeCreation-DNFdl2Qg.js.map