UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

2 lines 23.1 kB
!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(["./chunk-legacy-Dz3fjYb5.js","./vue.runtime.esm-bundler-legacy-BW6xDdqj.js","./core-legacy-VD8c7QJ-.js","./src-legacy-B67uuxhB.js","./_plugin-vue_export-helper-legacy-DFdC_I5Z.js","./users.store-legacy-azRUgFdP.js","./constants-legacy-2_ytuuS3.js","./useRootStore-legacy-CC08el-l.js","./Draggable-legacy-8O9k0YUg.js","./TextWithHighlights-legacy-stOhoc1K.js","./useTelemetryContext-legacy-DXxvic2t.js","./useExecutionHelpers-legacy-43gwTTrP.js"],(function(e,a){var t,l,n,o,r,i,s,d,u,c,_,v,g,p,y,h,m,b,f,x,w,C,k,$,D,E,H,M,T,R,j,B,I,A,S,N,W,O,z,L,K,F,P,V,J,U,q,Q,X,Y,G,Z,ee,ae,te,le,ne,oe,re,ie,se,de;return{setters:[function(e){t=e.o},function(e){l=e.$,n=e.A,o=e.C,r=e.E,i=e.Ft,s=e.N,d=e.S,u=e.Sn,c=e.T,_=e.Wt,v=e.X,g=e._,p=e._n,y=e.bt,h=e.gt,m=e.j,b=e.p,f=e.pt,x=e.rt,w=e.w,C=e.yn,k=e.yt},function(e){$=e.at,D=e.ot},function(e){E=e.Di,H=e.J,M=e.Mi,T=e.Qi,R=e.w},function(e){j=e.t},function(e){B=e.Bn,I=e.Ca,A=e.In,S=e.Pn,N=e.aa,W=e.dt,O=e.fr,z=e.gr,L=e.or,K=e.r,F=e.s},function(e){P=e.ts},function(e){V=e.D},function(e){J=e.t},function(e){U=e.t},function(e){q=e.n,Q=e.t},function(e){X=e.t}],execute:function(){(Y=document.createElement("style")).textContent='._container_6ylyr_125{align-items:center;gap:var(--spacing--2xs);width:100%;min-width:150px;min-height:50px;padding-bottom:var(--spacing--4xs);padding-left:var(--spacing--4xs);border-radius:var(--radius);border-style:solid;border-width:1px;border-color:var(--color--foreground--shade-1);display:flex}._container_6ylyr_125:hover ._download_6ylyr_139{opacity:1}._wrapper_6ylyr_143{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative;overflow:hidden}._iconWrapper_6ylyr_155{width:40px;height:40px;color:var(--color--text--shade-2);justify-content:center;align-items:center;display:flex;overflow:hidden}._imagePreview_6ylyr_165{object-fit:cover;border-radius:var(--radius);width:100%;height:100%}._info_6ylyr_172{justify-content:center;gap:var(--spacing--4xs);flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}._filename_6ylyr_182{font-size:var(--font-size--2xs);color:var(--color--text--shade-1);font-weight:var(--font-weight--bold);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;max-width:300px;overflow:hidden}._meta_6ylyr_193{font-size:var(--font-size--3xs);color:var(--color--text--shade-2);text-overflow:ellipsis;white-space:normal;overflow:hidden}._download_6ylyr_139{cursor:pointer;opacity:0;width:48px;height:48px;color:var(--color--text--base);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s ease-in-out;display:flex}._download_6ylyr_139:hover{color:var(--color--primary)}._dataDisplay_1vyta_125{padding-left:var(--spacing--xs);word-break:normal;height:100%;padding-bottom:var(--spacing--3xl);line-height:1.5;position:absolute;top:0;left:0;right:0;overflow-y:auto}._dataDisplay_1vyta_125._compact_1vyta_137{padding-left:var(--spacing--2xs)}._table_1vyta_141{border-collapse:separate;text-align:left;width:100%;font-size:var(--font-size--2xs);color:var(--color--text)}._table_1vyta_141 th{background-color:var(--color--background);border-top:var(--border);border-bottom:var(--border);border-left:var(--border);color:var(--color--text--shade-1);z-index:1;position:sticky;top:0}._lightHeader_1vyta_158 ._table_1vyta_141 th{background-color:var(--color--background--light-2)}._table_1vyta_141 th._tableRightMargin_1vyta_161{background-color:transparent}._table_1vyta_141 td{vertical-align:top;padding:var(--spacing--4xs) var(--spacing--3xs);border-bottom:var(--border);border-left:var(--border);overflow-wrap:break-word;white-space:pre-wrap;vertical-align:top}._table_1vyta_141 td:first-child,._table_1vyta_141 td:nth-last-child(2){z-index:0;position:relative}._table_1vyta_141 td:first-child:after,._table_1vyta_141 td:nth-last-child(2):after{content:"";width:2px;height:100%;position:absolute;top:0}._table_1vyta_141 td:nth-last-child(2):after{right:-1px}._table_1vyta_141 td:first-child:after{left:-1px}._table_1vyta_141 th:last-child,._table_1vyta_141 td:last-child{border-right:var(--border)}._hasCollapsingColumn_1vyta_196 ._table_1vyta_141{table-layout:fixed}._hasCollapsingColumn_1vyta_196 ._table_1vyta_141 td:not(._isCollapsingColumn_1vyta_199){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._hasCollapsingColumn_1vyta_196 ._table_1vyta_141 td:not(._isCollapsingColumn_1vyta_199) .n8n-tree{height:1.5em;overflow:hidden}th._isCollapsingColumn_1vyta_199{border-top-color:var(--color--foreground--shade-2);border-left-color:var(--color--foreground--shade-2);border-right-color:var(--color--foreground--shade-2)}td._isCollapsingColumn_1vyta_199{border-left-color:var(--color--foreground--shade-2);border-right-color:var(--color--foreground--shade-2)}tr:last-child td._isCollapsingColumn_1vyta_199{border-bottom-color:var(--color--foreground--shade-2)}td._isCollapsingColumn_1vyta_199+td,th._isCollapsingColumn_1vyta_199+th{border-left-color:var(--color--foreground--shade-2)}._nodeClass_1vyta_228{margin-bottom:var(--spacing--5xs)}._emptyCell_1vyta_232{height:32px}._header_1vyta_236{padding:var(--spacing--4xs) var(--spacing--3xs);align-items:center;display:flex}._header_1vyta_236 span{white-space:nowrap;text-overflow:ellipsis;flex-grow:1;overflow:hidden}._draggableHeader_1vyta_248:hover{cursor:grab;background-color:var(--color--foreground)}._draggableHeader_1vyta_248:hover ._dragButton_1vyta_252{opacity:1}._highlight_1vyta_256 ._draggableHeader_1vyta_248{color:var(--color--primary)}._draggingHeader_1vyta_260{color:var(--color--primary);background-color:var(--color--primary--tint-2)}._activeHeader_1vyta_265 ._dragButton_1vyta_252{opacity:1}._dragButton_1vyta_252{opacity:0}._dragButton_1vyta_252>svg{vertical-align:middle}._dataKey_1vyta_276{color:var(--color--text--shade-1);line-height:1.7;font-weight:var(--font-weight--bold);border-radius:var(--radius);padding:0 var(--spacing--5xs) 0 var(--spacing--5xs);margin-right:var(--spacing--5xs)}._value_1vyta_285{line-height:var(--line-height--md)}._nestedValue_1vyta_289{margin-left:var(--spacing--4xs)}._mappable_1vyta_294{cursor:grab}._empty_1vyta_232{color:var(--color--danger);font-style:italic}._limitColWidth_1vyta_303{max-width:300px}._minColWidth_1vyta_307{min-width:240px}._hoveringKey_1vyta_311{background-color:var(--color--foreground)}._draggingKey_1vyta_315{background-color:var(--color--primary--tint-2)}._tableRightMargin_1vyta_161{width:var(--ndv--spacing);border-top:none!important;border-bottom:none!important;border-right:none!important}._compact_1vyta_137 ._tableRightMargin_1vyta_161{min-width:var(--spacing--2xs);max-width:var(--spacing--2xs);padding:0}._hoveringRow_1vyta_331 td:first-child:after,._hoveringRow_1vyta_331 td:nth-last-child(2):after{background-color:var(--color--secondary)}._warningTooltip_1vyta_336{color:var(--color--warning)}._executionLinkCell_1vyta_340{padding:var(--spacing--3xs)!important}._executionLinkRowHeader_1vyta_344{width:var(--spacing--md)}._collapseColumnButton_1vyta_348 span{flex-shrink:0}._collapseColumnButton_1vyta_348{opacity:0;margin-block:calc(-2 * var(--spacing--2xs))}._isCollapsingColumn_1vyta_199 ._collapseColumnButton_1vyta_348,th._isHoveredColumn_1vyta_355 ._collapseColumnButton_1vyta_348,th:hover ._collapseColumnButton_1vyta_348{opacity:1}\n/*$vite$:1*/',document.head.appendChild(Y);try{a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(ue=(new a.Error).stack)&&(a._sentryDebugIds=a._sentryDebugIds||{},a._sentryDebugIds[ue]="dad9621c-3dd9-49bb-a17c-e2060b6004e9",a._sentryDebugIdIdentifier="sentry-dbid-dad9621c-3dd9-49bb-a17c-e2060b6004e9")}catch(a){}var a,ue;G=t(B(),1),Z=["src","alt"],ee=j(s({__name:"BinaryEntryDataTable",props:{value:{},depth:{}},setup(e){const a=e,t=F(),n=K(),i=$(),s=d((()=>{if(!g.value)return!1;const e=a.value.mimeType,t=Number(a.value.bytes);return(e?.startsWith("image/")??!1)&&void 0!==t&&t<1048576})),v=d((()=>{const{fileName:e,fileExtension:t}=a.value,l=e??"file";return l?.includes(".")?l:t?`${l}.${t}`:l})),g=d((()=>{const{id:e,mimeType:l}=a.value;return t.getBinaryUrl(e,"download",v.value,l??"")})),y=d((()=>{const{mimeType:e,fileSize:t}=a.value;return e+(t?`, ${t}`:"")})),h=async()=>{try{const e=await fetch(g.value);if(!e.ok)throw new Error("Error downloading file");(0,G.saveAs)(await e.blob(),v.value)}catch(e){S().showMessage({title:i.baseText("runData.downloadBinaryData.error.title"),message:i.baseText("runData.downloadBinaryData.error.message"),type:"error"})}},b=()=>{n.openModalWithData({name:P,data:{binaryData:a.value}})},f=d((()=>({marginLeft:a.depth?15*a.depth+"px":"0"}))),x=d((()=>a.value.mimeType?.startsWith("text/")?"file-text":"file"));return(e,a)=>(l(),r("div",{class:p(e.$style.container),style:C(f.value)},[o("div",{class:p(e.$style.wrapper),onClick:b},[s.value?(l(),r("img",{key:0,src:g.value,class:p(e.$style.imagePreview),alt:v.value||"Image preview"},null,10,Z)):(l(),r("div",{key:1,class:p(e.$style.iconWrapper)},[m(_(T),{icon:x.value,size:"xlarge"},null,8,["icon"])],2))],2),o("div",{class:p(e.$style.info)},[o("div",{class:p(e.$style.filename),onClick:b},u(v.value),3),y.value?(l(),r("div",{key:0,class:p(e.$style.meta)},u(y.value),3)):c("",!0)],2),o("button",{class:p(e.$style.download),onClick:h},[m(_(T),{icon:"download",size:"large"})],2)],6))}}),[["__cssModules",{$style:{container:"_container_6ylyr_125",download:"_download_6ylyr_139",wrapper:"_wrapper_6ylyr_143",iconWrapper:"_iconWrapper_6ylyr_155",imagePreview:"_imagePreview_6ylyr_165",info:"_info_6ylyr_172",filename:"_filename_6ylyr_182",meta:"_meta_6ylyr_193"}}]]),ae=["data-row"],te=["data-row"],le={key:0},ne=["width"],oe=["data-test-id"],re=["data-row"],ie=["data-row","data-col"],se={key:1},de=s({__name:"RunDataTable",props:{node:{},inputData:{},distanceFromActive:{},pageOffset:{},runIndex:{default:0},outputIndex:{default:0},totalRuns:{default:0},mappingEnabled:{type:Boolean,default:!1},hasDefaultHoverState:{type:Boolean,default:!1},search:{default:""},headerBgColor:{default:"base"},compact:{type:Boolean,default:!1},disableHoverHighlight:{type:Boolean,default:!1},collapsingColumnName:{}},emits:["activeRowChanged","displayModeChange","mounted","collapsingColumnChanged"],setup(e,{emit:a}){const t=e,s=a,C=A(),j=f("tableRef"),B=i(-1),S=i(!1),K=i(!1),P=i(null),Y=i(null),G=i(-1),Z=i(null),de=i(40),ue=i(!1),ce=i(),_e=i(),ve=z(),ge=F(),pe=N(),ye=$(),he=O(),me=Q(),{trackOpeningRelatedExecution:be,resolveRelatedExecutionUrl:fe}=X(),{hoveringItem:xe,focusedMappableInput:we,highlightDraggables:Ce}=V(ve),ke=d((()=>ve.canDraggableDrop)),$e=d((()=>ve.draggableStickyPos)),De=d((()=>ge.workflowExecutionPairedItemMappings)),Ee=d((()=>function(e){const a=[],t=[];let l,n,o;const r={hasExecutionIds:!1,data:[]},i={};return e.forEach((e=>{if(!e.hasOwnProperty("json"))return;o=e.json,n=[];const s=Object.keys(o||{});s.length>40?(ue.value=!0,l=s.slice(0,40)):l=s,e.metadata?.subExecution?(r.data.push(e.metadata),r.hasExecutionIds=!0):r.data.push(void 0),t.forEach((e=>{o.hasOwnProperty(e)?(n.push(o[e]),l.splice(l.indexOf(e),1),i[e]=i[e]||"object"==typeof o[e]&&Object.keys(o[e]??{}).length>0||!1):n.push(void 0)})),l.forEach((e=>{t.push(e),n.push(o[e]),i[e]=i[e]||"object"==typeof o[e]&&Object.keys(o[e]??{}).length>0||!1})),a.push(n)})),a.forEach((e=>{t.length>e.length&&e.push(...new Array(t.length-e.length))})),{hasJson:i,columns:t,data:a,metadata:r}}(t.inputData))),He=d((()=>t.collapsingColumnName?Ee.value.columns.indexOf(t.collapsingColumnName):-1));function Me(e){if(t.disableHoverHighlight)return!1;if(e===Z.value)return!0;const a=t.pageOffset+e;if(0===a&&!xe.value&&t.hasDefaultHoverState&&1===t.distanceFromActive)return!0;const l=L(t.node?.name??"",t.runIndex||0,t.outputIndex||0,a);if(!xe.value||!De.value[l])return!1;const n=L(xe.value.nodeName,xe.value.runIndex,xe.value.outputIndex,xe.value.itemIndex);return De.value[l].has(n)}function Te(e){return e===Z.value||null===Z.value&&0===e}function Re(e){const a=e.target,l=a.dataset.col,n=l?parseInt(l,10):NaN;if(isNaN(n)||(G.value=n,a&&t.mappingEnabled&&(B.value=n)),a){const e=a.dataset.row;e&&!isNaN(parseInt(e,10))&&(Z.value=parseInt(e,10),s("activeRowChanged",t.pageOffset+Z.value))}}function je(){B.value=-1,Z.value=null,s("activeRowChanged",null),G.value=-1}function Be(){Y.value=null}function Ie(e,a){const t=We(e,a);return Y.value===t}function Ae(e){return t.node?W({nodeName:t.node.name,distanceFromActive:t.distanceFromActive,path:[e],binaryMode:pe?.value?.settings?.binaryMode}):""}function Se(e){return e?e.dataset.name:""}function Ne(e,a){const t=e[e.length-1];return"string"==typeof t?t:e.length>1?`${e[e.length-2]}[${t}]`:`${Ee.value.columns[a]}[${t}]`}function We(e,a){if(!t.node)return"";const l=Ee.value.columns[a];return W({nodeName:t.node.name,distanceFromActive:t.distanceFromActive,path:[l,...e],binaryMode:pe?.value?.settings?.binaryMode})}function Oe(e){return""===e||Array.isArray(e)&&0===e.length||"object"==typeof e&&null!==e&&0===Object.keys(e).length||null==e}function ze(e){return""===e?ye.baseText("runData.emptyString"):"string"==typeof e?e:Array.isArray(e)&&0===e.length?ye.baseText("runData.emptyArray"):"object"==typeof e&&null!==e&&0===Object.keys(e).length?ye.baseText("runData.emptyObject"):null==e?`${e}`:!0===e||!1===e||"number"==typeof e?e.toString():JSON.stringify(e)}function Le(e,a){K.value=!0,ve.draggableStartDragging({type:"mapping",data:a??"",dimensions:e?.getBoundingClientRect()??null}),ve.resetMappingTelemetry()}function Ke(e,a){e?.dataset.value&&(P.value=e.dataset.value),Le(e,a)}function Fe(e){P.value=null,Ve(e.dataset.name??"","tree",e.dataset.depth??"0")}function Pe(e,a){if(P.value)return P.value===We(e,a)}function Ve(e,a,l="0"){ve.draggableStopDragging(),setTimeout((()=>{const n=ve.mappingTelemetry,o={src_node_type:t.node.type,src_field_name:e,src_nodes_back:t.distanceFromActive,src_run_index:t.runIndex,src_runs_total:t.totalRuns,src_field_nest_level:parseInt(l,10),src_view:"table",src_element:a,success:!1,view_shown:me.view_shown,...n};C.run("runDataTable.onDragEnd",o),he.track("User dragged data for mapping",o)}),1e3)}function Je(e){return"object"!=typeof e||null===e||Array.isArray(e)&&0===e.length||"object"==typeof e&&0===Object.keys(e).length}function Ue(e){return!Je(e)}function qe(){s("displayModeChange","json")}return v((()=>{if(Ee.value?.columns&&ce.value){const e=ce.value.$refs.wrapper;e&&s("mounted",{avgRowHeight:e.offsetHeight/Ee.value.data.length})}})),h(we,(e=>{setTimeout((()=>{S.value=!!we.value}),e?300:150)})),h([He,j],(([e,a])=>{-1!==e?null!==a&&(_e.value=[...a.querySelectorAll("thead tr th")].map((e=>e instanceof HTMLElement?e.getBoundingClientRect().width:0))):_e.value=void 0}),{immediate:!0,flush:"post"}),(a,i)=>(l(),r("div",{class:p([a.$style.dataDisplay,{[a.$style.highlight]:_(Ce),[a.$style.lightHeader]:"light"===e.headerBgColor,[a.$style.compact]:t.compact,[a.$style.hasCollapsingColumn]:void 0!==_e.value}])},[Ee.value.columns&&0===Ee.value.columns.length?(l(),r("table",{key:0,class:p(a.$style.table)},[o("thead",null,[o("tr",null,[Ee.value.metadata.hasExecutionIds?(l(),r("th",{key:0,class:p(a.$style.executionLinkRowHeader)},null,2)):c("",!0),o("th",{class:p(a.$style.emptyCell)},null,2),o("th",{class:p(a.$style.tableRightMargin)},null,2)])]),o("tbody",null,[(l(!0),r(g,null,x(Ee.value.data,((e,t)=>(l(),r("tr",{key:t,class:p({[a.$style.hoveringRow]:Me(t)})},[Ee.value.metadata.hasExecutionIds?(l(),r("td",{key:0,"data-row":t,class:p(a.$style.executionLinkCell),onMouseenter:Re,onMouseleave:je},[Ee.value.metadata.data[t]?(l(),w(_(E),{key:0,content:_(ye).baseText("runData.table.viewSubExecution",{interpolate:{id:`${Ee.value.metadata.data[t]?.subExecution.executionId}`}}),placement:"left","hide-after":0},{default:k((()=>[y(m(_(M),{variant:"subtle",icon:"external-link","data-test-id":"debug-sub-execution",size:"xsmall",target:"_blank",href:_(fe)(Ee.value.metadata.data[t]),onClick:e=>_(be)(Ee.value.metadata.data[t],"table")},null,8,["href","onClick"]),[[b,Te(t)]])])),_:2},1032,["content"])):c("",!0)],42,ae)):c("",!0),o("td",{"data-row":t,"data-col":0,onMouseenter:Re,onMouseleave:je},[m(_(H),null,{default:k((()=>[n(u(_(ye).baseText("runData.emptyItemHint")),1)])),_:1})],40,te),o("td",{class:p(a.$style.tableRightMargin)},null,2)],2)))),128))])],2)):(l(),r("table",{key:1,ref_key:"tableRef",ref:j,class:p(a.$style.table)},[_e.value?(l(),r("colgroup",le,[(l(!0),r(g,null,x(_e.value,((e,a)=>(l(),r("col",{key:a,width:e},null,8,ne)))),128))])):c("",!0),o("thead",null,[o("tr",null,[Ee.value.metadata.hasExecutionIds?(l(),r("th",{key:0,class:p(a.$style.executionLinkRowHeader)},null,2)):c("",!0),(l(!0),r(g,null,x(Ee.value.columns||[],((t,d)=>(l(),r("th",{key:t,class:p({[a.$style.isCollapsingColumn]:He.value===d,[a.$style.isHoveredColumn]:G.value===d})},[m(_(E),{placement:"bottom-start",disabled:!e.mappingEnabled,"show-after":1e3},{content:k((()=>[o("div",null,[i[0]||(i[0]=o("img",{src:"/%7B%7BBASE_PATH%7D%7D/static/data-mapping-gif.gif"},null,-1)),n(" "+u(_(ye).baseText("dataMapping.dragColumnToFieldHint")),1)])])),default:k((()=>[m(J,{type:"mapping",data:Ae(t),disabled:!e.mappingEnabled,"can-drop":ke.value,"sticky-position":$e.value,onDragstart:Le,onDragend:e=>Ve(e?.textContent??"","column")},{preview:k((({canDrop:e})=>[m(q,{html:_(I)(t,16,2),"can-drop":e},null,8,["html","can-drop"])])),default:k((({isDragging:n})=>[o("div",{class:p({[a.$style.header]:!0,[a.$style.draggableHeader]:e.mappingEnabled,[a.$style.activeHeader]:(d===B.value||S.value)&&e.mappingEnabled,[a.$style.draggingHeader]:n})},[m(U,{content:ze(t||""),search:e.search},null,8,["content","search"]),m(_(E),{content:_(ye).baseText("dataMapping.tableView.columnCollapsing.tooltip"),disabled:e.mappingEnabled||He.value===d},{default:k((()=>[m(_(M),{variant:"ghost",class:p(a.$style.collapseColumnButton),size:"xsmall",icon:He.value===d?"chevrons-up-down":"chevrons-down-up","aria-label":_(ye).baseText("dataMapping.tableView.columnCollapsing"),onClick:e=>{return a=d,void s("collapsingColumnChanged",He.value===a?null:Ee.value.columns[a]??null);var a}},null,8,["class","icon","aria-label","onClick"])])),_:2},1032,["content","disabled"]),e.mappingEnabled?(l(),r("div",{key:0,class:p(a.$style.dragButton)},[m(_(T),{icon:"grip-vertical"})],2)):c("",!0)],2)])),_:2},1032,["data","disabled","can-drop","sticky-position","onDragend"])])),_:2},1032,["disabled"])],2)))),128)),ue.value?(l(),r("th",{key:1,class:p(a.$style.header)},[m(_(E),{placement:"bottom-end"},{content:k((()=>[o("div",null,[m(_(D),{tag:"span",keypath:"dataMapping.tableView.tableColumnsExceeded.tooltip",scope:"global"},{columnLimit:k((()=>[n(u(de.value),1)])),link:k((()=>[o("a",{onClick:qe},u(_(ye).baseText("dataMapping.tableView.tableColumnsExceeded.tooltip.link")),1)])),_:1})])])),default:k((()=>[o("span",null,[m(_(T),{class:p(a.$style.warningTooltip),icon:"triangle-alert"},null,8,["class"]),n(" "+u(_(ye).baseText("dataMapping.tableView.tableColumnsExceeded")),1)])])),_:1})],2)):c("",!0),o("th",{class:p(a.$style.tableRightMargin)},null,2)])]),m(J,{ref_key:"draggableRef",ref:ce,tag:"tbody",type:"mapping","target-data-key":"mappable",disabled:!e.mappingEnabled,onDragstart:Ke,onDragend:Fe},{preview:k((({canDrop:e,el:a})=>[m(q,{html:_(I)(Se(a)||"",16,2),"can-drop":e},null,8,["html","can-drop"])])),default:k((()=>[(l(!0),r(g,null,x(Ee.value.data,((t,n)=>(l(),r("tr",{key:n,class:p({[a.$style.hoveringRow]:Me(n)}),"data-test-id":Me(n)?"hovering-item":void 0},[Ee.value.metadata.hasExecutionIds?(l(),r("td",{key:0,"data-row":n,class:p(a.$style.executionLinkCell),onMouseenter:Re,onMouseleave:je},[Ee.value.metadata.data[n]?(l(),w(_(E),{key:0,content:_(ye).baseText("runData.table.viewSubExecution",{interpolate:{id:`${Ee.value.metadata.data[n]?.subExecution.executionId}`}}),placement:"left","hide-after":0},{default:k((()=>[y(m(_(M),{variant:"subtle",icon:"external-link","data-test-id":"debug-sub-execution",size:"xsmall",target:"_blank",href:_(fe)(Ee.value.metadata.data[n]),onClick:e=>_(be)(Ee.value.metadata.data[n],"table")},null,8,["href","onClick"]),[[b,Te(n)]])])),_:2},1032,["content"])):c("",!0)],42,re)):c("",!0),(l(!0),r(g,null,x(t,((t,o)=>{return l(),r("td",{key:o,"data-row":n,"data-col":o,class:p([(i=o,Ee.value.hasJson[Ee.value.columns[i]]?a.$style.minColWidth:a.$style.limitColWidth),He.value===o?a.$style.isCollapsingColumn:""]),onMouseenter:Re,onMouseleave:je},[Je(t)?(l(),w(U,{key:0,content:ze(t),search:e.search,class:p({[a.$style.value]:!0,[a.$style.empty]:Oe(t)})},null,8,["content","search","class"])):Ue(t)?(l(),w(_(R),{key:1,"node-class":a.$style.nodeClass,value:t},{label:k((({label:t,path:l})=>[m(U,{"data-target":"mappable",class:p({[a.$style.hoveringKey]:e.mappingEnabled&&Ie(l,o),[a.$style.draggingKey]:Pe(l,o),[a.$style.dataKey]:!0,[a.$style.mappable]:e.mappingEnabled}),content:t||_(ye).baseText("runData.unnamedField"),search:e.search,"data-name":Ne(l,o),"data-value":We(l,o),"data-depth":l.length,onMouseenter:()=>function(e,a){Y.value=We(e,a)}(l,o),onMouseleave:Be},null,8,["class","content","search","data-name","data-value","data-depth","onMouseenter"])])),binary:k((({value:e})=>[m(ee,{value:e},null,8,["value"])])),value:k((({value:t})=>[m(U,{content:ze(t),search:e.search,class:p({[a.$style.nestedValue]:!0,[a.$style.empty]:Oe(t)})},null,8,["content","search","class"])])),_:2},1032,["node-class","value"])):c("",!0)],42,ie);var i})),128)),ue.value?(l(),r("td",se)):c("",!0),o("td",{class:p(a.$style.tableRightMargin)},null,2)],10,oe)))),128))])),_:1},8,["disabled"])],2))],2))}}),e("default",j(de,[["__cssModules",{$style:{dataDisplay:"_dataDisplay_1vyta_125",compact:"_compact_1vyta_137",table:"_table_1vyta_141",lightHeader:"_lightHeader_1vyta_158",tableRightMargin:"_tableRightMargin_1vyta_161",hasCollapsingColumn:"_hasCollapsingColumn_1vyta_196",isCollapsingColumn:"_isCollapsingColumn_1vyta_199",nodeClass:"_nodeClass_1vyta_228",emptyCell:"_emptyCell_1vyta_232",header:"_header_1vyta_236",draggableHeader:"_draggableHeader_1vyta_248",dragButton:"_dragButton_1vyta_252",highlight:"_highlight_1vyta_256",draggingHeader:"_draggingHeader_1vyta_260",activeHeader:"_activeHeader_1vyta_265",dataKey:"_dataKey_1vyta_276",value:"_value_1vyta_285",nestedValue:"_nestedValue_1vyta_289 _value_1vyta_285",mappable:"_mappable_1vyta_294",empty:"_empty_1vyta_232",limitColWidth:"_limitColWidth_1vyta_303",minColWidth:"_minColWidth_1vyta_307",hoveringKey:"_hoveringKey_1vyta_311",draggingKey:"_draggingKey_1vyta_315",hoveringRow:"_hoveringRow_1vyta_331",warningTooltip:"_warningTooltip_1vyta_336",executionLinkCell:"_executionLinkCell_1vyta_340",executionLinkRowHeader:"_executionLinkRowHeader_1vyta_344",collapseColumnButton:"_collapseColumnButton_1vyta_348",isHoveredColumn:"_isHoveredColumn_1vyta_355"}}]]))}}})); //# sourceMappingURL=RunDataTable-legacy-VjTncNzd.js.map