n8n-editor-ui/dist/assets/MainSidebarHeader-legacy-CL7iCrfF.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.16.1"}}catch(e){}}(),System.register(["./vue.runtime.esm-bundler-legacy-BW6xDdqj.js","./core-legacy-VD8c7QJ-.js","./src-legacy-B67uuxhB.js","./_plugin-vue_export-helper-legacy-DFdC_I5Z.js","./users.store-legacy-azRUgFdP.js","./constants-legacy-2_ytuuS3.js","./settings.store-legacy-I6rZOvfF.js","./versions.store-legacy-4XCrklbY.js","./usePageRedirectionHelper-legacy-DQM99rgh.js","./KeyboardShortcutTooltip-legacy-Dj9i12D0.js","./useGlobalEntityCreation-legacy-UTiP4Bp_.js"],(function(e,t){var n,l,a,o,i,s,r,d,c,u,p,m,b,g,_,y,f,v,h,k,x,C,w,z,T,$,B,E,S,j,M,A,I,O,R,N,V,U,D,P,W,H,K,L,F,G,Q,X,Y,Z,q,J;return e("r",(function(){const e=V(),t=r((()=>e.sidebarMenuCollapsed??!1)),n=C(P,t.value?42:300),l=()=>{e.toggleSidebarMenuCollapse(),t.value?n.value=42:n.value=200},a=i(!1);return{isCollapsed:t,toggleCollapse:l,sidebarWidth:n,isResizing:a,onResizeStart:function(){a.value=!0},onResize:function(e){t.value&&e.x>100?l():t.value||(e.x<100&&!t.value?l():n.value=e.width)},onResizeEnd:function(){a.value=!1}}})),{setters:[function(e){n=e.$,l=e.A,a=e.C,o=e.E,i=e.Ft,s=e.N,r=e.S,d=e.Sn,c=e.T,u=e.U,p=e.Wt,m=e._,b=e._n,g=e.j,_=e.rt,y=e.st,f=e.w,v=e.yt},function(e){h=e.at,k=e.n,x=e.ot,C=e.v},function(e){w=e.Di,z=e.F,T=e.H,$=e.K,B=e.Mi,E=e.Qi,S=e.V,j=e.Xi,M=e.Zi,A=e.nt,I=e.tt},function(e){O=e.t},function(e){R=e.fr,N=e.oi,V=e.r,U=e.t},function(e){D=e.Qo,P=e.sc,W=e.y},function(e){H=e.t},function(e){K=e.t},function(e){L=e.t},function(e){F=e.t},function(e){G=e.t}],execute:function(){(Q=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(Q);try{t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(C=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[C]="a2a19dfd-3c04-46cb-9bdf-db2fb7c3d088",t._sentryDebugIdIdentifier="sentry-dbid-a2a19dfd-3c04-46cb-9bdf-db2fb7c3d088")}catch(t){}var t,C;X=e=>"component"in e,Y=s({__name:"VersionUpdateCTA",props:{disabled:{type:Boolean,default:!1},tooltipText:{default:void 0}},setup(e){const t=e,l=h(),a=K(),o=L(),i=R(),s=async()=>{i.track("User clicked on update button",{source:"main-sidebar"}),await o.goToVersions()};return(e,o)=>(n(),f(p(T),{"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(l).baseText("whatsNew.versionsBehind",{interpolate:{count:p(a).nextVersions.length>99?"99+":p(a).nextVersions.length}})},onClick:s},null,8,["item"]))}}),Z=Y,q=s({__name:"BottomMenu",props:{items:{},isCollapsed:{type:Boolean}},emits:["select","logout"],setup(e,{emit:t}){const i=t,s=K(),d=U(),k=h(),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:k.baseText("mainSidebar.whatsNew.fullChangelog"),link:{href:W,target:"_blank"},size:"small",customIconSize:"small"},...s.hasVersionUpdates?[{id:"version-upgrade-cta",component:Z,props:{tooltipText:d.canUserUpdateVersion?void 0:k.baseText("whatsNew.updateNudgeTooltip"),disabled:!d.canUserUpdateVersion}}]:[]]})));function C(e){i("select",e)}function w(){i("logout")}return(t,i)=>(n(),o("div",{class:b({[t.$style.bottomMenu]:!0,[t.$style.collapsed]:e.isCollapsed})},[a("div",{class:b(t.$style.bottomMenuItems)},[(n(!0),o(m,null,_(e.items,(s=>(n(),o(m,{key:s.id},[s.children&&"help"===s.id?(n(),f(p(z),{key:"help",side:"right",align:"end","side-offset":12},{content:v((()=>[a("div",{class:b(t.$style.popover)},[(n(!0),o(m,null,_(s.children,(e=>(n(),o(m,{key:e.id},[p(X)(e)?(n(),f(y(e.component),u({key:0,ref_for:!0},e.props),null,16)):(n(),f(p(T),{key:1,item:e,onClick:()=>C(e.id)},null,8,["item","onClick"]))],64)))),128)),x.value.available?(n(),o(m,{key:0},[g(p(j),{bold:"",size:"small",class:b(t.$style.popoverTitle),color:"text-light"},{default:v((()=>[...i[0]||(i[0]=[l("What's new",-1)])])),_:1},8,["class"]),(n(!0),o(m,null,_(x.value.children,(e=>(n(),o(m,{key:e.id},[p(X)(e)?(n(),f(y(e.component),u({key:0,ref_for:!0},e.props),null,16)):(n(),f(p(T),{key:1,item:e,onClick:()=>C(e.id)},null,8,["item","onClick"]))],64)))),128))],64)):c("",!0)],2)])),trigger:v((()=>[g(p(T),{"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?(n(),f(p(z),{key:"settings",side:"right",align:"end","side-offset":12},{content:v((()=>[a("div",{class:b(t.$style.popover)},[(n(!0),o(m,null,_(s.children,(e=>(n(),o(m,{key:e.id},[p(X)(e)?(n(),f(y(e.component),u({key:0,ref_for:!0},e.props),null,16)):(n(),f(p(T),{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(T),{"data-test-id":"main-sidebar-log-out",item:{id:"sign-out",label:p(k).baseText("auth.signout"),icon:"door-open"},onClick:w},null,8,["item"])],2)])),trigger:v((()=>[g(p(T),{"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)):(n(),f(p(T),{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=h(),r=N(),u=H(),m=i();function _(){a("collapse")}function y(e){a("openCommandBar",e)}k(m,(()=>{m.value?.close()}));const{menu:C,handleSelect:z,createProjectAppendSlotName:T,createWorkflowsAppendSlotName:j,createCredentialsAppendSlotName:O,projectsLimitReachedMessage:R,upgradeLabel:V,hasPermissionToCreateProjects:U}=G();return(t,a)=>(n(),o("div",{class:b({[t.$style.header]:!0,[t.$style.collapsed]:e.isCollapsed})},[e.isCollapsed?c("",!0):(n(),f(p(A),{key:0,to:{name:p(D).HOMEPAGE},class:b(t.$style.logo)},{default:v((()=>[g(p($),{size:"small",collapsed:e.isCollapsed,"release-channel":p(u).settings.releaseChannel},{default:v((()=>[p(r).preferences.branchReadOnly&&!e.isCollapsed?(n(),f(p(w),{key:0,placement:"bottom"},{content:v((()=>[g(p(x),{keypath:"readOnlyEnv.tooltip",scope:"global"},{link:v((()=>[g(p(I),{to:"https://docs.n8n.io/source-control-environments/setup/#step-4-connect-n8n-and-configure-your-instance",size:"small"},{default:v((()=>[l(d(p(s).baseText("readOnlyEnv.tooltip.link")),1)])),_:1})])),_:1})])),default:v((()=>[g(p(E),{"data-test-id":"read-only-env-icon",icon:"lock",class:b(t.$style.readOnlyEnvironmentIcon)},null,8,["class"])])),_:1})):c("",!0)])),_:1},8,["collapsed","release-channel"])])),_:1},8,["to","class"])),e.hideCreate?c("",!0):(n(),f(p(S),{key:1,ref_key:"createBtn",ref:m,"data-test-id":"universal-add",menu:p(C),onSelect:p(z)},{[p(j)]:v((()=>[p(r).preferences.branchReadOnly?(n(),f(p(w),{key:0,placement:"right",content:p(s).baseText("readOnlyEnv.cantAdd.workflow")},{default:v((()=>[g(p(E),{class:b(t.$style.iconButton),icon:"lock",size:"xsmall"},null,8,["class"])])),_:1},8,["content"])):c("",!0)])),[p(O)]:v((()=>[p(r).preferences.branchReadOnly?(n(),f(p(w),{key:0,placement:"right",content:p(s).baseText("readOnlyEnv.cantAdd.credential")},{default:v((()=>[g(p(E),{class:b(t.$style.iconButton),icon:"lock",size:"xsmall"},null,8,["class"])])),_:1},8,["content"])):c("",!0)])),[p(T)]:v((({item:e})=>[p(r).preferences.branchReadOnly?(n(),f(p(w),{key:0,placement:"right",content:p(s).baseText("readOnlyEnv.cantAdd.project")},{default:v((()=>[g(p(E),{class:b(t.$style.iconButton),icon:"lock",size:"xsmall"},null,8,["class"])])),_:1},8,["content"])):e.disabled?(n(),f(p(w),{key:1,placement:"right",content:p(R)},{default:v((()=>[p(U)?(n(),f(p(M),{key:1,variant:"subtle",size:"mini",class:b(t.$style.upgradeButton),onClick:t=>p(z)(e.id)},{default:v((()=>[l(d(p(V)),1)])),_:1},8,["class","onClick"])):(n(),f(p(E),{key:0,class:b(t.$style.iconButton),icon:"lock",size:"xsmall"},null,8,["class"]))])),_:2},1032,["content"])):c("",!0)])),default:v((()=>[g(p(B),{class:"n8n-button--highlight",variant:"ghost",size:"small",icon:"plus","icon-size":"large","aria-label":"Add new item"})])),_:2},1032,["menu","onSelect"])),g(F,{placement:e.isCollapsed?"right":"bottom","show-after":500,label:p(s).baseText("nodeView.openCommandBar"),shortcut:{keys:["k"],metaKey:!0}},{default:v((()=>[g(p(B),{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(F,{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:v((()=>[g(p(B),{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-CL7iCrfF.js.map