UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

2 lines 8.44 kB
!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","./NodeIcon-legacy-CCBkNBDS.js","./constants-legacy-Bi9z6I7b.js","./chat.store-legacy-BnVb-kpz.js"],(function(e,t){var o,n,i,a,l,s,c,d,r,u,p,f,g,h,y,_,b,m,v,T,x,k,w,B,S,$,D,I,C,N,j,z,A,P,E,M;return e("n",(function(e,t,o){const n=a(!1),i=a(!1);return{isDragging:n,isDraggingUnsupported:i,handleDragEnter:function(t){if(l(e)&&t.dataTransfer?.types.includes("Files")){n.value=!0;const e=l(o);if(e&&t.dataTransfer.items){const o=Array.from(t.dataTransfer.items).filter((e=>"file"===e.kind));i.value=o.length>0&&o.every((t=>""!==t.type&&!e.includes(t.type)))}}},handleDragLeave:function(t){if(!l(e))return;const o=t.currentTarget,a=t.relatedTarget;a&&o.contains(a)||(n.value=!1,i.value=!1)},handleDragOver:function(t){l(e)&&(t.preventDefault(),t.stopPropagation())},handleDrop:function(o){if(o.preventDefault(),o.stopPropagation(),n.value=!1,i.value=!1,!l(e))return;const a=o.dataTransfer?.files;a&&0!==a.length&&t(Array.from(a))},handlePaste:function(o){if(!l(e))return;const n=o.clipboardData?.items;if(!n)return;let i=!1;const a=[];for(const e of Array.from(n))if("file"===e.kind){const t=e.getAsFile();t&&(a.push(t),i=!0)}i&&(o.preventDefault(),t(a))}}})),{setters:[function(e){o=e.$,n=e.A,i=e.E,a=e.Ft,l=e.Ht,s=e.N,c=e.S,d=e.Sn,r=e.T,u=e.Wt,p=e.X,f=e._,g=e._n,h=e.h,y=e.j,_=e.pt,b=e.rt,m=e.w,v=e.yn,T=e.yt},function(e){x=e.at},function(e){k=e.Di,w=e.Mi,B=e.Qi,S=e.Zi,$=e.n},function(e){D=e.t},function(e){I=e.r,C=e.w},function(e){N=e.t},function(e){j=e.m,z=e.p},function(e){A=e.t}],execute:function(){(P=document.createElement("style")).textContent="._container_i8oeh_125{align-items:center;display:flex}._toolsButton_i8oeh_130{align-items:center;gap:var(--spacing--2xs);display:flex}._toolsButton_i8oeh_130._transparentBg_i8oeh_135{background-color:transparent!important}._iconStack_i8oeh_139{align-items:center;margin-top:-4px;margin-bottom:-4px;display:flex;position:relative}._icon_i8oeh_139{padding:var(--spacing--4xs);background-color:var(--color--background--light-2);outline:2px var(--color--background--light-3) solid;border-radius:50%}._iconOverlap_i8oeh_154{margin-left:-5px}._countBadge_i8oeh_158{z-index:4;width:20px;height:20px;font-size:var(--font-size--3xs);color:var(--color--text);box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:relative}._settingsButton_i8oeh_171{color:var(--button--color--text--secondary);margin-right:-2px}._settingsButton_i8oeh_171:hover{color:var(--button--color--text--secondary--hover-active-focus)}._itemSettingsButton_i8oeh_179{opacity:0}._checkPlaceholder_i8oeh_183{flex-shrink:0;width:16px}.tools-selector-dropdown{z-index:10000;min-width:330px}.tools-selector-dropdown [data-highlighted] [class*=itemSettingsButton]{opacity:1}\n/*$vite$:1*/",document.head.appendChild(P);try{t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(l=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[l]="3556defb-d528-4c58-8565-3f73210888ed",t._sentryDebugIdIdentifier="sentry-dbid-3556defb-d528-4c58-8565-3f73210888ed")}catch(t){}var t,l;E="action::create-new",M=s({__name:"ToolsSelector",props:{disabled:{type:Boolean},checkedToolIds:{},customAgentId:{},disabledTooltip:{}},emits:["toggle"],setup(e,{emit:t}){const l=e,s=t,D=C(),P=I(),M=A(),H=x(),L=_("dropdownMenu"),O=a(""),F=c((()=>new Set(l.checkedToolIds))),R=c((()=>l.checkedToolIds.length)),V=c((()=>{const e=R.value>3?2:3;return M.configuredTools.filter((e=>F.value.has(e.definition.id))).slice(0,e).map((e=>D.getNodeType(e.definition.type,e.definition.typeVersion))).filter(Boolean)})),W=c((()=>R.value>3?R.value-2:0)),Q=c((()=>{if(1===R.value){const e=l.checkedToolIds[0],t=M.configuredTools.find((t=>t.definition.id===e));if(t)return t.definition.name}return R.value>1?H.baseText("chatHub.tools.selector.label.count",{adjustToNumber:R.value}):H.baseText("chatHub.tools.selector.label.default")}));function U(){L.value?.close(),P.openModalWithData({name:z,data:{tools:M.configuredTools.filter((e=>F.value.has(e.definition.id))).map((e=>e.definition)),onConfirm:()=>{},customAgentId:l.customAgentId}})}const X=c((()=>{const e=O.value.toLowerCase(),t=M.configuredTools.filter((t=>{if(!e)return!0;const o=t.definition,n=D.getNodeType(o.type,o.typeVersion),i=o.name.toLowerCase().includes(e),a=n?.displayName.toLowerCase().includes(e);return i||a})).map((e=>({id:`tool::${e.definition.id}`,label:e.definition.name,checked:F.value.has(e.definition.id),data:{nodeType:D.getNodeType(e.definition.type,e.definition.typeVersion),tool:e.definition}})));return t.push({id:E,label:H.baseText("chatHub.tools.selector.createNew"),icon:{type:"icon",value:"plus"},divided:!0}),t}));function Y(e){if(e===E)return void U();const[t,o]=e.split("::");"tool"===t&&s("toggle",o)}function Z(e){O.value=e}return p((async()=>{await D.loadNodeTypesIfNotLoaded()})),(t,a)=>(o(),i("div",{class:g(t.$style.container)},[0===u(M).configuredTools.length?(o(),m(u(k),{key:0,content:e.disabledTooltip,disabled:!e.disabledTooltip||!e.disabled,placement:"bottom"},{default:T((()=>[y(u(S),{variant:"subtle","native-type":"button",class:g(t.$style.toolsButton),disabled:e.disabled,icon:"plus","data-test-id":"chat-tools-button",onClick:U},{default:T((()=>[n(d(Q.value),1)])),_:1},8,["class","disabled"])])),_:1},8,["content","disabled"])):(o(),m(u(k),{key:1,content:e.disabledTooltip,disabled:!e.disabledTooltip||!e.disabled,placement:"bottom"},{default:T((()=>[y(u($),{ref:"dropdownMenu",items:X.value,placement:"top-start","extra-popper-class":"tools-selector-dropdown",searchable:"","search-placeholder":u(H).baseText("chatHub.toolsManager.searchPlaceholder"),"empty-text":u(H).baseText("chatHub.toolsManager.noResults"),onSelect:Y,onSearch:Z},{trigger:T((()=>[y(u(S),{variant:"subtle","native-type":"button",disabled:e.disabled,icon:0===R.value?"plus":void 0,"data-test-id":"chat-tools-button"},{default:T((()=>[R.value>0?(o(),i("span",{key:0,class:g(t.$style.iconStack)},[(o(!0),i(f,null,b(V.value,((e,n)=>(o(),m(N,{key:`${e?.name}-${n}`,style:v({zIndex:n+1}),"node-type":e,class:g([t.$style.icon,{[t.$style.iconOverlap]:0!==n}]),circle:!0,size:12},null,8,["style","node-type","class"])))),128)),W.value>0?(o(),i("span",{key:0,class:g([t.$style.icon,t.$style.iconOverlap,t.$style.countBadge])}," +"+d(W.value),3)):r("",!0)],2)):r("",!0),n(" "+d(Q.value),1)])),_:1},8,["disabled","icon"])])),"search-prefix":T((()=>[y(u(B),{icon:"search"})])),"search-suffix":T((()=>[y(u(w),{icon:"settings",variant:"ghost",size:"medium",text:"",class:g(t.$style.settingsButton),onClick:h(U,["stop"])},null,8,["class"])])),"item-leading":T((({item:e})=>[e.data?.nodeType?(o(),m(N,{key:0,"node-type":e.data.nodeType,size:16},null,8,["node-type"])):"icon"===e.icon?.type?(o(),m(u(B),{key:1,icon:e.icon.value,size:"large"},null,8,["icon"])):r("",!0)])),"item-trailing":T((({item:e})=>[e.id!==E?(o(),i(f,{key:0},[y(u(w),{icon:"settings",variant:"ghost",size:"medium",text:"",class:g(t.$style.itemSettingsButton),onClick:h((t=>function(e){L.value?.close();const t=e.data?.tool;if(!t)return;const o=M.configuredTools.filter((e=>e.definition.id!==t.id)).map((e=>e.definition.name));P.openModalWithData({name:j,data:{node:{...t},existingToolNames:o,onConfirm:async e=>{await M.updateConfiguredTool(t.id,e)}}})}(e)),["stop"])},null,8,["class","onClick"]),e.checked?r("",!0):(o(),i("span",{key:0,class:g(t.$style.checkPlaceholder)},null,2))],64)):r("",!0)])),_:1},8,["items","search-placeholder","empty-text"])])),_:1},8,["content","disabled"]))],2))}}),e("t",D(M,[["__cssModules",{$style:{container:"_container_i8oeh_125",toolsButton:"_toolsButton_i8oeh_130",transparentBg:"_transparentBg_i8oeh_135",iconStack:"_iconStack_i8oeh_139",icon:"_icon_i8oeh_139",iconOverlap:"_iconOverlap_i8oeh_154",countBadge:"_countBadge_i8oeh_158",settingsButton:"_settingsButton_i8oeh_171",itemSettingsButton:"_itemSettingsButton_i8oeh_179",checkPlaceholder:"_checkPlaceholder_i8oeh_183"}}]]))}}})); //# sourceMappingURL=ToolsSelector-legacy-Du810vCp.js.map