UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

2 lines 4.34 kB
(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]=`0818f237-6afa-4dd3-8cb7-b6777679662f`,e._sentryDebugIdIdentifier=`sentry-dbid-0818f237-6afa-4dd3-8cb7-b6777679662f`)})()}catch{}import{$ as e,A as t,C as n,E as r,N as i,S as a,Sn as o,T as s,Wt as c,_n as l,gt as u,it as d,j as f,w as p,yt as m}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{at as h}from"./core-Bz5WjPxS.js";import{Di as g,F as _,Ft as v,Zi as y,tt as b,ut as x}from"./src-XqE2yCpG.js";import{t as S}from"./_plugin-vue_export-helper-CIL7EULb.js";import{ai as C,ri as w}from"./users.store-xP93bV7X.js";import{Qc as T}from"./constants-DuQbSl-q.js";import{t as E}from"./EnterpriseEdition.ee-XJSQJMJ_.js";import{t as D}from"./ProjectSharing-Bd5m-jW4.js";var O=S(i({__name:`ResourceFiltersDropdown`,props:{modelValue:{default:()=>({})},keys:{default:()=>[]},shareable:{type:Boolean,default:!0},reset:{type:Function,default:()=>{}},justIcon:{type:Boolean,default:!1}},emits:[`update:modelValue`,`update:filtersLength`],setup(i,{emit:S}){let O=i,k=S,A=C(),j=h(),M=w(),N=a({get:()=>A.availableProjects.find(e=>e.id===O.modelValue.homeProject)??null,set:e=>{I(`homeProject`,e?.id??``)}}),P=a(()=>{let e=0;return O.keys.forEach(t=>{if(t===`search`)return;let n=O.modelValue[t];n===!0&&(e+=1),Array.isArray(n)&&n.length&&(e+=1),typeof n==`string`&&n!==``&&(e+=1)}),e}),F=a(()=>P.value>0),I=(e,t)=>{k(`update:modelValue`,{...O.modelValue,[e]:t})},L=()=>{if(O.reset)O.reset();else{let e={...O.modelValue};O.keys.forEach(t=>{e[t]=Array.isArray(O.modelValue[t])?[]:``}),k(`update:modelValue`,e)}N.value=null},R=a(()=>!F.value);return u(P,e=>{k(`update:filtersLength`,e)}),(a,u)=>(e(),p(c(_),{width:`304px`,"content-class":a.$style[`popover-content`],align:`end`},{trigger:m(()=>[n(`span`,{class:l(a.$style[`trigger-wrapper`])},[f(c(g),null,{content:m(()=>[...u[2]||=[t(` Filters `,-1)]]),default:m(()=>[f(c(y),{variant:`outline`,icon:`funnel`,size:`medium`,iconOnly:R.value,active:F.value,"aria-label":c(j).baseText(`forms.resourceFiltersDropdown.filters`),class:l({[a.$style[`filter-button`]]:!0,[a.$style[`no-label`]]:i.justIcon&&P.value===0}),"data-test-id":`resources-list-filters-trigger`},{default:m(()=>[P.value>0?(e(),p(c(v),{key:0,class:l(a.$style[`filter-button-count`]),"data-test-id":`resources-list-filters-count`,theme:`primary`},{default:m(()=>[t(o(P.value),1)]),_:1},8,[`class`])):s(``,!0),i.justIcon?s(``,!0):(e(),r(`span`,{key:1,class:l(a.$style[`filter-button-text`])},o(c(j).baseText(`forms.resourceFiltersDropdown.filters`)),3))]),_:1},8,[`iconOnly`,`active`,`aria-label`,`class`])]),_:1})],2)]),content:m(()=>[n(`div`,{class:l(a.$style[`filters-dropdown`]),"data-test-id":`resources-list-filters-dropdown`},[d(a.$slots,`default`,{filters:i.modelValue,setKeyValue:I}),i.shareable&&c(A).isProjectHome?(e(),p(E,{key:0,features:[c(T).Sharing]},{default:m(()=>[f(c(x),{label:c(j).baseText(`forms.resourceFiltersDropdown.owner`),bold:!1,size:`small`,color:`text-base`,class:`mb-3xs`},null,8,[`label`]),f(D,{modelValue:N.value,"onUpdate:modelValue":[u[0]||=e=>N.value=e,u[1]||=e=>I(`homeProject`,e.id)],"search-fn":c(M),placeholder:c(j).baseText(`forms.resourceFiltersDropdown.owner.placeholder`),"empty-options-text":c(j).baseText(`projects.sharing.noMatchingProjects`)},null,8,[`modelValue`,`search-fn`,`placeholder`,`empty-options-text`])]),_:1},8,[`features`])):s(``,!0),F.value?(e(),r(`div`,{key:1,class:l([a.$style[`filters-dropdown-footer`],`mt-s`])},[f(c(b),{onClick:L},{default:m(()=>[t(o(c(j).baseText(`forms.resourceFiltersDropdown.reset`)),1)]),_:1})],2)):s(``,!0)],2)]),_:3},8,[`content-class`]))}}),[[`__cssModules`,{$style:{"filter-button":`_filter-button_qmehf_125`,"filter-button-count":`_filter-button-count_qmehf_125`,"filter-button-text":`_filter-button-text_qmehf_130`,"filters-dropdown-footer":`_filters-dropdown-footer_qmehf_138`,"popover-content":`_popover-content_qmehf_144`,"trigger-wrapper":`_trigger-wrapper_qmehf_148`}}]]);export{O as t}; //# sourceMappingURL=ResourceFiltersDropdown-BV4QI37D.js.map