n8n-editor-ui/dist/assets/TagsDropdown-legacy-As2ySl6k.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","./users.store-legacy-azRUgFdP.js","./constants-legacy-2_ytuuS3.js"],(function(e,a){var t,o,l,n,r,d,s,i,g,u,c,p,f,v,m,h,w,b,y,x,_,T,E,k,D,I,V,$,B,L,j,C,R,S;return{setters:[function(e){t=e.$,o=e.C,l=e.E,n=e.Ft,r=e.N,d=e.S,s=e.Sn,i=e.T,g=e.W,u=e.Wt,c=e.X,p=e._,f=e._n,v=e.gt,m=e.h,h=e.j,w=e.q,b=e.rt,y=e.w,x=e.yt},function(e){_=e.at,T=e.n},function(e){E=e.Qi,k=e._t,D=e.vt},function(e){I=e.Pn},function(e){V=e.Eo}],execute:function(){($=document.createElement("style")).textContent='.tags-container .el-select-tags-wrapper .el-tag{max-height:60px;overflow-x:hidden;overflow-y:scroll}.tags-container .el-select-tags-wrapper input{max-height:60px}.tags-container .el-tag,.tags-container .el-tag.el-tag--info{height:var(--tag--height);padding:var(--tag--padding);line-height:var(--tag--line-height);color:var(--tag--color--text);background-color:var(--tag--color--background);border:1px solid var(--tag--border-color);border-radius:var(--tag--radius);font-size:var(--tag--font-size)}.tags-container .el-tag .el-tag__close,.tags-container .el-tag.el-tag--info .el-tag__close{max-width:14px;max-height:14px;line-height:14px}.tags-container .el-tag .el-tag__close:hover,.tags-container .el-tag.el-tag--info .el-tag__close:hover{color:var(--color--primary--shade-1);background-color:transparent!important}.tags-dropdown{max-width:224px;min-width:224px!important}.tags-dropdown .el-tag{white-space:normal}.tags-dropdown .el-scrollbar{max-height:266px;position:relative}.tags-dropdown .el-scrollbar>div{overflow:auto;margin-bottom:0!important}.tags-dropdown .el-scrollbar ul{max-height:228px;padding:0}.tags-dropdown .el-scrollbar ul ::-webkit-scrollbar{display:none}.tags-dropdown-manage-enabled .tags-dropdown .el-scrollbar:after{content:" ";width:224px;min-height:38px;padding:10px 20px;display:block}.tags-dropdown .el-scrollbar ::-webkit-scrollbar-thumb{display:none}.tags-dropdown li{background-color:var(--color--foreground--tint-2);height:38px;line-height:18px;font-weight:var(--font-weight--regular);margin:0;padding:10px 20px;font-size:14px}.tags-dropdown li.is-disabled{color:var(--color--text--tint-1);cursor:default}.tags-dropdown li.selected{font-weight:var(--font-weight--bold)}.tags-dropdown li.selected>span{text-overflow:ellipsis;width:calc(100% - 14px);display:inline-block;overflow:hidden}.tags-dropdown li.selected:after{font-size:14px!important}.tags-dropdown li.ops{color:var(--color--primary);cursor:pointer}.tags-dropdown li.ops :first-child{margin-right:5px}.tags-dropdown li.tag{border-top:none}.tags-dropdown li.manage-tags{border-top:1px solid var(--color--foreground);min-width:224px;position:absolute;bottom:0}\n/*$vite$:1*/',document.head.appendChild($);try{a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(z=(new a.Error).stack)&&(a._sentryDebugIds=a._sentryDebugIds||{},a._sentryDebugIds[z]="1a01dea5-8692-4903-9146-b3e219057acd",a._sentryDebugIdIdentifier="sentry-dbid-1a01dea5-8692-4903-9146-b3e219057acd")}catch(a){}var a,z;B={key:0},L={key:1},j={key:2},C="__manage",R="__create",S=r({__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(e,{emit:a}){const r=_(),{showError:$}=I(),S=e,z=a,A=n(),K=n(),F=n(),N=n(""),W=n(!1),q=n(!1),M=n(),O=V(),P=d((()=>S.allTags.filter((e=>e&&e.name.toLowerCase().includes(N.value.toLowerCase()))))),Q=d((()=>S.modelValue.filter((e=>S.tagsById[e])))),U=d((()=>({"tags-container":!0,focused:W.value}))),X=d((()=>["tags-dropdown",`tags-dropdown-${O}`,S.createEnabled?"tags-dropdown-create-enabled":"",S.manageEnabled?"tags-dropdown-manage-enabled":""].join(" ")));function Y(){Z(),J()}function G(e=""){N.value=e,g((()=>J()))}function H(e){const a=e.find((e=>e===C)),t=e.find((e=>e===R));a?(N.value="",z("manage-tags"),z("blur")):t?async function(){if(!S.createTag)return;const e=N.value;try{const a=await S.createTag(e);z("update:modelValue",[...S.modelValue,a.id]),N.value=""}catch(a){$(a,r.baseText("tagsDropdown.showError.title"),r.baseText("tagsDropdown.showError.message",{interpolate:{name:e}}))}}():setTimeout((()=>{q.value||z("update:modelValue",e),q.value=!1}),0)}function J(){F.value?.$el?F.value.$el.dispatchEvent(new Event("mouseenter")):K.value?.[0]?.$el&&K.value[0].$el.dispatchEvent(new Event("mouseenter"))}function Z(){A.value&&(A.value.focusOnInput(),W.value=!0)}function ee(e){e?W.value=!0:(N.value="",W.value=!1)}function ae(){g((()=>{Z()}))}return v((()=>S.allTags),(()=>{S.modelValue.length!==Q.value.length&&z("update:modelValue",Q.value)})),c((()=>{const e=A.value?.innerSelect;if(e){const a=e.$refs.input;a&&(a.setAttribute("maxlength","24"),a.addEventListener("keydown",(e=>{const a=e;"Escape"===a.key?z("esc"):"Enter"===a.key&&0===N.value.length&&(q.value=!0,z("blur"),"function"==typeof A.value?.blur&&A.value.blur())})))}S.eventBus?.on("focus",Y)})),w((()=>{S.eventBus?.off("focus",Y)})),T(M,(()=>{z("blur")}),{ignore:[`.tags-dropdown-${O}`,"#tags-manager-modal"],detectIframe:!0}),(a,n)=>(t(),l("div",{ref_key:"container",ref:M,class:f(U.value),onKeydown:n[0]||(n[0]=m((()=>{}),["stop"]))},[h(u(k),{ref_key:"selectRef",ref:A,teleported:!0,"model-value":Q.value,loading:e.isLoading,placeholder:e.placeholder,"filter-method":G,filterable:"",multiple:"","multiple-limit":S.multipleLimit,"reserve-keyword":!1,"loading-text":"...","popper-class":X.value,"data-test-id":"tags-dropdown","onUpdate:modelValue":H,onVisibleChange:ee,onRemoveTag:ae},{default:x((()=>[e.createEnabled&&0===P.value.length&&N.value?(t(),y(u(D),{key:R,ref_key:"createRef",ref:F,value:R,class:"ops"},{default:x((()=>[h(u(E),{icon:"circle-plus"}),o("span",null,s(u(r).baseText(S.createTagI18nKey,{interpolate:{filter:N.value}})),1)])),_:1})):0===P.value.length?(t(),y(u(D),{key:1,value:"message",disabled:""},{default:x((()=>[e.createEnabled?(t(),l("span",B,s(u(r).baseText("tagsDropdown.typeToCreateATag")),1)):e.allTags.length>0?(t(),l("span",L,s(u(r).baseText("tagsDropdown.noMatchingTagsExist")),1)):(t(),l("span",j,s(u(r).baseText("tagsDropdown.noTagsExist")),1))])),_:1})):i("",!0),(t(!0),l(p,null,b(P.value,((e,a)=>(t(),y(u(D),{key:e.id+"_"+a,ref_for:!0,ref_key:"tagRefs",ref:K,value:e.id,label:e.name,class:"tag","data-test-id":"tag"},null,8,["value","label"])))),128)),e.manageEnabled?(t(),y(u(D),{key:C,value:C,class:"ops manage-tags"},{default:x((()=>[h(u(E),{icon:"cog"}),o("span",null,s(u(r).baseText("tagsDropdown.manageTags")),1)])),_:1})):i("",!0)])),_:1},8,["model-value","loading","placeholder","multiple-limit","popper-class"])],34))}}),e("t",S)}}}));
//# sourceMappingURL=TagsDropdown-legacy-As2ySl6k.js.map