n8n-editor-ui/dist/assets/MainSidebarHeader-legacy-ktKldegF.js

Workflow Editor UI for n8n

!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","./users.store-legacy-OKuN0qAC.js","./constants-legacy-DNCca_FT.js","./versions.store-legacy-BoVYiMEK.js","./usePageRedirectionHelper-legacy-dYzA8Va8.js","./KeyboardShortcutTooltip-legacy-B39T1G4_.js","./useGlobalEntityCreation-legacy-DGJ0SqHs.js"],(function(e,t){var l,n,a,o,i,s,r,c,d,u,p,m,b,g,_,y,v,f,h,k,x,C,w,z,T,$,S,B,E,M,j,A,I,O,R,N,U,V,W,P,D,H,L,X,G,K,Y,Z,F,Q,q,J;return e("r",(function(){const e=V(),t=r((()=>e.sidebarMenuCollapsed??!1)),l=h(D,t.value?42:300),n=()=>{e.toggleSidebarMenuCollapse(),t.value?l.value=42:l.value=200},a=i(!1);return{isCollapsed:t,toggleCollapse:n,sidebarWidth:l,isResizing:a,onResizeStart:function(){a.value=!0},onResize:function(e){t.value&&e.x>100?n():t.value||(e.x<100&&!t.value?n():l.value=e.width)},onResizeEnd:function(){a.value=!1}}})),{setters:[function(e){l=e.$,n=e.A,a=e.C,o=e.E,i=e.Ft,s=e.N,r=e.S,c=e.Sn,d=e.T,u=e.U,p=e.Wt,m=e._,b=e._n,g=e.j,_=e.rt,y=e.st,v=e.w,f=e.yt},function(e){h=e.M,k=e.bt,x=e.g,C=e.xt},function(e){w=e.$,z=e.$i,T=e.Ii,$=e.Mi,S=e.Qi,B=e.W,E=e.X,M=e.Y,j=e.Zi,A=e.lt,I=e.ut},function(e){O=e.t},function(e){R=e.Ar,N=e.As,U=e.en,V=e.r,W=e.t},function(e){P=e.S,D=e.Sc,H=e.ms},function(e){L=e.t},function(e){X=e.t},function(e){G=e.t},function(e){K=e.t}],execute:function(){(Y=document.createElement("style")).textContent="._bottomMenu_1mulz_125{flex-direction:column;margin-top:auto;display:flex}._bottomMenu_1mulz_125._collapsed_1mulz_130{border-top:var(--border)}._bottomMenuItems_1mulz_134{padding:var(--spacing--3xs)}._popover_1mulz_138{padding:var(--spacing--4xs);border-radius:var(--radius);background-color:var(--menu--color--background,var(--color--background--light-2));min-width:260px}._popoverTitle_1mulz_145{margin-bottom:var(--spacing--3xs);padding-left:var(--spacing--3xs);margin-top:var(--spacing--xs);display:block}._divider_1mulz_152{width:100%;padding-top:var(--spacing--3xs);border-bottom:var(--border);margin-bottom:var(--spacing--3xs);background-color:var(--color--border);display:block}._header_1bvb0_125{padding:var(--spacing--2xs)var(--spacing--3xs);justify-content:space-between;align-items:center;gap:var(--spacing--4xs);display:flex}._header_1bvb0_125 img{height:20px;margin-right:auto;position:relative;left:1px}._header_1bvb0_125._collapsed_1bvb0_138{border-bottom:var(--border);flex-direction:column}._logo_1bvb0_143{margin-right:auto}._readOnlyEnvironmentIcon_1bvb0_147{color:#fff;background-color:var(--color--warning);border-radius:var(--radius--sm);margin:0 var(--spacing--xs)0 var(--spacing--3xs);align-self:center;padding:2px;display:inline-block}._iconButton_1bvb0_157{margin-left:auto;margin-right:5px}._upgradeButton_1bvb0_162{margin-left:auto}\n/*$vite$:1*/",document.head.appendChild(Y);try{t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(h=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[h]="3057a19a-e4ce-4ee8-881c-506ec2473bb4",t._sentryDebugIdIdentifier="sentry-dbid-3057a19a-e4ce-4ee8-881c-506ec2473bb4")}catch(t){}var t,h;Z=e=>"component"in e,F=s({__name:"VersionUpdateCTA",props:{disabled:{type:Boolean,default:!1},tooltipText:{default:void 0}},setup(e){const t=e,n=k(),a=L(),o=X(),i=U(),s=async()=>{i.track("User clicked on update button",{source:"main-sidebar"}),await o.goToVersions()};return(e,o)=>(l(),v(p(E),{"data-test-id":"version-update-cta-button",item:{id:"version-update-cta",icon:{value:"status-warning",type:"icon",color:"primary"},disabled:t.disabled,disabledReason:t.tooltipText,label:p(n).baseText("whatsNew.versionsBehind",{interpolate:{count:p(a).nextVersions.length>99?"99+":p(a).nextVersions.length}})},onClick:s},null,8,["item"]))}}),Q=F,q=s({__name:"BottomMenu",props:{items:{},isCollapsed:{type:Boolean}},emits:["select","logout"],setup(e,{emit:t}){const i=t,s=L(),c=W(),h=k(),x=r((()=>({available:s.hasVersionUpdates||s.whatsNewArticles.length>0,children:[...s.whatsNewArticles.map((e=>({id:`whats-new-article-${e.id}`,label:e.title,size:"small",customIconSize:"small",icon:{type:"emoji",value:"•",color:s.isWhatsNewArticleRead(e.id)?"text-light":"primary"}}))),{id:"full-changelog",icon:"external-link",label:h.baseText("mainSidebar.whatsNew.fullChangelog"),link:{href:P,target:"_blank"},size:"small",customIconSize:"small"},...s.hasVersionUpdates?[{id:"version-upgrade-cta",component:Q,props:{tooltipText:c.canUserUpdateVersion?void 0:h.baseText("whatsNew.updateNudgeTooltip"),disabled:!c.canUserUpdateVersion}}]:[]]})));function C(e){i("select",e)}function w(){i("logout")}return(t,i)=>(l(),o("div",{class:b({[t.$style.bottomMenu]:!0,[t.$style.collapsed]:e.isCollapsed})},[a("div",{class:b(t.$style.bottomMenuItems)},[(l(!0),o(m,null,_(e.items,(s=>(l(),o(m,{key:s.id},[s.children&&"help"===s.id?(l(),v(p(B),{key:"help",side:"right",align:"end","side-offset":12},{content:f((()=>[a("div",{class:b(t.$style.popover)},[(l(!0),o(m,null,_(s.children,(e=>(l(),o(m,{key:e.id},[p(Z)(e)?(l(),v(y(e.component),u({key:0,ref_for:!0},e.props),null,16)):(l(),v(p(E),{key:1,item:e,onClick:()=>C(e.id)},null,8,["item","onClick"]))],64)))),128)),x.value.available?(l(),o(m,{key:0},[g(p(j),{bold:"",size:"small",class:b(t.$style.popoverTitle),color:"text-light"},{default:f((()=>[...i[0]||(i[0]=[n("What's new",-1)])])),_:1},8,["class"]),(l(!0),o(m,null,_(x.value.children,(e=>(l(),o(m,{key:e.id},[p(Z)(e)?(l(),v(y(e.component),u({key:0,ref_for:!0},e.props),null,16)):(l(),v(p(E),{key:1,item:e,onClick:()=>C(e.id)},null,8,["item","onClick"]))],64)))),128))],64)):d("",!0)],2)])),trigger:f((()=>[g(p(E),{"data-test-id":`main-sidebar-${s.id}`,item:s,compact:e.isCollapsed,onClick:()=>C(s.id)},null,8,["data-test-id","item","compact","onClick"])])),_:2},1024)):s.children&&"settings"===s.id?(l(),v(p(B),{key:"settings",side:"right",align:"end","side-offset":12},{content:f((()=>[a("div",{class:b(t.$style.popover)},[(l(!0),o(m,null,_(s.children,(e=>(l(),o(m,{key:e.id},[p(Z)(e)?(l(),v(y(e.component),u({key:0,ref_for:!0},e.props),null,16)):(l(),v(p(E),{key:1,item:e,onClick:()=>C(e.id)},null,8,["item","onClick"]))],64)))),128)),a("span",{class:b(t.$style.divider)},null,2),g(p(E),{"data-test-id":"main-sidebar-log-out",item:{id:"sign-out",label:p(h).baseText("auth.signout"),icon:"door-open"},onClick:w},null,8,["item"])],2)])),trigger:f((()=>[g(p(E),{"data-test-id":`main-sidebar-${s.id}`,item:s,compact:e.isCollapsed,onClick:()=>C(s.id)},null,8,["data-test-id","item","compact","onClick"])])),_:2},1024)):(l(),v(p(E),{key:2,"data-test-id":`main-sidebar-${s.id}`,item:s,compact:e.isCollapsed,onClick:()=>C(s.id)},null,8,["data-test-id","item","compact","onClick"]))],64)))),128))],2)],2))}}),e("n",O(q,[["__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"}}]])),J=s({__name:"MainSidebarHeader",props:{isCollapsed:{type:Boolean},hideCreate:{type:Boolean}},emits:["collapse","openCommandBar"],setup(e,{emit:t}){const a=t,s=k(),r=R(),u=N(),m=i();function _(){a("collapse")}function y(e){a("openCommandBar",e)}x(m,(()=>{m.value?.close()}));const{menu:h,handleSelect:B,createProjectAppendSlotName:E,createWorkflowsAppendSlotName:j,createCredentialsAppendSlotName:O,projectsLimitReachedMessage:U,upgradeLabel:V,hasPermissionToCreateProjects:W}=K();return(t,a)=>(l(),o("div",{class:b({[t.$style.header]:!0,[t.$style.collapsed]:e.isCollapsed})},[e.isCollapsed?d("",!0):(l(),v(p(I),{key:0,to:{name:p(H).HOMEPAGE},class:b(t.$style.logo)},{default:f((()=>[g(p(w),{size:"small",collapsed:e.isCollapsed,"release-channel":p(u).settings.releaseChannel},{default:f((()=>[p(r).preferences.branchReadOnly&&!e.isCollapsed?(l(),v(p($),{key:0,placement:"bottom"},{content:f((()=>[g(p(C),{keypath:"readOnlyEnv.tooltip",scope:"global"},{link:f((()=>[g(p(A),{to:"https://docs.n8n.io/source-control-environments/setup/#step-4-connect-n8n-and-configure-your-instance",size:"small"},{default:f((()=>[n(c(p(s).baseText("readOnlyEnv.tooltip.link")),1)])),_:1})])),_:1})])),default:f((()=>[g(p(z),{"data-test-id":"read-only-env-icon",icon:"lock",class:b(t.$style.readOnlyEnvironmentIcon)},null,8,["class"])])),_:1})):d("",!0)])),_:1},8,["collapsed","release-channel"])])),_:1},8,["to","class"])),e.hideCreate?d("",!0):(l(),v(p(M),{key:1,ref_key:"createBtn",ref:m,"data-test-id":"universal-add",menu:p(h),onSelect:p(B)},{[p(j)]:f((()=>[p(r).preferences.branchReadOnly?(l(),v(p($),{key:0,placement:"right",content:p(s).baseText("readOnlyEnv.cantAdd.workflow")},{default:f((()=>[g(p(z),{class:b(t.$style.iconButton),icon:"lock",size:"xsmall"},null,8,["class"])])),_:1},8,["content"])):d("",!0)])),[p(O)]:f((()=>[p(r).preferences.branchReadOnly?(l(),v(p($),{key:0,placement:"right",content:p(s).baseText("readOnlyEnv.cantAdd.credential")},{default:f((()=>[g(p(z),{class:b(t.$style.iconButton),icon:"lock",size:"xsmall"},null,8,["class"])])),_:1},8,["content"])):d("",!0)])),[p(E)]:f((({item:e})=>[p(r).preferences.branchReadOnly?(l(),v(p($),{key:0,placement:"right",content:p(s).baseText("readOnlyEnv.cantAdd.project")},{default:f((()=>[g(p(z),{class:b(t.$style.iconButton),icon:"lock",size:"xsmall"},null,8,["class"])])),_:1},8,["content"])):e.disabled?(l(),v(p($),{key:1,placement:"right",content:p(U)},{default:f((()=>[p(W)?(l(),v(p(S),{key:1,variant:"subtle",size:"mini",class:b(t.$style.upgradeButton),onClick:t=>p(B)(e.id)},{default:f((()=>[n(c(p(V)),1)])),_:1},8,["class","onClick"])):(l(),v(p(z),{key:0,class:b(t.$style.iconButton),icon:"lock",size:"xsmall"},null,8,["class"]))])),_:2},1032,["content"])):d("",!0)])),default:f((()=>[g(p(T),{class:"n8n-button--highlight",variant:"ghost",size:"small",icon:"plus","icon-size":"large","aria-label":"Add new item"})])),_:2},1032,["menu","onSelect"])),g(G,{placement:e.isCollapsed?"right":"bottom","show-after":500,label:p(s).baseText("nodeView.openCommandBar"),shortcut:{keys:["k"],metaKey:!0}},{default:f((()=>[g(p(T),{class:"n8n-button--highlight",variant:"ghost",size:"small",icon:"search","icon-size":"large","aria-label":"Open command palette",onClick:y})])),_:1},8,["placement","label"]),g(G,{placement:e.isCollapsed?"right":"bottom",label:e.isCollapsed?p(s).baseText("mainSidebar.state.expand"):p(s).baseText("mainSidebar.state.collapse"),"show-after":500,shortcut:{keys:["["]}},{default:f((()=>[g(p(T),{id:"toggle-sidebar-button",class:"n8n-button--highlight",variant:"ghost",size:"small",icon:"panel-left","icon-size":"large","aria-label":"Toggle sidebar",onClick:_})])),_:1},8,["placement","label"])],2))}}),e("t",O(J,[["__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"}}]]))}}}));
//# sourceMappingURL=MainSidebarHeader-legacy-ktKldegF.js.map