UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

2 lines 36.2 kB
!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(["./chunk-legacy-TXBRODOR.js","./vue.runtime.esm-bundler-legacy-IafOlCW8.js","./_MapCache-legacy-DwgdC8YO.js","./src-legacy-Dwzr7bD0.js","./_plugin-vue_export-helper-legacy-DEZAmQqp.js","./sanitize-html-legacy-ChR3ikxn.js","./_initCloneObject-legacy-CLqotCTZ.js","./users.store-legacy-OKuN0qAC.js","./radio-legacy-BF5M5zI6.js","./constants-legacy-DNCca_FT.js","./merge-legacy-uu1aGqHK.js","./_baseOrderBy-legacy-PsQY_Pvh.js","./dateformat-legacy-BxdD_OP7.js","./useDebounce-legacy-CT3oYGrC.js","./dataTable.store-legacy-CvwqAgvm.js","./Modal-legacy-D-vb8tRz.js"],(function(e,t){var a,l,o,r,n,s,i,u,c,d,p,m,f,v,b,y,g,_,h,x,k,w,T,$,j,C,E,S,F,R,L,N,U,D,I,A,O,M,P,V,B,W,z,H,G,q,K,X,J,Q,Y,Z,ee,te,ae,le,oe,re,ne,se,ie,ue,ce,de,pe,me,fe,ve,be,ye,ge,_e,he,xe,ke,we,Te,$e,je,Ce,Ee,Se,Fe,Re,Le,Ne,Ue,De,Ie,Ae,Oe,Me,Pe,Ve,Be,We,ze,He,Ge,qe,Ke,Xe,Je,Qe,Ye,Ze,et,tt,at,lt,ot,rt,nt,st,it,ut,ct,dt,pt,mt,ft,vt,bt,yt,gt,_t,ht,xt,kt,wt,Tt,$t,jt,Ct,Et,St,Ft,Rt,Lt,Nt,Ut,Dt,It,At,Ot,Mt,Pt,Vt,Bt,Wt,zt,Ht,Gt,qt,Kt,Xt,Jt,Qt,Yt,Zt,ea,ta,aa,la,oa,ra,na,sa,ia,ua,ca,da,pa,ma,fa,va,ba,ya,ga,_a,ha,xa,ka,wa,Ta,$a,ja,Ca,Ea,Sa,Fa,Ra,La,Na,Ua,Da,Ia,Aa,Oa,Ma,Pa,Va,Ba,Wa,za,Ha;function Ga(e,t){for(var a=-1,l=null==e?0:e.length;++a<l&&!1!==t(e[a],a,e););return e}function qa(e,t){return e&&Be(t,se(t),e)}function Ka(e,t){return e&&Be(t,Pe(t),e)}function Xa(e,t){return Be(e,Q(e),t)}function Ja(e,t){return Be(e,st(e),t)}function Qa(e){return K(e,Pe,st)}function Ya(e){var t=e.length,a=new e.constructor(t);return t&&"string"==typeof e[0]&&ct.call(e,"index")&&(a.index=e.index,a.input=e.input),a}function Za(e,t){var a=t?Ve(e.buffer):e.buffer;return new e.constructor(a,e.byteOffset,e.byteLength)}function el(e){var t=new e.constructor(e.source,mt.exec(e));return t.lastIndex=e.lastIndex,t}function tl(e){return bt?Object(bt.call(e)):{}}function al(e,t,a){var l=e.constructor;switch(t){case jt:return Ve(e);case gt:case _t:return new l(+e);case Ct:return pt(e,a);case Et:case St:case Ft:case Rt:case Lt:case Nt:case Ut:case Dt:case It:return Me(e,a);case ht:return new l;case xt:case Tt:return new l(e);case kt:return ft(e);case wt:return new l;case $t:return yt(e)}}function ll(e){return Se(e)&&ee(e)==Ot}function ol(e){return Se(e)&&ee(e)==Wt}function rl(e,t,a,l,o,r){var n,s=t&Kt,i=t&Xt,u=t&Jt;if(a&&(n=o?a(e,l,o,r):a(e)),void 0!==n)return n;if(!Ce(e))return e;var c=ve(e);if(c){if(n=dt(e),!s)return Ae(e,n)}else{var d=ee(e),p=d==Yt||d==Zt;if(ie(e))return Oe(e,s);if(d==ea||d==Qt||p&&!o){if(n=i||p?{}:We(e),!s)return i?it(e,ot(n,e)):rt(e,lt(n,e))}else{if(!ta[d])return o?e:{};n=At(e,d,s)}}r||(r=new Ue);var m=r.get(e);if(m)return m;r.set(e,n),qt(e)?e.forEach((function(l){n.add(rl(l,t,a,l,e,r))})):Bt(e)&&e.forEach((function(l,o){n.set(o,rl(l,t,a,o,e,r))}));var f=c?void 0:(u?i?ut:G:i?Pe:se)(e);return at(f||e,(function(l,o){f&&(l=e[o=l]),ye(n,o,rl(l,t,a,o,e,r))})),n}function nl(e){return aa(e,la|oa)}function sl(e,t,a){let l;return l=a.response?`${a.response.error||a.response}`:a.responseText?`${a.responseText}`:`fail to ${t.method} ${e} ${a.status}`,new va(l,a.status,t.method,e)}return{setters:[function(e){e.o},function(e){a=e.$,l=e.A,o=e.Bt,r=e.C,n=e.E,s=e.Ft,i=e.N,u=e.O,c=e.R,d=e.Rt,p=e.S,m=e.Sn,f=e.T,v=e.U,b=e.Wt,y=e.X,g=e._,_=e._n,h=e.en,x=e.gt,k=e.h,w=e.in,T=e.it,$=e.j,j=e.ln,C=e.m,E=e.pn,S=e.q,F=e.qt,R=e.r,L=e.rt,N=e.st,U=e.tn,D=e.tt,I=e.w,A=e.yn,O=e.yt},function(e){M=e.bt},function(e){P=e.$i,V=e.$n,B=e.Br,W=e.En,z=e.Et,H=e.Fi,G=e.Fr,q=e.Gn,K=e.Ir,X=e.Jr,J=e.Ln,Q=e.Lr,Y=e.On,Z=e.Or,ee=e.Pr,te=e.Qi,ae=e.Qn,le=e.Rr,oe=e.Tn,re=e.Tt,ne=e.Wn,se=e.Wr,ie=e.Xr,ue=e.Yr,ce=e.Zi,de=e.Zn,pe=e._r,me=e._t,fe=e.ar,ve=e.ci,be=e.cr,ye=e.ei,ge=e.fi,_e=e.gn,he=e.gr,xe=e.gt,ke=e.hn,we=e.ir,Te=e.kr,$e=e.lr,je=e.pn,Ce=e.si,Ee=e.tr,Se=e.ui,Fe=e.vi,Re=e.vr,Le=e.vt,Ne=e.yt,Ue=e.zr},function(e){De=e.t},function(e){},function(e){Ie=e.a,Ae=e.c,Oe=e.i,Me=e.n,Pe=e.o,Ve=e.r,Be=e.s,We=e.t},function(e){ze=e.Tr,He=e.en,Ge=e.r},function(e){qe=e.n,Ke=e.t},function(e){Xe=e.Lr,Je=e.la,Qe=e.ni,Ye=e.vi},function(e){},function(e){},function(e){},function(e){},function(e){Ze=e.t},function(e){et=e.t}],execute:function(){(tt=document.createElement("style")).textContent="._header_t240m_125{margin-bottom:var(--spacing--xs)}._content_t240m_129{flex-direction:column;display:flex}._selectionContent_t240m_134{gap:var(--spacing--md);flex-direction:column;display:flex}._radioGroup_t240m_140{gap:var(--spacing--xs);flex-direction:column;display:flex}._radioGroup_t240m_140 .el-radio{height:auto;margin-right:0}._radioGroup_t240m_140 .el-radio__input.is-checked .el-radio__inner{background-color:var(--color--primary);border-color:var(--color--primary)}._radioGroup_t240m_140 .el-radio__inner{width:16px;height:16px}._radioGroup_t240m_140 .el-radio__input:hover .el-radio__inner{border-color:var(--color--foreground)}._radioGroup_t240m_140 .el-radio__input.is-checked:hover .el-radio__inner{border-color:var(--color--primary)}._radioGroup_t240m_140 .el-radio__label{font-size:var(--font-size--sm);padding-left:var(--spacing--xs);color:var(--color--text)!important}._radioGroup_t240m_140 .el-radio.is-checked .el-radio__label{color:var(--color--text)!important}._uploadSection_t240m_172{gap:var(--spacing--sm);flex-direction:column;display:flex}._uploadingMessage_t240m_178{padding:var(--spacing--lg);text-align:center;color:var(--color--text--tint-1)}._importContent_t240m_184{gap:var(--spacing--md);flex-direction:column;display:flex}._successNotice_t240m_190{padding:var(--spacing--sm)var(--spacing--md);background-color:var(--color--success--tint-4);border-radius:var(--radius);color:var(--color--success--shade-1);font-size:var(--font-size--sm);line-height:var(--line-height--lg)}._columnHeaders_t240m_199{grid-template-columns:var(--spacing--sm)1fr 1fr;gap:var(--spacing--md);padding:0 var(--spacing--2xs);align-items:baseline;display:grid}._columnHeaderLabel_t240m_207{font-size:var(--font-size--sm);font-weight:var(--font-weight--regular);color:var(--color--text--tint-1)}._columnsContainer_t240m_213{gap:var(--spacing--md);max-height:400px;padding:var(--spacing--2xs);flex-direction:column;display:flex;overflow-y:auto}._columnItem_t240m_222{grid-template-columns:var(--spacing--sm)1fr 1fr;gap:var(--spacing--md);align-items:start;display:grid}._columnCheckboxWrapper_t240m_229{height:var(--spacing--xl);justify-content:center;align-items:center;display:flex}._columnInputWrapper_t240m_236{gap:var(--spacing--4xs);flex-direction:column;display:flex}._columnTypeWrapper_t240m_242{align-items:center;display:flex}._columnTypeWrapper_t240m_242 .column-type-excluded.n8n-select{--el-disabled-bg-color:var(--color--background--light-3);--input--color--background--disabled:var(--color--background--light-3);pointer-events:none;cursor:not-allowed;opacity:.6}._inputError_t240m_255{border-color:var(--color--danger)!important}._inputError_t240m_255:focus{box-shadow:0 0 0 2px var(--color--danger--tint-3)!important}._columnErrorMessage_t240m_262{font-size:var(--font-size--3xs);color:var(--color--danger);line-height:var(--line-height--sm)}._footer_t240m_268{gap:var(--spacing--2xs);margin-top:var(--spacing--lg);justify-content:flex-end;display:flex}._fileSelectedContainer_t240m_275{gap:var(--spacing--lg);padding:var(--spacing--lg)0;flex-direction:column;display:flex}._uploadDemo_t240m_282{width:100%}._uploadDemo_t240m_282 .el-upload{border-radius:var(--radius--lg);width:100%}._uploadDemo_t240m_282 .el-upload-dragger{width:100%;padding:var(--spacing--2xl)var(--spacing--lg);border:1px solid var(--color--foreground);background-color:var(--color--background-base);border-radius:var(--radius--lg);flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex}._uploadDemo_t240m_282 .el-upload-dragger:hover{background-color:var(--color--background)}._uploadDemo_t240m_282 input[type=file]{display:none!important}._uploadIcon_t240m_308{margin-bottom:var(--spacing--sm)}._fileName_t240m_312{font-weight:var(--font-weight--regular)}\n/*$vite$:1*/",document.head.appendChild(tt);try{t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(G=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[G]="ab3adb25-3e64-474c-b5ef-317b8dfe4822",t._sentryDebugIdIdentifier="sentry-dbid-ab3adb25-3e64-474c-b5ef-317b8dfe4822")}catch(t){}var t,G;at=Ga,lt=qa,ot=Ka,rt=Xa,nt=Object.getOwnPropertySymbols?function(e){for(var t=[];e;)B(t,Q(e)),e=Ie(e);return t}:le,st=nt,it=Ja,ut=Qa,ct=Object.prototype.hasOwnProperty,dt=Ya,pt=Za,mt=/\w*$/,ft=el,vt=ge?ge.prototype:void 0,bt=vt?vt.valueOf:void 0,yt=tl,gt="[object Boolean]",_t="[object Date]",ht="[object Map]",xt="[object Number]",kt="[object RegExp]",wt="[object Set]",Tt="[object String]",$t="[object Symbol]",jt="[object ArrayBuffer]",Ct="[object DataView]",Et="[object Float32Array]",St="[object Float64Array]",Ft="[object Int8Array]",Rt="[object Int16Array]",Lt="[object Int32Array]",Nt="[object Uint8Array]",Ut="[object Uint8ClampedArray]",Dt="[object Uint16Array]",It="[object Uint32Array]",At=al,Ot="[object Map]",Mt=ll,Pt=X&&X.isMap,Vt=Pt?ue(Pt):Mt,Bt=Vt,Wt="[object Set]",zt=ol,Ht=X&&X.isSet,Gt=Ht?ue(Ht):zt,qt=Gt,Kt=1,Xt=2,Jt=4,Yt="[object Function]",Zt="[object GeneratorFunction]",ea="[object Object]",(ta={})[Qt="[object Arguments]"]=ta["[object Array]"]=ta["[object ArrayBuffer]"]=ta["[object DataView]"]=ta["[object Boolean]"]=ta["[object Date]"]=ta["[object Float32Array]"]=ta["[object Float64Array]"]=ta["[object Int8Array]"]=ta["[object Int16Array]"]=ta["[object Int32Array]"]=ta["[object Map]"]=ta["[object Number]"]=ta[ea]=ta["[object RegExp]"]=ta["[object Set]"]=ta["[object String]"]=ta["[object Symbol]"]=ta["[object Uint8Array]"]=ta["[object Uint8ClampedArray]"]=ta["[object Uint16Array]"]=ta["[object Uint32Array]"]=!0,ta["[object Error]"]=ta[Yt]=ta["[object WeakMap]"]=!1,aa=rl,la=1,oa=4,ra=nl,na=ne({type:{type:String,default:"line",values:["line","circle","dashboard"]},percentage:{type:Number,default:0,validator:e=>e>=0&&e<=100},status:{type:String,default:"",values:["","success","exception","warning"]},indeterminate:{type:Boolean,default:!1},duration:{type:Number,default:3},strokeWidth:{type:Number,default:6},strokeLinecap:{type:q(String),default:"round"},textInside:{type:Boolean,default:!1},width:{type:Number,default:126},showText:{type:Boolean,default:!0},color:{type:q([String,Array,Function]),default:""},striped:Boolean,stripedFlow:Boolean,format:{type:q(Function),default:e=>`${e}%`}}),h(),sa=["aria-valuenow"],ia={viewBox:"0 0 100 100"},ua=["d","stroke","stroke-linecap","stroke-width"],ca=["d","stroke","opacity","stroke-linecap","stroke-width"],da={key:0},pa=_e(i({...i({name:"ElProgress"}),props:na,setup(e){const t=e,l={success:"#13ce66",exception:"#ff4949",warning:"#e6a23c",default:"#20a0ff"},o=oe("progress"),s=p((()=>({width:`${t.percentage}%`,animationDuration:`${t.duration}s`,backgroundColor:C(t.percentage)}))),i=p((()=>(t.strokeWidth/t.width*100).toFixed(1))),u=p((()=>["circle","dashboard"].includes(t.type)?Number.parseInt(""+(50-Number.parseFloat(i.value)/2),10):0)),c=p((()=>{const e=u.value,a="dashboard"===t.type;return`\n M 50 50\n m 0 ${a?"":"-"}${e}\n a ${e} ${e} 0 1 1 0 ${a?"-":""}${2*e}\n a ${e} ${e} 0 1 1 0 ${a?"":"-"}${2*e}\n `})),d=p((()=>2*Math.PI*u.value)),v=p((()=>"dashboard"===t.type?.75:1)),y=p((()=>-1*d.value*(1-v.value)/2+"px")),g=p((()=>({strokeDasharray:`${d.value*v.value}px, ${d.value}px`,strokeDashoffset:y.value}))),h=p((()=>({strokeDasharray:`${d.value*v.value*(t.percentage/100)}px, ${d.value}px`,strokeDashoffset:y.value,transition:"stroke-dasharray 0.6s ease 0s, stroke 0.6s ease, opacity ease 0.6s"}))),x=p((()=>{let e;return e=t.color?C(t.percentage):l[t.status]||l.default,e})),k=p((()=>"warning"===t.status?be:"line"===t.type?"success"===t.status?ae:V:"success"===t.status?de:Ee)),$=p((()=>"line"===t.type?12+.4*t.strokeWidth:.111111*t.width+2)),j=p((()=>t.format(t.percentage))),C=e=>{var a;const{color:l}=t;if(w(l))return l(e);if(E(l))return l;{const t=function(e){const t=100/e.length;return e.map(((e,a)=>E(e)?{color:e,percentage:(a+1)*t}:e)).sort(((e,t)=>e.percentage-t.percentage))}(l);for(const a of t)if(a.percentage>e)return a.color;return null==(a=t[t.length-1])?void 0:a.color}};return(e,t)=>(a(),n("div",{class:_([b(o).b(),b(o).m(e.type),b(o).is(e.status),{[b(o).m("without-text")]:!e.showText,[b(o).m("text-inside")]:e.textInside}]),role:"progressbar","aria-valuenow":e.percentage,"aria-valuemin":"0","aria-valuemax":"100"},["line"===e.type?(a(),n("div",{key:0,class:_(b(o).b("bar"))},[r("div",{class:_(b(o).be("bar","outer")),style:A({height:`${e.strokeWidth}px`})},[r("div",{class:_([b(o).be("bar","inner"),{[b(o).bem("bar","inner","indeterminate")]:e.indeterminate},{[b(o).bem("bar","inner","striped")]:e.striped},{[b(o).bem("bar","inner","striped-flow")]:e.stripedFlow}]),style:A(b(s))},[(e.showText||e.$slots.default)&&e.textInside?(a(),n("div",{key:0,class:_(b(o).be("bar","innerText"))},[T(e.$slots,"default",{percentage:e.percentage},(()=>[r("span",null,m(b(j)),1)]))],2)):f("v-if",!0)],6)],6)],2)):(a(),n("div",{key:1,class:_(b(o).b("circle")),style:A({height:`${e.width}px`,width:`${e.width}px`})},[(a(),n("svg",ia,[r("path",{class:_(b(o).be("circle","track")),d:b(c),stroke:`var(${b(o).cssVarName("fill-color-light")}, #e5e9f2)`,"stroke-linecap":e.strokeLinecap,"stroke-width":b(i),fill:"none",style:A(b(g))},null,14,ua),r("path",{class:_(b(o).be("circle","path")),d:b(c),stroke:b(x),fill:"none",opacity:e.percentage?1:0,"stroke-linecap":e.strokeLinecap,"stroke-width":b(i),style:A(b(h))},null,14,ca)]))],6)),!e.showText&&!e.$slots.default||e.textInside?f("v-if",!0):(a(),n("div",{key:2,class:_(b(o).e("text")),style:A({fontSize:`${b($)}px`})},[T(e.$slots,"default",{percentage:e.percentage},(()=>[e.status?(a(),I(b(ke),{key:1},{default:O((()=>[(a(),I(N(b(k))))])),_:1})):(a(),n("span",da,m(b(j)),1))]))],6))],10,sa))}}),[["__file","/home/runner/work/element-plus/element-plus/packages/components/progress/src/progress.vue"]]),ma=J(pa),fa=Symbol("uploadContextKey"),h(),va=class extends Error{constructor(e,t,a,l){super(e),this.name="UploadAjaxError",this.status=t,this.method=a,this.url=l}},ba=e=>{"undefined"==typeof XMLHttpRequest&&pe("ElUpload","XMLHttpRequest is undefined");const a=new XMLHttpRequest,l=e.action;a.upload&&a.upload.addEventListener("progress",(t=>{const a=t;a.percent=t.total>0?t.loaded/t.total*100:0,e.onProgress(a)}));const o=new FormData;if(e.data)for(const[t,n]of Object.entries(e.data))U(n)&&n.length?o.append(t,...n):o.append(t,n);o.append(e.filename,e.file,e.file.name),a.addEventListener("error",(()=>{e.onError(sl(l,e,a))})),a.addEventListener("load",(()=>{if(a.status<200||a.status>=300)return e.onError(sl(l,e,a));e.onSuccess(function(e){const a=e.responseText||e.response;if(!a)return a;try{return JSON.parse(a)}catch(t){return a}}(a))})),a.open(e.method,l,!0),e.withCredentials&&"withCredentials"in a&&(a.withCredentials=!0);const r=e.headers||{};if(r instanceof Headers)r.forEach(((e,t)=>a.setRequestHeader(t,e)));else for(const[t,n]of Object.entries(r))Z(n)||a.setRequestHeader(t,String(n));return a.send(o),a},h(),ya=["text","picture","picture-card"],ga=1,_a=()=>Date.now()+ga++,ha=ne({action:{type:String,default:"#"},headers:{type:q(Object)},method:{type:String,default:"post"},data:{type:q([Object,Function,Promise]),default:()=>Y({})},multiple:{type:Boolean,default:!1},name:{type:String,default:"file"},drag:{type:Boolean,default:!1},withCredentials:Boolean,showFileList:{type:Boolean,default:!0},accept:{type:String,default:""},fileList:{type:q(Array),default:()=>Y([])},autoUpload:{type:Boolean,default:!0},listType:{type:String,values:ya,default:"text"},httpRequest:{type:q(Function),default:ba},disabled:Boolean,limit:Number}),xa=ne({...ha,beforeUpload:{type:q(Function),default:F},beforeRemove:{type:q(Function)},onRemove:{type:q(Function),default:F},onChange:{type:q(Function),default:F},onPreview:{type:q(Function),default:F},onSuccess:{type:q(Function),default:F},onProgress:{type:q(Function),default:F},onError:{type:q(Function),default:F},onExceed:{type:q(Function),default:F}}),h(),ka=ne({files:{type:q(Array),default:()=>Y([])},disabled:{type:Boolean,default:!1},handlePreview:{type:q(Function),default:F},listType:{type:String,values:ya,default:"text"}}),wa={remove:e=>!!e},Ta=["onKeydown"],$a=["src"],ja=["onClick"],Ca=["title"],Ea=["onClick"],Sa=["onClick"],Fa=_e(i({...i({name:"ElUploadList"}),props:ka,emits:wa,setup(e,{emit:t}){const l=e,{t:o}=W(),i=oe("upload"),u=oe("icon"),c=oe("list"),d=je(),v=s(!1),y=p((()=>[i.b("list"),i.bm("list",l.listType),i.is("disabled",l.disabled)])),h=e=>{t("remove",e)};return(e,t)=>(a(),I(R,{tag:"ul",class:_(b(y)),name:b(c).b()},{default:O((()=>[(a(!0),n(g,null,L(e.files,(l=>(a(),n("li",{key:l.uid||l.name,class:_([b(i).be("list","item"),b(i).is(l.status),{focusing:v.value}]),tabindex:"0",onKeydown:C((e=>!b(d)&&h(l)),["delete"]),onFocus:t[0]||(t[0]=e=>v.value=!0),onBlur:t[1]||(t[1]=e=>v.value=!1),onClick:t[2]||(t[2]=e=>v.value=!1)},[T(e.$slots,"default",{file:l},(()=>["picture"===e.listType||"uploading"!==l.status&&"picture-card"===e.listType?(a(),n("img",{key:0,class:_(b(i).be("list","item-thumbnail")),src:l.url,alt:""},null,10,$a)):f("v-if",!0),"uploading"===l.status||"picture-card"!==e.listType?(a(),n("div",{key:1,class:_(b(i).be("list","item-info"))},[r("a",{class:_(b(i).be("list","item-name")),onClick:k((t=>e.handlePreview(l)),["prevent"])},[$(b(ke),{class:_(b(u).m("document"))},{default:O((()=>[$(b(fe))])),_:1},8,["class"]),r("span",{class:_(b(i).be("list","item-file-name")),title:l.name},m(l.name),11,Ca)],10,ja),"uploading"===l.status?(a(),I(b(ma),{key:0,type:"picture-card"===e.listType?"circle":"line","stroke-width":"picture-card"===e.listType?6:2,percentage:Number(l.percentage),style:A("picture-card"===e.listType?"":"margin-top: 0.5rem")},null,8,["type","stroke-width","percentage","style"])):f("v-if",!0)],2)):f("v-if",!0),r("label",{class:_(b(i).be("list","item-status-label"))},["text"===e.listType?(a(),I(b(ke),{key:0,class:_([b(u).m("upload-success"),b(u).m("circle-check")])},{default:O((()=>[$(b(ae))])),_:1},8,["class"])):["picture-card","picture"].includes(e.listType)?(a(),I(b(ke),{key:1,class:_([b(u).m("upload-success"),b(u).m("check")])},{default:O((()=>[$(b(de))])),_:1},8,["class"])):f("v-if",!0)],2),b(d)?f("v-if",!0):(a(),I(b(ke),{key:2,class:_(b(u).m("close")),onClick:e=>h(l)},{default:O((()=>[$(b(Ee))])),_:2},1032,["class","onClick"])),f(" Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn"),f(" This is a bug which needs to be fixed "),f(" TODO: Fix the incorrect navigation interaction "),b(d)?f("v-if",!0):(a(),n("i",{key:3,class:_(b(u).m("close-tip"))},m(b(o)("el.upload.deleteTip")),3)),"picture-card"===e.listType?(a(),n("span",{key:4,class:_(b(i).be("list","item-actions"))},[r("span",{class:_(b(i).be("list","item-preview")),onClick:t=>e.handlePreview(l)},[$(b(ke),{class:_(b(u).m("zoom-in"))},{default:O((()=>[$(b($e))])),_:1},8,["class"])],10,Ea),b(d)?f("v-if",!0):(a(),n("span",{key:0,class:_(b(i).be("list","item-delete")),onClick:e=>h(l)},[$(b(ke),{class:_(b(u).m("delete"))},{default:O((()=>[$(b(we))])),_:1},8,["class"])],10,Sa))],2)):f("v-if",!0)]))],42,Ta)))),128)),T(e.$slots,"append")])),_:3},8,["class","name"]))}}),[["__file","/home/runner/work/element-plus/element-plus/packages/components/upload/src/upload-list.vue"]]),h(),Ra=ne({disabled:{type:Boolean,default:!1}}),La={file:e=>U(e)},Na=["onDrop","onDragover"],Da=_e(i({...i({name:Ua="ElUploadDrag"}),props:Ra,emits:La,setup(e,{emit:t}){const l=c(fa);l||pe(Ua,"usage: <el-upload><el-upload-dragger /></el-upload>");const o=oe("upload"),r=s(!1),i=je(),u=e=>{if(i.value)return;r.value=!1,e.stopPropagation();const a=Array.from(e.dataTransfer.files),o=l.accept.value;t("file",o?a.filter((e=>{const{type:t,name:a}=e,l=a.includes(".")?`.${a.split(".").pop()}`:"",r=t.replace(/\/.*$/,"");return o.split(",").map((e=>e.trim())).filter((e=>e)).some((e=>e.startsWith(".")?l===e:/\/\*$/.test(e)?r===e.replace(/\/\*$/,""):!!/^[^/]+\/[^/]+$/.test(e)&&t===e))})):a)},d=()=>{i.value||(r.value=!0)};return(e,t)=>(a(),n("div",{class:_([b(o).b("dragger"),b(o).is("dragover",r.value)]),onDrop:k(u,["prevent"]),onDragover:k(d,["prevent"]),onDragleave:t[0]||(t[0]=k((e=>r.value=!1),["prevent"]))},[T(e.$slots,"default")],42,Na))}}),[["__file","/home/runner/work/element-plus/element-plus/packages/components/upload/src/upload-dragger.vue"]]),h(),Ia=ne({...ha,beforeUpload:{type:q(Function),default:F},onRemove:{type:q(Function),default:F},onStart:{type:q(Function),default:F},onSuccess:{type:q(Function),default:F},onProgress:{type:q(Function),default:F},onError:{type:q(Function),default:F},onExceed:{type:q(Function),default:F}}),h(),Aa=["onKeydown"],Oa=["name","multiple","accept"],Ma=_e(i({...i({name:"ElUploadContent",inheritAttrs:!1}),props:Ia,setup(e,{expose:l}){const o=e,s=oe("upload"),i=je(),u=d({}),c=d(),p=e=>{if(0===e.length)return;const{autoUpload:t,limit:a,fileList:l,multiple:r,onStart:n,onExceed:s}=o;if(a&&l.length+e.length>a)s(e,l);else{r||(e=e.slice(0,1));for(const a of e){const e=a;e.uid=_a(),n(e),t&&m(e)}}},m=async e=>{if(c.value.value="",!o.beforeUpload)return f(e);let a,l={};try{const t=o.data,r=o.beforeUpload(e);l=j(o.data)?ra(o.data):o.data,a=await r,j(o.data)&&Te(t,l)&&(l=ra(o.data))}catch(t){a=!1}if(!1===a)return void o.onRemove(e);let r=e;a instanceof Blob&&(r=a instanceof File?a:new File([a],e.name,{type:e.type})),f(Object.assign(r,{uid:e.uid}),l)},f=async(e,a)=>{const{headers:l,data:r,method:n,withCredentials:s,name:i,action:c,onProgress:d,onSuccess:p,onError:m,httpRequest:f}=o;try{a=await(async(e,t)=>w(e)?e(t):e)(null!=a?a:r,e)}catch(t){return void o.onRemove(e)}const{uid:v}=e,b={headers:l||{},withCredentials:s,file:e,data:a,method:n,filename:i,action:c,onProgress:t=>{d(t,e)},onSuccess:t=>{p(t,e),delete u.value[v]},onError:t=>{m(t,e),delete u.value[v]}},y=f(b);u.value[v]=y,y instanceof Promise&&y.then(b.onSuccess,b.onError)},v=e=>{const t=e.target.files;t&&p(Array.from(t))},y=()=>{i.value||(c.value.value="",c.value.click())},g=()=>{y()};return l({abort:e=>{Re(u.value).filter(e?([t])=>String(e.uid)===t:()=>!0).forEach((([e,t])=>{t instanceof XMLHttpRequest&&t.abort(),delete u.value[e]}))},upload:m}),(e,t)=>(a(),n("div",{class:_([b(s).b(),b(s).m(e.listType),b(s).is("drag",e.drag)]),tabindex:"0",onClick:y,onKeydown:C(k(g,["self"]),["enter","space"])},[e.drag?(a(),I(Da,{key:0,disabled:b(i),onFile:p},{default:O((()=>[T(e.$slots,"default")])),_:3},8,["disabled"])):T(e.$slots,"default",{key:1}),r("input",{ref_key:"inputRef",ref:c,class:_(b(s).e("input")),name:e.name,multiple:e.multiple,accept:e.accept,type:"file",onChange:v,onClick:t[0]||(t[0]=k((()=>{}),["stop"]))},null,42,Oa)],42,Aa))}}),[["__file","/home/runner/work/element-plus/element-plus/packages/components/upload/src/upload-content.vue"]]),Pa="ElUpload",Va=e=>{var t;(null==(t=e.url)?void 0:t.startsWith("blob:"))&&URL.revokeObjectURL(e.url)},Ba=(e,t)=>{const a=Fe(e,"fileList",void 0,{passive:!0}),l=e=>a.value.find((t=>t.uid===e.uid));function o(e){var a;null==(a=t.value)||a.abort(e)}return x((()=>e.listType),(t=>{"picture-card"!==t&&"picture"!==t||(a.value=a.value.map((t=>{const{raw:l,url:o}=t;if(!o&&l)try{t.url=URL.createObjectURL(l)}catch(r){e.onError(r,t,a.value)}return t})))})),x(a,(e=>{for(const t of e)t.uid||(t.uid=_a()),t.status||(t.status="success")}),{immediate:!0,deep:!0}),{uploadFiles:a,abort:o,clearFiles:function(e=["ready","uploading","success","fail"]){a.value=a.value.filter((t=>!e.includes(t.status)))},handleError:(t,o)=>{const r=l(o);r&&(console.error(t),r.status="fail",a.value.splice(a.value.indexOf(r),1),e.onError(t,r,a.value),e.onChange(r,a.value))},handleProgress:(t,o)=>{const r=l(o);r&&(e.onProgress(t,r,a.value),r.status="uploading",r.percentage=Math.round(t.percent))},handleStart:t=>{Z(t.uid)&&(t.uid=_a());const l={name:t.name,percentage:0,status:"ready",size:t.size,raw:t,uid:t.uid};if("picture-card"===e.listType||"picture"===e.listType)try{l.url=URL.createObjectURL(t)}catch(o){he(Pa,o.message),e.onError(o,l,a.value)}a.value=[...a.value,l],e.onChange(l,a.value)},handleSuccess:(t,o)=>{const r=l(o);r&&(r.status="success",r.response=t,e.onSuccess(t,r,a.value),e.onChange(r,a.value))},handleRemove:async t=>{const r=t instanceof File?l(t):t;r||pe(Pa,"file to be removed not found");const n=t=>{o(t);const l=a.value;l.splice(l.indexOf(t),1),e.onRemove(t,l),Va(t)};e.beforeRemove?!1!==await e.beforeRemove(r,a.value)&&n(r):n(r)},submit:function(){a.value.filter((({status:e})=>"ready"===e)).forEach((({raw:e})=>{var a;return e&&(null==(a=t.value)?void 0:a.upload(e))}))},revokeFileObjectURL:Va}},Wa=_e(i({...i({name:"ElUpload"}),props:xa,setup(e,{expose:t}){const l=e,r=je(),s=d(),{abort:i,submit:c,clearFiles:m,uploadFiles:y,handleStart:g,handleError:_,handleRemove:h,handleSuccess:x,handleProgress:k,revokeFileObjectURL:w}=Ba(l,s),j=p((()=>"picture-card"===l.listType)),C=p((()=>({...l,fileList:y.value,onStart:g,onProgress:k,onSuccess:x,onError:_,onRemove:h})));return S((()=>{y.value.forEach(w)})),D(fa,{accept:o(l,"accept")}),t({abort:i,submit:c,clearFiles:m,handleStart:g,handleRemove:h}),(e,t)=>(a(),n("div",null,[b(j)&&e.showFileList?(a(),I(Fa,{key:0,disabled:b(r),"list-type":e.listType,files:b(y),"handle-preview":e.onPreview,onRemove:b(h)},u({append:O((()=>[$(Ma,v({ref_key:"uploadRef",ref:s},b(C)),{default:O((()=>[e.$slots.trigger?T(e.$slots,"trigger",{key:0}):f("v-if",!0),!e.$slots.trigger&&e.$slots.default?T(e.$slots,"default",{key:1}):f("v-if",!0)])),_:3},16)])),_:2},[e.$slots.file?{name:"default",fn:O((({file:t})=>[T(e.$slots,"file",{file:t})]))}:void 0]),1032,["disabled","list-type","files","handle-preview","onRemove"])):f("v-if",!0),!b(j)||b(j)&&!e.showFileList?(a(),I(Ma,v({key:1,ref_key:"uploadRef",ref:s},b(C)),{default:O((()=>[e.$slots.trigger?T(e.$slots,"trigger",{key:0}):f("v-if",!0),!e.$slots.trigger&&e.$slots.default?T(e.$slots,"default",{key:1}):f("v-if",!0)])),_:3},16)):f("v-if",!0),e.$slots.trigger?T(e.$slots,"default",{key:2}):f("v-if",!0),T(e.$slots,"tip"),!b(j)&&e.showFileList?(a(),I(Fa,{key:3,disabled:b(r),"list-type":e.listType,files:b(y),"handle-preview":e.onPreview,onRemove:b(h)},u({_:2},[e.$slots.file?{name:"default",fn:O((({file:t})=>[T(e.$slots,"file",{file:t})]))}:void 0]),1032,["disabled","list-type","files","handle-preview","onRemove"])):f("v-if",!0)]))}}),[["__file","/home/runner/work/element-plus/element-plus/packages/components/upload/src/upload.vue"]]),za=J(Wa),Ha=["aria-label"],e("default",De(i({__name:"AddDataTableModal",props:{modalName:{}},setup(e){const t=e,o=Ze(),i=Ge(),u=xe(),c=me(),d=M(),v=ze(),h=He(),x=s("select"),k=s(""),w=s(null),T=s(null),j=s(null),E=s(""),S=s([]),F=s(0),R=s(0),N=s(!1),U=s(!0),D=s(!1),A=[{label:"String",value:"string"},{label:"Number",value:"number"},{label:"Boolean",value:"boolean"},{label:"Datetime",value:"date"}],V=e=>A.some((t=>t.value===e)),B=e=>e&&0!==e.length?A.filter((t=>e.includes(t.value))):A,W=e=>Je.includes(e)?d.baseText("dataTable.import.systemColumnName",{interpolate:{columnName:e}}):Ye.safeParse(e).success?void 0:d.baseText("dataTable.import.invalidColumnName"),G=p((()=>S.value.filter((e=>e.included)))),q=p((()=>"import"===x.value&&G.value.some((e=>void 0!==e.error)))),K=p((()=>{if("import"!==x.value)return!1;const e=G.value.map((e=>e.name.toLowerCase()));return e.length!==new Set(e).size})),X=p((()=>"import"===x.value&&0===G.value.length)),J=p((()=>"import"===x.value?"Set data table columns":d.baseText("dataTable.add.title"))),Q=p((()=>"import"!==x.value||!k.value||!j.value||q.value||K.value||X.value));y((()=>{setTimeout((()=>{w.value?.focus(),w.value?.select()}),0)}));const Y=s("scratch"),Z=async()=>{if(Y.value&&k.value&&!N.value)if("scratch"===Y.value)await se();else if("import"===Y.value){if(!T.value)return;await ne()}},ee=()=>{S.value.forEach(((e,t)=>{if(!e.included)return void(e.error=void 0);const a=W(e.name);S.value.some(((a,l)=>l!==t&&a.included&&a.name.toLowerCase()===e.name.toLowerCase()))&&!a?e.error=d.baseText("dataTable.import.duplicateColumnName"):e.error=a}))},ae=()=>{ee()},le=(e=!1)=>{e&&(k.value=""),T.value=null,j.value=null,E.value="",S.value=[],F.value=0,R.value=0,Y.value="scratch",x.value="select"},oe=e=>{e.raw&&(T.value=e.raw)},ne=async()=>{if(T.value){N.value=!0,x.value="import";try{const e=await o.uploadCsvFile(T.value,U.value);j.value=e.id,E.value=e.originalName,F.value=e.rowCount,R.value=e.columnCount,S.value=e.columns.map((e=>{const t=(e.compatibleTypes||[e.type]).filter(V),a=e.name.replace(/\s+/g,"_");return{name:a,type:V(e.type)?e.type:"string",compatibleTypes:t,typeOptions:B(t),error:W(a),included:!0,csvColumnName:e.name}})),k.value||(k.value=T.value.name.replace(/\.csv$/i,""))}catch(e){v.showError(e,d.baseText("dataTable.upload.error")),le()}finally{N.value=!1}}},se=async()=>{N.value=!0;try{let e;if("scratch"===Y.value)e=await o.createDataTable(k.value,u.params.projectId);else if("import"===x.value&&j.value){const t=S.value.some((e=>!e.included||e.name!==e.csvColumnName.replace(/\s+/g,"_")));e=await o.createDataTable(k.value,u.params.projectId,G.value.map((e=>({name:e.name,type:e.type,...t?{csvColumnName:e.csvColumnName}:{}}))),j.value,U.value)}e&&(h.track("User created data table",{data_table_id:e.id,data_table_project_id:e.project?.id,creation_mode:Y.value}),le(!0),i.closeModal(t.modalName),c.push({name:Xe,params:{id:e.id}}))}catch(e){v.showError(e,d.baseText("dataTable.add.error"))}finally{N.value=!1}},ie=()=>{x.value="select"},ue=()=>{c.replace({name:Qe})};return(e,o)=>(a(),I(et,{name:t.modalName,center:!0,width:"import"===x.value?"700px":"540px","min-height":"import"===x.value?"600px":void 0,"before-close":ue},{header:O((()=>[r("div",{class:_(e.$style.header)},[r("h2",null,m(J.value),1)],2)])),content:O((()=>["select"===x.value?(a(),n("div",{key:0,class:_(e.$style.selectionContent)},[$(b(Le),{label:b(d).baseText("dataTable.add.input.name.label"),required:!0,"input-name":"dataTableNameSelect"},{default:O((()=>[$(b(H),{ref_key:"inputRef",ref:w,modelValue:k.value,"onUpdate:modelValue":o[0]||(o[0]=e=>k.value=e),type:"text",placeholder:b(d).baseText("dataTable.add.input.name.placeholder"),"data-test-id":"data-table-name-input-select",name:"dataTableNameSelect",onKeydown:C(Z,["enter"])},null,8,["modelValue","placeholder"])])),_:1},8,["label"]),$(b(qe),{modelValue:Y.value,"onUpdate:modelValue":o[1]||(o[1]=e=>Y.value=e),class:_(e.$style.radioGroup)},{default:O((()=>[$(b(Ke),{label:"scratch","data-test-id":"create-from-scratch-option"},{default:O((()=>[l(m(b(d).baseText("dataTable.add.fromScratch")),1)])),_:1}),$(b(Ke),{label:"import","data-test-id":"import-csv-option"},{default:O((()=>[l(m(b(d).baseText("dataTable.add.importCsv")),1)])),_:1})])),_:1},8,["modelValue","class"]),"import"===Y.value?(a(),n("div",{key:0,class:_(e.$style.uploadSection)},[$(b(za),{class:_(e.$style.uploadDemo),drag:"","auto-upload":!1,"show-file-list":!1,accept:".csv","on-change":oe,onMouseenter:o[2]||(o[2]=e=>D.value=!0),onMouseleave:o[3]||(o[3]=e=>D.value=!1)},{default:O((()=>[$(b(P),{icon:"file",size:24,color:D.value?"text-dark":"text-light",class:_(e.$style.uploadIcon)},null,8,["color","class"]),T.value?(a(),I(b(ce),{key:0,color:D.value?"text-dark":"text-light"},{default:O((()=>[l(m(T.value?.name),1)])),_:1},8,["color"])):(a(),I(b(ce),{key:1,size:"medium",color:D.value?"text-dark":"text-light"},{default:O((()=>[l(m(b(d).baseText("dataTable.upload.dropOrClick")),1)])),_:1},8,["color"]))])),_:1},8,["class"]),$(b(Ne),{modelValue:U.value,"onUpdate:modelValue":o[4]||(o[4]=e=>U.value=e),label:b(d).baseText("dataTable.upload.hasHeaders"),"data-test-id":"has-headers-checkbox"},null,8,["modelValue","label"])],2)):f("",!0)],2)):"import"===x.value?(a(),n("div",{key:1,class:_(e.$style.content)},[N.value?(a(),n("div",{key:0,class:_(e.$style.uploadingMessage)},m(b(d).baseText("dataTable.upload.uploading")),3)):j.value?j.value&&S.value.length>0?(a(),n("div",{key:2,class:_(e.$style.importContent)},[r("div",{class:_(e.$style.successNotice)},m(b(d).baseText("dataTable.upload.success",{adjustToNumber:F.value,interpolate:{fileName:E.value,columnCount:R.value,rowCount:F.value}})),3),r("div",{class:_(e.$style.columnHeaders)},[r("div",{"aria-label":b(d).baseText("dataTable.import.includeColumn")},null,8,Ha),r("div",{class:_(e.$style.columnHeaderLabel)},m(b(d).baseText("dataTable.import.columnName")),3),r("div",{class:_(e.$style.columnHeaderLabel)},m(b(d).baseText("dataTable.import.columnType")),3)],2),r("div",{class:_(e.$style.columnsContainer)},[(a(!0),n(g,null,L(S.value,((t,l)=>(a(),n("div",{key:l,class:_(e.$style.columnItem)},[r("div",{class:_(e.$style.columnCheckboxWrapper)},[$(b(Ne),{modelValue:t.included,"onUpdate:modelValue":[e=>t.included=e,ae],"data-test-id":`column-include-${l}`},null,8,["modelValue","onUpdate:modelValue","data-test-id"])],2),r("div",{class:_(e.$style.columnInputWrapper)},[$(b(H),{modelValue:t.name,"onUpdate:modelValue":[e=>t.name=e,e=>(e=>{S.value[e]&&ee()})(l)],placeholder:b(d).baseText("dataTable.import.columnNamePlaceholder"),"data-test-id":`column-name-${l}`,disabled:!t.included,class:_({[e.$style.inputError]:t.error})},null,8,["modelValue","onUpdate:modelValue","placeholder","data-test-id","disabled","class"]),t.error?(a(),n("div",{key:0,class:_(e.$style.columnErrorMessage)},m(t.error),3)):f("",!0)],2),r("div",{class:_(e.$style.columnTypeWrapper)},[$(b(re),{modelValue:t.type,"onUpdate:modelValue":e=>t.type=e,disabled:!t.included||1===t.typeOptions.length,class:_({"column-type-excluded":!t.included}),"data-test-id":`column-type-${l}`},{default:O((()=>[(a(!0),n(g,null,L(t.typeOptions,(e=>(a(),I(b(z),{key:e.value,value:e.value,label:e.label},null,8,["value","label"])))),128))])),_:2},1032,["modelValue","onUpdate:modelValue","disabled","class","data-test-id"])],2)],2)))),128))],2)],2)):f("",!0):(a(),n("div",{key:1,class:_(e.$style.uploadingMessage)},m(b(d).baseText("dataTable.upload.selectFile")),3))],2)):f("",!0)])),footer:O((()=>[r("div",{class:_(e.$style.footer)},["select"===x.value?(a(),I(b(te),{key:0,variant:"subtle",size:"large",label:b(d).baseText("generic.cancel"),"data-test-id":"cancel-select-button",onClick:ue},null,8,["label"])):f("",!0),"select"===x.value?(a(),I(b(te),{key:1,loading:N.value,size:"large",disabled:!k.value||!Y.value||"import"===Y.value&&!T.value,label:b(d).baseText("generic.create"),"data-test-id":"proceed-from-select-button",onClick:Z},null,8,["loading","disabled","label"])):f("",!0),"import"===x.value?(a(),I(b(te),{key:2,variant:"subtle",size:"large",label:b(d).baseText("generic.back"),"data-test-id":"back-button",onClick:ie},null,8,["label"])):f("",!0),"import"===x.value?(a(),I(b(te),{key:3,loading:N.value,size:"large",disabled:Q.value,label:b(d).baseText("generic.create"),"data-test-id":"confirm-add-data-table-button",onClick:se},null,8,["loading","disabled","label"])):f("",!0)],2)])),_:1},8,["name","width","min-height"]))}}),[["__cssModules",{$style:{header:"_header_t240m_125",content:"_content_t240m_129",selectionContent:"_selectionContent_t240m_134",radioGroup:"_radioGroup_t240m_140",uploadSection:"_uploadSection_t240m_172",uploadingMessage:"_uploadingMessage_t240m_178",importContent:"_importContent_t240m_184",successNotice:"_successNotice_t240m_190",columnHeaders:"_columnHeaders_t240m_199",columnHeaderLabel:"_columnHeaderLabel_t240m_207",columnsContainer:"_columnsContainer_t240m_213",columnItem:"_columnItem_t240m_222",columnCheckboxWrapper:"_columnCheckboxWrapper_t240m_229",columnInputWrapper:"_columnInputWrapper_t240m_236",columnTypeWrapper:"_columnTypeWrapper_t240m_242",inputError:"_inputError_t240m_255",columnErrorMessage:"_columnErrorMessage_t240m_262",footer:"_footer_t240m_268",fileSelectedContainer:"_fileSelectedContainer_t240m_275",uploadDemo:"_uploadDemo_t240m_282",uploadIcon:"_uploadIcon_t240m_308",fileName:"_fileName_t240m_312"}}]]))}}})); //# sourceMappingURL=AddDataTableModal-legacy-DQvhLW-s.js.map