n8n-editor-ui/dist/assets/Modal-CfEU2AWh.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.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]=`3db6ae6f-dae6-4df1-9162-77eec655336c`,e._sentryDebugIdIdentifier=`sentry-dbid-3db6ae6f-dae6-4df1-9162-77eec655336c`)})()}catch{}import{o as e}from"./chunk-DxpFCn6T.js";import{$ as t,A as n,C as r,E as i,N as a,O as o,S as s,Sn as c,T as l,U as u,Wt as d,X as f,_n as p,h as m,it as h,j as g,m as _,q as v,vn as y,w as b,yn as x,yt as S}from"./vue.runtime.esm-bundler-D9KLAxvJ.js";import{R as C,Yi as w}from"./src-wni2AGA3.js";import{t as T}from"./_plugin-vue_export-helper-Dm3nT7Ps.js";import{Er as E,r as D}from"./users.store-BHWXXawf.js";import{t as O}from"./dialog-DkHaT5V1.js";import{D as k}from"./constants-CIP7tKq1.js";var A={key:0},j=T(a({__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(e,{emit:a}){let T=e,j=a,{APP_Z_INDEXES:M}=E(),N=s(()=>{let e={};return T.height&&(e[`--dialog--height`]=T.height),T.minHeight&&(e[`--dialog--min-height`]=T.minHeight),T.maxHeight&&(e[`--dialog--max-height`]=T.maxHeight),T.maxWidth&&(e[`--dialog--max-width`]=T.maxWidth),T.minWidth&&(e[`--dialog--min-width`]=T.minWidth),e}),P=`#${k}`;f(()=>{window.addEventListener(`keydown`,R),T.eventBus?.on(`close`,z);let e=document.activeElement;e&&F.modalsById[T.name]?.open&&e.blur()}),v(()=>{T.eventBus?.off(`close`,z),window.removeEventListener(`keydown`,R)});let F=D();function I(){F.isModalActiveById[T.name]&&j(`enter`)}function L(){T.eventBus?.emit(`opened`)}function R(e){e?.keyCode===13&&I()}async function z(e){T.beforeClose&&await T.beforeClose()===!1||(F.closeModal(T.name),T.eventBus?.emit(`closed`,e))}async function B(){await z()}function V(){let e=T.customClass||``;return T.classic&&(e=`${e} classic`),e}return(a,s)=>(t(),b(d(O),{"model-value":d(F).modalsById[e.name]?.open,"before-close":B,class:p({"dialog-wrapper":!0,scrollable:e.scrollable,[V()]:!0}),center:e.center,width:e.width,"show-close":e.showClose,"close-on-click-modal":e.closeOnClickModal,"close-on-press-escape":e.closeOnPressEscape,style:x(N.value),"append-to":e.appendToBody?void 0:P,"lock-scroll":e.lockScroll,"append-to-body":e.appendToBody,"data-test-id":`${e.name}-modal`,"modal-class":e.center?a.$style.center:``,"z-index":d(M).MODALS,onOpened:L},o({default:S(()=>[r(`div`,{class:`modal-content`,onKeydown:[s[0]||=m(()=>{},[`stop`]),_(I,[`enter`]),_(B,[`esc`])]},[e.loading?(t(),i(`div`,{key:1,class:p(a.$style.loader)},[g(d(C))],2)):h(a.$slots,`content`,{key:0})],32),!e.loading&&a.$slots.footer?(t(),i(`div`,{key:0,class:p(a.$style.footer)},[h(a.$slots,`footer`,{close:z})],2)):l(``,!0)]),_:2},[a.$slots.header?{name:`header`,fn:S(()=>[e.loading?l(``,!0):h(a.$slots,`header`,y(u({key:0},{closeDialog:z})))]),key:`0`}:e.title?{name:`title`,fn:S(()=>[r(`div`,{class:p(e.centerTitle?a.$style.centerTitle:``)},[e.title?(t(),i(`div`,A,[g(d(w),{tag:`h1`,size:`xlarge`},{default:S(()=>[n(c(e.title),1)]),_:1})])):l(``,!0),e.subtitle?(t(),i(`div`,{key:1,class:p(a.$style.subtitle)},[g(d(w),{tag:`h3`,size:`small`,color:`text-light`},{default:S(()=>[n(c(e.subtitle),1)]),_:1})],2)):l(``,!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{j as t};
//# sourceMappingURL=Modal-CfEU2AWh.js.map