n8n-editor-ui/dist/assets/ProjectHeader-legacy-CcOtkJZs.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","./ProjectIcon-legacy-CgKMJJy2.js","./folders.store-legacy-DaxTE_NY.js","./readyToRun.store-legacy-B3LJTBp4.js"],(function(e,a){var t,r,o,s,l,n,i,c,u,d,p,b,v,f,_,y,m,h,g,j,T,S,w,R,x,O,E,k,P,C,I,D,A,W,F,L,N,$,J,B,G,H,z,K,U,M,V,q,Q,X,Y,Z,ee,ae,te,re,oe,se;return{setters:[function(e){t=e.$,r=e.A,o=e.C,s=e.E,l=e.Ft,n=e.N,i=e.S,c=e.Sn,u=e.T,d=e.U,p=e.Wt,b=e._n,v=e.gt,f=e.it,_=e.j,y=e.pt,m=e.w,h=e.yt},function(e){g=e.at,j=e.b,T=e.p},function(e){S=e.At,w=e.Di,R=e.E,x=e.Ji,O=e.Mi,E=e.Xi,k=e.Zi,P=e.ct,C=e.lt},function(e){I=e.t},function(e){D=e.Qa,A=e.ai,W=e.fr,F=e.gi,L=e.oi,N=e.r,$=e.t},function(e){J=e.Bo,B=e.Ir,G=e.Qc,H=e.Qo},function(e){z=e.t},function(e){K=e.n,U=e.t},function(e){M=e.t},function(e){V=e.r,q=e.t}],execute:function(){(Q=document.createElement("style")).textContent="._buttonGroup_etoix_125{display:inline-flex}._buttonGroup_etoix_125>.button:not(:first-child){border-radius:0}._buttonGroup_etoix_125>.button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}._buttonGroupDropdown_etoix_136{border-left:1px solid var(--color--black-alpha-100);border-top-left-radius:0;border-bottom-left-radius:0}._projectHeader_ukvp2_125{min-height:var(--spacing--3xl);justify-content:space-between;align-items:flex-start;display:flex}._projectDetails_ukvp2_132{align-items:center;display:flex}._actions_ukvp2_137{padding:var(--spacing--2xs) 0 var(--spacing--xs)}._projectDescriptionWrapper_ukvp2_141{display:inline-block;position:relative}._projectDescriptionWrapper_ukvp2_141:hover ._tooltip_ukvp2_145{display:block}._tooltip_ukvp2_145{top:0;left:calc(-1 * var(--spacing--3xs));background-color:var(--color--background--light-2);padding:0 var(--spacing--3xs) var(--spacing--3xs);z-index:10;white-space:normal;border-radius:6px;display:none;position:absolute;box-shadow:0 2px 8px rgba(0,0,0,.15)}@media screen and (max-width:767px){._projectHeader_ukvp2_125{align-items:flex-start;gap:var(--spacing--xs);flex-direction:column}._headerActions_ukvp2_168{margin-left:auto}}\n/*$vite$:1*/",document.head.appendChild(Q);try{a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(le=(new a.Error).stack)&&(a._sentryDebugIds=a._sentryDebugIds||{},a._sentryDebugIds[le]="a9185e98-7be5-4b34-9256-0c2a8f91c681",a._sentryDebugIdIdentifier="sentry-dbid-a9185e98-7be5-4b34-9256-0c2a8f91c681")}catch(a){}var a,le;X=n({__name:"ProjectTabs",props:{showSettings:{type:Boolean,default:!1},showExecutions:{type:Boolean,default:!0},pageType:{default:"project"},additionalTabs:{default:()=>[]}},setup(e){const a=e,r=g(),o=P(),s=A(),n=W(),c=l(""),u=i((()=>c.value?String(c.value):"")),d=i((()=>Array.isArray(o?.params?.projectId)?o.params.projectId[0]:o?.params?.projectId)),b=i((()=>s.currentProject?.type===F.Team)),f=(e,a,t)=>({label:r.baseText(e),value:t[a].name,to:t[a]}),_=i((()=>{const e=d.value?{workflows:{name:H.PROJECTS_WORKFLOWS,params:{projectId:d.value}},credentials:{name:H.PROJECTS_CREDENTIALS,params:{projectId:d.value}},executions:{name:H.PROJECTS_EXECUTIONS,params:{projectId:d.value}},variables:{name:H.PROJECTS_VARIABLES,params:{projectId:d.value}}}:"shared"===a.pageType?{workflows:{name:H.SHARED_WORKFLOWS},credentials:{name:H.SHARED_CREDENTIALS},executions:{name:H.NOT_FOUND},variables:{name:H.NOT_FOUND}}:{workflows:{name:H.WORKFLOWS},credentials:{name:H.CREDENTIALS},executions:{name:H.EXECUTIONS},variables:{name:H.HOME_VARIABLES}},t=[f("mainSidebar.workflows","workflows",e),f("mainSidebar.credentials","credentials",e)];if(a.showExecutions&&t.push(f("mainSidebar.executions","executions",e)),("overview"===a.pageType||b.value)&&t.push(f("mainSidebar.variables","variables",e)),a.additionalTabs?.length){const e=function(e,a){return e.map((e=>function(e,a){if(!e.dynamicRoute)return e;const t={name:e.dynamicRoute.name};e.dynamicRoute.includeProjectId&&a&&(t.params={projectId:a});const{dynamicRoute:r,...o}=e;return{...o,to:t}}(e,a)))}(a.additionalTabs,d.value);t.push(...e)}return a.showSettings&&t.push({label:r.baseText("projects.settings"),value:H.PROJECT_SETTINGS,to:{name:H.PROJECT_SETTINGS,params:{projectId:d.value}}}),t}));function y(e){"variables"===c.value&&n.track("User clicked project variables tab",{project_id:d.value}),c.value=e}return v((()=>o?.name),(()=>{c.value=o.name===H.PROJECTS_FOLDERS?H.PROJECTS_WORKFLOWS:o.name}),{immediate:!0}),(e,a)=>(t(),m(p(R),{"model-value":u.value,options:_.value,"data-test-id":"project-tabs","onUpdate:modelValue":y},null,8,["model-value","options"]))}}),Y=X,Z=n({__name:"ProjectCreateResource",props:{actions:{},disabled:{type:Boolean},variant:{}},emits:["action"],setup(e,{expose:a,emit:r}){const o=r,l=y("actionToggleRef");return a({openActionToggle:e=>l.value?.openActionToggle(e)}),(a,r)=>(t(),s("div",{class:b([a.$style.buttonGroup])},[f(a.$slots,"default"),_(p(S),{ref_key:"actionToggleRef",ref:l,"data-test-id":"add-resource",actions:e.actions,placement:"bottom-end",teleported:!1,onAction:r[0]||(r[0]=e=>o("action",e))},{default:h((()=>[_(p(O),{disabled:e.disabled,class:b([a.$style.buttonGroupDropdown]),icon:"chevron-down",variant:e.variant??"solid"},null,8,["disabled","class","variant"])])),_:1},8,["actions"])],2))}}),ee=I(Z,[["__cssModules",{$style:{buttonGroup:"_buttonGroup_etoix_125",buttonGroupDropdown:"_buttonGroupDropdown_etoix_136"}}]]),ae=(e,a,t)=>{if(!e||a<=0)return"";const r=.55*t,o=Math.floor(a/r);if(e.length<=o)return"";const s=e.slice(0,o),l=s.lastIndexOf(" ");return s.slice(0,-1===l?o:l)+"..."},te=n({__name:"ReadyToRunButton",props:{hasActiveCallouts:{type:Boolean}},setup(e){const a=e,o=P(),s=g(),l=V(),n=A(),d=L(),b=M(),v=q(),f=i((()=>J(n.currentProject?.scopes??n.personalProject?.scopes))),_=i((()=>v.getButtonVisibility(b.totalWorkflowCount>0,f.value.workflow.create,d.preferences.branchReadOnly)&&!a.hasActiveCallouts)),y=async()=>{const e=l.isOverviewSubPage?n.personalProject?.id:o.params.projectId;try{await v.claimCreditsAndOpenWorkflow("button",o.params.folderId,e)}catch{}};return(e,a)=>_.value?(t(),m(p(k),{key:0,variant:"subtle","data-test-id":"ready-to-run-button",icon:"zap",loading:p(v).claimingCredits,disabled:p(d).preferences.branchReadOnly||p(v).claimingCredits,onClick:y},{default:h((()=>[r(c(p(s).baseText("workflows.empty.readyToRun")),1)])),_:1},8,["loading","disabled"])):u("",!0)}}),e("n",re=te),oe={style:{display:"flex",gap:"var(--spacing--xs)","align-items":"center"}},se=n({__name:"ProjectHeader",props:{hasActiveCallouts:{type:Boolean},mainButton:{}},emits:["createFolder"],setup(e,{emit:a}){const n=P(),v=C(),y=g(),S=A(),R=L(),O=z(),I=N(),M=W(),q=$(),Q=V(),X=e,Z=a,te=i((()=>S.currentProject?.type===F.Personal?{type:"icon",value:"user"}:S.currentProject?.name?K(S.currentProject.icon)?S.currentProject.icon:{type:"icon",value:"layers"}:{type:"icon",value:"house"})),se=i((()=>S.currentProject??S.personalProject)),le=i((()=>se.value?.type===F.Personal)),ne=i((()=>S.currentProject?S.currentProject.type===F.Personal?y.baseText("projects.menu.personal"):S.currentProject.name:Q.isSharedSubPage?y.baseText("projects.header.shared.title"):Q.isOverviewSubPage?y.baseText("projects.menu.overview"):le.value?y.baseText("projects.menu.personal"):null)),ie=i((()=>J(S.currentProject?.scopes).project)),ce=i((()=>J(S.currentProject?.scopes).projectVariable)),ue=i((()=>J(q.currentUser?.globalScopes).variable)),de=i((()=>J(S.currentProject?.scopes).externalSecretsProvider)),pe=i((()=>!(!n?.params?.projectId||!ie.value.update&&!de.value.read||S.currentProject?.type!==F.Team))),be=i((()=>O.isFoldersFeatureEnabled&&[H.PROJECTS_WORKFLOWS,H.PROJECTS_FOLDERS].includes(n.name))),ve=i((()=>{let e;return e=Q.isSharedSubPage?"shared":Q.isOverviewSubPage?"overview":"project",Object.keys(I.moduleTabs[e]).filter(O.isModuleActive).flatMap((a=>I.moduleTabs[e][a]))})),fe="workflow",_e="credential",ye="folder",me="dataTable",he="variable",ge=i((()=>({value:fe,label:y.baseText("projects.header.create.workflow"),icon:R.preferences.branchReadOnly?"lock":void 0,size:"mini",disabled:R.preferences.branchReadOnly||!J(se.value?.scopes).workflow.create}))),je=i((()=>({value:_e,label:y.baseText("projects.header.create.credential"),icon:R.preferences.branchReadOnly?"lock":void 0,size:"mini",disabled:R.preferences.branchReadOnly||!J(se.value?.scopes).credential.create}))),Te=i((()=>({value:me,label:y.baseText("dataTable.add.button.label"),icon:R.preferences.branchReadOnly?"lock":void 0,size:"mini",disabled:R.preferences.branchReadOnly||!J(se.value?.scopes)?.dataTable?.create}))),Se=i((()=>({value:he,label:y.baseText("variables.add.button.label"),icon:R.preferences.branchReadOnly?"lock":void 0,size:"mini",disabled:R.preferences.branchReadOnly||!ce.value.create&&!ue.value.create}))),we=i((()=>X.mainButton??fe)),Re=i((()=>{switch(we.value){case _e:return je.value;case me:return Te.value;case he:return Se.value;default:return ge.value}})),xe=i((()=>{const e=[];return we.value!==fe&&e.push({value:fe,label:y.baseText("projects.header.create.workflow"),disabled:R.preferences.branchReadOnly||!J(se.value?.scopes).workflow.create}),we.value!==_e&&e.push({value:_e,label:y.baseText("projects.header.create.credential"),disabled:R.preferences.branchReadOnly||!J(se.value?.scopes).credential.create}),we.value!==he&&O.isEnterpriseFeatureEnabled[G.Variables]&&e.push({value:he,label:y.baseText("variables.add.button.label"),disabled:R.preferences.branchReadOnly||!J(se.value?.scopes).projectVariable.create}),be.value&&e.push({value:ye,label:y.baseText("projects.header.create.folder"),disabled:R.preferences.branchReadOnly||!J(se.value?.scopes).folder.create}),O.isDataTableFeatureEnabled&&we.value!==me&&e.push({value:me,label:y.baseText("dataTable.add.button.label"),disabled:R.preferences.branchReadOnly||!J(se.value?.scopes)?.dataTable?.create}),e})),Oe=i((()=>!Q.isOverviewSubPage&&!Q.isSharedSubPage&&!le.value));function Ee(e){return function(e){return[H.PROJECTS_CREDENTIALS,H.CREDENTIALS,H.SHARED_CREDENTIALS].includes(e)}(e)?"credentials_list":function(e){return[H.PROJECTS_WORKFLOWS,H.WORKFLOWS,H.SHARED_WORKFLOWS,H.PROJECTS_FOLDERS].includes(e)}(e)?"workflow_list":void 0}const ke={[fe]:e=>{v.push({name:H.NEW_WORKFLOW,query:{projectId:e,parentFolderId:n.params.folderId,uiContext:Ee(n.name?.toString()??"")}})},[_e]:e=>{v.push({name:H.PROJECTS_CREDENTIALS,params:{projectId:e,credentialId:"create"},query:{uiContext:Ee(n.name?.toString()??"")}})},[ye]:()=>{Z("createFolder")},[me]:e=>{v.push({name:B,params:{projectId:e,new:"new"}})},[he]:()=>{I.openModalWithData({name:D,data:{mode:"new"}}),M.track("User clicked header add variable button")}},Pe=i((()=>Q.isSharedSubPage?"shared":Q.isOverviewSubPage?"overview":"project")),Ce=i((()=>Q.isSharedSubPage?y.baseText("projects.header.shared.subtitle"):Q.isOverviewSubPage?y.baseText(O.isDataTableFeatureEnabled?"projects.header.overview.subtitleWithDataTables":"projects.header.overview.subtitle"):le.value?y.baseText(O.isDataTableFeatureEnabled?"projects.header.personal.subtitleWithDataTables":"projects.header.personal.subtitle"):null)),Ie=i((()=>Q.isProjectsSubPage?S.currentProject?.description:null)),De=l(null),{width:Ae}=T(De),We=l(null),{width:Fe}=T(We),Le=l(null);j(De,(()=>{if(!De.value)return;const e=De.value.querySelector('span[data-test-id="project-subtitle"]');if(e){const a=window.getComputedStyle(e);Le.value=parseFloat(a.fontSize)}}));const Ne=i((()=>{if(!Ie.value)return"";const e=Ae.value-Fe.value,a=Le.value??14;return ae(Ie.value,e,a)})),$e=e=>{const a=ke[e];se.value&&a(se.value.id)};return(e,a)=>(t(),s("div",null,[o("div",{ref_key:"projectHeaderRef",ref:De,class:b(e.$style.projectHeader)},[o("div",{class:b(e.$style.projectDetails)},[Oe.value?(t(),m(U,{key:0,icon:te.value,"border-less":!0,size:"medium"},null,8,["icon"])):u("",!0),o("div",{class:b(e.$style.headerActions)},[ne.value?(t(),m(p(x),{key:0,bold:"",tag:"h2",size:"xlarge","data-test-id":"project-name"},{default:h((()=>[r(c(ne.value),1)])),_:1})):u("",!0),Ce.value?(t(),m(p(E),{key:1,color:"text-light","data-test-id":"project-subtitle"},{default:h((()=>[r(c(Ce.value),1)])),_:1})):Ie.value?(t(),s("div",{key:2,class:b(e.$style.projectDescriptionWrapper)},[_(p(E),{color:"text-light","data-test-id":"project-subtitle"},{default:h((()=>[r(c(Ne.value||Ie.value),1)])),_:1}),Ne.value?(t(),s("div",{key:0,class:b(e.$style.tooltip)},[_(p(E),{color:"text-light"},{default:h((()=>[r(c(Ie.value),1)])),_:1})],2)):u("",!0)],2)):u("",!0)],2)],2),p(n).name!==p(H).PROJECT_SETTINGS?(t(),s("div",{key:0,ref_key:"headerActionsRef",ref:We,class:b([e.$style.headerActions])},[_(p(w),{disabled:!p(R).preferences.branchReadOnly,content:p(y).baseText("readOnlyEnv.cantAdd.any")},{default:h((()=>[o("div",oe,[_(re,{"has-active-callouts":X.hasActiveCallouts},null,8,["has-active-callouts"]),_(ee,{"data-test-id":"add-resource-buttons",actions:xe.value,disabled:p(R).preferences.branchReadOnly,onAction:$e},{default:h((()=>[_(p(k),d({"data-test-id":`add-resource-${we.value}`},Re.value,{size:"medium",onClick:a[0]||(a[0]=e=>$e(we.value))}),null,16,["data-test-id"])])),_:1},8,["actions","disabled"])])])),_:1},8,["disabled","content"])],2)):u("",!0)],2),f(e.$slots,"default"),o("div",{class:b(e.$style.actions)},[_(Y,{"page-type":Pe.value,"show-executions":!p(Q).isSharedSubPage,"show-settings":pe.value,"additional-tabs":ve.value},null,8,["page-type","show-executions","show-settings","additional-tabs"])],2)]))}}),e("t",I(se,[["__cssModules",{$style:{projectHeader:"_projectHeader_ukvp2_125",projectDetails:"_projectDetails_ukvp2_132",actions:"_actions_ukvp2_137",projectDescriptionWrapper:"_projectDescriptionWrapper_ukvp2_141",tooltip:"_tooltip_ukvp2_145",headerActions:"_headerActions_ukvp2_168"}}]]))}}}));
//# sourceMappingURL=ProjectHeader-legacy-CcOtkJZs.js.map