n8n-editor-ui/dist/assets/AppSidebar-C0AtBqTc.js

Workflow Editor UI for n8n

(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]=`211323c4-2c46-4428-845c-ae452835b928`,e._sentryDebugIdIdentifier=`sentry-dbid-211323c4-2c46-4428-845c-ae452835b928`)})()}catch{}import{$ as e,A as t,C as n,E as r,Ft as i,K as a,N as o,S as s,Sn as c,T as l,W as u,Wt as d,X as f,Z as p,_ as m,_n as h,gt as g,j as _,q as v,rt as y,w as b,y as x,yn as S,yt as C}from"./vue.runtime.esm-bundler-D9KLAxvJ.js";import{bt as w}from"./_MapCache-CUJwh2qp.js";import{$i as T,Mi as E,Qi as D,X as O,Zi as k,_t as A,gt as j,m as M,z as N}from"./src-wni2AGA3.js";import{t as P}from"./_plugin-vue_export-helper-Dm3nT7Ps.js";import{Ar as F,As as I,Dn as L,Ft as R,Hr as z,en as B,gr as V,hr as ee,r as H,s as te,t as U}from"./users.store-BHWXXawf.js";import{n as ne,r as W,t as re}from"./MainSidebarHeader-BHA0TF0B.js";import{Hs as ie,Sc as ae,cl as G,hs as oe,is as K,ms as q,ol as se}from"./constants-CIP7tKq1.js";import{r as ce}from"./_baseOrderBy-CaKruttV.js";import{t as le}from"./versions.store-CNV-esbv.js";import{t as ue}from"./usePageRedirectionHelper-Dxb_B6-R.js";import{n as J,t as de}from"./useBugReporting-CbZrOWLY.js";import{l as Y}from"./constants-B7scOakb.js";import{t as X}from"./sourceControl.eventBus-BBs1sz7q.js";import{t as fe}from"./useKeybindings-C1FXJp2f.js";import{t as Z}from"./useGlobalEntityCreation-Bu-B9YLA.js";import{t as pe}from"./useSettingsItems-otijpHKn.js";import{t as me}from"./resourceCenter.store-CLLPe8N4.js";var he=P(o({__name:`MainSidebarSourceControl`,props:{isCollapsed:{type:Boolean}},setup(a){let o=F(),u=R(),f=w(),p=j(),m=A(),g=i(300),v=s(()=>o.preferences.branchName),y=s(()=>V([`rbac`],{rbac:{scope:`sourceControl:push`}})||u.myProjects.some(e=>e.type===`team`&&K(e?.scopes)?.sourceControl?.push)),x=s(()=>V([`rbac`],{rbac:{scope:`sourceControl:pull`}})),O=s(()=>o.isEnterpriseSourceControlEnabled&&(x.value||y.value));function M(e){let t=e.replace(`#`,``),n=parseInt(t.slice(0,2),16)/255,r=parseInt(t.slice(2,4),16)/255,i=parseInt(t.slice(4,6),16)/255,a=e=>e<=.03928?e/12.92:((e+.055)/1.055)**2.4;return .2126*a(n)+.7152*a(r)+.0722*a(i)>.5?`#000000`:`#ffffff`}let N=s(()=>M(o.preferences.branchColor));async function P(){m.push({query:{...p.query,sourceControl:`push`}})}function I(){m.push({query:{...p.query,sourceControl:`pull`}})}return(i,s)=>O.value?(e(),r(`div`,{key:0,class:h({[i.$style.sync]:!0,[i.$style.collapsed]:a.isCollapsed,[i.$style.isConnected]:d(o).isEnterpriseSourceControlEnabled}),"data-test-id":`main-sidebar-source-control`},[d(o).preferences.connected&&d(o).preferences.branchName?(e(),r(`div`,{key:0,class:h(i.$style.connected),"data-test-id":`main-sidebar-source-control-connected`},[a.isCollapsed?(e(),b(d(E),{key:0,"show-after":g.value,placement:`right`,"avoid-collisions":!1},{content:C(()=>[n(`div`,null,c(v.value),1)]),default:C(()=>[n(`div`,{class:h(i.$style.icon),style:S({color:N.value,background:d(o).preferences.branchColor})},[_(d(T),{icon:`git-branch`,size:`small`})],6)]),_:1},8,[`show-after`])):(e(),r(`div`,{key:1,class:h(i.$style.icon),style:S({color:N.value,background:d(o).preferences.branchColor})},[_(d(T),{icon:`git-branch`,size:`small`}),_(d(k),{bold:``,size:`small`,class:h(i.$style.branchName)},{default:C(()=>[t(c(v.value),1)]),_:1},8,[`class`])],6)),n(`div`,{class:h(i.$style.buttonContainer)},[_(d(E),{disabled:!a.isCollapsed&&x.value,"show-after":g.value,placement:a.isCollapsed?`right`:`top`},{content:C(()=>[n(`div`,null,c(x.value?d(f).baseText(`settings.sourceControl.button.pull`):d(f).baseText(`settings.sourceControl.button.pull.forbidden`)),1)]),default:C(()=>[_(d(D),{variant:`ghost`,size:`xsmall`,"data-test-id":`main-sidebar-source-control-pull`,icon:`arrow-down`,disabled:!x.value,label:a.isCollapsed?``:d(f).baseText(`settings.sourceControl.button.pull`),onClick:I},null,8,[`disabled`,`label`])]),_:1},8,[`disabled`,`show-after`,`placement`]),_(d(E),{disabled:!a.isCollapsed&&!d(o).preferences.branchReadOnly&&y.value,"show-after":g.value,placement:a.isCollapsed?`right`:`top`},{content:C(()=>[n(`div`,null,c(d(o).preferences.branchReadOnly||!y.value?d(f).baseText(`settings.sourceControl.button.push.forbidden`):d(f).baseText(`settings.sourceControl.button.push`)),1)]),default:C(()=>[_(d(D),{variant:`ghost`,size:`xsmall`,"data-test-id":`main-sidebar-source-control-push`,icon:`arrow-up`,label:a.isCollapsed?``:d(f).baseText(`settings.sourceControl.button.push`),disabled:d(o).preferences.branchReadOnly||!y.value,onClick:P},null,8,[`label`,`disabled`])]),_:1},8,[`disabled`,`show-after`,`placement`])],2)],2)):l(``,!0)],2)):l(``,!0)}}),[[`__cssModules`,{$style:{sync:`_sync_pfkpq_125`,collapsed:`_collapsed_pfkpq_132`,icon:`_icon_pfkpq_136`,buttonContainer:`_buttonContainer_pfkpq_146`,connected:`_connected_pfkpq_152`,branchName:`_branchName_pfkpq_160`}}]]),ge=P(o({__name:`ProjectNavigation`,props:{collapsed:{type:Boolean},planName:{}},setup(i){let o=i,u=w(),f=Z(),p=R(),g=I(),x=U(),S=s(()=>f.displayProjects.value),T=s(()=>g.isFoldersFeatureEnabled),E=s(()=>g.isChatFeatureEnabled&&V([`rbac`],{rbac:{scope:`chatHub:message`}})),D=s(()=>x.allUsers.filter(e=>!e.isPendingUser).length>1),A=s(()=>({id:`home`,label:u.baseText(`projects.menu.overview`),icon:`house`,route:{to:{name:q.HOMEPAGE}}})),j=s(()=>({id:`shared`,label:u.baseText(`projects.menu.shared`),icon:`share`,route:{to:{name:q.SHARED_WITH_ME}}})),M=e=>({id:e.id,label:e.name??``,icon:e.icon,route:{to:{name:q.PROJECTS_WORKFLOWS,params:{projectId:e.id}}}}),N=s(()=>({id:p.personalProject?.id??``,label:u.baseText(`projects.menu.personal`),icon:`user`,route:{to:{name:q.PROJECTS_WORKFLOWS,params:{projectId:p.personalProject?.id}}}})),P=s(()=>(Array.isArray(p.projectNavActiveId)?p.projectNavActiveId[0]:p.projectNavActiveId)??void 0),F=s(()=>({id:`chat`,icon:`message-circle`,label:u.baseText(`projects.menu.chat`),position:`bottom`,route:{to:{name:Y}},beta:!0}));async function L(){await p.getMyProjects()}return a(async()=>{await x.fetchUsers({filter:{isPending:!1},take:2}),X.on(`pull`,L)}),v(()=>{X.off(`pull`,L)}),(i,a)=>(e(),r(`div`,{class:h(i.$style.projects)},[n(`div`,{class:h([i.$style.home,o.collapsed?i.$style.collapsed:``])},[_(d(O),{item:A.value,compact:o.collapsed,active:P.value===`home`,"data-test-id":`project-home-menu-item`},null,8,[`item`,`compact`,`active`]),d(p).isTeamProjectFeatureEnabled||T.value?(e(),b(d(O),{key:0,item:N.value,compact:o.collapsed,active:P.value===N.value.id,"data-test-id":`project-personal-menu-item`},null,8,[`item`,`compact`,`active`])):l(``,!0),(d(p).isTeamProjectFeatureEnabled||T.value)&&D.value?(e(),b(d(O),{key:1,item:j.value,compact:o.collapsed,active:P.value===`shared`,"data-test-id":`project-shared-menu-item`},null,8,[`item`,`compact`,`active`])):l(``,!0),E.value?(e(),b(d(O),{key:2,item:F.value,compact:o.collapsed,active:P.value===`chat`,"data-test-id":`project-chat-menu-item`},null,8,[`item`,`compact`,`active`])):l(``,!0)],2),!o.collapsed&&d(p).isTeamProjectFeatureEnabled&&S.value.length>0?(e(),b(d(k),{key:0,class:h([i.$style.projectsLabel]),size:`small`,bold:``,role:`heading`,color:`text-light`},{default:C(()=>[t(c(d(u).baseText(`projects.menu.title`)),1)]),_:1},8,[`class`])):l(``,!0),d(p).isTeamProjectFeatureEnabled||T.value?(e(),r(`div`,{key:1,class:h(i.$style.projectItems)},[(e(!0),r(m,null,y(S.value,t=>(e(),b(d(O),{key:t.id,class:h({[i.$style.collapsed]:o.collapsed}),item:M(t),compact:o.collapsed,active:P.value===t.id,"data-test-id":`project-menu-item`},null,8,[`class`,`item`,`compact`,`active`]))),128))],2)):l(``,!0)],2))}}),[[`__cssModules`,{$style:{projects:`_projects_65xj9_125`,plusBtn:`_plusBtn_65xj9_130`,projectItems:`_projectItems_65xj9_134`,upgradeLink:`_upgradeLink_65xj9_138`,projectsLabel:`_projectsLabel_65xj9_143`,collapsed:`_collapsed_65xj9_152`,addFirstProjectBtn:`_addFirstProjectBtn_65xj9_165`,home:`_home_65xj9_174`}}]]),_e=P(o({__name:`ResourceCenterTooltip`,setup(t){let a=me(),{isCollapsed:o}=W(),{markResourceCenterTooltipDismissed:m,trackResourceCenterTooltipView:v,trackResourceCenterTooltipDismiss:y}=a,D=w(),O=i(),k=i(!1),A=i({top:0,left:0}),j=i(0),M=s(()=>a.shouldShowResourceCenterTooltip),N=s(()=>D.baseText(`experiments.resourceCenter.tooltip.text`)),P=()=>{let e=document.querySelector(`[data-test-id="menu-item"][id="resource-center"]`);if(!e)return;let t=e.getBoundingClientRect();A.value={top:t.top+t.height/2-5,left:t.right},j.value++},F=async()=>{k.value=!0,v(),await u(),P()},I=()=>{k.value=!1},L=()=>{y(),m(),I()},R=()=>{k.value&&P()},z=()=>{k.value&&setTimeout(()=>{P()},500)};g(M,async e=>{e?await F():I()},{immediate:!0}),g(o,async()=>{k.value&&(await u(),setTimeout(()=>{P()},300))});let B=null;return f(()=>{window.addEventListener(`resize`,R),window.addEventListener(`scroll`,R);let e=document.getElementById(`content`);e&&(B=new ResizeObserver(z),B.observe(e))}),p(()=>{window.removeEventListener(`resize`,R),window.removeEventListener(`scroll`,R),B&&=(B.disconnect(),null)}),(t,i)=>(e(),b(x,{to:`body`},[k.value&&M.value?(e(),r(`div`,{ref_key:`tooltipRef`,ref:O,key:j.value,class:h(t.$style.triggerContainer),style:S({position:`fixed`,top:A.value.top+`px`,left:A.value.left+`px`})},[_(d(E),{visible:!0,placement:`right`,"show-arrow":!0,"popper-style":{maxWidth:`260px`,minWidth:`240px`}},{content:C(()=>[n(`div`,{class:h(t.$style.tooltipContent)},[n(`span`,{class:h(t.$style.text)},c(N.value),3),n(`button`,{class:h(t.$style.dismissButton),type:`button`,"aria-label":`Dismiss tooltip`,onClick:L},[_(d(T),{icon:`x`,size:`small`})],2)],2)]),default:C(()=>[n(`div`,{class:h(t.$style.tooltipTrigger)},null,2)]),_:1})],6)):l(``,!0)]))}}),[[`__cssModules`,{$style:{triggerContainer:`_triggerContainer_vqbgd_125`,tooltipTrigger:`_tooltipTrigger_vqbgd_130`,tooltipContent:`_tooltipContent_vqbgd_136`,text:`_text_vqbgd_142`,dismissButton:`_dismissButton_vqbgd_148`}}]]);function ve(){let e=z(),t=H();return{applyExperiment:()=>{if(t.sidebarMenuCollapsed===null){let n=e.getVariant(G.name)===G.variant;t.sidebarMenuCollapsed=!n,n&&localStorage.setItem(ae,`200`)}}}}var ye=P(o({__name:`MainSidebar`,setup(t){let r=ee(),a=ce(),o=I(),c=L(),l=H(),p=le(),m=te(),y=me(),x=w(),T=A(),E=B(),D=ue(),{getReportingURL:O}=de(),{applyExperiment:k}=ve();k();let{isCollapsed:j,sidebarWidth:P,onResizeStart:F,onResize:R,onResizeEnd:z,toggleCollapse:U}=W(),{settingsItems:ae}=pe(),G=i(``),K=i(),Y=i(!1),X=i(!1),Z=null,ye=s(()=>p.hasVersionUpdates||p.whatsNewArticles.some(e=>!p.isWhatsNewArticleRead(e.id))),Q=s(()=>y.isFeatureEnabled()),be=s(()=>y.getCurrentVariant()===se.variantInspiration?x.baseText(`experiments.resourceCenter.sidebar.inspiration`):x.baseText(`experiments.resourceCenter.sidebar`)),xe=s(()=>[{id:`cloud-admin`,position:`bottom`,label:`Admin Panel`,icon:`cloud`,available:o.isCloudDeployment&&V([`instanceOwner`])},{id:`resource-center`,icon:`lightbulb`,label:be.value,position:`bottom`,available:Q.value,route:{to:{name:q.RESOURCE_CENTER}}},{id:`templates`,icon:`package-open`,label:x.baseText(`generic.templates`),position:`bottom`,available:o.isTemplatesEnabled&&c.hasCustomTemplatesHost&&!Q.value,route:{to:{name:q.TEMPLATES}}},{id:`templates`,icon:`package-open`,label:x.baseText(`generic.templates`),position:`bottom`,available:o.isTemplatesEnabled&&!c.hasCustomTemplatesHost&&!Q.value,link:{href:c.websiteTemplateRepositoryURL,target:`_blank`}},{id:`insights`,icon:`chart-column-decreasing`,label:`Insights`,position:`bottom`,route:{to:{name:q.INSIGHTS}},available:o.isModuleActive(`insights`)&&V([`rbac`],{rbac:{scope:`insights:list`}})},{id:`help`,icon:`circle-help`,label:x.baseText(`mainSidebar.help`),notification:ye.value,position:`bottom`,children:[{id:`quickstart`,icon:`video`,label:x.baseText(`mainSidebar.helpMenuItems.quickstart`),link:{href:J.QUICKSTART_VIDEO,target:`_blank`}},{id:`docs`,icon:`book`,label:x.baseText(`mainSidebar.helpMenuItems.documentation`),link:{href:J.DOCUMENTATION,target:`_blank`}},{id:`forum`,icon:`users`,label:x.baseText(`mainSidebar.helpMenuItems.forum`),link:{href:J.FORUM,target:`_blank`}},{id:`examples`,icon:`graduation-cap`,label:x.baseText(`mainSidebar.helpMenuItems.course`),link:{href:J.COURSES,target:`_blank`}},{id:`report-bug`,icon:`bug`,label:x.baseText(`mainSidebar.helpMenuItems.reportBug`),link:{href:O(),target:`_blank`}},{id:`about`,icon:`info`,label:x.baseText(`mainSidebar.aboutN8n`),position:`bottom`}]},{id:`settings`,label:x.baseText(`mainSidebar.settings`),icon:`settings`,available:!0,children:ae.value}]),Se=s(()=>xe.value.filter(e=>e.available!==!1)),$=()=>{let e=K.value?.getScrollPosition();if(e&&K.value?.$el){let t=K.value.$el,n=e.height>t.clientHeight;Y.value=n,X.value=n&&e.top>0}};g(j,()=>{u(()=>{$()})}),f(()=>{G.value=a.baseUrl,u(()=>{if($(),K.value?.$el){let e=K.value.$el;Z=new ResizeObserver(()=>{$()}),Z.observe(e),$()}}),window.addEventListener(`resize`,$)}),v(()=>{Z&&=(Z.disconnect(),null),window.removeEventListener(`resize`,$)});let Ce=e=>{E.track(`User clicked help resource`,{type:e,workflow_id:m.workflowId})};function we(e){e.stopPropagation(),u(()=>{let e=new KeyboardEvent(`keydown`,{key:`k`,code:`KeyK`,metaKey:!0,bubbles:!0,cancelable:!0});document.dispatchEvent(e)})}let Te=e=>{switch(e){case`resource-center`:y.markResourceCenterTooltipDismissed();break;case`about`:Ce(`about`),l.openModal(oe);break;case`cloud-admin`:D.goToDashboard();break;case`quickstart`:case`docs`:case`forum`:case`examples`:Ce(e);break;case`insights`:E.track(`User clicked insights link from side menu`);break;default:if(e.startsWith(`whats-new-article-`)){let t=Number(e.replace(`whats-new-article-`,``));E.track(`User clicked on what's new section`,{article_id:t}),l.openModalWithData({name:ie,data:{articleId:t}})}break}},Ee=()=>{T.push({name:q.SIGNOUT})};return fe({ctrl_alt_o:()=>Te(`about`),bracketleft:()=>U()}),(t,i)=>(e(),b(d(N),{id:`side-menu`,class:h({[t.$style.sideMenu]:!0,[t.$style.sideMenuCollapsed]:d(j)}),width:d(P),style:S({width:`${d(P)}px`}),"supported-directions":[`right`],"min-width":200,"max-width":500,"grid-size":8,onResizestart:d(F),onResize:d(R),onResizeend:d(z)},{default:C(()=>[_(re,{"is-collapsed":d(j),onCollapse:d(U),onOpenCommandBar:we},null,8,[`is-collapsed`,`onCollapse`]),n(`div`,{class:h({[t.$style.scrollAreaWrapper]:!0,[t.$style.scrollAreaWrapperWithBottomBorder]:Y.value&&!d(j),[t.$style.scrollAreaWrapperWithTopBorder]:X.value&&!d(j)})},[_(d(M),{ref_key:`scrollAreaRef`,ref:K,onScrollCapture:$},{default:C(()=>[_(ge,{collapsed:d(j),"plan-name":d(r).currentPlanData?.displayName},null,8,[`collapsed`,`plan-name`])]),_:1},512)],2),_(ne,{items:Se.value,"is-collapsed":d(j),onLogout:Ee,onSelect:Te},null,8,[`items`,`is-collapsed`]),_(he,{"is-collapsed":d(j)},null,8,[`is-collapsed`]),_(_e)]),_:1},8,[`class`,`width`,`style`,`onResizestart`,`onResize`,`onResizeend`]))}}),[[`__cssModules`,{$style:{sideMenu:`_sideMenu_oveah_125`,sideMenuCollapsed:`_sideMenuCollapsed_oveah_133`,scrollAreaWrapper:`_scrollAreaWrapper_oveah_138`,scrollAreaWrapperWithBottomBorder:`_scrollAreaWrapperWithBottomBorder_oveah_147`,scrollAreaWrapperWithTopBorder:`_scrollAreaWrapperWithTopBorder_oveah_151`}}]]),Q=o({__name:`AppSidebar`,setup(t){return(t,n)=>(e(),b(ye))}});export{Q as t};
//# sourceMappingURL=AppSidebar-C0AtBqTc.js.map