UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

2 lines 7.37 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(["./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","./users.store-legacy-OKuN0qAC.js","./constants-legacy-DNCca_FT.js","./merge-legacy-uu1aGqHK.js","./_baseOrderBy-legacy-PsQY_Pvh.js","./dateformat-legacy-BxdD_OP7.js","./useDebounce-legacy-CT3oYGrC.js","./Draggable-legacy-1VY-jpKk.js","./TextWithHighlights-legacy-SPWDY5kZ.js","./useTelemetryContext-legacy-DP-NcoCt.js","./vue-json-pretty-legacy-C9tMykq1.js"],(function(e,a){var t,n,l,o,s,r,i,d,c,p,g,u,v,_,h,y,j,b,f,m,w,D,x,k,T,E,$,I,R,S,A,M;return{setters:[function(e){t=e.$,n=e.E,l=e.Ft,o=e.M,s=e.N,r=e.S,i=e.T,d=e.Wt,c=e._n,p=e.j,g=e.v,u=e.w,v=e.yt},function(e){_=e.D},function(e){h=e.na},function(e){y=e.t},function(e){},function(e){j=e.Dr,b=e.Ni,f=e.Sa,m=e.en,w=e.ft,D=e.ia,x=e.oi,k=e.rn},function(e){T=e.B},function(e){},function(e){},function(e){},function(e){},function(e){E=e.t},function(e){$=e.t},function(e){I=e.n,R=e.t},function(e){S=e.t}],execute:function(){(A=document.createElement("style")).textContent="._jsonDisplay_twg9l_125{padding-left:var(--spacing--sm);word-break:normal;height:100%;line-height:1.5;position:absolute;top:0;left:0;right:0;overflow-y:hidden}._jsonDisplay_twg9l_125:hover>div:first-child{opacity:1}._jsonDisplay_twg9l_125 ._mappable_twg9l_142{cursor:grab}._jsonDisplay_twg9l_125 ._mappable_twg9l_142:hover{background-color:var(--json--highlight--color)}._jsonDisplay_twg9l_125._highlight_twg9l_148 ._mappable_twg9l_142,._jsonDisplay_twg9l_125._highlight_twg9l_148 ._mappable_twg9l_142:hover,._jsonDisplay_twg9l_125 ._dragged_twg9l_149,._jsonDisplay_twg9l_125 ._dragged_twg9l_149:hover{background-color:var(--color--primary--tint-2);color:var(--color--primary)}._jsonDisplay_twg9l_125._compact_twg9l_154{padding-left:var(--spacing--2xs)}.vjs-tree{color:var(--json--color);--line-break--color:var(--code--line-break--color);font-size:var(--font-size--2xs)}.vjs-tree-node:hover{background-color:transparent}.vjs-tree-node.is-highlight{background-color:var(--json--highlight--color)}.vjs-key>span,.vjs-value>span{color:var(--color--text--shade-1);border-radius:var(--radius);line-height:1.7}.vjs-value>span{padding:0 var(--spacing--5xs)0 var(--spacing--5xs);margin-left:var(--spacing--5xs);white-space:pre-wrap}.vjs-tree .vjs-value-null,.vjs-tree .vjs-value-null span{color:var(--json--null--color)}.vjs-tree .vjs-value-boolean,.vjs-tree .vjs-value-boolean span{color:var(--json--boolean--color)}.vjs-tree .vjs-value-number,.vjs-tree .vjs-value-number span{color:var(--json--number--color)}.vjs-tree .vjs-value-string,.vjs-tree .vjs-value-string span{color:var(--json--string--color)}.vjs-tree .vjs-key{color:var(--json--key--color)}.vjs-tree .vjs-tree__brackets{color:var(--json--brackets--color)}.vjs-tree .vjs-tree__brackets:hover{color:var(--json--brackets--color--hover)}.vjs-tree .vjs-tree__content.has-line{border-left:1px dotted var(--json--line--color)}.vjs-tree .vjs-tree-list-holder-inner{padding-bottom:var(--spacing--3xl)}\n/*$vite$:1*/",document.head.appendChild(A);try{N="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(B=(new N.Error).stack)&&(N._sentryDebugIds=N._sentryDebugIds||{},N._sentryDebugIds[B]="8cd3cb1a-866f-457e-b3b7-238b0ac4cf81",N._sentryDebugIdIdentifier="sentry-dbid-8cd3cb1a-866f-457e-b3b7-238b0ac4cf81")}catch(N){}var N,B;M=s({__name:"RunDataJson",props:{editMode:{default:()=>({})},pushRef:{},paneType:{},node:{},inputData:{},mappingEnabled:{type:Boolean},distanceFromActive:{},outputIndex:{},runIndex:{},totalRuns:{},search:{},compact:{type:Boolean},execution:{}},setup(e){const s=o((async()=>await h((()=>a.import("./RunDataJsonActions-legacy-yI3UNiWY.js")),void 0))),y=e,A=k(),M=D(),N=j(),B=m(),C=R(),F=l(T),J=l(null),O=l(null),{height:V}=_(O),z=r((()=>b(y.inputData))),P=r((()=>A.highlightDraggables)),H=e=>e?f(e.dataset.name??"",16,2):"",L=e=>{const a=e.replace(/^(\["?\d"?])/,"");return w({nodeName:y.node.name,distanceFromActive:y.distanceFromActive,path:a,binaryMode:M?.value?.settings?.binaryMode})},U=r((()=>A.canDraggableDrop)),W=r((()=>A.draggableStickyPos)),K=(e,a)=>{e?.dataset.path&&(J.value=e.dataset.path),A.draggableStartDragging({type:"mapping",data:a??"",dimensions:e?.getBoundingClientRect()??null}),A.resetMappingTelemetry()},Y=e=>{A.draggableStopDragging(),J.value=null;const a=A.mappingTelemetry,t={src_node_type:y.node.type,src_field_name:e.dataset.name??"",src_nodes_back:y.distanceFromActive,src_run_index:y.runIndex,src_runs_total:y.totalRuns,src_field_nest_level:e.dataset.depth??0,src_view:"json",src_element:e,success:!1,view_shown:C.view_shown,...a};setTimeout((()=>{N.run("runDataJson.onDragEnd",t),B.track("User dragged data for mapping",t)}),1e3)};return(a,l)=>(t(),n("div",{ref_key:"jsonDataContainer",ref:O,class:c([a.$style.jsonDisplay,{[a.$style.highlight]:P.value,[a.$style.compact]:y.compact}])},[(t(),u(g,null,{default:v((()=>[e.editMode.enabled?i("",!0):(t(),u(d(s),{key:0,node:e.node,"pane-type":e.paneType,"push-ref":e.pushRef,"distance-from-active":e.distanceFromActive,"selected-json-path":F.value,"json-data":z.value,"output-index":e.outputIndex,"run-index":e.runIndex,execution:e.execution},null,8,["node","pane-type","push-ref","distance-from-active","selected-json-path","json-data","output-index","run-index","execution"]))])),_:1})),p(E,{type:"mapping","target-data-key":"mappable",disabled:!e.mappingEnabled,"can-drop":U.value,"sticky-position":W.value,onDragstart:K,onDragend:Y},{preview:v((({canDrop:e,el:a})=>[a?(t(),u(I,{key:0,html:H(a),"can-drop":e},null,8,["html","can-drop"])):i("",!0)])),default:v((()=>[p(d(S),{data:z.value,deep:10,"show-length":!0,"selected-value":F.value,"root-path":"","selectable-type":"single",class:"json-data",virtual:!0,height:d(V),"onUpdate:selectedValue":l[0]||(l[0]=e=>F.value=e)},{renderNodeKey:v((({node:t})=>{return[p($,{content:(n=t.key,x(n)?`"${n}"`:JSON.stringify(n)),search:e.search,"data-target":"mappable","data-value":L(t.path),"data-name":t.key,"data-path":t.path,"data-depth":t.level,class:c({[a.$style.mappable]:e.mappingEnabled,[a.$style.dragged]:J.value===t.path})},null,8,["content","search","data-value","data-name","data-path","data-depth","class"])];var n})),renderNodeValue:v((({node:t})=>{return[p($,{content:(l=t.content,JSON.stringify(l)),search:e.search,"data-target":"mappable","data-value":L(t.path),"data-name":(n=t.path,n.replace(/^(\["?\d"?]\.?)/g,"")),"data-path":t.path,"data-depth":t.level,class:c([{[a.$style.mappable]:e.mappingEnabled,[a.$style.dragged]:J.value===t.path},"ph-no-capture"])},null,8,["content","search","data-value","data-name","data-path","data-depth","class"])];var n,l})),_:1},8,["data","selected-value","height"])])),_:1},8,["disabled","can-drop","sticky-position"])],2))}}),e("default",y(M,[["__cssModules",{$style:{jsonDisplay:"_jsonDisplay_twg9l_125",mappable:"_mappable_twg9l_142",highlight:"_highlight_twg9l_148",dragged:"_dragged_twg9l_149",compact:"_compact_twg9l_154"}}]]))}}})); //# sourceMappingURL=RunDataJson-legacy-D1iXEJ1U.js.map