UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

2 lines 8.11 kB
!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","./_MapCache-legacy-DwgdC8YO.js","./src-legacy-Dwzr7bD0.js","./_plugin-vue_export-helper-legacy-DEZAmQqp.js","./sanitize-html-legacy-ChR3ikxn.js","./users.store-legacy-OKuN0qAC.js","./constants-legacy-DNCca_FT.js","./merge-legacy-uu1aGqHK.js","./_baseOrderBy-legacy-PsQY_Pvh.js","./dateformat-legacy-BxdD_OP7.js","./useDebounce-legacy-CT3oYGrC.js","./assistant.store-legacy-kpq6KUPM.js","./chatPanel.store-legacy-BXT37O-E.js","./nodeIcon-legacy-CU0X8703.js","./canvas.utils-legacy-BYFKir1g.js","./canvas.eventBus-legacy-DA8zEJ09.js","./setupPanel.store-legacy-D5xiJOzj.js","./useCalloutHelpers-legacy-vHYCBchw.js","./KeyboardShortcutTooltip-legacy-B39T1G4_.js","./useNodeCreatorShortcutCoachmark-legacy-CYIB-Ysu.js","./useActions-legacy-BnKsuRcU.js"],(function(e,t){var a,o,n,s,c,l,i,r,d,u,f,b,g,p,h,m,y,_,v,k,w,C,x,N,T,j,A,E,S,B,P,z,V,D,I,O,K,W,$,U,F,H,M,R,J,L,Q;return{setters:[function(e){a=e.$,o=e.A,n=e.C,s=e.E,c=e.M,l=e.N,i=e.S,r=e.Sn,d=e.T,u=e.W,f=e.Wt,b=e._,g=e._n,p=e.it,h=e.j,m=e.v,y=e.w,_=e.yt},function(e){v=e.bt},function(e){k=e.Ei,w=e.Ii,C=e.Mi,x=e.Qi,N=e.W,T=e.na},function(e){j=e.t},function(e){},function(e){A=e.Bn,E=e.Sn,S=e.cn,B=e.en,P=e.r},function(e){z=e.Tt,e.U,e.W,V=e.gr},function(e){},function(e){},function(e){},function(e){},function(e){D=e.t},function(e){I=e.t},function(e){},function(e){},function(e){},function(e){O=e.t},function(e){},function(e){K=e.t},function(e){W=e.n},function(e){$=e.t}],execute:function(){(U=document.createElement("style")).textContent=".node-creator-shortcut-coachmark{width:250px;padding:var(--spacing--xs);background:var(--color--background--shade-2);color:var(--color--foreground--tint-2)}.node-creator-shortcut-coachmark svg{fill:var(--color--background--shade-2);stroke:var(--color--background--shade-2)}.node-creator-shortcut-coachmark__header{padding-bottom:var(--spacing--4xs);justify-content:space-between;align-items:center;display:flex}.node-creator-shortcut-coachmark__title{font-size:var(--font-size--sm);font-weight:var(--font-weight--bold);line-height:1.45}.node-creator-shortcut-coachmark__body{font-size:var(--font-size--sm);line-height:var(--line-height--xl);margin:0}.node-creator-shortcut-coachmark__footer{padding-top:var(--spacing--2xs)}.node-creator-shortcut-coachmark__button{background-color:var(--color--primary)}.node-creator-shortcut-coachmark__button:hover{background-color:var(--color--primary--shade-1)}._nodeButtonsWrapper_mt5fk_125{gap:var(--spacing--2xs);padding:var(--spacing--sm);flex-direction:column;display:flex;position:absolute;top:0;right:0;pointer-events:all!important}._icon_mt5fk_136{justify-content:center;align-items:center;display:inline-flex}._icon_mt5fk_136 svg{display:block}\n/*$vite$:1*/",document.head.appendChild(U);try{X="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(Y=(new X.Error).stack)&&(X._sentryDebugIds=X._sentryDebugIds||{},X._sentryDebugIds[Y]="32e903d4-9e3b-45dc-a53b-4449c6ffd94b",X._sentryDebugIdIdentifier="sentry-dbid-32e903d4-9e3b-45dc-a53b-4449c6ffd94b")}catch(X){}var X,Y;F={class:"node-creator-shortcut-coachmark__header"},H={class:"node-creator-shortcut-coachmark__title"},M={class:"node-creator-shortcut-coachmark__body"},R={class:"node-creator-shortcut-coachmark__footer"},J=l({__name:"NodeCreatorShortcutCoachmark",props:{visible:{type:Boolean}},emits:["dismiss"],setup(e,{emit:t}){const o=t,s=v();return(t,c)=>(a(),y(f(N),{open:e.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(t.$slots,"default")])),content:_((()=>[n("div",F,[n("span",H,r(f(s).baseText("nodeCreator.shortcutCoachmark.title")),1)]),n("p",M,r(f(s).baseText("nodeCreator.shortcutCoachmark.body")),1),n("div",R,[h(f(x),{size:"small",label:f(s).baseText("nodeCreator.shortcutCoachmark.gotIt"),class:"node-creator-shortcut-coachmark__button",onClick:c[0]||(c[0]=e=>o("dismiss"))},null,8,["label"])])])),_:3},8,["open"]))}}),L=J,Q=l({__name:"NodeCreation",props:{nodeViewScale:{},createNodeActive:{type:Boolean,default:!1},focusPanelActive:{type:Boolean}},emits:["addNodes","toggleNodeCreator","close"],setup(e,{emit:l}){const p=c((async()=>await T((()=>t.import("./NodeCreator-legacy-uD0mXjjT.js")),void 0))),N=e,j=l,U=P(),F=E(),H=O(),M=v(),R=B(),J=D(),Q=S(),X=I(),{getAddedNodesAndConnections:Y}=$(),{shouldShowCoachmark:q,onDismissCoachmark:G}=W(),Z=i((()=>H.isFeatureEnabled?M.baseText("nodeView.openSidePanel"):M.baseText("nodeView.openFocusPanel")));function ee(){j("toggleNodeCreator",{source:z.ADD_NODE_BUTTON,createNodeActive:!0})}function te(){document.activeElement&&document.activeElement.blur();const e=[...U.nodeViewOffsetPosition],t=A(N.nodeViewScale,e);t[0]-=120,t[1]-=80,j("addNodes",Y([{type:V,position:t}]))}function ae(e=!1){N.createNodeActive&&j("toggleNodeCreator",{createNodeActive:!1,hasAddedNodes:e}),j("close")}function oe(e){j("addNodes",Y(e)),ae(!0)}function ne(){F.toggleFocusPanel(),R.track(F.focusPanelActive?"User opened focus panel":"User closed focus panel",{source:"canvasButton",parameters:F.focusedNodeParametersInTelemetryFormat})}async function se(){Q.isAIBuilderEnabled?await X.toggle({mode:"builder"}):await X.toggle({mode:"assistant"}),X.isOpen&&J.trackUserOpenedAssistant({source:"canvas",task:"placeholder",has_existing_session:!J.isSessionEnded})}function ce(e){e.stopPropagation(),u((()=>{const e=new KeyboardEvent("keydown",{key:"k",code:"KeyK",metaKey:!0,bubbles:!0,cancelable:!0});document.dispatchEvent(e)}))}return(t,c)=>(a(),s(b,null,[e.createNodeActive?d("",!0):(a(),s("div",{key:0,class:g(t.$style.nodeButtonsWrapper)},[h(L,{visible:f(q),onDismiss:f(G)},{default:_((()=>[h(K,{label:f(M).baseText("nodeView.openNodesPanel"),shortcut:{keys:["N"]},placement:"left"},{default:_((()=>[h(f(w),{variant:"subtle",size:"large",icon:"plus","aria-label":f(M).baseText("nodeView.openNodesPanel"),"data-test-id":"node-creator-plus-button",onClick:ee},null,8,["aria-label"])])),_:1},8,["label"])])),_:1},8,["visible","onDismiss"]),h(K,{label:f(M).baseText("nodeView.openCommandBar"),shortcut:{keys:["k"],metaKey:!0},placement:"left"},{default:_((()=>[h(f(w),{variant:"subtle",size:"large",icon:"search","aria-label":f(M).baseText("nodeView.openCommandBar"),"data-test-id":"command-bar-button",onClick:ce},null,8,["aria-label"])])),_:1},8,["label"]),h(K,{label:f(M).baseText("nodeView.addStickyHint"),shortcut:{keys:["s"],shiftKey:!0},placement:"left"},{default:_((()=>[h(f(w),{variant:"subtle",size:"large",icon:"sticky-note","aria-label":f(M).baseText("nodeView.addStickyHint"),"data-test-id":"add-sticky-button",onClick:te},null,8,["aria-label"])])),_:1},8,["label"]),h(K,{label:Z.value,shortcut:{keys:["f"],shiftKey:!0},placement:"left"},{default:_((()=>[h(f(w),{variant:"subtle",size:"large",icon:"panel-right","aria-label":Z.value,active:e.focusPanelActive,"data-test-id":"toggle-focus-panel-button",onClick:ne},null,8,["aria-label","active"])])),_:1},8,["label"]),f(X).canShowAiButtonOnCanvas?(a(),y(f(C),{key:0,placement:"left"},{content:_((()=>[o(r(f(M).baseText("aiAssistant.tooltip")),1)])),default:_((()=>[h(f(x),{variant:"subtle",iconOnly:"",size:"large","aria-label":f(M).baseText("aiAssistant.tooltip"),class:g(t.$style.icon),"data-test-id":"ask-assistant-canvas-action-button",onClick:se},{default:_((()=>[n("div",null,[h(f(k),{size:"large"})])])),_:1},8,["aria-label","class"])])),_:1})):d("",!0)],2)),(a(),y(m,null,{default:_((()=>[h(f(p),{active:e.createNodeActive,onNodeTypeSelected:oe,onCloseNodeCreator:ae},null,8,["active"])])),_:1}))],64))}}),e("default",j(Q,[["__cssModules",{$style:{nodeButtonsWrapper:"_nodeButtonsWrapper_mt5fk_125",icon:"_icon_mt5fk_136"}}]]))}}})); //# sourceMappingURL=NodeCreation-legacy-C90AzdOJ.js.map