n8n-editor-ui
Version:
Workflow Editor UI for n8n
2 lines • 7.12 kB
JavaScript
!function(){try{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"n8n@2.16.1"}}catch(e){}}(),System.register(["./vue.runtime.esm-bundler-legacy-BW6xDdqj.js","./core-legacy-VD8c7QJ-.js","./get-legacy-CLCnFf3e.js","./_plugin-vue_export-helper-legacy-DFdC_I5Z.js","./users.store-legacy-azRUgFdP.js","./constants-legacy-2_ytuuS3.js","./Draggable-legacy-8O9k0YUg.js","./TextWithHighlights-legacy-stOhoc1K.js","./useTelemetryContext-legacy-DXxvic2t.js","./vue-json-pretty-legacy-ClDlqUZG.js"],(function(e,a){var t,n,l,o,s,r,d,i,c,p,g,u,v,_,h,y,j,b,m,f,w,D,k,x,E,T,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,d=e.T,i=e.Wt,c=e._n,p=e.j,g=e.v,u=e.w,v=e.yt},function(e){_=e.p},function(e){h=e.d},function(e){y=e.t},function(e){j=e.Ca,b=e.In,m=e.Pi,f=e.aa,w=e.dt,D=e.fr,k=e.gr,x=e.jr},function(e){E=e.L},function(e){T=e.t},function(e){I=e.t},function(e){$=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:{},(C=(new N.Error).stack)&&(N._sentryDebugIds=N._sentryDebugIds||{},N._sentryDebugIds[C]="15033d34-c6b9-4124-a131-6da0e9f9461b",N._sentryDebugIdIdentifier="sentry-dbid-15033d34-c6b9-4124-a131-6da0e9f9461b")}catch(N){}var N,C;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-BO9fr5Hf.js")),void 0))),y=e,A=k(),M=f(),N=b(),C=D(),F=R(),J=l(E),B=l(null),L=l(null),{height:O}=_(L),P=r((()=>m(y.inputData))),V=r((()=>A.highlightDraggables)),z=e=>e?j(e.dataset.name??"",16,2):"",U=e=>{const a=e.replace(/^(\["?\d"?])/,"");return w({nodeName:y.node.name,distanceFromActive:y.distanceFromActive,path:a,binaryMode:M?.value?.settings?.binaryMode})},W=r((()=>A.canDraggableDrop)),q=r((()=>A.draggableStickyPos)),H=(e,a)=>{e?.dataset.path&&(B.value=e.dataset.path),A.draggableStartDragging({type:"mapping",data:a??"",dimensions:e?.getBoundingClientRect()??null}),A.resetMappingTelemetry()},K=e=>{A.draggableStopDragging(),B.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:F.view_shown,...a};setTimeout((()=>{N.run("runDataJson.onDragEnd",t),C.track("User dragged data for mapping",t)}),1e3)};return(a,l)=>(t(),n("div",{ref_key:"jsonDataContainer",ref:L,class:c([a.$style.jsonDisplay,{[a.$style.highlight]:V.value,[a.$style.compact]:y.compact}])},[(t(),u(g,null,{default:v((()=>[e.editMode.enabled?d("",!0):(t(),u(i(s),{key:0,node:e.node,"pane-type":e.paneType,"push-ref":e.pushRef,"distance-from-active":e.distanceFromActive,"selected-json-path":J.value,"json-data":P.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(T,{type:"mapping","target-data-key":"mappable",disabled:!e.mappingEnabled,"can-drop":W.value,"sticky-position":q.value,onDragstart:H,onDragend:K},{preview:v((({canDrop:e,el:a})=>[a?(t(),u($,{key:0,html:z(a),"can-drop":e},null,8,["html","can-drop"])):d("",!0)])),default:v((()=>[p(i(S),{data:P.value,deep:10,"show-length":!0,"selected-value":J.value,"root-path":"","selectable-type":"single",class:"json-data",virtual:!0,height:i(O),"onUpdate:selectedValue":l[0]||(l[0]=e=>J.value=e)},{renderNodeKey:v((({node:t})=>{return[p(I,{content:(n=t.key,x(n)?`"${n}"`:JSON.stringify(n)),search:e.search,"data-target":"mappable","data-value":U(t.path),"data-name":t.key,"data-path":t.path,"data-depth":t.level,class:c({[a.$style.mappable]:e.mappingEnabled,[a.$style.dragged]:B.value===t.path})},null,8,["content","search","data-value","data-name","data-path","data-depth","class"])];var n})),renderNodeValue:v((({node:t})=>{return[p(I,{content:(l=t.content,JSON.stringify(l)),search:e.search,"data-target":"mappable","data-value":U(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]:B.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-D8IiFUbE.js.map