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

Workflow Editor UI for n8n

const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataJsonActions-Cu0cX7__.js","assets/_plugin-vue_export-helper-CIL7EULb.js","assets/chunk-CACdhNlC.js","assets/src-XqE2yCpG.js","assets/get-BjzKP_3k.js","assets/_MapCache-CP9ToMjk.js","assets/vue.runtime.esm-bundler-C3C09Zii.js","assets/CalendarDate-BT_sdKiu.js","assets/core-Bz5WjPxS.js","assets/sanitize-html-CNLkxVtZ.js","assets/empty-BNY-5QlZ.js","assets/en-BrSmbSYv.js","assets/src-DBVOVeEU.css","assets/constants-DuQbSl-q.js","assets/merge-DFZxC2wo.js","assets/expression-runtime-stub-Vl5_1Jpv.js","assets/users.store-xP93bV7X.js","assets/useRootStore-XEREVjMN.js","assets/settings.store-CAFiYCMH.js","assets/dateformat-Cs9X8ykY.js","assets/_baseOrderBy-DP0226Vi.js","assets/useDebounce-DyDXl6eh.js","assets/useClipboard-D2UtD35U.js","assets/useInjectWorkflowId-BV3E4pXM.js","assets/usePinnedData-DYpKK5t1.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.16.1`}}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]=`0f057c2b-0ac0-4905-8155-7c2e045f25e0`,e._sentryDebugIdIdentifier=`sentry-dbid-0f057c2b-0ac0-4905-8155-7c2e045f25e0`)})()}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-C3C09Zii.js";import{p}from"./core-Bz5WjPxS.js";import{d as m}from"./get-BjzKP_3k.js";import{t as h}from"./_plugin-vue_export-helper-CIL7EULb.js";import{Ca as g,In as _,Pi as v,aa as y,dt as b,fr as x,gr as S,jr as C}from"./users.store-xP93bV7X.js";import{L as w}from"./constants-DuQbSl-q.js";import{t as T}from"./Draggable-C5UHad2G.js";import{t as E}from"./TextWithHighlights-D5CTCqWK.js";import{n as D,t as O}from"./useTelemetryContext-DAk8VAfQ.js";import{t as k}from"./vue-json-pretty-C6Pdr5u6.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-Cu0cX7__.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25]))),A=i,j=S(),M=y(),N=_(),P=x(),F=O(),I=n(w),L=n(null),R=n(null),{height:z}=p(R),B=a(()=>v(A.inputData)),V=a(()=>j.highlightDraggables),H=e=>e?g(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=>C(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-VThJi5zA.js.map