n8n-editor-ui/dist/assets/MainSidebarHeader-DOaN30Rh.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.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]=`fdf798d1-53cc-4355-b6c8-34819f88aab5`,e._sentryDebugIdIdentifier=`sentry-dbid-fdf798d1-53cc-4355-b6c8-34819f88aab5`)})()}catch{}import{$ as e,A as t,C as n,E as r,Ft as i,N as a,S as o,Sn as s,T as c,U as l,Wt as u,_ as d,_n as f,j as p,rt as m,st as h,w as g,yt as _}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{at as v,n as y,ot as b,v as x}from"./core-Bz5WjPxS.js";import{Di as S,F as C,H as w,K as T,Mi as E,Qi as D,V as O,Xi as k,Zi as A,nt as j,tt as M}from"./src-XqE2yCpG.js";import{t as N}from"./_plugin-vue_export-helper-CIL7EULb.js";import{fr as P,oi as F,r as I,t as L}from"./users.store-xP93bV7X.js";import{Qo as R,sc as z,y as B}from"./constants-DuQbSl-q.js";import{t as V}from"./settings.store-CAFiYCMH.js";import{t as H}from"./versions.store-DMbhywWy.js";import{t as U}from"./usePageRedirectionHelper-CC6sh9o0.js";import{t as W}from"./KeyboardShortcutTooltip-D-xXdXqr.js";import{t as G}from"./useGlobalEntityCreation-6IZ6h3lQ.js";var K=e=>`component`in e;function q(){let e=I(),t=o(()=>e.sidebarMenuCollapsed??!1),n=x(z,t.value?42:300),r=()=>{e.toggleSidebarMenuCollapse(),t.value?n.value=42:n.value=200},a=i(!1);function s(){a.value=!0}function c(e){if(t.value&&e.x>100){r();return}if(!t.value){if(e.x<100&&!t.value){r();return}n.value=e.width}}function l(){a.value=!1}return{isCollapsed:t,toggleCollapse:r,sidebarWidth:n,isResizing:a,onResizeStart:s,onResize:c,onResizeEnd:l}}var J=a({__name:`VersionUpdateCTA`,props:{disabled:{type:Boolean,default:!1},tooltipText:{default:void 0}},setup(t){let n=t,r=v(),i=H(),a=U(),o=P(),s=async()=>{o.track(`User clicked on update button`,{source:`main-sidebar`}),await a.goToVersions()};return(t,a)=>(e(),g(u(w),{"data-test-id":`version-update-cta-button`,item:{id:`version-update-cta`,icon:{value:`status-warning`,type:`icon`,color:`primary`},disabled:n.disabled,disabledReason:n.tooltipText,label:u(r).baseText(`whatsNew.versionsBehind`,{interpolate:{count:u(i).nextVersions.length>99?`99+`:u(i).nextVersions.length}})},onClick:s},null,8,[`item`]))}}),Y=N(a({__name:`BottomMenu`,props:{items:{},isCollapsed:{type:Boolean}},emits:[`select`,`logout`],setup(i,{emit:a}){let s=a,y=H(),b=L(),x=v(),S=o(()=>({available:y.hasVersionUpdates||y.whatsNewArticles.length>0,children:[...y.whatsNewArticles.map(e=>({id:`whats-new-article-${e.id}`,label:e.title,size:`small`,customIconSize:`small`,icon:{type:`emoji`,value:`•`,color:y.isWhatsNewArticleRead(e.id)?`text-light`:`primary`}})),{id:`full-changelog`,icon:`external-link`,label:x.baseText(`mainSidebar.whatsNew.fullChangelog`),link:{href:B,target:`_blank`},size:`small`,customIconSize:`small`},...y.hasVersionUpdates?[{id:`version-upgrade-cta`,component:J,props:{tooltipText:b.canUserUpdateVersion?void 0:x.baseText(`whatsNew.updateNudgeTooltip`),disabled:!b.canUserUpdateVersion}}]:[]]}));function T(e){s(`select`,e)}function E(){s(`logout`)}return(a,o)=>(e(),r(`div`,{class:f({[a.$style.bottomMenu]:!0,[a.$style.collapsed]:i.isCollapsed})},[n(`div`,{class:f(a.$style.bottomMenuItems)},[(e(!0),r(d,null,m(i.items,s=>(e(),r(d,{key:s.id},[s.children&&s.id===`help`?(e(),g(u(C),{key:`help`,side:`right`,align:`end`,"side-offset":12},{content:_(()=>[n(`div`,{class:f(a.$style.popover)},[(e(!0),r(d,null,m(s.children,t=>(e(),r(d,{key:t.id},[u(K)(t)?(e(),g(h(t.component),l({key:0,ref_for:!0},t.props),null,16)):(e(),g(u(w),{key:1,item:t,onClick:()=>T(t.id)},null,8,[`item`,`onClick`]))],64))),128)),S.value.available?(e(),r(d,{key:0},[p(u(k),{bold:``,size:`small`,class:f(a.$style.popoverTitle),color:`text-light`},{default:_(()=>[...o[0]||=[t(`What's new`,-1)]]),_:1},8,[`class`]),(e(!0),r(d,null,m(S.value.children,t=>(e(),r(d,{key:t.id},[u(K)(t)?(e(),g(h(t.component),l({key:0,ref_for:!0},t.props),null,16)):(e(),g(u(w),{key:1,item:t,onClick:()=>T(t.id)},null,8,[`item`,`onClick`]))],64))),128))],64)):c(``,!0)],2)]),trigger:_(()=>[p(u(w),{"data-test-id":`main-sidebar-${s.id}`,item:s,compact:i.isCollapsed,onClick:()=>T(s.id)},null,8,[`data-test-id`,`item`,`compact`,`onClick`])]),_:2},1024)):s.children&&s.id===`settings`?(e(),g(u(C),{key:`settings`,side:`right`,align:`end`,"side-offset":12},{content:_(()=>[n(`div`,{class:f(a.$style.popover)},[(e(!0),r(d,null,m(s.children,t=>(e(),r(d,{key:t.id},[u(K)(t)?(e(),g(h(t.component),l({key:0,ref_for:!0},t.props),null,16)):(e(),g(u(w),{key:1,item:t,onClick:()=>T(t.id)},null,8,[`item`,`onClick`]))],64))),128)),n(`span`,{class:f(a.$style.divider)},null,2),p(u(w),{"data-test-id":`main-sidebar-log-out`,item:{id:`sign-out`,label:u(x).baseText(`auth.signout`),icon:`door-open`},onClick:E},null,8,[`item`])],2)]),trigger:_(()=>[p(u(w),{"data-test-id":`main-sidebar-${s.id}`,item:s,compact:i.isCollapsed,onClick:()=>T(s.id)},null,8,[`data-test-id`,`item`,`compact`,`onClick`])]),_:2},1024)):(e(),g(u(w),{key:2,"data-test-id":`main-sidebar-${s.id}`,item:s,compact:i.isCollapsed,onClick:()=>T(s.id)},null,8,[`data-test-id`,`item`,`compact`,`onClick`]))],64))),128))],2)],2))}}),[[`__cssModules`,{$style:{bottomMenu:`_bottomMenu_1mulz_125`,collapsed:`_collapsed_1mulz_130`,bottomMenuItems:`_bottomMenuItems_1mulz_134`,popover:`_popover_1mulz_138`,popoverTitle:`_popoverTitle_1mulz_145`,divider:`_divider_1mulz_152`}}]]),X=N(a({__name:`MainSidebarHeader`,props:{isCollapsed:{type:Boolean},hideCreate:{type:Boolean}},emits:[`collapse`,`openCommandBar`],setup(n,{emit:a}){let o=a,l=v(),d=F(),m=V(),h=i();y(h,()=>{h.value?.close()});function x(){o(`collapse`)}function C(e){o(`openCommandBar`,e)}let{menu:w,handleSelect:k,createProjectAppendSlotName:N,createWorkflowsAppendSlotName:P,createCredentialsAppendSlotName:I,projectsLimitReachedMessage:L,upgradeLabel:z,hasPermissionToCreateProjects:B}=G();return(i,a)=>(e(),r(`div`,{class:f({[i.$style.header]:!0,[i.$style.collapsed]:n.isCollapsed})},[n.isCollapsed?c(``,!0):(e(),g(u(j),{key:0,to:{name:u(R).HOMEPAGE},class:f(i.$style.logo)},{default:_(()=>[p(u(T),{size:`small`,collapsed:n.isCollapsed,"release-channel":u(m).settings.releaseChannel},{default:_(()=>[u(d).preferences.branchReadOnly&&!n.isCollapsed?(e(),g(u(S),{key:0,placement:`bottom`},{content:_(()=>[p(u(b),{keypath:`readOnlyEnv.tooltip`,scope:`global`},{link:_(()=>[p(u(M),{to:`https://docs.n8n.io/source-control-environments/setup/#step-4-connect-n8n-and-configure-your-instance`,size:`small`},{default:_(()=>[t(s(u(l).baseText(`readOnlyEnv.tooltip.link`)),1)]),_:1})]),_:1})]),default:_(()=>[p(u(D),{"data-test-id":`read-only-env-icon`,icon:`lock`,class:f(i.$style.readOnlyEnvironmentIcon)},null,8,[`class`])]),_:1})):c(``,!0)]),_:1},8,[`collapsed`,`release-channel`])]),_:1},8,[`to`,`class`])),n.hideCreate?c(``,!0):(e(),g(u(O),{key:1,ref_key:`createBtn`,ref:h,"data-test-id":`universal-add`,menu:u(w),onSelect:u(k)},{[u(P)]:_(()=>[u(d).preferences.branchReadOnly?(e(),g(u(S),{key:0,placement:`right`,content:u(l).baseText(`readOnlyEnv.cantAdd.workflow`)},{default:_(()=>[p(u(D),{class:f(i.$style.iconButton),icon:`lock`,size:`xsmall`},null,8,[`class`])]),_:1},8,[`content`])):c(``,!0)]),[u(I)]:_(()=>[u(d).preferences.branchReadOnly?(e(),g(u(S),{key:0,placement:`right`,content:u(l).baseText(`readOnlyEnv.cantAdd.credential`)},{default:_(()=>[p(u(D),{class:f(i.$style.iconButton),icon:`lock`,size:`xsmall`},null,8,[`class`])]),_:1},8,[`content`])):c(``,!0)]),[u(N)]:_(({item:n})=>[u(d).preferences.branchReadOnly?(e(),g(u(S),{key:0,placement:`right`,content:u(l).baseText(`readOnlyEnv.cantAdd.project`)},{default:_(()=>[p(u(D),{class:f(i.$style.iconButton),icon:`lock`,size:`xsmall`},null,8,[`class`])]),_:1},8,[`content`])):n.disabled?(e(),g(u(S),{key:1,placement:`right`,content:u(L)},{default:_(()=>[u(B)?(e(),g(u(A),{key:1,variant:`subtle`,size:`mini`,class:f(i.$style.upgradeButton),onClick:e=>u(k)(n.id)},{default:_(()=>[t(s(u(z)),1)]),_:1},8,[`class`,`onClick`])):(e(),g(u(D),{key:0,class:f(i.$style.iconButton),icon:`lock`,size:`xsmall`},null,8,[`class`]))]),_:2},1032,[`content`])):c(``,!0)]),default:_(()=>[p(u(E),{class:`n8n-button--highlight`,variant:`ghost`,size:`small`,icon:`plus`,"icon-size":`large`,"aria-label":`Add new item`})]),_:2},1032,[`menu`,`onSelect`])),p(W,{placement:n.isCollapsed?`right`:`bottom`,"show-after":500,label:u(l).baseText(`nodeView.openCommandBar`),shortcut:{keys:[`k`],metaKey:!0}},{default:_(()=>[p(u(E),{class:`n8n-button--highlight`,variant:`ghost`,size:`small`,icon:`search`,"icon-size":`large`,"aria-label":`Open command palette`,onClick:C})]),_:1},8,[`placement`,`label`]),p(W,{placement:n.isCollapsed?`right`:`bottom`,label:n.isCollapsed?u(l).baseText(`mainSidebar.state.expand`):u(l).baseText(`mainSidebar.state.collapse`),"show-after":500,shortcut:{keys:[`[`]}},{default:_(()=>[p(u(E),{id:`toggle-sidebar-button`,class:`n8n-button--highlight`,variant:`ghost`,size:`small`,icon:`panel-left`,"icon-size":`large`,"aria-label":`Toggle sidebar`,onClick:x})]),_:1},8,[`placement`,`label`])],2))}}),[[`__cssModules`,{$style:{header:`_header_1bvb0_125`,collapsed:`_collapsed_1bvb0_138`,logo:`_logo_1bvb0_143`,readOnlyEnvironmentIcon:`_readOnlyEnvironmentIcon_1bvb0_147`,iconButton:`_iconButton_1bvb0_157`,upgradeButton:`_upgradeButton_1bvb0_162`}}]]);export{Y as n,q as r,X as t};
//# sourceMappingURL=MainSidebarHeader-DOaN30Rh.js.map