n8n-editor-ui/dist/assets/RunDataJson-BRBRJsOs.js

Workflow Editor UI for n8n

const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataJsonActions-CbaW3tkl.js","assets/_plugin-vue_export-helper-Dm3nT7Ps.js","assets/src-wni2AGA3.js","assets/CalendarDate-CgcSr8SP.js","assets/_MapCache-CUJwh2qp.js","assets/vue.runtime.esm-bundler-D9KLAxvJ.js","assets/chunk-DxpFCn6T.js","assets/sanitize-html-my1ogl5v.js","assets/en-QTm5tviq.js","assets/src-DDk97x4F.css","assets/constants-CIP7tKq1.js","assets/merge-BqvKZ38d.js","assets/expression-runtime-stub-DDm9ecP_.js","assets/users.store-BHWXXawf.js","assets/_baseOrderBy-CaKruttV.js","assets/dateformat-CYfyw486.js","assets/useDebounce-CTeIt-cH.js","assets/useClipboard-D72kaMkX.js","assets/useInjectWorkflowId-BSmCE6rY.js","assets/usePinnedData-bxdhY-Ce.js","assets/RunDataJsonActions-D7jFZ_fA.css"])))=>i.map(i=>d[i]);
(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]=`7b74ff5c-692f-4c4e-9a63-480e963a55ac`,e._sentryDebugIdIdentifier=`sentry-dbid-7b74ff5c-692f-4c4e-9a63-480e963a55ac`)})()}catch{}import{$ as e,E as t,Ft as n,M as r,N as i,S as a,T as o,Wt as s,_n as c,j as l,v as u,w as d,yt as f}from"./vue.runtime.esm-bundler-D9KLAxvJ.js";import{D as p}from"./_MapCache-CUJwh2qp.js";import{na as m}from"./src-wni2AGA3.js";import{t as h}from"./_plugin-vue_export-helper-Dm3nT7Ps.js";import"./sanitize-html-my1ogl5v.js";import{Dr as g,Ni as _,Sa as v,en as y,ft as b,ia as x,oi as S,rn as C}from"./users.store-BHWXXawf.js";import{B as w}from"./constants-CIP7tKq1.js";import"./merge-BqvKZ38d.js";import"./_baseOrderBy-CaKruttV.js";import"./dateformat-CYfyw486.js";import"./useDebounce-CTeIt-cH.js";import{t as T}from"./Draggable-B_Sok8jx.js";import{t as E}from"./TextWithHighlights-DREOi4W6.js";import{n as D,t as O}from"./useTelemetryContext-Chv8_oZ6.js";import{t as k}from"./vue-json-pretty-CBkxkEgX.js";var A=h(i({__name:`RunDataJson`,props:{editMode:{default:()=>({})},pushRef:{},paneType:{},node:{},inputData:{},mappingEnabled:{type:Boolean},distanceFromActive:{},outputIndex:{},runIndex:{},totalRuns:{},search:{},compact:{type:Boolean},execution:{}},setup(i){let h=r(async()=>await m(()=>import(`./RunDataJsonActions-CbaW3tkl.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]))),A=i,j=C(),M=x(),N=g(),P=y(),F=O(),I=n(w),L=n(null),R=n(null),{height:z}=p(R),B=a(()=>_(A.inputData)),V=a(()=>j.highlightDraggables),H=e=>e?v(e.dataset.name??``,16,2):``,U=e=>{let t=e.replace(/^(\["?\d"?])/,``);return b({nodeName:A.node.name,distanceFromActive:A.distanceFromActive,path:t,binaryMode:M?.value?.settings?.binaryMode})},W=a(()=>j.canDraggableDrop),G=a(()=>j.draggableStickyPos),K=(e,t)=>{e?.dataset.path&&(L.value=e.dataset.path),j.draggableStartDragging({type:`mapping`,data:t??``,dimensions:e?.getBoundingClientRect()??null}),j.resetMappingTelemetry()},q=e=>{j.draggableStopDragging(),L.value=null;let t=j.mappingTelemetry,n={src_node_type:A.node.type,src_field_name:e.dataset.name??``,src_nodes_back:A.distanceFromActive,src_run_index:A.runIndex,src_runs_total:A.totalRuns,src_field_nest_level:e.dataset.depth??0,src_view:`json`,src_element:e,success:!1,view_shown:F.view_shown,...t};setTimeout(()=>{N.run(`runDataJson.onDragEnd`,n),P.track(`User dragged data for mapping`,n)},1e3)},J=e=>S(e)?`"${e}"`:JSON.stringify(e),Y=e=>JSON.stringify(e),X=e=>e.replace(/^(\["?\d"?]\.?)/g,``);return(n,r)=>(e(),t(`div`,{ref_key:`jsonDataContainer`,ref:R,class:c([n.$style.jsonDisplay,{[n.$style.highlight]:V.value,[n.$style.compact]:A.compact}])},[(e(),d(u,null,{default:f(()=>[i.editMode.enabled?o(``,!0):(e(),d(s(h),{key:0,node:i.node,"pane-type":i.paneType,"push-ref":i.pushRef,"distance-from-active":i.distanceFromActive,"selected-json-path":I.value,"json-data":B.value,"output-index":i.outputIndex,"run-index":i.runIndex,execution:i.execution},null,8,[`node`,`pane-type`,`push-ref`,`distance-from-active`,`selected-json-path`,`json-data`,`output-index`,`run-index`,`execution`]))]),_:1})),l(T,{type:`mapping`,"target-data-key":`mappable`,disabled:!i.mappingEnabled,"can-drop":W.value,"sticky-position":G.value,onDragstart:K,onDragend:q},{preview:f(({canDrop:t,el:n})=>[n?(e(),d(D,{key:0,html:H(n),"can-drop":t},null,8,[`html`,`can-drop`])):o(``,!0)]),default:f(()=>[l(s(k),{data:B.value,deep:10,"show-length":!0,"selected-value":I.value,"root-path":``,"selectable-type":`single`,class:`json-data`,virtual:!0,height:s(z),"onUpdate:selectedValue":r[0]||=e=>I.value=e},{renderNodeKey:f(({node:e})=>[l(E,{content:J(e.key),search:i.search,"data-target":`mappable`,"data-value":U(e.path),"data-name":e.key,"data-path":e.path,"data-depth":e.level,class:c({[n.$style.mappable]:i.mappingEnabled,[n.$style.dragged]:L.value===e.path})},null,8,[`content`,`search`,`data-value`,`data-name`,`data-path`,`data-depth`,`class`])]),renderNodeValue:f(({node:e})=>[l(E,{content:Y(e.content),search:i.search,"data-target":`mappable`,"data-value":U(e.path),"data-name":X(e.path),"data-path":e.path,"data-depth":e.level,class:c([{[n.$style.mappable]:i.mappingEnabled,[n.$style.dragged]:L.value===e.path},`ph-no-capture`])},null,8,[`content`,`search`,`data-value`,`data-name`,`data-path`,`data-depth`,`class`])]),_:1},8,[`data`,`selected-value`,`height`])]),_:1},8,[`disabled`,`can-drop`,`sticky-position`])],2))}}),[[`__cssModules`,{$style:{jsonDisplay:`_jsonDisplay_twg9l_125`,mappable:`_mappable_twg9l_142`,highlight:`_highlight_twg9l_148`,dragged:`_dragged_twg9l_149`,compact:`_compact_twg9l_154`}}]]);export{A as default};
//# sourceMappingURL=RunDataJson-BRBRJsOs.js.map