n8n-editor-ui/dist/assets/Modal-gWM7cVuX.js

Workflow Editor UI for n8n

(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]=`6bbd6b26-6b1a-4a4c-a42e-9ea9cb0c5c3b`,e._sentryDebugIdIdentifier=`sentry-dbid-6bbd6b26-6b1a-4a4c-a42e-9ea9cb0c5c3b`)})()}catch{}import"./chunk-CACdhNlC.js";import{$ as e,A as t,C as n,E as r,N as i,O as a,S as o,Sn as s,T as c,U as l,Wt as u,X as d,_n as f,h as p,it as m,j as h,m as g,q as _,vn as v,w as y,yn as b,yt as x}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{Ji as S,k as C}from"./src-XqE2yCpG.js";import{t as w}from"./_plugin-vue_export-helper-CIL7EULb.js";import{Fn as T,r as E}from"./users.store-xP93bV7X.js";import{t as D}from"./dialog-Bs3PLrml.js";import{w as O}from"./constants-DuQbSl-q.js";var k={key:0},A=w(i({__name:`Modal`,props:{name:{},title:{default:``},subtitle:{default:``},eventBus:{},showClose:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},classic:{type:Boolean,default:!1},beforeClose:{},customClass:{default:``},center:{type:Boolean,default:!0},width:{default:`50%`},minWidth:{},maxWidth:{},height:{},minHeight:{},maxHeight:{},scrollable:{type:Boolean,default:!1},centerTitle:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0}},emits:[`enter`],setup(i,{emit:w}){let A=i,j=w,{APP_Z_INDEXES:M}=T(),N=o(()=>{let e={};return A.height&&(e[`--dialog--height`]=A.height),A.minHeight&&(e[`--dialog--min-height`]=A.minHeight),A.maxHeight&&(e[`--dialog--max-height`]=A.maxHeight),A.maxWidth&&(e[`--dialog--max-width`]=A.maxWidth),A.minWidth&&(e[`--dialog--min-width`]=A.minWidth),e}),P=`#${O}`;d(()=>{window.addEventListener(`keydown`,R),A.eventBus?.on(`close`,z);let e=document.activeElement;e&&F.modalsById[A.name]?.open&&e.blur()}),_(()=>{A.eventBus?.off(`close`,z),window.removeEventListener(`keydown`,R)});let F=E();function I(){F.isModalActiveById[A.name]&&j(`enter`)}function L(){A.eventBus?.emit(`opened`)}function R(e){e?.keyCode===13&&I()}async function z(e){A.beforeClose&&await A.beforeClose()===!1||(F.closeModal(A.name),A.eventBus?.emit(`closed`,e))}async function B(){await z()}function V(){let e=A.customClass||``;return A.classic&&(e=`${e} classic`),e}return(o,d)=>(e(),y(u(D),{"model-value":u(F).modalsById[i.name]?.open,"before-close":B,class:f({"dialog-wrapper":!0,scrollable:i.scrollable,[V()]:!0}),center:i.center,width:i.width,"show-close":i.showClose,"close-on-click-modal":i.closeOnClickModal,"close-on-press-escape":i.closeOnPressEscape,style:b(N.value),"append-to":i.appendToBody?void 0:P,"lock-scroll":i.lockScroll,"append-to-body":i.appendToBody,"data-test-id":`${i.name}-modal`,"modal-class":i.center?o.$style.center:``,"z-index":u(M).MODALS,onOpened:L},a({default:x(()=>[n(`div`,{class:`modal-content`,onKeydown:[d[0]||=p(()=>{},[`stop`]),g(I,[`enter`]),g(B,[`esc`])]},[i.loading?(e(),r(`div`,{key:1,class:f(o.$style.loader)},[h(u(C))],2)):m(o.$slots,`content`,{key:0})],32),!i.loading&&o.$slots.footer?(e(),r(`div`,{key:0,class:f(o.$style.footer)},[m(o.$slots,`footer`,{close:z})],2)):c(``,!0)]),_:2},[o.$slots.header?{name:`header`,fn:x(()=>[i.loading?c(``,!0):m(o.$slots,`header`,v(l({key:0},{closeDialog:z})))]),key:`0`}:i.title?{name:`title`,fn:x(()=>[n(`div`,{class:f(i.centerTitle?o.$style.centerTitle:``)},[i.title?(e(),r(`div`,k,[h(u(S),{tag:`h1`,size:`xlarge`},{default:x(()=>[t(s(i.title),1)]),_:1})])):c(``,!0),i.subtitle?(e(),r(`div`,{key:1,class:f(o.$style.subtitle)},[h(u(S),{tag:`h3`,size:`small`,color:`text-light`},{default:x(()=>[t(s(i.subtitle),1)]),_:1})],2)):c(``,!0)],2)]),key:`1`}:void 0]),1032,[`model-value`,`class`,`center`,`width`,`show-close`,`close-on-click-modal`,`close-on-press-escape`,`style`,`append-to`,`lock-scroll`,`append-to-body`,`data-test-id`,`modal-class`,`z-index`]))}}),[[`__cssModules`,{$style:{center:`_center_rhxla_125`,loader:`_loader_rhxla_129`,centerTitle:`_centerTitle_rhxla_138`,subtitle:`_subtitle_rhxla_142`,footer:`_footer_rhxla_146`}}]]);export{A as t};
//# sourceMappingURL=Modal-gWM7cVuX.js.map