UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

3 lines 8.14 kB
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-BNpN8bKF.js","assets/_plugin-vue_export-helper-CIL7EULb.js","assets/chunk-CACdhNlC.js","assets/src-XqE2yCpG.js","assets/get-BjzKP_3k.js","assets/_MapCache-CP9ToMjk.js","assets/vue.runtime.esm-bundler-C3C09Zii.js","assets/CalendarDate-BT_sdKiu.js","assets/core-Bz5WjPxS.js","assets/sanitize-html-CNLkxVtZ.js","assets/empty-BNY-5QlZ.js","assets/en-BrSmbSYv.js","assets/src-DBVOVeEU.css","assets/canvas.eventBus-P-77EomI.js","assets/constants-DuQbSl-q.js","assets/merge-DFZxC2wo.js","assets/expression-runtime-stub-Vl5_1Jpv.js","assets/users.store-xP93bV7X.js","assets/useRootStore-XEREVjMN.js","assets/settings.store-CAFiYCMH.js","assets/dateformat-Cs9X8ykY.js","assets/_baseOrderBy-DP0226Vi.js","assets/useDebounce-DyDXl6eh.js","assets/nodeIcon-Uemsp2k0.js","assets/canvas.utils-BkMRunJV.js","assets/exports-D7g5x3uk.js","assets/banners.store-CAM7bMAe.js","assets/banners-CfXPQxke.css","assets/NodeIcon-T2UcO71E.js","assets/NodeIcon-Cd4SL1LV.css","assets/useCalloutHelpers-BYcLQq8e.js","assets/usePinnedData-DYpKK5t1.js","assets/chatPanel.store-D4PUJTF0.js","assets/assistant.store-C47L2JfA.js","assets/useQuickConnect-BzxUKzfb.js","assets/CommunityNodeUpdateInfo-Z_2kKBJ6.js","assets/semver-B2U7hUEl.js","assets/communityNodes.store-DgTHCt-I.js","assets/CommunityNodeUpdateInfo-Bi69iCuf.css","assets/ContactAdministratorToInstall-Fp2QDIRo.js","assets/useCanvasOperations-BAcfYmDn.js","assets/core-C9AM0zn8.js","assets/core-DB683MN3.js","assets/xml-DSkeYOFp.js","assets/VueMarkdown-DVUSZtee.js","assets/executions.store-BkB9JOf7.js","assets/setupPanel.store-CRvWdTDn.js","assets/templateTransforms-otxtD9tz.js","assets/nodeTransforms-lrtn9NPZ.js","assets/useCanvasOperations-CCjgcrri.css","assets/ContactAdministratorToInstall-CHK0v6tR.css","assets/useActions-bRhEQOx6.js","assets/shield-alt-B_WXSj_m.js","assets/NodeCreator-DpvnBqWk.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.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]=`d5a17753-58fb-4978-a155-54c8c26e7c35`,e._sentryDebugIdIdentifier=`sentry-dbid-d5a17753-58fb-4978-a155-54c8c26e7c35`)})()}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-C3C09Zii.js";import{at as v}from"./core-Bz5WjPxS.js";import{Di as ee,F as y,Mi as b,Zi as x,_i as S}from"./src-XqE2yCpG.js";import{d as C}from"./get-BjzKP_3k.js";import{t as w}from"./_plugin-vue_export-helper-CIL7EULb.js";import{Ht as T,Ot as E,fr as D,in as O,r as k}from"./users.store-xP93bV7X.js";import{ar as te,mt as A}from"./constants-DuQbSl-q.js";import{t as j}from"./assistant.store-C47L2JfA.js";import{t as M}from"./chatPanel.store-D4PUJTF0.js";import{t as N}from"./setupPanel.store-CRvWdTDn.js";import{t as P}from"./KeyboardShortcutTooltip-D-xXdXqr.js";import{n as F}from"./useNodeCreatorShortcutCoachmark-Baqi9_Zi.js";import{t as I}from"./useActions-bRhEQOx6.js";var L={class:`node-creator-shortcut-coachmark__header`},R={class:`node-creator-shortcut-coachmark__title`},z={class:`node-creator-shortcut-coachmark__body`},B={class:`node-creator-shortcut-coachmark__footer`},V=a({__name:`NodeCreatorShortcutCoachmark`,props:{visible:{type:Boolean}},emits:[`dismiss`],setup(t,{emit:r}){let i=r,a=v();return(r,o)=>(e(),g(u(y),{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`,L,[n(`span`,R,s(u(a).baseText(`nodeCreator.shortcutCoachmark.title`)),1)]),n(`p`,z,s(u(a).baseText(`nodeCreator.shortcutCoachmark.body`)),1),n(`div`,B,[m(u(x),{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`]))}}),H=w(a({__name:`NodeCreation`,props:{nodeViewScale:{},createNodeActive:{type:Boolean,default:!1},focusPanelActive:{type:Boolean}},emits:[`addNodes`,`toggleNodeCreator`,`close`],setup(a,{emit:p}){let y=i(async()=>await C(()=>import(`./NodeCreator-BNpN8bKF.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,49,50,51,52,53]))),w=a,L=p,R=k(),z=T(),B=N(),H=v(),U=D(),W=j(),G=E(),K=M(),{getAddedNodesAndConnections:q}=I(),{shouldShowCoachmark:J,onDismissCoachmark:Y}=F(),X=o(()=>B.isFeatureEnabled?H.baseText(`nodeView.openSidePanel`):H.baseText(`nodeView.openFocusPanel`));function Z(){L(`toggleNodeCreator`,{source:A.ADD_NODE_BUTTON,createNodeActive:!0})}function Q(){document.activeElement&&document.activeElement.blur();let e=[...R.nodeViewOffsetPosition],t=O(w.nodeViewScale,e);t[0]-=240/2,t[1]-=160/2,L(`addNodes`,q([{type:te,position:t}]))}function $(e=!1){w.createNodeActive&&L(`toggleNodeCreator`,{createNodeActive:!1,hasAddedNodes:e}),L(`close`)}function ne(e){L(`addNodes`,q(e)),$(!0)}function re(){z.toggleFocusPanel(),U.track(z.focusPanelActive?`User opened focus panel`:`User closed focus panel`,{source:`canvasButton`,parameters:z.focusedNodeParametersInTelemetryFormat})}async function ie(){G.isAIBuilderEnabled?await K.toggle({mode:`builder`}):await K.toggle({mode:`assistant`}),K.isOpen&&W.trackUserOpenedAssistant({source:`canvas`,task:`placeholder`,has_existing_session:!W.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(V,{visible:u(J),onDismiss:u(Y)},{default:_(()=>[m(P,{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:Z},null,8,[`aria-label`])]),_:1},8,[`label`])]),_:1},8,[`visible`,`onDismiss`]),m(P,{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(P,{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:Q},null,8,[`aria-label`])]),_:1},8,[`label`]),m(P,{label:X.value,shortcut:{keys:[`f`],shiftKey:!0},placement:`left`},{default:_(()=>[m(u(b),{variant:`subtle`,size:`large`,icon:`panel-right`,"aria-label":X.value,active:a.focusPanelActive,"data-test-id":`toggle-focus-panel-button`,onClick:re},null,8,[`aria-label`,`active`])]),_:1},8,[`label`]),u(K).canShowAiButtonOnCanvas?(e(),g(u(ee),{key:0,placement:`left`},{content:_(()=>[t(s(u(H).baseText(`aiAssistant.tooltip`)),1)]),default:_(()=>[m(u(x),{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(S),{size:`large`})])]),_:1},8,[`aria-label`,`class`])]),_:1})):c(``,!0)],2)),(e(),g(h,null,{default:_(()=>[m(u(y),{active:a.createNodeActive,onNodeTypeSelected:ne,onCloseNodeCreator:$},null,8,[`active`])]),_:1}))],64))}}),[[`__cssModules`,{$style:{nodeButtonsWrapper:`_nodeButtonsWrapper_mt5fk_125`,icon:`_icon_mt5fk_136`}}]]);export{H as default}; //# sourceMappingURL=NodeCreation-BwR7_DtW.js.map