n8n-editor-ui/dist/assets/TagsDropdown-legacy-gwnXmOWc.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.13.4"}}catch(e){}}(),System.register(["./vue.runtime.esm-bundler-legacy-IafOlCW8.js","./_MapCache-legacy-DwgdC8YO.js","./src-legacy-Dwzr7bD0.js","./users.store-legacy-OKuN0qAC.js","./constants-legacy-DNCca_FT.js"],(function(e,a){var t,o,l,n,r,d,s,i,g,u,c,p,f,v,m,b,h,w,y,x,T,_,E,k,D,I,$,V,B,C,L,j,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,b=e.j,h=e.q,w=e.rt,y=e.w,x=e.yt},function(e){T=e.bt,_=e.g},function(e){E=e.$i,k=e.Et,D=e.Tt},function(e){I=e.Tr,e.no},function(e){$=e.Uo}],execute:function(){(V=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(V);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]="2c4b49af-b1f5-4d65-ae7a-ed6afc33ac52",a._sentryDebugIdIdentifier="sentry-dbid-2c4b49af-b1f5-4d65-ae7a-ed6afc33ac52")}catch(a){}var a,z;B={key:0},C={key:1},L={key:2},j="__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=T(),{showError:V}=I(),S=e,z=a,A=n(),K=n(),F=n(),M=n(""),N=n(!1),U=n(!1),W=n(),q=$(),H=d((()=>S.allTags.filter((e=>e&&e.name.toLowerCase().includes(M.value.toLowerCase()))))),O=d((()=>S.modelValue.filter((e=>S.tagsById[e])))),X=d((()=>({"tags-container":!0,focused:N.value}))),Y=d((()=>["tags-dropdown",`tags-dropdown-${q}`,S.createEnabled?"tags-dropdown-create-enabled":"",S.manageEnabled?"tags-dropdown-manage-enabled":""].join(" ")));function G(){Z(),Q()}function J(e=""){M.value=e,g((()=>Q()))}function P(e){const a=e.find((e=>e===j)),t=e.find((e=>e===R));a?(M.value="",z("manage-tags"),z("blur")):t?async function(){if(!S.createTag)return;const e=M.value;try{const a=await S.createTag(e);z("update:modelValue",[...S.modelValue,a.id]),M.value=""}catch(a){V(a,r.baseText("tagsDropdown.showError.title"),r.baseText("tagsDropdown.showError.message",{interpolate:{name:e}}))}}():setTimeout((()=>{U.value||z("update:modelValue",e),U.value=!1}),0)}function Q(){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(),N.value=!0)}function ee(e){e?N.value=!0:(M.value="",N.value=!1)}function ae(){g((()=>{Z()}))}return v((()=>S.allTags),(()=>{S.modelValue.length!==O.value.length&&z("update:modelValue",O.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===M.value.length&&(U.value=!0,z("blur"),"function"==typeof A.value?.blur&&A.value.blur())})))}S.eventBus?.on("focus",G)})),h((()=>{S.eventBus?.off("focus",G)})),_(W,(()=>{z("blur")}),{ignore:[`.tags-dropdown-${q}`,"#tags-manager-modal"],detectIframe:!0}),(a,n)=>(t(),l("div",{ref_key:"container",ref:W,class:f(X.value),onKeydown:n[0]||(n[0]=m((()=>{}),["stop"]))},[b(u(D),{ref_key:"selectRef",ref:A,teleported:!0,"model-value":O.value,loading:e.isLoading,placeholder:e.placeholder,"filter-method":J,filterable:"",multiple:"","multiple-limit":S.multipleLimit,"reserve-keyword":!1,"loading-text":"...","popper-class":Y.value,"data-test-id":"tags-dropdown","onUpdate:modelValue":P,onVisibleChange:ee,onRemoveTag:ae},{default:x((()=>[e.createEnabled&&0===H.value.length&&M.value?(t(),y(u(k),{key:R,ref_key:"createRef",ref:F,value:R,class:"ops"},{default:x((()=>[b(u(E),{icon:"circle-plus"}),o("span",null,s(u(r).baseText(S.createTagI18nKey,{interpolate:{filter:M.value}})),1)])),_:1})):0===H.value.length?(t(),y(u(k),{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",C,s(u(r).baseText("tagsDropdown.noMatchingTagsExist")),1)):(t(),l("span",L,s(u(r).baseText("tagsDropdown.noTagsExist")),1))])),_:1})):i("",!0),(t(!0),l(p,null,w(H.value,((e,a)=>(t(),y(u(k),{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(k),{key:j,value:j,class:"ops manage-tags"},{default:x((()=>[b(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-gwnXmOWc.js.map