n8n-editor-ui/dist/assets/MainSidebarHeader-BHA0TF0B.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]=`554c9940-6428-4e1b-9c7a-b76b52717755`,e._sentryDebugIdIdentifier=`sentry-dbid-554c9940-6428-4e1b-9c7a-b76b52717755`)})()}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-D9KLAxvJ.js";import{M as v,bt as y,g as b,xt as x}from"./_MapCache-CUJwh2qp.js";import{$ as S,$i as C,Ii as w,Mi as T,Qi as E,W as D,X as O,Y as k,Zi as A,lt as j,ut as M}from"./src-wni2AGA3.js";import{t as N}from"./_plugin-vue_export-helper-Dm3nT7Ps.js";import{Ar as P,As as F,en as I,r as L,t as R}from"./users.store-BHWXXawf.js";import{S as z,Sc as B,ms as V}from"./constants-CIP7tKq1.js";import{t as H}from"./versions.store-CNV-esbv.js";import{t as U}from"./usePageRedirectionHelper-Dxb_B6-R.js";import{t as W}from"./KeyboardShortcutTooltip-CrTbwZwY.js";import{t as G}from"./useGlobalEntityCreation-Bu-B9YLA.js";const K=e=>`component`in e;function q(){let e=L(),t=o(()=>e.sidebarMenuCollapsed??!1),n=v(B,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=y(),i=H(),a=U(),o=I(),s=async()=>{o.track(`User clicked on update button`,{source:`main-sidebar`}),await a.goToVersions()};return(t,a)=>(e(),g(u(O),{"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,v=H(),b=R(),x=y(),S=o(()=>({available:v.hasVersionUpdates||v.whatsNewArticles.length>0,children:[...v.whatsNewArticles.map(e=>({id:`whats-new-article-${e.id}`,label:e.title,size:`small`,customIconSize:`small`,icon:{type:`emoji`,value:`•`,color:v.isWhatsNewArticleRead(e.id)?`text-light`:`primary`}})),{id:`full-changelog`,icon:`external-link`,label:x.baseText(`mainSidebar.whatsNew.fullChangelog`),link:{href:z,target:`_blank`},size:`small`,customIconSize:`small`},...v.hasVersionUpdates?[{id:`version-upgrade-cta`,component:J,props:{tooltipText:b.canUserUpdateVersion?void 0:x.baseText(`whatsNew.updateNudgeTooltip`),disabled:!b.canUserUpdateVersion}}]:[]]}));function C(e){s(`select`,e)}function w(){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(D),{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(O),{key:1,item:t,onClick:()=>C(t.id)},null,8,[`item`,`onClick`]))],64))),128)),S.value.available?(e(),r(d,{key:0},[p(u(A),{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(O),{key:1,item:t,onClick:()=>C(t.id)},null,8,[`item`,`onClick`]))],64))),128))],64)):c(``,!0)],2)]),trigger:_(()=>[p(u(O),{"data-test-id":`main-sidebar-${s.id}`,item:s,compact:i.isCollapsed,onClick:()=>C(s.id)},null,8,[`data-test-id`,`item`,`compact`,`onClick`])]),_:2},1024)):s.children&&s.id===`settings`?(e(),g(u(D),{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(O),{key:1,item:t,onClick:()=>C(t.id)},null,8,[`item`,`onClick`]))],64))),128)),n(`span`,{class:f(a.$style.divider)},null,2),p(u(O),{"data-test-id":`main-sidebar-log-out`,item:{id:`sign-out`,label:u(x).baseText(`auth.signout`),icon:`door-open`},onClick:w},null,8,[`item`])],2)]),trigger:_(()=>[p(u(O),{"data-test-id":`main-sidebar-${s.id}`,item:s,compact:i.isCollapsed,onClick:()=>C(s.id)},null,8,[`data-test-id`,`item`,`compact`,`onClick`])]),_:2},1024)):(e(),g(u(O),{key:2,"data-test-id":`main-sidebar-${s.id}`,item:s,compact:i.isCollapsed,onClick:()=>C(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=y(),d=P(),m=F(),h=i();b(h,()=>{h.value?.close()});function v(){o(`collapse`)}function D(e){o(`openCommandBar`,e)}let{menu:O,handleSelect:A,createProjectAppendSlotName:N,createWorkflowsAppendSlotName:I,createCredentialsAppendSlotName:L,projectsLimitReachedMessage:R,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(M),{key:0,to:{name:u(V).HOMEPAGE},class:f(i.$style.logo)},{default:_(()=>[p(u(S),{size:`small`,collapsed:n.isCollapsed,"release-channel":u(m).settings.releaseChannel},{default:_(()=>[u(d).preferences.branchReadOnly&&!n.isCollapsed?(e(),g(u(T),{key:0,placement:`bottom`},{content:_(()=>[p(u(x),{keypath:`readOnlyEnv.tooltip`,scope:`global`},{link:_(()=>[p(u(j),{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(C),{"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(k),{key:1,ref_key:`createBtn`,ref:h,"data-test-id":`universal-add`,menu:u(O),onSelect:u(A)},{[u(I)]:_(()=>[u(d).preferences.branchReadOnly?(e(),g(u(T),{key:0,placement:`right`,content:u(l).baseText(`readOnlyEnv.cantAdd.workflow`)},{default:_(()=>[p(u(C),{class:f(i.$style.iconButton),icon:`lock`,size:`xsmall`},null,8,[`class`])]),_:1},8,[`content`])):c(``,!0)]),[u(L)]:_(()=>[u(d).preferences.branchReadOnly?(e(),g(u(T),{key:0,placement:`right`,content:u(l).baseText(`readOnlyEnv.cantAdd.credential`)},{default:_(()=>[p(u(C),{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(T),{key:0,placement:`right`,content:u(l).baseText(`readOnlyEnv.cantAdd.project`)},{default:_(()=>[p(u(C),{class:f(i.$style.iconButton),icon:`lock`,size:`xsmall`},null,8,[`class`])]),_:1},8,[`content`])):n.disabled?(e(),g(u(T),{key:1,placement:`right`,content:u(R)},{default:_(()=>[u(B)?(e(),g(u(E),{key:1,variant:`subtle`,size:`mini`,class:f(i.$style.upgradeButton),onClick:e=>u(A)(n.id)},{default:_(()=>[t(s(u(z)),1)]),_:1},8,[`class`,`onClick`])):(e(),g(u(C),{key:0,class:f(i.$style.iconButton),icon:`lock`,size:`xsmall`},null,8,[`class`]))]),_:2},1032,[`content`])):c(``,!0)]),default:_(()=>[p(u(w),{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(w),{class:`n8n-button--highlight`,variant:`ghost`,size:`small`,icon:`search`,"icon-size":`large`,"aria-label":`Open command palette`,onClick:D})]),_: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(w),{id:`toggle-sidebar-button`,class:`n8n-button--highlight`,variant:`ghost`,size:`small`,icon:`panel-left`,"icon-size":`large`,"aria-label":`Toggle sidebar`,onClick:v})]),_: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-BHA0TF0B.js.map