UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

2 lines 4.4 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.13.4`}}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]=`b714e2d1-e1de-4fc8-9c2e-697bb90b9e3a`,e._sentryDebugIdIdentifier=`sentry-dbid-b714e2d1-e1de-4fc8-9c2e-697bb90b9e3a`)})()}catch{}import{$ as e,A as t,C as n,E as r,K as i,N as a,S as o,Sn as s,T as c,Wt as l,_n as u,gt as d,it as f,j as p,w as m,yt as h}from"./vue.runtime.esm-bundler-D9KLAxvJ.js";import{bt as g}from"./_MapCache-CUJwh2qp.js";import{Mi as _,Qi as v,Ut as y,W as b,lt as x,vt as S}from"./src-wni2AGA3.js";import{t as C}from"./_plugin-vue_export-helper-Dm3nT7Ps.js";import{Ft as w}from"./users.store-BHWXXawf.js";import{pl as T}from"./constants-CIP7tKq1.js";import{t as E}from"./EnterpriseEdition.ee-B8ZRsjsp.js";import{t as D}from"./ProjectSharing-XbSSp3Qv.js";var O=C(a({__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(a,{emit:C}){let O=a,k=C,A=w(),j=g(),M=o({get:()=>A.availableProjects.find(e=>e.id===O.modelValue.homeProject)??null,set:e=>F(`homeProject`,e?.id??``)}),N=o(()=>{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}),P=o(()=>N.value>0),F=(e,t)=>{k(`update:modelValue`,{...O.modelValue,[e]:t})},I=()=>{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)}M.value=null},L=o(()=>!P.value);return d(N,e=>{k(`update:filtersLength`,e)}),i(async()=>{await A.getAvailableProjects()}),(i,o)=>(e(),m(l(b),{width:`304px`,"content-class":i.$style[`popover-content`],align:`end`},{trigger:h(()=>[n(`span`,{class:u(i.$style[`trigger-wrapper`])},[p(l(_),null,{content:h(()=>[...o[2]||=[t(` Filters `,-1)]]),default:h(()=>[p(l(v),{variant:`outline`,icon:`funnel`,size:`medium`,iconOnly:L.value,active:P.value,"aria-label":l(j).baseText(`forms.resourceFiltersDropdown.filters`),class:u({[i.$style[`filter-button`]]:!0,[i.$style[`no-label`]]:a.justIcon&&N.value===0}),"data-test-id":`resources-list-filters-trigger`},{default:h(()=>[N.value>0?(e(),m(l(y),{key:0,class:u(i.$style[`filter-button-count`]),"data-test-id":`resources-list-filters-count`,theme:`primary`},{default:h(()=>[t(s(N.value),1)]),_:1},8,[`class`])):c(``,!0),a.justIcon?c(``,!0):(e(),r(`span`,{key:1,class:u(i.$style[`filter-button-text`])},s(l(j).baseText(`forms.resourceFiltersDropdown.filters`)),3))]),_:1},8,[`iconOnly`,`active`,`aria-label`,`class`])]),_:1})],2)]),content:h(()=>[n(`div`,{class:u(i.$style[`filters-dropdown`]),"data-test-id":`resources-list-filters-dropdown`},[f(i.$slots,`default`,{filters:a.modelValue,setKeyValue:F}),a.shareable&&l(A).isProjectHome?(e(),m(E,{key:0,features:[l(T).Sharing]},{default:h(()=>[p(l(S),{label:l(j).baseText(`forms.resourceFiltersDropdown.owner`),bold:!1,size:`small`,color:`text-base`,class:`mb-3xs`},null,8,[`label`]),p(D,{modelValue:M.value,"onUpdate:modelValue":[o[0]||=e=>M.value=e,o[1]||=e=>F(`homeProject`,e.id)],projects:l(A).availableProjects,placeholder:l(j).baseText(`forms.resourceFiltersDropdown.owner.placeholder`),"empty-options-text":l(j).baseText(`projects.sharing.noMatchingProjects`)},null,8,[`modelValue`,`projects`,`placeholder`,`empty-options-text`])]),_:1},8,[`features`])):c(``,!0),P.value?(e(),r(`div`,{key:1,class:u([i.$style[`filters-dropdown-footer`],`mt-s`])},[p(l(x),{onClick:I},{default:h(()=>[t(s(l(j).baseText(`forms.resourceFiltersDropdown.reset`)),1)]),_:1})],2)):c(``,!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-xUxdFA2c.js.map