n8n-editor-ui
Version:
Workflow Editor UI for n8n
2 lines • 4.74 kB
JavaScript
(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.16.1`}}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]=`5f6f5d91-e13c-471d-a45c-b410cf5befcd`,e._sentryDebugIdIdentifier=`sentry-dbid-5f6f5d91-e13c-471d-a45c-b410cf5befcd`)})()}catch{}import{$ as e,C as t,E as n,Ft as r,N as i,S as a,Sn as o,T as s,W as c,Wt as l,X as u,_ as d,_n as f,gt as p,h as m,j as h,q as g,rt as _,w as v,yt as y}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{at as b,n as x}from"./core-Bz5WjPxS.js";import{Qi as S,_t as C,vt as w}from"./src-XqE2yCpG.js";import{Pn as T}from"./users.store-xP93bV7X.js";import{Eo as E}from"./constants-DuQbSl-q.js";var D={key:0},O={key:1},k={key:2},A=`__manage`,j=`__create`,M=i({__name:`TagsDropdown`,props:{placeholder:{default:``},modelValue:{default:()=>[]},eventBus:{default:null},allTags:{},isLoading:{type:Boolean},tagsById:{},createEnabled:{type:Boolean,default:!0},manageEnabled:{type:Boolean,default:!0},createTag:{type:Function,default:void 0},multipleLimit:{default:0},createTagI18nKey:{default:`tagsDropdown.createTag`}},emits:[`update:modelValue`,`esc`,`blur`,`manage-tags`],setup(i,{emit:M}){let N=b(),{showError:P}=T(),F=i,I=M,L=r(),R=r(),z=r(),B=r(``),V=r(!1),H=r(!1),U=r(),W=E(),G=a(()=>F.allTags.filter(e=>e&&e.name.toLowerCase().includes(B.value.toLowerCase()))),K=a(()=>F.modelValue.filter(e=>F.tagsById[e])),q=a(()=>({"tags-container":!0,focused:V.value})),J=a(()=>[`tags-dropdown`,`tags-dropdown-${W}`,F.createEnabled?`tags-dropdown-create-enabled`:``,F.manageEnabled?`tags-dropdown-manage-enabled`:``].join(` `));p(()=>F.allTags,()=>{F.modelValue.length!==K.value.length&&I(`update:modelValue`,K.value)}),u(()=>{let e=L.value?.innerSelect;if(e){let t=e.$refs.input;t&&(t.setAttribute(`maxlength`,`24`),t.addEventListener(`keydown`,e=>{let t=e;t.key===`Escape`?I(`esc`):t.key===`Enter`&&B.value.length===0&&(H.value=!0,I(`blur`),typeof L.value?.blur==`function`&&L.value.blur())}))}F.eventBus?.on(`focus`,Y)}),g(()=>{F.eventBus?.off(`focus`,Y)});function Y(){$(),Q()}function X(e=``){B.value=e,c(()=>Q())}async function Z(){if(!F.createTag)return;let e=B.value;try{let t=await F.createTag(e);I(`update:modelValue`,[...F.modelValue,t.id]),B.value=``}catch(t){P(t,N.baseText(`tagsDropdown.showError.title`),N.baseText(`tagsDropdown.showError.message`,{interpolate:{name:e}}))}}function ee(e){let t=e.find(e=>e===A),n=e.find(e=>e===j);t?(B.value=``,I(`manage-tags`),I(`blur`)):n?Z():setTimeout(()=>{H.value||I(`update:modelValue`,e),H.value=!1},0)}function Q(){z.value?.$el?z.value.$el.dispatchEvent(new Event(`mouseenter`)):R.value?.[0]?.$el&&R.value[0].$el.dispatchEvent(new Event(`mouseenter`))}function $(){L.value&&(L.value.focusOnInput(),V.value=!0)}function te(e){e?V.value=!0:(B.value=``,V.value=!1)}function ne(){c(()=>{$()})}return x(U,()=>{I(`blur`)},{ignore:[`.tags-dropdown-${W}`,`#tags-manager-modal`],detectIframe:!0}),(r,a)=>(e(),n(`div`,{ref_key:`container`,ref:U,class:f(q.value),onKeydown:a[0]||=m(()=>{},[`stop`])},[h(l(C),{ref_key:`selectRef`,ref:L,teleported:!0,"model-value":K.value,loading:i.isLoading,placeholder:i.placeholder,"filter-method":X,filterable:``,multiple:``,"multiple-limit":F.multipleLimit,"reserve-keyword":!1,"loading-text":`...`,"popper-class":J.value,"data-test-id":`tags-dropdown`,"onUpdate:modelValue":ee,onVisibleChange:te,onRemoveTag:ne},{default:y(()=>[i.createEnabled&&G.value.length===0&&B.value?(e(),v(l(w),{key:j,ref_key:`createRef`,ref:z,value:j,class:`ops`},{default:y(()=>[h(l(S),{icon:`circle-plus`}),t(`span`,null,o(l(N).baseText(F.createTagI18nKey,{interpolate:{filter:B.value}})),1)]),_:1})):G.value.length===0?(e(),v(l(w),{key:1,value:`message`,disabled:``},{default:y(()=>[i.createEnabled?(e(),n(`span`,D,o(l(N).baseText(`tagsDropdown.typeToCreateATag`)),1)):i.allTags.length>0?(e(),n(`span`,O,o(l(N).baseText(`tagsDropdown.noMatchingTagsExist`)),1)):(e(),n(`span`,k,o(l(N).baseText(`tagsDropdown.noTagsExist`)),1))]),_:1})):s(``,!0),(e(!0),n(d,null,_(G.value,(t,n)=>(e(),v(l(w),{key:t.id+`_`+n,ref_for:!0,ref_key:`tagRefs`,ref:R,value:t.id,label:t.name,class:`tag`,"data-test-id":`tag`},null,8,[`value`,`label`]))),128)),i.manageEnabled?(e(),v(l(w),{key:A,value:A,class:`ops manage-tags`},{default:y(()=>[h(l(S),{icon:`cog`}),t(`span`,null,o(l(N).baseText(`tagsDropdown.manageTags`)),1)]),_:1})):s(``,!0)]),_:1},8,[`model-value`,`loading`,`placeholder`,`multiple-limit`,`popper-class`])],34))}});export{M as t};
//# sourceMappingURL=TagsDropdown-CjIyeLLO.js.map