@e-llm-studio/citation 0.0.249 → 0.0.250

package/dist/features/CognitiveCompare/hooks/useLinesCalculator.js

@@ -1,2 +1,2 @@
-import{useState as t,useRef as e,useCallback as n,useEffect as i}from"react";import{DEVIATION_BADGE_SEPARATOR as r}from"../CognitiveComparehelpers.js";var c=function(c){var o=c.containerRef,l=c.leftContainerRef,u=c.rightContainerRef;c.svgContainerRef;var a=c.pathRefs,d=c.leftHeaderRef,s=c.rightHeaderRef,v=c.proposedSections,h=c.existingSections,g=c.visibleFields,f=c.leftRefs,p=c.rightRefs,b=c.sectionLeftRefs,y=c.sectionRightRefs,x=c.subSectionLeftRefs,m=c.subSectionRightRefs,R=c.lhsBadgeRefs,C=c.rhsBadgeRefs,A=c.sectionRowRefs,B=c.expandedSections,S=c.expandedSubSections,M=c.connectedSections,I=c.isSideBySide,T=c.activeSideBySideSection,L=c.maintainRelativeOrder,F=c.isGuidelineMode,H=c.cognitiveMap,w=c.getSectionCompareStyle,k=c.getSubSectionCompareStyle,E=c.getDeviationStyleByKey,N=c.isArrowVisible,Y=c.isAnimatingRef,D=c.isSideBySideRef,j=c.sideBySideCacheRef,O=c.sideBySideLineRef,z=c.activeSideBySideSectionRef,P=c.activeSideBySideRightSectionRef,Q=c.connectedLines,X=c.setConnectedLines,q=c.cachedConnectedPositions,G=c.calculateLinesRef,K=c.resizeTimerRef,V=c.scrollLock,J=c.scrollSyncLocked,U=c.handleResizeRef,W=c.activeProposed,Z=c.existingRule,$=c.analysisData,_=c.pendingScrollTargetRef,tt=c.pendingScrollCallbackRef,et=c.resolvedComparisonConfig,nt=c.getFieldData,it=t([]),rt=it[0],ct=it[1],ot=t(null),lt=ot[0],ut=ot[1],at=t([]),dt=at[0],st=at[1],vt=null!=Q?Q:dt,ht=null!=X?X:st,gt=t({width:0,height:0}),ft=gt[0],pt=gt[1],bt=e(!1),yt=e(!1),xt=e(!1),mt=e(null),Rt=e([]),Ct=null!=q?q:Rt,At=function(t,e,n,i,r,c,o){if(Math.abs(i-e)<=1)return c&&o?"M ".concat(t,",").concat(e," L ").concat(n,",").concat(i):c&&!o?"M ".concat(t,",").concat(e," L ").concat(r,",").concat(e):!c&&o?"M ".concat(r,",").concat(e," L ").concat(n,",").concat(i):"M ".concat(r,",").concat(e," L ").concat(r,",").concat(i);var l=Math.min(15,Math.abs(r-t),Math.abs(i-e)/2),u=Math.min(15,Math.abs(n-r),Math.abs(i-e)/2),a=i>e?l:-l,d=i>e?u:-u,s=n>r?u:-u;return c&&o?"M ".concat(t,",").concat(e," L ").concat(r-l,",").concat(e," Q ").concat(r,",").concat(e," ").concat(r,",").concat(e+a," L ").concat(r,",").concat(i-d," Q ").concat(r,",").concat(i," ").concat(r+s,",").concat(i," L ").concat(n,",").concat(i):c&&!o?"M ".concat(t,",").concat(e," L ").concat(r-l,",").concat(e," Q ").concat(r,",").concat(e," ").concat(r,",").concat(e+a," L ").concat(r,",").concat(i):!c&&o?"M ".concat(r,",").concat(e," L ").concat(r,",").concat(i-d," Q ").concat(r,",").concat(i," ").concat(r+s,",").concat(i," L ").concat(n,",").concat(i):"M ".concat(r,",").concat(e," L ").concat(r,",").concat(i)},Bt=n(function(){var t,e,n,i,c,a,A,N,D,j,O,z,P,Q,X,q,G,K;if(!bt.current&&!Y.current){bt.current=!0;try{if(!o.current)return;var V=function(t){var e=t.split("-"),n=e[0];if(!B[n]&&!1===L)return!1;if(L&&!B["left-".concat(n)]&&!B["right-".concat(n)]&&!B[n])return!1;for(var i=n,r=1;r<e.length-1;r++)if(i+="-".concat(e[r]),!S[i])return!1;return!0},J=o.current.getBoundingClientRect();pt({width:J.width,height:J.height});var U=[];if(g.forEach(function(t){var e,n,i=t.key,r=null===(e=f.current[i])||void 0===e?void 0:e.current,c=null===(n=p.current[i])||void 0===n?void 0:n.current;r&&c&&(r.style.height="auto",c.style.height="auto",r.style.minHeight="0px",c.style.minHeight="0px")}),!Y.current){for(var W=0;W<Math.max(v.length,h.length);W++){var Z=null===(t=b.current[W])||void 0===t?void 0:t.current,$=null===(e=y.current[W])||void 0===e?void 0:e.current;Z&&(Z.style.height="auto",Z.style.minHeight="0px"),$&&($.style.height="auto",$.style.minHeight="0px")}L||Object.keys(x.current).forEach(function(t){var e,n;if(V(t)){var i=null===(e=x.current[t])||void 0===e?void 0:e.current,r=null===(n=m.current[t])||void 0===n?void 0:n.current;i&&r&&(i.style.height="auto",r.style.height="auto",i.style.minHeight="0px",r.style.minHeight="0px")}})}var _={};g.forEach(function(t){var e,n,i=t.key,r=null===(e=f.current[i])||void 0===e?void 0:e.current,c=null===(n=p.current[i])||void 0===n?void 0:n.current;if(r&&c){var o=r.getBoundingClientRect(),l=c.getBoundingClientRect();_[i]=Math.max(o.height,l.height)}});var tt={left:{},right:{}},et={};if(!Y.current)if(L){if(I&&null!==T)if("number"==typeof T){var nt=T,it=v[nt],rt=null===(c=b.current[nt])||void 0===c?void 0:c.current;rt&&it&&(it.refIndexes||[]).forEach(function(t){var e,n=h.findIndex(function(e){return e.selfIndex===t}),i=null===(e=y.current[n])||void 0===e?void 0:e.current;if(i&&(B["left-".concat(nt)]||B["right-".concat(n)])){var r=Math.max(rt.getBoundingClientRect().height,i.getBoundingClientRect().height);tt.left[nt]=Math.max(tt.left[nt]||0,r),tt.right[n]=Math.max(tt.right[n]||0,r)}})}else{var ot=T.split(r)[2];if(ot){Z=null===(a=x.current[ot])||void 0===a?void 0:a.current,$=null===(A=m.current[ot])||void 0===A?void 0:A.current;if(Z&&$){lt=Math.max(Z.getBoundingClientRect().height,$.getBoundingClientRect().height);et[ot]=Math.max(et[ot]||0,lt)}}}}else{Object.keys(x.current).forEach(function(t){var e,n;if(V(t)){var i=null===(e=x.current[t])||void 0===e?void 0:e.current,r=null===(n=m.current[t])||void 0===n?void 0:n.current;if(i&&r&&null!==i.offsetParent&&null!==r.offsetParent){var c=i.getBoundingClientRect(),o=r.getBoundingClientRect(),l=Math.max(c.height,o.height);et[t]=l,i.style.minHeight="".concat(l,"px"),r.style.minHeight="".concat(l,"px")}}});for(W=0;W<Math.min(v.length,h.length);W++){var Z=null===(n=b.current[W])||void 0===n?void 0:n.current,$=null===(i=y.current[W])||void 0===i?void 0:i.current;if(Z&&$){var lt=Math.max(Z.getBoundingClientRect().height,$.getBoundingClientRect().height);tt.left[W]=lt,tt.right[W]=lt}}}if(g.forEach(function(t){var e,n,i=t.key,r=null===(e=f.current[i])||void 0===e?void 0:e.current,c=null===(n=p.current[i])||void 0===n?void 0:n.current;if(r&&c){var o=_[i];r.style.minHeight="".concat(o,"px"),c.style.minHeight="".concat(o,"px")}}),Y.current||(Object.entries(tt.left).forEach(function(t){var e,n=t[0],i=t[1],r=null===(e=b.current[Number(n)])||void 0===e?void 0:e.current;r&&(r.style.minHeight="".concat(i,"px"))}),Object.entries(tt.right).forEach(function(t){var e,n=t[0],i=t[1],r=null===(e=y.current[Number(n)])||void 0===e?void 0:e.current;r&&(r.style.minHeight="".concat(i,"px"))}),L||Object.keys(et).forEach(function(t){var e,n,i=null===(e=x.current[t])||void 0===e?void 0:e.current,r=null===(n=m.current[t])||void 0===n?void 0:n.current;if(i&&r&&et[t]){var c=et[t];i.style.minHeight="".concat(c,"px"),r.style.minHeight="".concat(c,"px")}})),!F){v.forEach(function(t,e){var n,i=t.continuationSourceRowId?v.findIndex(function(e){return e.comparisonRowId===t.continuationSourceRowId}):-1,r=i>=0?i:e,c=null===(n=b.current[r])||void 0===n?void 0:n.current;if(c){var o=function(t,e){if(!L)return h[e]?[e]:[];var n=(t.refIndexes||[]).map(function(t){return h.findIndex(function(e){return e.selfIndex===t})}).filter(function(t){return-1!==t});return!n.length&&h[e]?[e]:Array.from(new Set(n))}(t,e);o.forEach(function(t){var n,o,a,d,s,g,f,p,b,x,m,R,C=null===(n=y.current[t])||void 0===n?void 0:n.current;if(C){var A=c.getBoundingClientRect(),B=C.getBoundingClientRect(),S=A.right-J.left,M=B.left-J.left,F=A.top+18-J.top,k=B.top+18-J.top;if(L&&I&&T===e){var E=null!==(a=null===(o=l.current)||void 0===o?void 0:o.getBoundingClientRect().top)&&void 0!==a?a:0,N=null!==(s=null===(d=u.current)||void 0===d?void 0:d.getBoundingClientRect().top)&&void 0!==s?s:0,Y=E+(null!==(f=null===(g=l.current)||void 0===g?void 0:g.clientHeight)&&void 0!==f?f:1/0),D=N+(null!==(b=null===(p=u.current)||void 0===p?void 0:p.clientHeight)&&void 0!==b?b:1/0),j=function(t,e,n){return Math.max(e,Math.min(n,t))};F=j(A.top+18,E,Y)-J.top,k=j(B.top+18,N,D)-J.top}var O=w(r);O&&U.push({id:"line-".concat(r,"-").concat(t),x1:S,y1:F,x2:M,y2:k,style:O,sectionIdx:r,targetRightIdx:t,isSubSection:!1,isMappingContinuation:i>=0,hasCognitive:!!((null===(x=v[r])||void 0===x?void 0:x.cognitiveData)||(null===(m=h[t])||void 0===m?void 0:m.cognitiveData)||(null===(R=v[r])||void 0===R?void 0:R.nodeId)&&H[v[r].nodeId])})}})}})}if(!F&&I&&"string"==typeof T&&T.includes(r)){var at=T.split(r),dt=at[0],st=at[1],vt=at[2],gt=(at[3],"".concat(dt).concat(r).concat(st)),ft=null===(N=R.current[gt])||void 0===N?void 0:N.current,yt=null===(D=C.current[gt])||void 0===D?void 0:D.current;if(ft&&yt){var xt=ft.getBoundingClientRect(),mt=yt.getBoundingClientRect(),Rt=xt.right-J.left,Bt=mt.left-J.left,Mt=xt.top+xt.height/2-J.top,It=mt.top+mt.height/2-J.top;if(L){var Tt=null!==(O=null===(j=l.current)||void 0===j?void 0:j.getBoundingClientRect().top)&&void 0!==O?O:0,Lt=null!==(P=null===(z=u.current)||void 0===z?void 0:z.getBoundingClientRect().top)&&void 0!==P?P:0,Ft=Tt+(null!==(X=null===(Q=l.current)||void 0===Q?void 0:Q.clientHeight)&&void 0!==X?X:1/0),Ht=Lt+(null!==(G=null===(q=u.current)||void 0===q?void 0:q.clientHeight)&&void 0!==G?G:1/0),wt=function(t,e,n){return Math.max(e,Math.min(n,t))};Mt=wt(xt.top+xt.height/2,Tt,Ft)-J.top,It=wt(mt.top+mt.height/2,Lt,Ht)-J.top}var kt=null!==(K=E(dt,st))&&void 0!==K?K:k(vt);kt&&U.push({id:"line-subsec-".concat(gt),x1:Rt,y1:Mt,x2:Bt,y2:It,style:kt,sectionIdx:Number(vt.split("-")[0]),isSubSection:!0,subSectionKeyPath:T})}}if(ct(U),d.current&&s.current){var Et=d.current.getBoundingClientRect(),Nt=s.current.getBoundingClientRect(),Yt=(Et.top+Et.height/2-J.top+Nt.top+Nt.height/2-J.top)/2;ut({x1:Et.right-J.left,x2:Nt.left-J.left,y:Yt})}else ut(null);if(M.size>0){var Dt=[],jt=l.current,Ot=u.current;if(jt&&Ot){var zt=[],Pt=jt.getBoundingClientRect().top,Qt=Ot.getBoundingClientRect().top,Xt=Pt+jt.clientHeight,qt=Qt+Ot.clientHeight,Gt=jt.scrollTop,Kt=Ot.scrollTop,Vt=J.top,Jt=function(t,e,n){return Math.max(e,Math.min(n,t))};M.forEach(function(t){var e,n,i,c,o,l,u,a,d;if(F){var s=null,g=null,f=null;if("string"==typeof t&&t.includes(r)){var p=t.split(r),b=p[0],y=p[1],x=p[2],m="".concat(b).concat(r).concat(y);s=null===(e=R.current[m])||void 0===e?void 0:e.current,f=null!==(n=E(b,y))&&void 0!==n?n:k(x),g=Number((null==x?void 0:x.split("-")[0])||0)}else g=Number(t),s=null===(i=R.current[g])||void 0===i?void 0:i.current,f=w(g);if(!s)return;var A=document.querySelectorAll('[id^="guideline-target-"]');A.forEach(function(e,n){var i=s.getBoundingClientRect(),c=e.getBoundingClientRect(),o=i.right-J.left,l=c.left-J.left-0,u=o+75,a=i.top+i.height/2,d=c.top+c.height/2,v=a-Pt+Gt,h=d-Qt+Kt,g="conn-guide-".concat(t,"-").concat(n),p="";"string"==typeof t&&t.includes(r)?p=(t.split(r)[2]||"").split("-").map(function(t){return Number(t)+1}).join("."):p=String(Number(t)+1);var b=String.fromCharCode(97+n),y=1===A.length?null:"".concat(p,"(").concat(b,")");zt.push({lhsScrollY:v,rhsScrollY:h,x1:o,x2:l,containerTop:Vt,leftIdx:t,rhsArrayIdx:n,styleColor:(null==f?void 0:f.badgeBorder)||"#6366F1",styleBg:(null==f?void 0:f.badgeBg)||"#FFFFFF",styleText:(null==f?void 0:f.badgeText)||"#A16207",styleId:g,centerX:u});var x=Jt(a,Pt,Xt),m=Jt(d,Qt,qt),R=x-Vt,C=m-Vt,B=At(o,R,l,C,u,a>=Pt-4&&a<=Xt+4,d>=Qt-4&&d<=qt+4);Dt.push({id:g,pathD:B,style:f,leftIdx:t,rhsArrayIdx:n,x1:o,x2:l,y1:R,y2:C,centerX:u,matchLabel:y,isGuideline:!0})})}else if("string"==typeof t&&t.includes(r)){var B=t.split(r),S=(b=B[0],y=B[1],x=B[2],B[3],m="".concat(b).concat(r).concat(y),null===(c=R.current[m])||void 0===c?void 0:c.current),M=null===(o=C.current[m])||void 0===o?void 0:o.current;if(!S||!M)return;var I=S.getBoundingClientRect(),T=M.getBoundingClientRect(),H=null!==(l=E(b,y))&&void 0!==l?l:k(x),N=I.right-J.left,Y=T.left-J.left-0,D=N+75,j=I.top+I.height/2,O=T.top+T.height/2,z=j-Pt+Gt,P=O-Qt+Kt,Q="conn-subsec-".concat(m),X=((x||"").split("-").map(function(t){return Number(t)+1}).join("."),null);zt.push({lhsScrollY:z,rhsScrollY:P,x1:N,x2:Y,containerTop:Vt,leftIdx:t,rhsArrayIdx:t,styleColor:(null==H?void 0:H.badgeBorder)||"#6366F1",styleBg:(null==H?void 0:H.badgeBg)||"#FFFFFF",styleText:(null==H?void 0:H.badgeText)||"#A16207",styleId:Q,centerX:D});var q=Jt(j,Pt,Xt),G=Jt(O,Qt,qt),K=At(N,$=q-Vt,Y,_=G-Vt,D,j>=Pt-4&&j<=Xt+4,O>=Qt-4&&O<=qt+4);Dt.push({id:Q,pathD:K,style:H,leftIdx:t,rhsArrayIdx:t,x1:N,x2:Y,y1:$,y2:_,matchLabel:X})}else if(L){var V=t,U=v[V];if(!(null===(d=null==U?void 0:U.refIndexes)||void 0===d?void 0:d.length))return;U.refIndexes.forEach(function(e,n){var i,r,c=h.findIndex(function(t){return t.selfIndex===e});if(-1!==c){var o=null===(i=R.current[V])||void 0===i?void 0:i.current,l=null===(r=C.current[c])||void 0===r?void 0:r.current;if(o&&l){var u=o.getBoundingClientRect(),a=l.getBoundingClientRect(),d=w(V),s=u.right-J.left,v=a.left-J.left-0,g=s+75,f=u.top+u.height/2,p=a.top+a.height/2,b=f-Pt+Gt,y=p-Qt+Kt,x="conn-".concat(V,"-").concat(c),m=String(Number(t)+1),A=String.fromCharCode(97+n),B=1===U.refIndexes.length?null:"".concat(m,"(").concat(A,")");zt.push({lhsScrollY:b,rhsScrollY:y,x1:s,x2:v,containerTop:Vt,leftIdx:V,rhsArrayIdx:c,styleColor:(null==d?void 0:d.badgeBorder)||"#6366F1",styleBg:(null==d?void 0:d.badgeBg)||"#FFFFFF",styleText:(null==d?void 0:d.badgeText)||"#A16207",styleId:x,centerX:g});var S=Jt(f,Pt,Xt),M=Jt(p,Qt,qt),I=S-Vt,T=M-Vt,L=At(s,I,v,T,g,f>=Pt-4&&f<=Xt+4,p>=Qt-4&&p<=qt+4);Dt.push({id:x,pathD:L,style:d,leftIdx:V,rhsArrayIdx:c,x1:s,x2:v,y1:I,y2:T,matchLabel:B})}}})}else{var W=t,Z=W;S=null===(u=R.current[W])||void 0===u?void 0:u.current,M=null===(a=C.current[Z])||void 0===a?void 0:a.current;if(!S||!M)return;I=S.getBoundingClientRect(),T=M.getBoundingClientRect(),H=w(W),N=I.right-J.left,Y=T.left-J.left-0,D=N+75,j=I.top+I.height/2,O=T.top+T.height/2,z=j-Pt+Gt,P=O-Qt+Kt,Q="conn-".concat(W,"-").concat(Z),String(Number(t)+1),X=null;zt.push({lhsScrollY:z,rhsScrollY:P,x1:N,x2:Y,containerTop:Vt,leftIdx:W,rhsArrayIdx:Z,styleColor:(null==H?void 0:H.badgeBorder)||"#6366F1",styleBg:(null==H?void 0:H.badgeBg)||"#FFFFFF",styleText:(null==H?void 0:H.badgeText)||"#A16207",styleId:Q,centerX:D});var $,_;q=Jt(j,Pt,Xt),G=Jt(O,Qt,qt),K=At(N,$=q-Vt,Y,_=G-Vt,D,j>=Pt-4&&j<=Xt+4,O>=Qt-4&&O<=qt+4);Dt.push({id:Q,pathD:K,style:H,leftIdx:W,rhsArrayIdx:Z,x1:N,x2:Y,y1:$,y2:_,matchLabel:X})}}),Ct.current=zt}ht(Dt),setTimeout(function(){return St()},10)}else ht([]),Ct.current=[],setTimeout(function(){return St()},10)}catch(t){console.error("Line render safe fail: ",t)}finally{bt.current=!1}}},[g,v,h,H,et,nt,w,E,L,I,T,M,B,S,F]),St=n(function(){var t,e,n,i,r,c,d,s,v,h,g,f,p,b,y,x,m,R,C,A=Ct.current;if(!A.length)return null===(t=a.current["guideline-up-stroke"])||void 0===t||t.setAttribute("visibility","hidden"),null===(e=a.current["guideline-up-badge"])||void 0===e||e.setAttribute("visibility","hidden"),null===(n=a.current["guideline-down-stroke"])||void 0===n||n.setAttribute("visibility","hidden"),void(null===(i=a.current["guideline-down-badge"])||void 0===i||i.setAttribute("visibility","hidden"));if(!Y.current){var B=null!==(c=null===(r=l.current)||void 0===r?void 0:r.scrollTop)&&void 0!==c?c:0,S=null!==(s=null===(d=u.current)||void 0===d?void 0:d.scrollTop)&&void 0!==s?s:0,M=null!==(h=null===(v=l.current)||void 0===v?void 0:v.clientHeight)&&void 0!==h?h:1/0,I=null!==(f=null===(g=u.current)||void 0===g?void 0:g.clientHeight)&&void 0!==f?f:1/0,T=null!==(b=null===(p=l.current)||void 0===p?void 0:p.getBoundingClientRect().top)&&void 0!==b?b:0,L=null!==(x=null===(y=u.current)||void 0===y?void 0:y.getBoundingClientRect().top)&&void 0!==x?x:0,F=T+M,H=L+I,w=null===(m=o.current)||void 0===m?void 0:m.getBoundingClientRect(),k=null!==(R=null==w?void 0:w.top)&&void 0!==R?R:0,E=null!==(C=null==w?void 0:w.height)&&void 0!==C?C:1/0,N=function(t,e,n){return Math.max(e,Math.min(n,t))},D=0,j=0,O=0,z=0,P="#6366F1",Q="#A16207",X=!1,q=0;if(A.forEach(function(t){var e=t.lhsScrollY-B+T,n=t.rhsScrollY-S+L,i=a.current[t.styleId+"-stroke"],r=a.current[t.styleId+"-bg"],c=a.current[t.styleId+"-btn"],o=a.current[t.styleId+"-number"];if(i||r){var l=N(e,T,F),u=N(n,L,H),d=l-k,s=u-k,v=e>=T-4&&e<=F+4,h=n>=L-4&&n<=H+4,g=!0;X=!0;var f=t.centerX||t.x1+75;0===O&&(O=t.x1,z=d,q=f,P=t.styleColor,t.styleBg,Q=t.styleText||"#A16207"),n<L-4?(D++,g=!1):n>H+4&&(j++,g=!1);var p=At(t.x1,d,t.x2,s,q,v,h);i&&(g&&p?(i.setAttribute("visibility","visible"),i.setAttribute("d",p)):i.setAttribute("visibility","hidden")),r&&(g&&p?(r.setAttribute("visibility","visible"),r.setAttribute("d",p)):r.setAttribute("visibility","hidden")),c&&(v&&g?(c.setAttribute("visibility","visible"),c.setAttribute("y",String(d-12))):c.setAttribute("visibility","hidden")),o&&(v&&g?(o.setAttribute("visibility","visible"),o.setAttribute("transform","translate(".concat(t.x2-42,", ").concat(s,")"))):o.setAttribute("visibility","hidden"))}}),X&&q>0){var G=a.current["guideline-up-stroke"],K=a.current["guideline-up-badge"],V=a.current["guideline-up-arrow"],J=a.current["guideline-up-text"],U=a.current["guideline-up-badge-rect"];if(D>0){var W=Math.max(15,L-k+15),Z=Math.min(15,Math.abs(q-O),Math.max(0,z-W)),$="M ".concat(O,",").concat(z," L ").concat(q-Z,",").concat(z," Q ").concat(q,",").concat(z," ").concat(q,",").concat(z-Z," L ").concat(q,",").concat(W);null==G||G.setAttribute("visibility","visible"),null==G||G.setAttribute("d",$),null==G||G.setAttribute("stroke",P),null==K||K.setAttribute("visibility","visible"),null==K||K.setAttribute("transform","translate(".concat(q,", ").concat(W,")")),V&&V.setAttribute("fill",P),J&&(J.textContent="+".concat(D),J.setAttribute("fill",Q)),U&&U.setAttribute("stroke",P)}else null==G||G.setAttribute("visibility","hidden"),null==K||K.setAttribute("visibility","hidden");var _=a.current["guideline-down-stroke"],tt=a.current["guideline-down-badge"],et=a.current["guideline-down-arrow"],nt=a.current["guideline-down-text"],it=a.current["guideline-down-badge-rect"];if(j>0){var rt=Math.min(E-15,H-k-15);Z=Math.min(15,Math.abs(q-O),Math.max(0,rt-z)),$="M ".concat(O,",").concat(z," L ").concat(q-Z,",").concat(z," Q ").concat(q,",").concat(z," ").concat(q,",").concat(z+Z," L ").concat(q,",").concat(rt);null==_||_.setAttribute("visibility","visible"),null==_||_.setAttribute("d",$),null==_||_.setAttribute("stroke",P),null==tt||tt.setAttribute("visibility","visible"),null==tt||tt.setAttribute("transform","translate(".concat(q,", ").concat(rt,")")),et&&et.setAttribute("fill",P),nt&&(nt.textContent="+".concat(j),nt.setAttribute("fill",Q)),it&&it.setAttribute("stroke",P)}else null==_||_.setAttribute("visibility","hidden"),null==tt||tt.setAttribute("visibility","hidden")}}},[]),Mt=n(function(){Ct.current.length>0&&!Y.current||(null!==mt.current&&clearTimeout(mt.current),mt.current=setTimeout(function(){G.current(),mt.current=null},50))},[]),It=n(function(t){if(null!==_.current&&tt.current&&Math.abs(t.currentTarget.scrollTop-_.current)<=2){var e=tt.current;_.current=null,tt.current=null,e()}if(!xt.current&&!V.current){if(L&&J&&(D.current||M.size>0)){var n=t.currentTarget,i=l.current,c=u.current,a=n===i?c:n===c?i:null;if(n&&a){var d=function(){var t,e,n,i,c,o,l,u,a,d,s,v=z.current,h=P.current;if(null===v)return{leftAnchor:null,rightAnchor:null};if("string"==typeof v&&v.includes(r)){var g=v.split(r),f="".concat(g[0]).concat(r).concat(g[1]);return{leftAnchor:(null===(t=R.current[f])||void 0===t?void 0:t.current)||(null===(e=x.current[g[2]])||void 0===e?void 0:e.current)||(null===(n=b.current[Number(g[2])])||void 0===n?void 0:n.current)||null,rightAnchor:(null===(i=C.current[f])||void 0===i?void 0:i.current)||(null===(c=m.current[g[3]])||void 0===c?void 0:c.current)||(null===(o=y.current[Number(g[3])])||void 0===o?void 0:o.current)||null}}var p=Number(v),B=null!==h?Number(h):p;return{leftAnchor:(null===(l=R.current[p])||void 0===l?void 0:l.current)||(null===(u=A.current[p])||void 0===u?void 0:u.current)||(null===(a=b.current[p])||void 0===a?void 0:a.current)||null,rightAnchor:(null===(d=C.current[B])||void 0===d?void 0:d.current)||(null===(s=y.current[B])||void 0===s?void 0:s.current)||null}}(),s=d.leftAnchor,v=d.rightAnchor,h=n===i?s:v,g=n===i?v:s,f=null;if(h&&g){var p=h.getBoundingClientRect(),B=g.getBoundingClientRect(),S=a.getBoundingClientRect(),I=p.top+p.height/2;f=B.top-S.top+a.scrollTop+B.height/2-(I-S.top)}else{var T=Math.max(0,n.scrollHeight-n.clientHeight),F=Math.max(0,a.scrollHeight-a.clientHeight);f=T>0?n.scrollTop/T*F:n.scrollTop}var H=Math.max(0,a.scrollHeight-a.clientHeight);f=Math.max(0,Math.min(f,H)),Math.abs(a.scrollTop-f)>1&&(xt.current=!0,a.scrollTop=f,requestAnimationFrame(function(){xt.current=!1}))}}L||Mt(),yt.current||(yt.current=!0,requestAnimationFrame(function(){var t,e,n,i,c,a,d;if(D.current){var s=l.current,v=u.current;if(s&&v&&O.current){if(!j.current){var h=z.current,g=void 0;if("string"==typeof h&&h.includes(r)){var f=h.split(r),p="".concat(f[0]).concat(r).concat(f[1]);g=null===(t=R.current[p])||void 0===t?void 0:t.current}else g=null===(e=R.current[h])||void 0===e?void 0:e.current;if(g){var b=g.getBoundingClientRect();j.current={badgeScreenY:b.top+b.height/2,initialScrollTop:s.scrollTop,leftTop:s.getBoundingClientRect().top,leftBottom:s.getBoundingClientRect().top+s.clientHeight,cTop:null!==(i=null===(n=o.current)||void 0===n?void 0:n.getBoundingClientRect().top)&&void 0!==i?i:0}}}if(j.current){var y=j.current,x=s.scrollTop-y.initialScrollTop,m=y.badgeScreenY-x,C=((c=m,a=y.leftTop,d=y.leftBottom,Math.max(a,Math.min(d,c)))-y.cTop).toString(),A=m>=y.leftTop-4&&m<=y.leftBottom+4;O.current.setAttribute("y1",C),O.current.setAttribute("y2",C),O.current.setAttribute("visibility",A?"visible":"hidden")}}}St(),yt.current=!1}))}},[St,L,J,M,Mt]);return i(function(){G.current=Bt},[Bt]),i(function(){var t=setTimeout(Mt,250),e=function(){return U.current()};return window.addEventListener("resize",e),function(){clearTimeout(t),null!==mt.current&&clearTimeout(mt.current),null!==K.current&&clearTimeout(K.current),window.removeEventListener("resize",e)}},[W,Z,$,g,B,S,v,h,et,Mt,I,T,N,M]),{lines:rt,setLines:ct,overallConnector:lt,setOverallConnector:ut,connectedLines:vt,setConnectedLines:ht,svgDimensions:ft,cachedConnectedPositions:Ct,calculateLines:Bt,calculateLinesRef:G,calculateLinesDebounced:Mt,handleColumnScroll:It}};export{c as useLinesCalculator};
+import{useState as t,useRef as e,useCallback as n,useEffect as r}from"react";import{DEVIATION_BADGE_SEPARATOR as i}from"../CognitiveComparehelpers.js";const c=({containerRef:c,leftContainerRef:l,rightContainerRef:o,svgContainerRef:u,pathRefs:s,leftHeaderRef:h,rightHeaderRef:g,proposedSections:d,existingSections:a,visibleFields:f,leftRefs:p,rightRefs:b,sectionLeftRefs:y,sectionRightRefs:$,subSectionLeftRefs:x,subSectionRightRefs:m,lhsBadgeRefs:R,rhsBadgeRefs:C,sectionRowRefs:A,expandedSections:B,expandedSubSections:S,connectedSections:M,isSideBySide:v,activeSideBySideSection:I,maintainRelativeOrder:T,isGuidelineMode:L,cognitiveMap:F,getSectionCompareStyle:H,getSubSectionCompareStyle:w,getDeviationStyleByKey:k,isArrowVisible:E,isAnimatingRef:N,isSideBySideRef:Y,sideBySideCacheRef:D,sideBySideLineRef:j,activeSideBySideSectionRef:O,activeSideBySideRightSectionRef:z,connectedLines:P,setConnectedLines:Q,cachedConnectedPositions:X,calculateLinesRef:q,resizeTimerRef:G,scrollLock:K,scrollSyncLocked:V,handleResizeRef:J,activeProposed:U,existingRule:W,analysisData:Z,pendingScrollTargetRef:_,pendingScrollCallbackRef:tt,resolvedComparisonConfig:et,getFieldData:nt})=>{const[rt,it]=t([]),[ct,lt]=t(null),[ot,ut]=t([]),st=P??ot,ht=Q??ut,[gt,dt]=t({width:0,height:0}),at=e(!1),ft=e(!1),pt=e(!1),bt=e(null),yt=e([]),$t=X??yt,xt=(t,e,n,r,i,c,l)=>{if(Math.abs(r-e)<=1)return c&&l?`M ${t},${e} L ${n},${r}`:c&&!l?`M ${t},${e} L ${i},${e}`:!c&&l?`M ${i},${e} L ${n},${r}`:`M ${i},${e} L ${i},${r}`;const o=Math.min(15,Math.abs(i-t),Math.abs(r-e)/2),u=Math.min(15,Math.abs(n-i),Math.abs(r-e)/2),s=r>e?o:-o,h=r>e?u:-u,g=n>i?u:-u;return c&&l?`M ${t},${e} L ${i-o},${e} Q ${i},${e} ${i},${e+s} L ${i},${r-h} Q ${i},${r} ${i+g},${r} L ${n},${r}`:c&&!l?`M ${t},${e} L ${i-o},${e} Q ${i},${e} ${i},${e+s} L ${i},${r}`:!c&&l?`M ${i},${e} L ${i},${r-h} Q ${i},${r} ${i+g},${r} L ${n},${r}`:`M ${i},${e} L ${i},${r}`},mt=n(()=>{if(!at.current&&!N.current){at.current=!0;try{if(!c.current)return;const t=t=>{const e=t.split("-"),n=e[0];if(!B[n]&&!1===T)return!1;if(T&&!B[`left-${n}`]&&!B[`right-${n}`]&&!B[n])return!1;let r=n;for(let t=1;t<e.length-1;t++)if(r+=`-${e[t]}`,!S[r])return!1;return!0},e=c.current.getBoundingClientRect();dt({width:e.width,height:e.height});const n=[];if(f.forEach(({key:t})=>{const e=p.current[t]?.current,n=b.current[t]?.current;e&&n&&(e.style.height="auto",n.style.height="auto",e.style.minHeight="0px",n.style.minHeight="0px")}),!N.current){for(let t=0;t<Math.max(d.length,a.length);t++){const e=y.current[t]?.current,n=$.current[t]?.current;e&&(e.style.height="auto",e.style.minHeight="0px"),n&&(n.style.height="auto",n.style.minHeight="0px")}T||Object.keys(x.current).forEach(e=>{if(!t(e))return;const n=x.current[e]?.current,r=m.current[e]?.current;n&&r&&(n.style.height="auto",r.style.height="auto",n.style.minHeight="0px",r.style.minHeight="0px")})}const r={};f.forEach(({key:t})=>{const e=p.current[t]?.current,n=b.current[t]?.current;if(e&&n){const i=e.getBoundingClientRect(),c=n.getBoundingClientRect();r[t]=Math.max(i.height,c.height)}});const u={left:{},right:{}},s={};if(!N.current)if(T){if(v&&null!==I)if("number"==typeof I){const t=I,e=d[t],n=y.current[t]?.current;n&&e&&(e.refIndexes||[]).forEach(e=>{const r=a.findIndex(t=>t.selfIndex===e),i=$.current[r]?.current;if(i&&(B[`left-${t}`]||B[`right-${r}`])){const e=Math.max(n.getBoundingClientRect().height,i.getBoundingClientRect().height);u.left[t]=Math.max(u.left[t]||0,e),u.right[r]=Math.max(u.right[r]||0,e)}})}else{const t=I.split(i)[2];if(t){const e=x.current[t]?.current,n=m.current[t]?.current;if(e&&n){const r=Math.max(e.getBoundingClientRect().height,n.getBoundingClientRect().height);s[t]=Math.max(s[t]||0,r)}}}}else{Object.keys(x.current).forEach(e=>{if(!t(e))return;const n=x.current[e]?.current,r=m.current[e]?.current;if(n&&r&&null!==n.offsetParent&&null!==r.offsetParent){const t=n.getBoundingClientRect(),i=r.getBoundingClientRect(),c=Math.max(t.height,i.height);s[e]=c,n.style.minHeight=`${c}px`,r.style.minHeight=`${c}px`}});for(let t=0;t<Math.min(d.length,a.length);t++){const e=y.current[t]?.current,n=$.current[t]?.current;if(e&&n){const r=Math.max(e.getBoundingClientRect().height,n.getBoundingClientRect().height);u.left[t]=r,u.right[t]=r}}}if(f.forEach(({key:t})=>{const e=p.current[t]?.current,n=b.current[t]?.current;if(e&&n){const i=r[t];e.style.minHeight=`${i}px`,n.style.minHeight=`${i}px`}}),N.current||(Object.entries(u.left).forEach(([t,e])=>{const n=y.current[Number(t)]?.current;n&&(n.style.minHeight=`${e}px`)}),Object.entries(u.right).forEach(([t,e])=>{const n=$.current[Number(t)]?.current;n&&(n.style.minHeight=`${e}px`)}),T||Object.keys(s).forEach(t=>{const e=x.current[t]?.current,n=m.current[t]?.current;if(e&&n&&s[t]){const r=s[t];e.style.minHeight=`${r}px`,n.style.minHeight=`${r}px`}})),!L){const t=(t,e)=>{if(!T)return a[e]?[e]:[];const n=(t.refIndexes||[]).map(t=>a.findIndex(e=>e.selfIndex===t)).filter(t=>-1!==t);return!n.length&&a[e]?[e]:Array.from(new Set(n))};d.forEach((r,i)=>{const c=r.continuationSourceRowId?d.findIndex(t=>t.comparisonRowId===r.continuationSourceRowId):-1,u=c>=0?c:i,s=y.current[u]?.current;if(!s)return;t(r,i).forEach(t=>{const r=$.current[t]?.current;if(!r)return;const h=s.getBoundingClientRect(),g=r.getBoundingClientRect(),f=h.right-e.left,p=g.left-e.left;let b=h.top+18-e.top,y=g.top+18-e.top;if(T&&v&&I===i){const t=l.current?.getBoundingClientRect().top??0,n=o.current?.getBoundingClientRect().top??0,r=t+(l.current?.clientHeight??1/0),i=n+(o.current?.clientHeight??1/0),c=(t,e,n)=>Math.max(e,Math.min(n,t));b=c(h.top+18,t,r)-e.top,y=c(g.top+18,n,i)-e.top}const x=H(u);x&&n.push({id:`line-${u}-${t}`,x1:f,y1:b,x2:p,y2:y,style:x,sectionIdx:u,targetRightIdx:t,isSubSection:!1,isMappingContinuation:c>=0,hasCognitive:!!(d[u]?.cognitiveData||a[t]?.cognitiveData||d[u]?.nodeId&&F[d[u].nodeId])})})})}if(!L&&v&&"string"==typeof I&&I.includes(i)){const[t,r,c,u]=I.split(i),s=`${t}${i}${r}`,h=R.current[s]?.current,g=C.current[s]?.current;if(h&&g){const i=h.getBoundingClientRect(),u=g.getBoundingClientRect(),d=i.right-e.left,a=u.left-e.left;let f=i.top+i.height/2-e.top,p=u.top+u.height/2-e.top;if(T){const t=l.current?.getBoundingClientRect().top??0,n=o.current?.getBoundingClientRect().top??0,r=t+(l.current?.clientHeight??1/0),c=n+(o.current?.clientHeight??1/0),s=(t,e,n)=>Math.max(e,Math.min(n,t));f=s(i.top+i.height/2,t,r)-e.top,p=s(u.top+u.height/2,n,c)-e.top}const b=k(t,r)??w(c);b&&n.push({id:`line-subsec-${s}`,x1:d,y1:f,x2:a,y2:p,style:b,sectionIdx:Number(c.split("-")[0]),isSubSection:!0,subSectionKeyPath:I})}}if(it(n),h.current&&g.current){const t=h.current.getBoundingClientRect(),n=g.current.getBoundingClientRect(),r=(t.top+t.height/2-e.top+n.top+n.height/2-e.top)/2;lt({x1:t.right-e.left,x2:n.left-e.left,y:r})}else lt(null);if(M.size>0){const t=[],n=l.current,r=o.current;if(n&&r){const c=[],l=n.getBoundingClientRect().top,o=r.getBoundingClientRect().top,u=l+n.clientHeight,s=o+r.clientHeight,h=n.scrollTop,g=r.scrollTop,f=e.top,p=(t,e,n)=>Math.max(e,Math.min(n,t));M.forEach(n=>{if(L){let r=null,d=null,a=null;if("string"==typeof n&&n.includes(i)){const[t,e,c]=n.split(i),l=`${t}${i}${e}`;r=R.current[l]?.current,a=k(t,e)??w(c),d=Number(c?.split("-")[0]||0)}else d=Number(n),r=R.current[d]?.current,a=H(d);if(!r)return;const b=document.querySelectorAll('[id^="guideline-target-"]');b.forEach((d,y)=>{const $=r.getBoundingClientRect(),x=d.getBoundingClientRect(),m=$.right-e.left,R=x.left-e.left-0,C=m+75,A=$.top+$.height/2,B=x.top+x.height/2,S=A-l+h,M=B-o+g,v=`conn-guide-${n}-${y}`;let I="";if("string"==typeof n&&n.includes(i)){I=(n.split(i)[2]||"").split("-").map(t=>Number(t)+1).join(".")}else I=String(Number(n)+1);const T=String.fromCharCode(97+y),L=1===b.length?null:`${I}(${T})`;c.push({lhsScrollY:S,rhsScrollY:M,x1:m,x2:R,containerTop:f,leftIdx:n,rhsArrayIdx:y,styleColor:a?.badgeBorder||"#6366F1",styleBg:a?.badgeBg||"#FFFFFF",styleText:a?.badgeText||"#A16207",styleId:v,centerX:C});const F=p(A,l,u),H=p(B,o,s),w=F-f,k=H-f,E=xt(m,w,R,k,C,A>=l-4&&A<=u+4,B>=o-4&&B<=s+4);t.push({id:v,pathD:E,style:a,leftIdx:n,rhsArrayIdx:y,x1:m,x2:R,y1:w,y2:k,centerX:C,matchLabel:L,isGuideline:!0})})}else if("string"==typeof n&&n.includes(i)){const[r,d,a,b]=n.split(i),y=`${r}${i}${d}`,$=R.current[y]?.current,x=C.current[y]?.current;if(!$||!x)return;const m=$.getBoundingClientRect(),A=x.getBoundingClientRect(),B=k(r,d)??w(a),S=m.right-e.left,M=A.left-e.left-0,v=S+75,I=m.top+m.height/2,T=A.top+A.height/2,L=I-l+h,F=T-o+g,H=`conn-subsec-${y}`,E=((a||"").split("-").map(t=>Number(t)+1).join("."),null);c.push({lhsScrollY:L,rhsScrollY:F,x1:S,x2:M,containerTop:f,leftIdx:n,rhsArrayIdx:n,styleColor:B?.badgeBorder||"#6366F1",styleBg:B?.badgeBg||"#FFFFFF",styleText:B?.badgeText||"#A16207",styleId:H,centerX:v});const N=p(I,l,u),Y=p(T,o,s),D=N-f,j=Y-f,O=xt(S,D,M,j,v,I>=l-4&&I<=u+4,T>=o-4&&T<=s+4);t.push({id:H,pathD:O,style:B,leftIdx:n,rhsArrayIdx:n,x1:S,x2:M,y1:D,y2:j,matchLabel:E})}else if(T){const r=n,i=d[r];if(!i?.refIndexes?.length)return;i.refIndexes.forEach((d,b)=>{const y=a.findIndex(t=>t.selfIndex===d);if(-1===y)return;const $=R.current[r]?.current,x=C.current[y]?.current;if(!$||!x)return;const m=$.getBoundingClientRect(),A=x.getBoundingClientRect(),B=H(r),S=m.right-e.left,M=A.left-e.left-0,v=S+75,I=m.top+m.height/2,T=A.top+A.height/2,L=I-l+h,F=T-o+g,w=`conn-${r}-${y}`,k=String(Number(n)+1),E=String.fromCharCode(97+b),N=1===i.refIndexes.length?null:`${k}(${E})`;c.push({lhsScrollY:L,rhsScrollY:F,x1:S,x2:M,containerTop:f,leftIdx:r,rhsArrayIdx:y,styleColor:B?.badgeBorder||"#6366F1",styleBg:B?.badgeBg||"#FFFFFF",styleText:B?.badgeText||"#A16207",styleId:w,centerX:v});const Y=p(I,l,u),D=p(T,o,s),j=Y-f,O=D-f,z=xt(S,j,M,O,v,I>=l-4&&I<=u+4,T>=o-4&&T<=s+4);t.push({id:w,pathD:z,style:B,leftIdx:r,rhsArrayIdx:y,x1:S,x2:M,y1:j,y2:O,matchLabel:N})})}else{const r=n,i=r,d=R.current[r]?.current,a=C.current[i]?.current;if(!d||!a)return;const b=d.getBoundingClientRect(),y=a.getBoundingClientRect(),$=H(r),x=b.right-e.left,m=y.left-e.left-0,A=x+75,B=b.top+b.height/2,S=y.top+y.height/2,M=B-l+h,v=S-o+g,I=`conn-${r}-${i}`,T=(String(Number(n)+1),null);c.push({lhsScrollY:M,rhsScrollY:v,x1:x,x2:m,containerTop:f,leftIdx:r,rhsArrayIdx:i,styleColor:$?.badgeBorder||"#6366F1",styleBg:$?.badgeBg||"#FFFFFF",styleText:$?.badgeText||"#A16207",styleId:I,centerX:A});const L=p(B,l,u),F=p(S,o,s),w=L-f,k=F-f,E=xt(x,w,m,k,A,B>=l-4&&B<=u+4,S>=o-4&&S<=s+4);t.push({id:I,pathD:E,style:$,leftIdx:r,rhsArrayIdx:i,x1:x,x2:m,y1:w,y2:k,matchLabel:T})}}),$t.current=c}ht(t),setTimeout(()=>Rt(),10)}else ht([]),$t.current=[],setTimeout(()=>Rt(),10)}catch(t){console.error("Line render safe fail: ",t)}finally{at.current=!1}}},[f,d,a,F,et,nt,H,k,T,v,I,M,B,S,L]),Rt=n(()=>{const t=$t.current;if(!t.length)return s.current["guideline-up-stroke"]?.setAttribute("visibility","hidden"),s.current["guideline-up-badge"]?.setAttribute("visibility","hidden"),s.current["guideline-down-stroke"]?.setAttribute("visibility","hidden"),void s.current["guideline-down-badge"]?.setAttribute("visibility","hidden");if(N.current)return;const e=l.current?.scrollTop??0,n=o.current?.scrollTop??0,r=l.current?.clientHeight??1/0,i=o.current?.clientHeight??1/0,u=l.current?.getBoundingClientRect().top??0,h=o.current?.getBoundingClientRect().top??0,g=u+r,d=h+i,a=c.current?.getBoundingClientRect(),f=a?.top??0,p=a?.height??1/0,b=(t,e,n)=>Math.max(e,Math.min(n,t));let y=0,$=0,x=0,m=0,R="#6366F1",C="#A16207",A=!1,B=0;if(t.forEach(t=>{const r=t.lhsScrollY-e+u,i=t.rhsScrollY-n+h,c=s.current[t.styleId+"-stroke"],l=s.current[t.styleId+"-bg"],o=s.current[t.styleId+"-btn"],a=s.current[t.styleId+"-number"];if(!c&&!l)return;const p=b(r,u,g),S=b(i,h,d),M=p-f,v=S-f,I=r>=u-4&&r<=g+4,T=i>=h-4&&i<=d+4;let L=!0;A=!0;const F=t.centerX||t.x1+75;0===x&&(x=t.x1,m=M,B=F,R=t.styleColor,t.styleBg,C=t.styleText||"#A16207"),i<h-4?(y++,L=!1):i>d+4&&($++,L=!1);const H=xt(t.x1,M,t.x2,v,B,I,T);c&&(L&&H?(c.setAttribute("visibility","visible"),c.setAttribute("d",H)):c.setAttribute("visibility","hidden")),l&&(L&&H?(l.setAttribute("visibility","visible"),l.setAttribute("d",H)):l.setAttribute("visibility","hidden")),o&&(I&&L?(o.setAttribute("visibility","visible"),o.setAttribute("y",String(M-12))):o.setAttribute("visibility","hidden")),a&&(I&&L?(a.setAttribute("visibility","visible"),a.setAttribute("transform",`translate(${t.x2-42}, ${v})`)):a.setAttribute("visibility","hidden"))}),A&&B>0){const t=s.current["guideline-up-stroke"],e=s.current["guideline-up-badge"],n=s.current["guideline-up-arrow"],r=s.current["guideline-up-text"],i=s.current["guideline-up-badge-rect"];if(y>0){const c=Math.max(15,h-f+15),l=Math.min(15,Math.abs(B-x),Math.max(0,m-c)),o=`M ${x},${m} L ${B-l},${m} Q ${B},${m} ${B},${m-l} L ${B},${c}`;t?.setAttribute("visibility","visible"),t?.setAttribute("d",o),t?.setAttribute("stroke",R),e?.setAttribute("visibility","visible"),e?.setAttribute("transform",`translate(${B}, ${c})`),n&&n.setAttribute("fill",R),r&&(r.textContent=`+${y}`,r.setAttribute("fill",C)),i&&i.setAttribute("stroke",R)}else t?.setAttribute("visibility","hidden"),e?.setAttribute("visibility","hidden");const c=s.current["guideline-down-stroke"],l=s.current["guideline-down-badge"],o=s.current["guideline-down-arrow"],u=s.current["guideline-down-text"],g=s.current["guideline-down-badge-rect"];if($>0){const t=Math.min(p-15,d-f-15),e=Math.min(15,Math.abs(B-x),Math.max(0,t-m)),n=`M ${x},${m} L ${B-e},${m} Q ${B},${m} ${B},${m+e} L ${B},${t}`;c?.setAttribute("visibility","visible"),c?.setAttribute("d",n),c?.setAttribute("stroke",R),l?.setAttribute("visibility","visible"),l?.setAttribute("transform",`translate(${B}, ${t})`),o&&o.setAttribute("fill",R),u&&(u.textContent=`+${$}`,u.setAttribute("fill",C)),g&&g.setAttribute("stroke",R)}else c?.setAttribute("visibility","hidden"),l?.setAttribute("visibility","hidden")}},[]),Ct=n(()=>{$t.current.length>0&&!N.current||(null!==bt.current&&clearTimeout(bt.current),bt.current=setTimeout(()=>{q.current(),bt.current=null},50))},[]),At=n(t=>{if(null!==_.current&&tt.current&&Math.abs(t.currentTarget.scrollTop-_.current)<=2){const t=tt.current;_.current=null,tt.current=null,t()}if(!pt.current&&!K.current){if(T&&V&&(Y.current||M.size>0)){const e=t.currentTarget,n=l.current,r=o.current,c=e===n?r:e===r?n:null;if(e&&c){const t=()=>{const t=O.current,e=z.current;if(null===t)return{leftAnchor:null,rightAnchor:null};if("string"==typeof t&&t.includes(i)){const e=t.split(i),n=`${e[0]}${i}${e[1]}`;return{leftAnchor:R.current[n]?.current||x.current[e[2]]?.current||y.current[Number(e[2])]?.current||null,rightAnchor:C.current[n]?.current||m.current[e[3]]?.current||$.current[Number(e[3])]?.current||null}}const n=Number(t),r=null!==e?Number(e):n;return{leftAnchor:R.current[n]?.current||A.current[n]?.current||y.current[n]?.current||null,rightAnchor:C.current[r]?.current||$.current[r]?.current||null}},{leftAnchor:r,rightAnchor:l}=t(),o=e===n?r:l,u=e===n?l:r;let s=null;if(o&&u){const t=o.getBoundingClientRect(),e=u.getBoundingClientRect(),n=c.getBoundingClientRect(),r=t.top+t.height/2;s=e.top-n.top+c.scrollTop+e.height/2-(r-n.top)}else{const t=Math.max(0,e.scrollHeight-e.clientHeight),n=Math.max(0,c.scrollHeight-c.clientHeight);s=t>0?e.scrollTop/t*n:e.scrollTop}const h=Math.max(0,c.scrollHeight-c.clientHeight);s=Math.max(0,Math.min(s,h)),Math.abs(c.scrollTop-s)>1&&(pt.current=!0,c.scrollTop=s,requestAnimationFrame(()=>{pt.current=!1}))}}T||Ct(),ft.current||(ft.current=!0,requestAnimationFrame(()=>{if(Y.current){const t=l.current,e=o.current;if(t&&e&&j.current){if(!D.current){const e=O.current;let n;if("string"==typeof e&&e.includes(i)){const t=e.split(i),r=`${t[0]}${i}${t[1]}`;n=R.current[r]?.current}else n=R.current[e]?.current;if(n){const e=n.getBoundingClientRect();D.current={badgeScreenY:e.top+e.height/2,initialScrollTop:t.scrollTop,leftTop:t.getBoundingClientRect().top,leftBottom:t.getBoundingClientRect().top+t.clientHeight,cTop:c.current?.getBoundingClientRect().top??0}}}if(D.current){const e=D.current,n=t.scrollTop-e.initialScrollTop,r=e.badgeScreenY-n,i=(((t,e,n)=>Math.max(e,Math.min(n,t)))(r,e.leftTop,e.leftBottom)-e.cTop).toString(),c=r>=e.leftTop-4&&r<=e.leftBottom+4;j.current.setAttribute("y1",i),j.current.setAttribute("y2",i),j.current.setAttribute("visibility",c?"visible":"hidden")}}}Rt(),ft.current=!1}))}},[Rt,T,V,M,Ct]);return r(()=>{q.current=mt},[mt]),r(()=>{const t=setTimeout(Ct,250),e=()=>J.current();return window.addEventListener("resize",e),()=>{clearTimeout(t),null!==bt.current&&clearTimeout(bt.current),null!==G.current&&clearTimeout(G.current),window.removeEventListener("resize",e)}},[U,W,Z,f,B,S,d,a,et,Ct,v,I,E,M]),{lines:rt,setLines:it,overallConnector:ct,setOverallConnector:lt,connectedLines:st,setConnectedLines:ht,svgDimensions:gt,cachedConnectedPositions:$t,calculateLines:mt,calculateLinesRef:q,calculateLinesDebounced:Ct,handleColumnScroll:At}};export{c as useLinesCalculator};
 //# sourceMappingURL=useLinesCalculator.js.map

package/dist/features/CognitiveCompare/hooks/useLinesCalculator.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLinesCalculator.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"useLinesCalculator.js","sources":["../../../../src/features/CognitiveCompare/hooks/useLinesCalculator.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\"\nimport { CachedBadgePosition, SectionBlock } from \"../CognitiveCompareTypes\";\nimport { DEVIATION_BADGE_SEPARATOR, getBentArrowPath, hasValue } from \"../CognitiveComparehelpers\";\nimport { maxHeight } from \"@mui/system\";\n\nexport const useLinesCalculator = ({\n    containerRef,\n    leftContainerRef,\n    rightContainerRef,\n    svgContainerRef,\n    pathRefs,\n    leftHeaderRef, rightHeaderRef,\n    proposedSections, existingSections,\n    visibleFields,\n    leftRefs, rightRefs,\n    sectionLeftRefs, sectionRightRefs,\n    subSectionLeftRefs, subSectionRightRefs,\n    lhsBadgeRefs, rhsBadgeRefs,\n    sectionRowRefs,\n    expandedSections, expandedSubSections,\n    connectedSections,\n    isSideBySide, activeSideBySideSection,\n    maintainRelativeOrder,\n    isGuidelineMode, // ── NEW PROP ──\n    cognitiveMap,\n    getSectionCompareStyle, getSubSectionCompareStyle, getDeviationStyleByKey,\n    isArrowVisible,\n\n    isAnimatingRef,\n    isSideBySideRef,\n    sideBySideCacheRef,\n    sideBySideLineRef,\n    activeSideBySideSectionRef,\n    activeSideBySideRightSectionRef,\n    connectedLines: providedConnectedLines,\n    setConnectedLines: providedSetConnectedLines,\n    cachedConnectedPositions: providedCachedConnectedPositions,\n    calculateLinesRef,\n    resizeTimerRef,\n    scrollLock,\n    scrollSyncLocked,\n\n    handleResizeRef,\n    activeProposed, existingRule, analysisData,\n    pendingScrollTargetRef, pendingScrollCallbackRef,\n\n    resolvedComparisonConfig,\n    getFieldData\n}: any) => {\n    // States and Refs\n    const [lines, setLines] = useState<Record<string, any>[]>([]);\n    const [overallConnector, setOverallConnector] = useState<{ x1: number; x2: number; y: number; } | null>(null);\n    const [internalConnectedLines, internalSetConnectedLines] = useState<Record<string, any>[]>([]);\n    const connectedLines = providedConnectedLines ?? internalConnectedLines;\n    const setConnectedLines = providedSetConnectedLines ?? internalSetConnectedLines;\n    const [svgDimensions, setSvgDimensions] = useState<{ width: number; height: number }>({ width: 0, height: 0 });\n\n    const isCalculatingLines = useRef(false);\n    const scrollTicking = useRef(false);\n    const scrollSyncing = useRef(false);\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const internalCachedConnectedPositions = useRef<CachedBadgePosition[]>([]);\n    const cachedConnectedPositions =\n      providedCachedConnectedPositions ?? internalCachedConnectedPositions;\n\n\n    \n    // Helpers\n    // ── UNIFIED ROUNDED PATH GENERATOR (Guarantees shared trunk for ALL modes) ──\n    const getRoundedStaggeredPath = (x1: number, y1: number, x2: number, y2: number, cX: number, visL: boolean, visR: boolean) => {\n      if (Math.abs(y2 - y1) <= 1) {\n          if (visL && visR) return `M ${x1},${y1} L ${x2},${y2}`;\n          if (visL && !visR) return `M ${x1},${y1} L ${cX},${y1}`;\n          if (!visL && visR) return `M ${cX},${y1} L ${x2},${y2}`;\n          return `M ${cX},${y1} L ${cX},${y2}`;\n      }\n      const r1 = Math.min(15, Math.abs(cX - x1), Math.abs(y2 - y1) / 2);\n      const r2 = Math.min(15, Math.abs(x2 - cX), Math.abs(y2 - y1) / 2);\n      const dy1 = y2 > y1 ? r1 : -r1;\n      const dy2 = y2 > y1 ? r2 : -r2;\n      const dx2 = x2 > cX ? r2 : -r2; // Safe horizontal direction\n      \n      if (visL && visR) {\n          return `M ${x1},${y1} L ${cX - r1},${y1} Q ${cX},${y1} ${cX},${y1 + dy1} L ${cX},${y2 - dy2} Q ${cX},${y2} ${cX + dx2},${y2} L ${x2},${y2}`;\n      } else if (visL && !visR) {\n          return `M ${x1},${y1} L ${cX - r1},${y1} Q ${cX},${y1} ${cX},${y1 + dy1} L ${cX},${y2}`;\n      } else if (!visL && visR) {\n          return `M ${cX},${y1} L ${cX},${y2 - dy2} Q ${cX},${y2} ${cX + dx2},${y2} L ${x2},${y2}`;\n      } else {\n          return `M ${cX},${y1} L ${cX},${y2}`;\n      }\n    };\n\n    // Helper to check if a subsection is actually visible in the expanded section\n    const isSubSectionVisible = (keyPath: string) => {\n        const pathParts = keyPath.split('-');\n        const rootIdx = pathParts[0];\n\n        // Edge case\n        // Early return if root parent is not expanded\n        // Only happens in side by side view for deeply nested children\n        if (!expandedSections[rootIdx] && maintainRelativeOrder === false) return;\n\n        if (maintainRelativeOrder) {\n            if (!expandedSections[`left-${rootIdx}`] && !expandedSections[`right-${rootIdx}`] && !expandedSections[rootIdx]) return false;\n        }\n\n        // Check to confirm if all the ancestors of the node are expanded otherwise early return\n        let ancestorPath = rootIdx;\n        for (let i = 1; i < pathParts.length - 1; i++) {\n            ancestorPath += `-${pathParts[i]}`;\n            if (!expandedSections[ancestorPath]) return false;\n        }\n\n        return true;\n    };\n\n    // Callbacks\n    const calculateLines = useCallback(() => {\n    if (isCalculatingLines.current) return;\n    if (isAnimatingRef.current) return;\n    isCalculatingLines.current = true;\n    try {\n     if (!containerRef.current) return;\n\n      // Helper to check if a subsection is actually visible in the expanded accordion tree\n      const isSubSectionVisible = (keyPath: string) => {\n        const pathParts = keyPath.split('-');\n        const rootIdx = pathParts[0];\n\n        // 1. Root Parent must be expanded\n        if (!expandedSections[rootIdx] && maintainRelativeOrder === false) return false;\n        if (maintainRelativeOrder) {\n           if (!expandedSections[`left-${rootIdx}`] && !expandedSections[`right-${rootIdx}`] && !expandedSections[rootIdx]) return false;\n        }\n\n        // 2. All intermediate ancestor subsections must be expanded\n        let ancestorPath = rootIdx;\n        for (let i = 1; i < pathParts.length - 1; i++) {\n          ancestorPath += `-${pathParts[i]}`;\n          if (!expandedSubSections[ancestorPath]) {\n            return false;\n          }\n        }\n        return true;\n      };\n\n      // 3. Keep the SVG setup and field heights logic intact\n      const containerRect = containerRef.current.getBoundingClientRect();\n      setSvgDimensions({\n        width: containerRect.width,\n        height: containerRect.height,\n      });\n\n      const newLines: Record<string, any>[] = [];\n\n      // RESET STYLES (WRITE ONLY)\n      visibleFields.forEach(({ key }: {key: any}) => {\n        const l = leftRefs.current[key]?.current;\n        const r = rightRefs.current[key]?.current;\n\n        if (l && r) {\n          l.style.height = \"auto\";\n          r.style.height = \"auto\";\n          l.style.minHeight = \"0px\";\n          r.style.minHeight = \"0px\";\n        }\n      });\n\n      if (!isAnimatingRef.current) {\n        for (let idx = 0; idx < Math.max(proposedSections.length, existingSections.length); idx++) {\n          const l = sectionLeftRefs.current[idx]?.current;\n          const r = sectionRightRefs.current[idx]?.current;\n\n          if (l) {\n            l.style.height = \"auto\";\n            l.style.minHeight = \"0px\";\n          }\n          if (r) {\n            r.style.height = \"auto\";\n            r.style.minHeight = \"0px\";\n          }\n        }\n        \n        if (!maintainRelativeOrder) {\n          // Subsections reset\n          Object.keys(subSectionLeftRefs.current).forEach(keyPath => {\n              if (!isSubSectionVisible(keyPath)) return;\n              const l = subSectionLeftRefs.current[keyPath]?.current;\n              const r = subSectionRightRefs.current[keyPath]?.current;\n              if (l && r) {\n                  l.style.height = \"auto\";\n                  r.style.height = \"auto\";\n                  l.style.minHeight = \"0px\";\n                  r.style.minHeight = \"0px\";\n              }\n          });\n        }\n      }\n\n      // READ HEIGHTS (READ ONLY)\n      const fieldHeights: Record<string, number> = {};\n\n      visibleFields.forEach(({ key } : {key: any}) => {\n        const l = leftRefs.current[key]?.current;\n        const r = rightRefs.current[key]?.current;\n\n        if (l && r) {\n          const lRect = l.getBoundingClientRect();\n          const rRect = r.getBoundingClientRect();\n          fieldHeights[key] = Math.max(lRect.height, rRect.height);\n        }\n      });\n\n      const syncHeights = { left: {} as Record<number, number>, right: {} as Record<number, number> };\n      const subSectionHeights: Record<string, number> = {};\n\n      if (!isAnimatingRef.current) {\n        if (!maintainRelativeOrder) {\n          // ── FIX: Measure and apply subsection heights FIRST so their new heights push the parent containers ──\n          Object.keys(subSectionLeftRefs.current).forEach(keyPath => {\n              if (!isSubSectionVisible(keyPath)) return;\n              const l = subSectionLeftRefs.current[keyPath]?.current;\n              const r = subSectionRightRefs.current[keyPath]?.current;\n              if (l && r && l.offsetParent !== null && r.offsetParent !== null) {\n                  const lRect = l.getBoundingClientRect();\n                  const rRect = r.getBoundingClientRect();\n                  const maxH = Math.max(lRect.height, rRect.height);\n                  subSectionHeights[keyPath] = maxH;\n                  \n                  // Apply immediately so the browser recalculates layout for the parent block below\n                  l.style.minHeight = `${maxH}px`;\n                  r.style.minHeight = `${maxH}px`;\n              }\n          });\n\n          // ── NOW measure main sections (which will naturally wrap the aligned subsections) ──\n          for (let idx = 0; idx < Math.min(proposedSections.length, existingSections.length); idx++) {\n            const l = sectionLeftRefs.current[idx]?.current;\n            const r = sectionRightRefs.current[idx]?.current;\n\n            if (l && r) {\n              const maxH = Math.max(l.getBoundingClientRect().height, r.getBoundingClientRect().height);\n              syncHeights.left[idx] = maxH;\n              syncHeights.right[idx] = maxH;\n            }\n          }\n\n        } else if (isSideBySide && activeSideBySideSection !== null) {\n          if (typeof activeSideBySideSection === \"number\") {\n            const leftIdx = activeSideBySideSection;\n            const leftSec = proposedSections[leftIdx] as any;\n            const l = sectionLeftRefs.current[leftIdx]?.current;\n\n            if (l && leftSec) {\n              (leftSec.refIndexes || []).forEach((rhsSelfIdx: number) => {\n                const rhsArrayIdx = existingSections.findIndex((s: any) => s.selfIndex === rhsSelfIdx);\n                const r = sectionRightRefs.current[rhsArrayIdx]?.current;\n                if (!r) return;\n\n                if (expandedSections[`left-${leftIdx}`] || expandedSections[`right-${rhsArrayIdx}`]) {\n                  const maxH = Math.max(l.getBoundingClientRect().height, r.getBoundingClientRect().height);\n                  syncHeights.left[leftIdx] = Math.max(syncHeights.left[leftIdx] || 0, maxH);\n                  syncHeights.right[rhsArrayIdx] = Math.max(syncHeights.right[rhsArrayIdx] || 0, maxH);\n                }\n              });\n            }\n          } else {\n            const keyPath = activeSideBySideSection.split(DEVIATION_BADGE_SEPARATOR)[2]; \n            if (keyPath) {\n                const l = subSectionLeftRefs.current[keyPath]?.current;\n                const r = subSectionRightRefs.current[keyPath]?.current;\n                if (l && r) {\n                const maxH = Math.max(l.getBoundingClientRect().height, r.getBoundingClientRect().height);\n                subSectionHeights[keyPath] = Math.max(subSectionHeights[keyPath] || 0, maxH);\n                }\n            }\n          }\n        }\n      }\n\n      visibleFields.forEach(({ key } : {key : any}) => {\n        const l = leftRefs.current[key]?.current;\n        const r = rightRefs.current[key]?.current;\n\n        if (l && r) {\n          const maxH = fieldHeights[key];\n          l.style.minHeight = `${maxH}px`;\n          r.style.minHeight = `${maxH}px`;\n        }\n      });\n\n      if (!isAnimatingRef.current) {\n        Object.entries(syncHeights.left).forEach(([idx, maxH]) => {\n          const l = sectionLeftRefs.current[Number(idx)]?.current;\n          if (l) l.style.minHeight = `${maxH}px`;\n        });\n        \n        Object.entries(syncHeights.right).forEach(([idx, maxH]) => {\n          const r = sectionRightRefs.current[Number(idx)]?.current;\n          if (r) r.style.minHeight = `${maxH}px`;\n        });\n\n        if (!maintainRelativeOrder) {\n          Object.keys(subSectionHeights).forEach(keyPath => {\n              const l = subSectionLeftRefs.current[keyPath]?.current;\n              const r = subSectionRightRefs.current[keyPath]?.current;\n              if (l && r && subSectionHeights[keyPath]) {\n                  const maxH = subSectionHeights[keyPath];\n                  l.style.minHeight = `${maxH}px`;\n                  r.style.minHeight = `${maxH}px`;\n              }\n          });\n        }\n      }\n\n      // SECTION CONNECTORS\n      // ── SKIP SECTION LINES IF IN GUIDELINE MODE ──\n      if (!isGuidelineMode) {\n        const getMappedRightIndexes = (leftSec: any, leftIdx: number) => {\n          // Standard/Side-by-Side data is already materialized as explicit\n          // mapping rows, so its counterpart is always at the same row index.\n          // Looking up by display_index is ambiguous when a target section is\n          // intentionally repeated for more than one mapping edge.\n          if (!maintainRelativeOrder) {\n            return existingSections[leftIdx] ? [leftIdx] : [];\n          }\n\n          const mapped = (leftSec.refIndexes || [])\n            .map((rhsSelfIdx: number) =>\n              existingSections.findIndex((s: any) => s.selfIndex === rhsSelfIdx),\n            )\n            .filter((idx: number) => idx !== -1);\n\n          // Backward-compatible fallback for old one-to-one/index-based data\n          if (!mapped.length && existingSections[leftIdx]) {\n            return [leftIdx];\n          }\n\n          return Array.from(new Set(mapped));\n        };\n\n        proposedSections.forEach((leftSec: any, leftIdx: number) => {\n          const continuationSourceIdx = leftSec.continuationSourceRowId\n            ? proposedSections.findIndex(\n                (section: any) =>\n                  section.comparisonRowId === leftSec.continuationSourceRowId,\n              )\n            : -1;\n          const resolvedLeftIdx =\n            continuationSourceIdx >= 0 ? continuationSourceIdx : leftIdx;\n          const lWrap = sectionLeftRefs.current[resolvedLeftIdx]?.current;\n          if (!lWrap) return;\n\n          const rightIndexes = getMappedRightIndexes(leftSec, leftIdx);\n\n          rightIndexes.forEach((rhsArrayIdx: any) => {\n            const rWrap = sectionRightRefs.current[rhsArrayIdx]?.current;\n            if (!rWrap) return;\n\n            const leftRect = lWrap.getBoundingClientRect();\n            const rightRect = rWrap.getBoundingClientRect();\n\n            const x1 = leftRect.right - containerRect.left;\n            const x2 = rightRect.left - containerRect.left;\n\n            let y1 = leftRect.top + 18 - containerRect.top;\n            let y2 = rightRect.top + 18 - containerRect.top;\n\n            if (maintainRelativeOrder && isSideBySide && activeSideBySideSection === leftIdx) {\n              const leftTop = leftContainerRef.current?.getBoundingClientRect().top ?? 0;\n              const rightTop = rightContainerRef.current?.getBoundingClientRect().top ?? 0;\n              const leftBottom = leftTop + (leftContainerRef.current?.clientHeight ?? Infinity);\n              const rightBottom = rightTop + (rightContainerRef.current?.clientHeight ?? Infinity);\n\n              const clamp = (v: number, min: number, max: number) =>\n                Math.max(min, Math.min(max, v));\n\n              y1 = clamp(leftRect.top + 18, leftTop, leftBottom) - containerRect.top;\n              y2 = clamp(rightRect.top + 18, rightTop, rightBottom) - containerRect.top;\n            }\n\n            const style = getSectionCompareStyle(resolvedLeftIdx);\n\n            if (style) {\n              newLines.push({\n                id: `line-${resolvedLeftIdx}-${rhsArrayIdx}`,\n                x1,\n                y1,\n                x2,\n                y2,\n                style,\n                sectionIdx: resolvedLeftIdx,\n                targetRightIdx: rhsArrayIdx,\n                isSubSection: false,\n                isMappingContinuation: continuationSourceIdx >= 0,\n                hasCognitive: !!(\n                  proposedSections[resolvedLeftIdx]?.cognitiveData ||\n                  existingSections[rhsArrayIdx]?.cognitiveData ||\n                  proposedSections[resolvedLeftIdx]?.nodeId &&\n                  cognitiveMap[proposedSections[resolvedLeftIdx].nodeId as string]\n                ),\n              });\n            }\n          });\n        });\n      }\n\n      if (!isGuidelineMode && isSideBySide && typeof activeSideBySideSection === 'string' && activeSideBySideSection.includes(DEVIATION_BADGE_SEPARATOR)) {\n        const [nodeId, devKey, leftKeyPath, rightKeyPath] = activeSideBySideSection.split(DEVIATION_BADGE_SEPARATOR);\n        const refId = `${nodeId}${DEVIATION_BADGE_SEPARATOR}${devKey}`;\n\n        const lBadgeEl = lhsBadgeRefs.current[refId]?.current;\n        const rBadgeEl = rhsBadgeRefs.current[refId]?.current;\n\n        if (lBadgeEl && rBadgeEl) {\n          const lRect = lBadgeEl.getBoundingClientRect();\n          const rRect = rBadgeEl.getBoundingClientRect();\n\n          const x1 = lRect.right - containerRect.left;\n          const x2 = rRect.left - containerRect.left;\n          \n          let y1 = lRect.top + lRect.height / 2 - containerRect.top;\n          let y2 = rRect.top + rRect.height / 2 - containerRect.top;\n\n          if (maintainRelativeOrder) {\n            const leftTop = leftContainerRef.current?.getBoundingClientRect().top ?? 0;\n            const rightTop = rightContainerRef.current?.getBoundingClientRect().top ?? 0;\n            const leftBottom = leftTop + (leftContainerRef.current?.clientHeight ?? Infinity);\n            const rightBottom = rightTop + (rightContainerRef.current?.clientHeight ?? Infinity);\n            const clamp = (v: number, min: number, max: number) => Math.max(min, Math.min(max, v));\n\n            y1 = clamp(lRect.top + lRect.height / 2, leftTop, leftBottom) - containerRect.top;\n            y2 = clamp(rRect.top + rRect.height / 2, rightTop, rightBottom) - containerRect.top;\n          }\n          \n          const style =\n            getDeviationStyleByKey(nodeId, devKey) ??\n            getSubSectionCompareStyle(leftKeyPath);\n          if (style) {\n            newLines.push({\n              id: `line-subsec-${refId}`,\n              x1, y1, x2, y2,\n              style,\n              sectionIdx: Number(leftKeyPath.split('-')[0]),\n              isSubSection: true,\n              subSectionKeyPath: activeSideBySideSection,\n            });\n          }\n        }\n      }\n\n      setLines(newLines);\n\n      if (leftHeaderRef.current && rightHeaderRef.current) {\n        const leftHeaderRect = leftHeaderRef.current.getBoundingClientRect();\n        const rightHeaderRect = rightHeaderRef.current.getBoundingClientRect();\n        const overallY =\n          (leftHeaderRect.top +\n            leftHeaderRect.height / 2 -\n            containerRect.top +\n            rightHeaderRect.top +\n            rightHeaderRect.height / 2 -\n            containerRect.top) /\n          2;\n        setOverallConnector({\n          x1: leftHeaderRect.right - containerRect.left,\n          x2: rightHeaderRect.left - containerRect.left,\n          y: overallY,\n        });\n      } else {\n        setOverallConnector(null);\n      }\n\n      if (connectedSections.size > 0) {\n        const newConnectedLines: Record<string, any>[] = [];\n        const leftContainer = leftContainerRef.current;\n        const rightContainer = rightContainerRef.current;\n\n        if (leftContainer && rightContainer) {\n          const newCache: CachedBadgePosition[] = [];\n          \n          const leftTop = leftContainer.getBoundingClientRect().top;\n          const rightTop = rightContainer.getBoundingClientRect().top;\n          const leftBottom = leftTop + leftContainer.clientHeight;\n          const rightBottom = rightTop + rightContainer.clientHeight;\n\n          const leftScrollTop  = leftContainer.scrollTop;\n          const rightScrollTop = rightContainer.scrollTop;\n          const cTop = containerRect.top;\n\n          const clamp = (v: number, min: number, max: number) =>\n            Math.max(min, Math.min(max, v));\n\n          connectedSections.forEach((connectedIdx:any) => {\n            // ── GUIDELINE MODE LOGIC ──\n            if (isGuidelineMode) {\n              let lBadge: HTMLElement | null = null;\n              let leftIdxNum: number | null = null;\n              let style: any = null;\n\n              if (typeof connectedIdx === 'string' && connectedIdx.includes(DEVIATION_BADGE_SEPARATOR)) {\n                const [nodeId, devKey, leftKeyPath] = connectedIdx.split(DEVIATION_BADGE_SEPARATOR);\n                const refId = `${nodeId}${DEVIATION_BADGE_SEPARATOR}${devKey}`;\n                lBadge = lhsBadgeRefs.current[refId]?.current;\n                style = getDeviationStyleByKey(nodeId, devKey) ?? getSubSectionCompareStyle(leftKeyPath);\n                leftIdxNum = Number(leftKeyPath?.split('-')[0] || 0);\n              } else {\n                leftIdxNum = Number(connectedIdx);\n                lBadge = lhsBadgeRefs.current[leftIdxNum]?.current;\n                style = getSectionCompareStyle(leftIdxNum);\n              }\n\n              if (!lBadge) return;\n\n              const targetMarks = document.querySelectorAll('[id^=\"guideline-target-\"]');\n              \n              targetMarks.forEach((rBadge, index) => {\n                const lRect = lBadge!.getBoundingClientRect();\n                const rRect = rBadge.getBoundingClientRect();\n\n                const x1 = lRect.right - containerRect.left;\n                const x2 = rRect.left - containerRect.left - 0;\n                \n                // ── UNIVERSAL SPINE JUNCTION PUSHED TO X1+75 TO CLEAR LOCK ICON ──\n                const centerX = x1 + 75;\n\n                const rawLhsY = lRect.top + lRect.height / 2;\n                // Target the middle of the highlighted text vertically\n                const rawRhsY = rRect.top + rRect.height / 2;\n\n                const lhsScrollY = (rawLhsY - leftTop) + leftScrollTop;\n                const rhsScrollY = (rawRhsY - rightTop) + rightScrollTop;\n                \n                const styleId = `conn-guide-${connectedIdx}-${index}`;\n                \n                // ── BULLETPROOF MATH LABEL GENERATION ──\n                let baseLabel = \"\";\n                if (typeof connectedIdx === 'string' && connectedIdx.includes(DEVIATION_BADGE_SEPARATOR)) {\n                  const parts = connectedIdx.split(DEVIATION_BADGE_SEPARATOR);\n                  const leftKeyPath = parts[2] || \"\";\n                  baseLabel = leftKeyPath.split('-').map(n => Number(n) + 1).join('.');\n                } else {\n                  baseLabel = String(Number(connectedIdx) + 1);\n                }\n                const letter = String.fromCharCode(97 + index); // a, b, c...\n                const matchLabel = targetMarks.length === 1 ? null : `${baseLabel}(${letter})`;\n\n                newCache.push({\n                  lhsScrollY, rhsScrollY, x1, x2, containerTop: cTop,\n                  leftIdx: connectedIdx, rhsArrayIdx: index, \n                  styleColor: style?.badgeBorder || \"#6366F1\", \n                  styleBg: style?.badgeBg || \"#FFFFFF\",\n                  styleText: style?.badgeText || \"#A16207\",\n                  styleId, centerX,\n                });\n\n                const clampedLhsY = clamp(rawLhsY, leftTop, leftBottom);\n                const clampedRhsY = clamp(rawRhsY, rightTop, rightBottom);\n\n                const y1 = clampedLhsY - cTop;\n                const y2 = clampedRhsY - cTop;\n\n                const lhsVisible = rawLhsY >= leftTop - 4 && rawLhsY <= leftBottom + 4;\n                const rhsVisible = rawRhsY >= rightTop - 4 && rawRhsY <= rightBottom + 4;\n\n                const pathD = getRoundedStaggeredPath(x1, y1, x2, y2, centerX, lhsVisible, rhsVisible);\n\n                newConnectedLines.push({ \n                  id: styleId, pathD, style, leftIdx: connectedIdx, rhsArrayIdx: index, \n                  x1, x2, y1, y2, centerX, matchLabel, isGuideline: true \n                });\n              });\n            } else {\n            // ── UNIFIED CONTRACT TO CONTRACT LOGIC ──\n            if (typeof connectedIdx === 'string' && connectedIdx.includes(DEVIATION_BADGE_SEPARATOR)) {\n              const [nodeId, devKey, leftKeyPath, rightKeyPath] = connectedIdx.split(DEVIATION_BADGE_SEPARATOR);\n              const refId = `${nodeId}${DEVIATION_BADGE_SEPARATOR}${devKey}`;\n\n              const lBadge = lhsBadgeRefs.current[refId]?.current;\n              const rBadge = rhsBadgeRefs.current[refId]?.current;\n              if (!lBadge || !rBadge) return;\n\n              const lRect = lBadge.getBoundingClientRect();\n              const rRect = rBadge.getBoundingClientRect();\n              const style = getDeviationStyleByKey(nodeId, devKey) ?? getSubSectionCompareStyle(leftKeyPath);\n\n              const x1 = lRect.right - containerRect.left;\n              const x2 = rRect.left - containerRect.left - 0;\n              const centerX = x1 + 75; // ── UNIVERSAL SPINE JUNCTION ──\n\n              const rawLhsY = lRect.top + lRect.height / 2;\n              const rawRhsY = rRect.top + rRect.height / 2;\n\n              const lhsScrollY = (rawLhsY - leftTop) + leftScrollTop;\n              const rhsScrollY = (rawRhsY - rightTop) + rightScrollTop;\n              const styleId = `conn-subsec-${refId}`;\n              \n              const leftKeyP = leftKeyPath || \"\";\n              const baseLabel = leftKeyP.split('-').map(n => Number(n) + 1).join('.');\n              const matchLabel = null; // 1-to-1 connection, no badge needed\n\n              newCache.push({\n                lhsScrollY, rhsScrollY, x1, x2, containerTop: cTop,\n                leftIdx: connectedIdx, rhsArrayIdx: connectedIdx,\n                styleColor: style?.badgeBorder || \"#6366F1\", styleBg: style?.badgeBg || \"#FFFFFF\", styleText: style?.badgeText || \"#A16207\",\n                styleId, centerX, \n              });\n\n              const clampedLhsY = clamp(rawLhsY, leftTop, leftBottom);\n              const clampedRhsY = clamp(rawRhsY, rightTop, rightBottom);\n              const y1 = clampedLhsY - cTop;\n              const y2 = clampedRhsY - cTop;\n              const lhsVisible = rawLhsY >= leftTop - 4 && rawLhsY <= leftBottom + 4;\n              const rhsVisible = rawRhsY >= rightTop - 4 && rawRhsY <= rightBottom + 4;\n\n              const pathD = getRoundedStaggeredPath(x1, y1, x2, y2, centerX, lhsVisible, rhsVisible);\n\n              newConnectedLines.push({ id: styleId, pathD, style, leftIdx: connectedIdx, rhsArrayIdx: connectedIdx, x1, x2, y1, y2, matchLabel });\n            } else {\n              if (!maintainRelativeOrder) {\n                const leftIdx = connectedIdx;\n                const rhsArrayIdx = leftIdx as number;\n                const lBadge = lhsBadgeRefs.current[leftIdx]?.current;\n                const rBadge = rhsBadgeRefs.current[rhsArrayIdx]?.current;\n                if (!lBadge || !rBadge) return;\n\n                const lRect = lBadge.getBoundingClientRect();\n                const rRect = rBadge.getBoundingClientRect();\n                const style = getSectionCompareStyle(leftIdx as number);\n\n                const x1 = lRect.right - containerRect.left;\n                const x2 = rRect.left - containerRect.left - 0;\n                const centerX = x1 + 75; // ── UNIVERSAL SPINE JUNCTION ──\n\n                const rawLhsY = lRect.top + lRect.height / 2;\n                const rawRhsY = rRect.top + rRect.height / 2;\n                const lhsScrollY = (rawLhsY - leftTop) + leftScrollTop;\n                const rhsScrollY = (rawRhsY - rightTop) + rightScrollTop;\n                const styleId = `conn-${leftIdx}-${rhsArrayIdx}`;\n                \n                const baseLabel = String(Number(connectedIdx) + 1);\n                const matchLabel = null; // 1-to-1 connection, no badge needed\n\n                newCache.push({\n                  lhsScrollY, rhsScrollY, x1, x2, containerTop: cTop,\n                  leftIdx, rhsArrayIdx, \n                  styleColor: style?.badgeBorder || \"#6366F1\", styleBg: style?.badgeBg || \"#FFFFFF\", styleText: style?.badgeText || \"#A16207\",\n                  styleId, centerX,\n                });\n\n                const clampedLhsY = clamp(rawLhsY, leftTop, leftBottom);\n                const clampedRhsY = clamp(rawRhsY, rightTop, rightBottom);\n                const y1 = clampedLhsY - cTop;\n                const y2 = clampedRhsY - cTop;\n                const lhsVisible = rawLhsY >= leftTop - 4 && rawLhsY <= leftBottom + 4;\n                const rhsVisible = rawRhsY >= rightTop - 4 && rawRhsY <= rightBottom + 4;\n\n                const pathD = getRoundedStaggeredPath(x1, y1, x2, y2, centerX, lhsVisible, rhsVisible);\n\n                newConnectedLines.push({ id: styleId, pathD, style, leftIdx, rhsArrayIdx, x1, x2, y1, y2, matchLabel });\n              } else {\n                const leftIdx = connectedIdx as number;\n                const leftSec = proposedSections[leftIdx] as any;\n                if (!leftSec?.refIndexes?.length) return;\n\n                leftSec.refIndexes.forEach((rhsSelfIdx: number, index: number) => {\n                  const rhsArrayIdx = existingSections.findIndex((s: any) => s.selfIndex === rhsSelfIdx);\n                  if (rhsArrayIdx === -1) return;\n\n                  const lBadge = lhsBadgeRefs.current[leftIdx]?.current;\n                  const rBadge = rhsBadgeRefs.current[rhsArrayIdx]?.current;\n                  if (!lBadge || !rBadge) return;\n\n                  const lRect = lBadge.getBoundingClientRect();\n                  const rRect = rBadge.getBoundingClientRect();\n                  const style = getSectionCompareStyle(leftIdx);\n\n                  const x1 = lRect.right - containerRect.left;\n                  const x2 = rRect.left - containerRect.left - 0;\n                  \n                  const centerX = x1 + 75; // ── UNIVERSAL SPINE JUNCTION ──\n\n                  const rawLhsY = lRect.top + lRect.height / 2;\n                  const rawRhsY = rRect.top + rRect.height / 2;\n                  const lhsScrollY = (rawLhsY - leftTop) + leftScrollTop;\n                  const rhsScrollY = (rawRhsY - rightTop) + rightScrollTop;\n                  const styleId = `conn-${leftIdx}-${rhsArrayIdx}`;\n                  \n                  const baseLabel = String(Number(connectedIdx) + 1);\n                  const letter = String.fromCharCode(97 + index); \n                  const matchLabel = leftSec.refIndexes.length === 1 ? null : `${baseLabel}(${letter})`;\n\n                  newCache.push({\n                    lhsScrollY, rhsScrollY, x1, x2, containerTop: cTop,\n                    leftIdx, rhsArrayIdx,\n                    styleColor: style?.badgeBorder || \"#6366F1\", styleBg: style?.badgeBg || \"#FFFFFF\", styleText: style?.badgeText || \"#A16207\",\n                    styleId, centerX,\n                  });\n\n                  const clampedLhsY = clamp(rawLhsY, leftTop, leftBottom);\n                  const clampedRhsY = clamp(rawRhsY, rightTop, rightBottom);\n                  const y1 = clampedLhsY - cTop;\n                  const y2 = clampedRhsY - cTop;\n                  const lhsVisible = rawLhsY >= leftTop - 4 && rawLhsY <= leftBottom + 4;\n                  const rhsVisible = rawRhsY >= rightTop - 4 && rawRhsY <= rightBottom + 4;\n\n                  const pathD = getRoundedStaggeredPath(x1, y1, x2, y2, centerX, lhsVisible, rhsVisible);\n\n                  newConnectedLines.push({\n                    id: styleId, pathD, style, leftIdx, rhsArrayIdx, x1, x2, y1, y2, matchLabel,\n                  });\n                });\n              }\n            }\n            }\n          });\n          cachedConnectedPositions.current = newCache;\n        }\n        setConnectedLines(newConnectedLines);\n\n        setTimeout(() => updateConnectedLinesOnScroll(), 10);\n      } else {\n        setConnectedLines([]);\n        cachedConnectedPositions.current = [];\n        setTimeout(() => updateConnectedLinesOnScroll(), 10);\n      }\n    } catch (e) {\n      console.error(\"Line render safe fail: \", e);\n    } finally {\n      isCalculatingLines.current = false;\n    }\n  }, [\n    visibleFields,\n    proposedSections,\n    existingSections,\n    cognitiveMap,\n    resolvedComparisonConfig,\n    getFieldData,\n    getSectionCompareStyle,\n    getDeviationStyleByKey,\n    maintainRelativeOrder,\n    isSideBySide,                \n    activeSideBySideSection,     \n    connectedSections,\n    expandedSections,\n    expandedSubSections,\n    isGuidelineMode, \n  ]);\n\n      const updateConnectedLinesOnScroll = useCallback(() => {\n        const cache = cachedConnectedPositions.current;\n        \n        if (!cache.length) {\n          pathRefs.current[\"guideline-up-stroke\"]?.setAttribute(\"visibility\", \"hidden\");\n          pathRefs.current[\"guideline-up-badge\"]?.setAttribute(\"visibility\", \"hidden\");\n          pathRefs.current[\"guideline-down-stroke\"]?.setAttribute(\"visibility\", \"hidden\");\n          pathRefs.current[\"guideline-down-badge\"]?.setAttribute(\"visibility\", \"hidden\");\n          return;\n        }\n\n        if (isAnimatingRef.current) return;\n      \n        const leftScroll  = leftContainerRef.current?.scrollTop ?? 0;\n        const rightScroll = rightContainerRef.current?.scrollTop ?? 0;\n      \n        const leftHeight  = leftContainerRef.current?.clientHeight ?? Infinity;\n        const rightHeight = rightContainerRef.current?.clientHeight ?? Infinity;\n      \n        const leftTop = leftContainerRef.current?.getBoundingClientRect().top ?? 0;\n        const rightTop = rightContainerRef.current?.getBoundingClientRect().top ?? 0;\n        \n        const leftBottom = leftTop + leftHeight;\n        const rightBottom = rightTop + rightHeight;\n      \n        const containerRect = containerRef.current?.getBoundingClientRect();\n        const containerTop = containerRect?.top ?? 0;\n        const containerHeight = containerRect?.height ?? Infinity;\n      \n        const clamp = (v: number, min: number, max: number) => Math.max(min, Math.min(max, v));\n      \n        let topCount = 0;\n        let bottomCount = 0;\n        let sharedX1 = 0, sharedY1 = 0;\n        let sharedColor = \"#6366F1\", sharedBg = \"#FFFFFF\", sharedTextCol = \"#A16207\";\n        let hasActiveConnections = false;\n        let universalSpineX = 0; \n\n        cache.forEach((entry: any) => {\n          const lhsViewportY = (entry.lhsScrollY - leftScroll) + leftTop;\n          const rhsViewportY = (entry.rhsScrollY - rightScroll) + rightTop;\n      \n          const strokeEl = pathRefs.current[entry.styleId + \"-stroke\"];\n          const bgEl     = pathRefs.current[entry.styleId + \"-bg\"];\n          const btnEl    = pathRefs.current[entry.styleId + \"-btn\"];\n          const numberBadgeEl = pathRefs.current[entry.styleId + \"-number\"];\n      \n          if (!strokeEl && !bgEl) return;\n      \n          const visibleLhsY = clamp(lhsViewportY, leftTop, leftBottom);\n          const visibleRhsY = clamp(rhsViewportY, rightTop, rightBottom);\n      \n          const y1 = visibleLhsY - containerTop;\n          const y2 = visibleRhsY - containerTop;\n      \n          const lhsVisible = lhsViewportY >= leftTop - 4 && lhsViewportY <= leftBottom + 4;\n          const rhsVisible = rhsViewportY >= rightTop - 4 && rhsViewportY <= rightBottom + 4;\n      \n          let showLine = true;\n          hasActiveConnections = true;\n\n          // Enforce absolute strict universal spine\n          const centerX = entry.centerX || (entry.x1 + 75);\n\n          if (sharedX1 === 0) {\n            sharedX1 = entry.x1;\n            sharedY1 = y1;\n            universalSpineX = centerX;\n            sharedColor = entry.styleColor;\n            sharedBg = entry.styleBg || \"#FFFFFF\";\n            sharedTextCol = entry.styleText || \"#A16207\";\n          }\n\n          if (rhsViewportY < rightTop - 4) {\n            topCount++; showLine = false; \n          } else if (rhsViewportY > rightBottom + 4) {\n            bottomCount++; showLine = false; \n          } \n      \n          const pathD = getRoundedStaggeredPath(entry.x1, y1, entry.x2, y2, universalSpineX, lhsVisible, rhsVisible);\n      \n          if (strokeEl) {\n            if (showLine && pathD) {\n              strokeEl.setAttribute(\"visibility\", \"visible\");\n              strokeEl.setAttribute(\"d\", pathD);\n            } else { strokeEl.setAttribute(\"visibility\", \"hidden\"); }\n          }\n      \n          if (bgEl) {\n            if (showLine && pathD) {\n              bgEl.setAttribute(\"visibility\", \"visible\");\n              bgEl.setAttribute(\"d\", pathD);\n            } else { bgEl.setAttribute(\"visibility\", \"hidden\"); }\n          }\n\n          if (btnEl) {\n            if (!lhsVisible || !showLine) {\n              btnEl.setAttribute(\"visibility\", \"hidden\");\n            } else {\n              btnEl.setAttribute(\"visibility\", \"visible\");\n              btnEl.setAttribute(\"y\", String(y1 - 12)); \n            }\n          }\n\n          if (numberBadgeEl) {\n            if (!lhsVisible || !showLine) {\n              numberBadgeEl.setAttribute(\"visibility\", \"hidden\");\n            } else {\n              numberBadgeEl.setAttribute(\"visibility\", \"visible\");\n              numberBadgeEl.setAttribute(\"transform\", `translate(${entry.x2 - 42}, ${y2})`);\n            }\n          }\n        });\n\n        // ── UNIVERSAL OFF-SCREEN ARROWS (ALWAYS ORIGINATE EXACTLY AT THE SPINE: X1 + 75) ──\n        if (hasActiveConnections && universalSpineX > 0) {\n          const upStroke = pathRefs.current[\"guideline-up-stroke\"];\n          const upBadge = pathRefs.current[\"guideline-up-badge\"];\n          const upArrow = pathRefs.current[\"guideline-up-arrow\"];\n          const upText = pathRefs.current[\"guideline-up-text\"];\n          const upRect = pathRefs.current[\"guideline-up-badge-rect\"];\n\n          if (topCount > 0) {\n            const upY = Math.max(15, rightTop - containerTop + 15); \n            const r = Math.min(15, Math.abs(universalSpineX - sharedX1), Math.max(0, sharedY1 - upY));\n            const pathD = `M ${sharedX1},${sharedY1} L ${universalSpineX - r},${sharedY1} Q ${universalSpineX},${sharedY1} ${universalSpineX},${sharedY1 - r} L ${universalSpineX},${upY}`;\n\n            upStroke?.setAttribute(\"visibility\", \"visible\");\n            upStroke?.setAttribute(\"d\", pathD);\n            upStroke?.setAttribute(\"stroke\", sharedColor);\n\n            upBadge?.setAttribute(\"visibility\", \"visible\");\n            upBadge?.setAttribute(\"transform\", `translate(${universalSpineX}, ${upY})`);\n            \n            if (upArrow) { upArrow.setAttribute(\"fill\", sharedColor); }\n            if (upText) { upText.textContent = `+${topCount}`; upText.setAttribute(\"fill\", sharedTextCol); }\n            if (upRect) { upRect.setAttribute(\"stroke\", sharedColor); }\n          } else {\n            upStroke?.setAttribute(\"visibility\", \"hidden\");\n            upBadge?.setAttribute(\"visibility\", \"hidden\");\n          }\n\n          const downStroke = pathRefs.current[\"guideline-down-stroke\"];\n          const downBadge = pathRefs.current[\"guideline-down-badge\"];\n          const downArrow = pathRefs.current[\"guideline-down-arrow\"];\n          const downText = pathRefs.current[\"guideline-down-text\"];\n          const downRect = pathRefs.current[\"guideline-down-badge-rect\"];\n\n          if (bottomCount > 0) {\n            const downY = Math.min(containerHeight - 15, rightBottom - containerTop - 15);\n            const r = Math.min(15, Math.abs(universalSpineX - sharedX1), Math.max(0, downY - sharedY1));\n            const pathD = `M ${sharedX1},${sharedY1} L ${universalSpineX - r},${sharedY1} Q ${universalSpineX},${sharedY1} ${universalSpineX},${sharedY1 + r} L ${universalSpineX},${downY}`;\n\n            downStroke?.setAttribute(\"visibility\", \"visible\");\n            downStroke?.setAttribute(\"d\", pathD);\n            downStroke?.setAttribute(\"stroke\", sharedColor);\n\n            downBadge?.setAttribute(\"visibility\", \"visible\");\n            downBadge?.setAttribute(\"transform\", `translate(${universalSpineX}, ${downY})`);\n            \n            if (downArrow) { downArrow.setAttribute(\"fill\", sharedColor); }\n            if (downText) { downText.textContent = `+${bottomCount}`; downText.setAttribute(\"fill\", sharedTextCol); }\n            if (downRect) { downRect.setAttribute(\"stroke\", sharedColor); }\n          } else {\n            downStroke?.setAttribute(\"visibility\", \"hidden\");\n            downBadge?.setAttribute(\"visibility\", \"hidden\");\n          }\n        }\n      }, []);\n\n    const calculateLinesDebounced = useCallback(() => {\n        if (cachedConnectedPositions.current.length > 0 && !isAnimatingRef.current) {\n          return;\n        }\n        if (timerRef.current !== null) {\n          clearTimeout(timerRef.current);\n        }\n        timerRef.current = setTimeout(() => {\n          calculateLinesRef.current();\n          timerRef.current = null;\n        }, 50);\n      }, []);  \n      \n      \n      const handleColumnScroll = useCallback((e: any) => {\n        if (pendingScrollTargetRef.current !== null && pendingScrollCallbackRef.current) {\n          if (Math.abs(e.currentTarget.scrollTop - pendingScrollTargetRef.current) <= 2) {\n            const callback = pendingScrollCallbackRef.current;\n            pendingScrollTargetRef.current = null;\n            pendingScrollCallbackRef.current = null;\n            callback();\n          }\n        }\n      \n        if (scrollSyncing.current) return;\n        if (scrollLock.current) return;\n\n        if (\n          maintainRelativeOrder &&\n          scrollSyncLocked &&\n          (isSideBySideRef.current || connectedSections.size > 0)\n        ) {\n          const source = e.currentTarget as HTMLElement;\n          const leftContainer = leftContainerRef.current;\n          const rightContainer = rightContainerRef.current;\n          const target =\n            source === leftContainer\n              ? rightContainer\n              : source === rightContainer\n                ? leftContainer\n                : null;\n\n          if (source && target) {\n            const resolveActiveAnchors = () => {\n              const activeLeftIdx = activeSideBySideSectionRef.current;\n              const activeRightIdx = activeSideBySideRightSectionRef.current;\n\n              if (activeLeftIdx === null) return { leftAnchor: null, rightAnchor: null };\n\n              if (\n                typeof activeLeftIdx === \"string\" &&\n                activeLeftIdx.includes(DEVIATION_BADGE_SEPARATOR)\n              ) {\n                const parts = activeLeftIdx.split(DEVIATION_BADGE_SEPARATOR);\n                const refId = `${parts[0]}${DEVIATION_BADGE_SEPARATOR}${parts[1]}`;\n\n                return {\n                  leftAnchor:\n                    lhsBadgeRefs.current[refId]?.current ||\n                    subSectionLeftRefs.current[parts[2]]?.current ||\n                    sectionLeftRefs.current[Number(parts[2])]?.current ||\n                    null,\n                  rightAnchor:\n                    rhsBadgeRefs.current[refId]?.current ||\n                    subSectionRightRefs.current[parts[3]]?.current ||\n                    sectionRightRefs.current[Number(parts[3])]?.current ||\n                    null,\n                };\n              }\n\n              const leftIdx = Number(activeLeftIdx);\n              const rightIdx = activeRightIdx !== null ? Number(activeRightIdx) : leftIdx;\n\n              return {\n                leftAnchor:\n                  lhsBadgeRefs.current[leftIdx]?.current ||\n                  sectionRowRefs.current[leftIdx]?.current ||\n                  sectionLeftRefs.current[leftIdx]?.current ||\n                  null,\n                rightAnchor:\n                  rhsBadgeRefs.current[rightIdx]?.current ||\n                  sectionRightRefs.current[rightIdx]?.current ||\n                  null,\n              };\n            };\n\n            const { leftAnchor, rightAnchor } = resolveActiveAnchors();\n            const sourceAnchor = source === leftContainer ? leftAnchor : rightAnchor;\n            const targetAnchor = source === leftContainer ? rightAnchor : leftAnchor;\n\n            let nextTargetTop: number | null = null;\n\n            if (sourceAnchor && targetAnchor) {\n              const sourceAnchorRect = sourceAnchor.getBoundingClientRect();\n              const targetAnchorRect = targetAnchor.getBoundingClientRect();\n              const targetRect = target.getBoundingClientRect();\n\n              const sourceAnchorCenterY =\n                sourceAnchorRect.top + sourceAnchorRect.height / 2;\n              const targetAnchorAbsoluteCenterY =\n                targetAnchorRect.top -\n                targetRect.top +\n                target.scrollTop +\n                targetAnchorRect.height / 2;\n\n              nextTargetTop =\n                targetAnchorAbsoluteCenterY - (sourceAnchorCenterY - targetRect.top);\n            } else {\n              const sourceMaxScroll = Math.max(0, source.scrollHeight - source.clientHeight);\n              const targetMaxScroll = Math.max(0, target.scrollHeight - target.clientHeight);\n              nextTargetTop = sourceMaxScroll > 0\n                ? (source.scrollTop / sourceMaxScroll) * targetMaxScroll\n                : source.scrollTop;\n            }\n\n            const targetMaxScroll = Math.max(0, target.scrollHeight - target.clientHeight);\n            nextTargetTop = Math.max(0, Math.min(nextTargetTop, targetMaxScroll));\n\n            if (Math.abs(target.scrollTop - nextTargetTop) > 1) {\n              scrollSyncing.current = true;\n              target.scrollTop = nextTargetTop;\n              requestAnimationFrame(() => {\n                scrollSyncing.current = false;\n              });\n            }\n          }\n        }\n      \n        if (!maintainRelativeOrder) {\n            calculateLinesDebounced();\n        }\n      \n        if (!scrollTicking.current) {\n          scrollTicking.current = true;\n          \n          requestAnimationFrame(() => {\n            if (isSideBySideRef.current) {\n              const leftContainer = leftContainerRef.current;\n              const rightContainer = rightContainerRef.current;\n      \n              if (leftContainer && rightContainer && sideBySideLineRef.current) {\n                if (!sideBySideCacheRef.current) {\n                  const activeLeftIdx = activeSideBySideSectionRef.current;\n                  let lBadge;\n                  \n                  if (typeof activeLeftIdx === 'string' && activeLeftIdx.includes(DEVIATION_BADGE_SEPARATOR)) {\n                      const parts = activeLeftIdx.split(DEVIATION_BADGE_SEPARATOR);\n                      const refId = `${parts[0]}${DEVIATION_BADGE_SEPARATOR}${parts[1]}`;\n                      lBadge = lhsBadgeRefs.current[refId]?.current;\n                  } else {\n                      lBadge = lhsBadgeRefs.current[activeLeftIdx as number]?.current;\n                  }\n      \n                  if (lBadge) {\n                    const lRect = lBadge.getBoundingClientRect();\n                    sideBySideCacheRef.current = {\n                      badgeScreenY: lRect.top + lRect.height / 2, \n                      initialScrollTop: leftContainer.scrollTop,  \n                      leftTop: leftContainer.getBoundingClientRect().top,\n                      leftBottom: leftContainer.getBoundingClientRect().top + leftContainer.clientHeight,\n                      cTop: containerRef.current?.getBoundingClientRect().top ?? 0\n                    };\n                  }\n                }\n      \n                if (sideBySideCacheRef.current) {\n                  const cache = sideBySideCacheRef.current;\n                  const scrollDelta = leftContainer.scrollTop - cache.initialScrollTop;\n                  const rawLhsY = cache.badgeScreenY - scrollDelta;\n                  const clamp = (v: number, min: number, max: number) => Math.max(min, Math.min(max, v));\n                  const clampedLhsY = clamp(rawLhsY, cache.leftTop, cache.leftBottom);\n                  const horizontalY = (clampedLhsY - cache.cTop).toString();\n                  const isVisible = rawLhsY >= cache.leftTop - 4 && rawLhsY <= cache.leftBottom + 4;\n      \n                  sideBySideLineRef.current.setAttribute(\"y1\", horizontalY);\n                  sideBySideLineRef.current.setAttribute(\"y2\", horizontalY); \n                  sideBySideLineRef.current.setAttribute(\"visibility\", isVisible ? \"visible\" : \"hidden\");\n                }\n              }\n            }\n      \n            updateConnectedLinesOnScroll(); \n            scrollTicking.current = false;\n          });\n        }\n      }, [\n        updateConnectedLinesOnScroll,\n        maintainRelativeOrder,\n        scrollSyncLocked,\n        connectedSections,\n        calculateLinesDebounced,\n      ]);\n\n\n      useEffect(() => {\n        calculateLinesRef.current = calculateLines;\n      }, [calculateLines]);\n\n      useEffect(() => {\n          const timer = setTimeout(calculateLinesDebounced, 250);\n          const onWindowResize = () => handleResizeRef.current();\n          window.addEventListener(\"resize\", onWindowResize);\n      \n          return () => {\n            clearTimeout(timer);\n            if (timerRef.current !== null) clearTimeout(timerRef.current);\n            if (resizeTimerRef.current !== null) clearTimeout(resizeTimerRef.current);\n            window.removeEventListener(\"resize\", onWindowResize);\n          };\n        }, [\n          activeProposed,\n          existingRule,\n          analysisData,\n          visibleFields,\n          expandedSections,\n          expandedSubSections,\n          proposedSections,\n          existingSections,\n          resolvedComparisonConfig,\n          calculateLinesDebounced,\n          isSideBySide,\n          activeSideBySideSection,\n          isArrowVisible,\n          connectedSections,\n        ]);\n\n\n      return {\n  lines, setLines,\n  overallConnector, setOverallConnector,\n  connectedLines, setConnectedLines,\n  svgDimensions,\n  cachedConnectedPositions,\n  calculateLines,\n  calculateLinesRef,\n  calculateLinesDebounced,\n  handleColumnScroll,\n}\n\n}\n"],"names":["useLinesCalculator","containerRef","leftContainerRef","rightContainerRef","svgContainerRef","pathRefs","leftHeaderRef","rightHeaderRef","proposedSections","existingSections","visibleFields","leftRefs","rightRefs","sectionLeftRefs","sectionRightRefs","subSectionLeftRefs","subSectionRightRefs","lhsBadgeRefs","rhsBadgeRefs","sectionRowRefs","expandedSections","expandedSubSections","connectedSections","isSideBySide","activeSideBySideSection","maintainRelativeOrder","isGuidelineMode","cognitiveMap","getSectionCompareStyle","getSubSectionCompareStyle","getDeviationStyleByKey","isArrowVisible","isAnimatingRef","isSideBySideRef","sideBySideCacheRef","sideBySideLineRef","activeSideBySideSectionRef","activeSideBySideRightSectionRef","connectedLines","providedConnectedLines","setConnectedLines","providedSetConnectedLines","cachedConnectedPositions","providedCachedConnectedPositions","calculateLinesRef","resizeTimerRef","scrollLock","scrollSyncLocked","handleResizeRef","activeProposed","existingRule","analysisData","pendingScrollTargetRef","pendingScrollCallbackRef","resolvedComparisonConfig","getFieldData","lines","setLines","useState","overallConnector","setOverallConnector","internalConnectedLines","internalSetConnectedLines","svgDimensions","setSvgDimensions","width","height","isCalculatingLines","useRef","scrollTicking","scrollSyncing","timerRef","internalCachedConnectedPositions","getRoundedStaggeredPath","x1","y1","x2","y2","cX","visL","visR","Math","abs","r1","min","r2","dy1","dy2","dx2","calculateLines","useCallback","current","isSubSectionVisible","keyPath","pathParts","split","rootIdx","ancestorPath","i","length","containerRect","getBoundingClientRect","newLines","forEach","key","l","r","style","minHeight","idx","max","Object","keys","fieldHeights","lRect","rRect","syncHeights","left","right","subSectionHeights","leftIdx","leftSec","refIndexes","rhsSelfIdx","rhsArrayIdx","findIndex","s","selfIndex","maxH","DEVIATION_BADGE_SEPARATOR","offsetParent","entries","Number","getMappedRightIndexes","mapped","map","filter","Array","from","Set","continuationSourceIdx","continuationSourceRowId","section","comparisonRowId","resolvedLeftIdx","lWrap","rWrap","leftRect","rightRect","top","leftTop","rightTop","leftBottom","clientHeight","Infinity","rightBottom","clamp","v","push","id","sectionIdx","targetRightIdx","isSubSection","isMappingContinuation","hasCognitive","cognitiveData","nodeId","includes","devKey","leftKeyPath","rightKeyPath","refId","lBadgeEl","rBadgeEl","subSectionKeyPath","leftHeaderRect","rightHeaderRect","overallY","y","size","newConnectedLines","leftContainer","rightContainer","newCache","leftScrollTop","scrollTop","rightScrollTop","cTop","connectedIdx","lBadge","leftIdxNum","targetMarks","document","querySelectorAll","rBadge","index","centerX","rawLhsY","rawRhsY","lhsScrollY","rhsScrollY","styleId","baseLabel","n","join","String","letter","fromCharCode","matchLabel","containerTop","styleColor","badgeBorder","styleBg","badgeBg","styleText","badgeText","clampedLhsY","clampedRhsY","pathD","isGuideline","setTimeout","updateConnectedLinesOnScroll","e","console","error","cache","setAttribute","leftScroll","rightScroll","leftHeight","rightHeight","containerHeight","topCount","bottomCount","sharedX1","sharedY1","sharedColor","sharedTextCol","hasActiveConnections","universalSpineX","entry","lhsViewportY","rhsViewportY","strokeEl","bgEl","btnEl","numberBadgeEl","visibleLhsY","visibleRhsY","lhsVisible","rhsVisible","showLine","upStroke","upBadge","upArrow","upText","upRect","upY","textContent","downStroke","downBadge","downArrow","downText","downRect","downY","calculateLinesDebounced","clearTimeout","handleColumnScroll","currentTarget","callback","source","target","resolveActiveAnchors","activeLeftIdx","activeRightIdx","leftAnchor","rightAnchor","parts","rightIdx","sourceAnchor","targetAnchor","nextTargetTop","sourceAnchorRect","targetAnchorRect","targetRect","sourceAnchorCenterY","sourceMaxScroll","scrollHeight","targetMaxScroll","requestAnimationFrame","badgeScreenY","initialScrollTop","scrollDelta","horizontalY","toString","isVisible","useEffect","timer","onWindowResize","window","addEventListener","removeEventListener"],"mappings":"uJAKO,MAAMA,EAAqB,EAC9BC,eACAC,mBACAC,oBACAC,kBACAC,WACAC,gBAAeC,iBACfC,mBAAkBC,mBAClBC,gBACAC,WAAUC,YACVC,kBAAiBC,mBACjBC,qBAAoBC,sBACpBC,eAAcC,eACdC,iBACAC,mBAAkBC,sBAClBC,oBACAC,eAAcC,0BACdC,wBACAC,kBACAC,eACAC,yBAAwBC,4BAA2BC,yBACnDC,iBAEAC,iBACAC,kBACAC,qBACAC,oBACAC,6BACAC,kCACAC,eAAgBC,EAChBC,kBAAmBC,EACnBC,yBAA0BC,EAC1BC,oBACAC,iBACAC,aACAC,mBAEAC,kBACAC,iBAAgBC,eAAcC,eAC9BC,yBAAwBC,4BAExBC,4BACAC,oBAGA,MAAOC,GAAOC,IAAYC,EAAgC,KACnDC,GAAkBC,IAAuBF,EAAwD,OACjGG,GAAwBC,IAA6BJ,EAAgC,IACtFpB,GAAiBC,GAA0BsB,GAC3CrB,GAAoBC,GAA6BqB,IAChDC,GAAeC,IAAoBN,EAA4C,CAAEO,MAAO,EAAGC,OAAQ,IAEpGC,GAAqBC,GAAO,GAC5BC,GAAgBD,GAAO,GACvBE,GAAgBF,GAAO,GACvBG,GAAWH,EAA6C,MACxDI,GAAmCJ,EAA8B,IACjE1B,GACJC,GAAoC6B,GAMhCC,GAA0B,CAACC,EAAYC,EAAYC,EAAYC,EAAYC,EAAYC,EAAeC,KAC1G,GAAIC,KAAKC,IAAIL,EAAKF,IAAO,EACjB,OAAAI,GAAQC,EAAa,KAAKN,KAAMC,OAAQC,KAAMC,IAC9CE,IAASC,EAAa,KAAKN,KAAMC,OAAQG,KAAMH,KAC9CI,GAAQC,EAAa,KAAKF,KAAMH,OAAQC,KAAMC,IAC5C,KAAKC,KAAMH,OAAQG,KAAMD,IAEpC,MAAMM,EAAKF,KAAKG,IAAI,GAAIH,KAAKC,IAAIJ,EAAKJ,GAAKO,KAAKC,IAAIL,EAAKF,GAAM,GACzDU,EAAKJ,KAAKG,IAAI,GAAIH,KAAKC,IAAIN,EAAKE,GAAKG,KAAKC,IAAIL,EAAKF,GAAM,GACzDW,EAAMT,EAAKF,EAAKQ,GAAMA,EACtBI,EAAMV,EAAKF,EAAKU,GAAMA,EACtBG,EAAMZ,EAAKE,EAAKO,GAAMA,EAE5B,OAAIN,GAAQC,EACD,KAAKN,KAAMC,OAAQG,EAAKK,KAAMR,OAAQG,KAAMH,KAAMG,KAAMH,EAAKW,OAASR,KAAMD,EAAKU,OAAST,KAAMD,KAAMC,EAAKU,KAAOX,OAAQD,KAAMC,IAChIE,IAASC,EACT,KAAKN,KAAMC,OAAQG,EAAKK,KAAMR,OAAQG,KAAMH,KAAMG,KAAMH,EAAKW,OAASR,KAAMD,KAC3EE,GAAQC,EACT,KAAKF,KAAMH,OAAQG,KAAMD,EAAKU,OAAST,KAAMD,KAAMC,EAAKU,KAAOX,OAAQD,KAAMC,IAE7E,KAAKC,KAAMH,OAAQG,KAAMD,KA6BhCY,GAAiBC,EAAY,KACnC,IAAIvB,GAAmBwB,UACnB3D,EAAe2D,QAAnB,CACAxB,GAAmBwB,SAAU,EACzB,IACC,IAAC1F,EAAa0F,QAAS,OAGpBC,MAAAA,EAAuBC,IACrB,MAAAC,EAAYD,EAAQE,MAAM,KAC1BC,EAAUF,EAAU,GAG1B,IAAK1E,EAAiB4E,KAAsC,IAA1BvE,EAAwC,OAAA,EAC1E,GAAIA,IACIL,EAAiB,QAAQ4E,OAAe5E,EAAiB,SAAS4E,OAAe5E,EAAiB4E,GAAiB,OAAA,EAI3H,IAAIC,EAAeD,EACnB,IAAA,IAASE,EAAI,EAAGA,EAAIJ,EAAUK,OAAS,EAAGD,IAEpC,GADYD,GAAA,IAAIH,EAAUI,MACzB7E,EAAoB4E,GAChB,OAAA,EAGJ,OAAA,GAIHG,EAAgBnG,EAAa0F,QAAQU,wBAC1BrC,GAAA,CACfC,MAAOmC,EAAcnC,MACrBC,OAAQkC,EAAclC,SAGxB,MAAMoC,EAAkC,GAepC,GAZJ5F,EAAc6F,QAAQ,EAAGC,UACvB,MAAMC,EAAI9F,EAASgF,QAAQa,IAAMb,QAC3Be,EAAI9F,EAAU+E,QAAQa,IAAMb,QAE9Bc,GAAKC,IACPD,EAAEE,MAAMzC,OAAS,OACjBwC,EAAEC,MAAMzC,OAAS,OACjBuC,EAAEE,MAAMC,UAAY,MACpBF,EAAEC,MAAMC,UAAY,UAInB5E,EAAe2D,QAAS,CAClB,IAAA,IAAAkB,EAAM,EAAGA,EAAM5B,KAAK6B,IAAItG,EAAiB2F,OAAQ1F,EAAiB0F,QAASU,IAAO,CACzF,MAAMJ,EAAI5F,EAAgB8E,QAAQkB,IAAMlB,QAClCe,EAAI5F,EAAiB6E,QAAQkB,IAAMlB,QAErCc,IACFA,EAAEE,MAAMzC,OAAS,OACjBuC,EAAEE,MAAMC,UAAY,OAElBF,IACFA,EAAEC,MAAMzC,OAAS,OACjBwC,EAAEC,MAAMC,UAAY,MAExB,CAEKnF,GAEHsF,OAAOC,KAAKjG,EAAmB4E,SAASY,QAAmBV,IACnD,IAACD,EAAoBC,GAAU,OACnC,MAAMY,EAAI1F,EAAmB4E,QAAQE,IAAUF,QACzCe,EAAI1F,EAAoB2E,QAAQE,IAAUF,QAC5Cc,GAAKC,IACLD,EAAEE,MAAMzC,OAAS,OACjBwC,EAAEC,MAAMzC,OAAS,OACjBuC,EAAEE,MAAMC,UAAY,MACpBF,EAAEC,MAAMC,UAAY,QAIhC,CAGA,MAAMK,EAAuC,CAAA,EAE7CvG,EAAc6F,QAAQ,EAAGC,UACvB,MAAMC,EAAI9F,EAASgF,QAAQa,IAAMb,QAC3Be,EAAI9F,EAAU+E,QAAQa,IAAMb,QAElC,GAAIc,GAAKC,EAAG,CACJ,MAAAQ,EAAQT,EAAEJ,wBACVc,EAAQT,EAAEL,wBAChBY,EAAaT,GAAOvB,KAAK6B,IAAII,EAAMhD,OAAQiD,EAAMjD,OACnD,IAGF,MAAMkD,EAAc,CAAEC,KAAM,CAA8B,EAAAC,MAAO,CAA6B,GACxFC,EAA4C,CAAA,EAE9C,IAACvF,EAAe2D,QAClB,GAAKlE,GA8BL,GAAWF,GAA4C,OAA5BC,EACrB,GAAmC,iBAA5BA,EAAsC,CAC/C,MAAMgG,EAAUhG,EACViG,EAAUjH,EAAiBgH,GAC3Bf,EAAI5F,EAAgB8E,QAAQ6B,IAAU7B,QAExCc,GAAKgB,IACNA,EAAQC,YAAc,IAAInB,QAASoB,IAClC,MAAMC,EAAcnH,EAAiBoH,UAAWC,GAAWA,EAAEC,YAAcJ,GACrEjB,EAAI5F,EAAiB6E,QAAQiC,IAAcjC,QACjD,GAAKe,IAEDtF,EAAiB,QAAQoG,MAAcpG,EAAiB,SAASwG,MAAgB,CAC7E,MAAAI,EAAO/C,KAAK6B,IAAIL,EAAEJ,wBAAwBnC,OAAQwC,EAAEL,wBAAwBnC,QACtEkD,EAAAC,KAAKG,GAAWvC,KAAK6B,IAAIM,EAAYC,KAAKG,IAAY,EAAGQ,GACzDZ,EAAAE,MAAMM,GAAe3C,KAAK6B,IAAIM,EAAYE,MAAMM,IAAgB,EAAGI,EACjF,GAEJ,KACK,CACL,MAAMnC,EAAUrE,EAAwBuE,MAAMkC,GAA2B,GACzE,GAAIpC,EAAS,CACT,MAAMY,EAAI1F,EAAmB4E,QAAQE,IAAUF,QACzCe,EAAI1F,EAAoB2E,QAAQE,IAAUF,QAChD,GAAIc,GAAKC,EAAG,CACN,MAAAsB,EAAO/C,KAAK6B,IAAIL,EAAEJ,wBAAwBnC,OAAQwC,EAAEL,wBAAwBnC,QAChEqD,EAAA1B,GAAWZ,KAAK6B,IAAIS,EAAkB1B,IAAY,EAAGmC,EACvE,CACJ,CACF,MA3D0B,CAE1BjB,OAAOC,KAAKjG,EAAmB4E,SAASY,QAAmBV,IACnD,IAACD,EAAoBC,GAAU,OACnC,MAAMY,EAAI1F,EAAmB4E,QAAQE,IAAUF,QACzCe,EAAI1F,EAAoB2E,QAAQE,IAAUF,QAChD,GAAIc,GAAKC,GAAwB,OAAnBD,EAAEyB,cAA4C,OAAnBxB,EAAEwB,aAAuB,CACxD,MAAAhB,EAAQT,EAAEJ,wBACVc,EAAQT,EAAEL,wBACV2B,EAAO/C,KAAK6B,IAAII,EAAMhD,OAAQiD,EAAMjD,QAC1CqD,EAAkB1B,GAAWmC,EAG3BvB,EAAAE,MAAMC,UAAY,GAAGoB,MACrBtB,EAAAC,MAAMC,UAAY,GAAGoB,KAC3B,IAIK,IAAA,IAAAnB,EAAM,EAAGA,EAAM5B,KAAKG,IAAI5E,EAAiB2F,OAAQ1F,EAAiB0F,QAASU,IAAO,CACzF,MAAMJ,EAAI5F,EAAgB8E,QAAQkB,IAAMlB,QAClCe,EAAI5F,EAAiB6E,QAAQkB,IAAMlB,QAEzC,GAAIc,GAAKC,EAAG,CACJ,MAAAsB,EAAO/C,KAAK6B,IAAIL,EAAEJ,wBAAwBnC,OAAQwC,EAAEL,wBAAwBnC,QACtEkD,EAAAC,KAAKR,GAAOmB,EACZZ,EAAAE,MAAMT,GAAOmB,CAC3B,CACF,CAAA,CAwEJ,GArCAtH,EAAc6F,QAAQ,EAAGC,UACvB,MAAMC,EAAI9F,EAASgF,QAAQa,IAAMb,QAC3Be,EAAI9F,EAAU+E,QAAQa,IAAMb,QAElC,GAAIc,GAAKC,EAAG,CACJ,MAAAsB,EAAOf,EAAaT,GACxBC,EAAAE,MAAMC,UAAY,GAAGoB,MACrBtB,EAAAC,MAAMC,UAAY,GAAGoB,KACzB,IAGGhG,EAAe2D,UACXoB,OAAAoB,QAAQf,EAAYC,MAAMd,QAAQ,EAAEM,EAAKmB,MAC9C,MAAMvB,EAAI5F,EAAgB8E,QAAQyC,OAAOvB,KAAOlB,QAC5Cc,IAAGA,EAAEE,MAAMC,UAAY,GAAGoB,SAGzBjB,OAAAoB,QAAQf,EAAYE,OAAOf,QAAQ,EAAEM,EAAKmB,MAC/C,MAAMtB,EAAI5F,EAAiB6E,QAAQyC,OAAOvB,KAAOlB,QAC7Ce,IAAGA,EAAEC,MAAMC,UAAY,GAAGoB,SAG3BvG,GACHsF,OAAOC,KAAKO,GAAmBhB,QAAmBV,IAC9C,MAAMY,EAAI1F,EAAmB4E,QAAQE,IAAUF,QACzCe,EAAI1F,EAAoB2E,QAAQE,IAAUF,QAChD,GAAIc,GAAKC,GAAKa,EAAkB1B,GAAU,CAChC,MAAAmC,EAAOT,EAAkB1B,GAC7BY,EAAAE,MAAMC,UAAY,GAAGoB,MACrBtB,EAAAC,MAAMC,UAAY,GAAGoB,KAC3B,MAOHtG,EAAiB,CACd,MAAA2G,EAAwB,CAACZ,EAAcD,KAK3C,IAAK/F,EACH,OAAOhB,EAAiB+G,GAAW,CAACA,GAAW,GAGjD,MAAMc,GAAUb,EAAQC,YAAc,IACnCa,IAAKZ,GACJlH,EAAiBoH,UAAWC,GAAWA,EAAEC,YAAcJ,IAExDa,OAAQ3B,IAA0B,IAAVA,GAG3B,OAAKyB,EAAOnC,QAAU1F,EAAiB+G,GAC9B,CAACA,GAGHiB,MAAMC,KAAK,IAAIC,IAAIL,KAGX9H,EAAA+F,QAAQ,CAACkB,EAAcD,KAChC,MAAAoB,EAAwBnB,EAAQoB,wBAClCrI,EAAiBqH,UACdiB,GACCA,EAAQC,kBAAoBtB,EAAQoB,0BAExC,EACEG,EACJJ,GAAyB,EAAIA,EAAwBpB,EACjDyB,EAAQpI,EAAgB8E,QAAQqD,IAAkBrD,QACxD,IAAKsD,EAAO,OAESZ,EAAsBZ,EAASD,GAEvCjB,QAASqB,IACpB,MAAMsB,EAAQpI,EAAiB6E,QAAQiC,IAAcjC,QACrD,IAAKuD,EAAO,OAEN,MAAAC,EAAWF,EAAM5C,wBACjB+C,EAAYF,EAAM7C,wBAElB3B,EAAKyE,EAAS7B,MAAQlB,EAAciB,KACpCzC,EAAKwE,EAAU/B,KAAOjB,EAAciB,KAE1C,IAAI1C,EAAKwE,EAASE,IAAM,GAAKjD,EAAciD,IACvCxE,EAAKuE,EAAUC,IAAM,GAAKjD,EAAciD,IAExC,GAAA5H,GAAyBF,GAAgBC,IAA4BgG,EAAS,CAChF,MAAM8B,EAAUpJ,EAAiByF,SAASU,wBAAwBgD,KAAO,EACnEE,EAAWpJ,EAAkBwF,SAASU,wBAAwBgD,KAAO,EACrEG,EAAaF,GAAWpJ,EAAiByF,SAAS8D,cAAgBC,KAClEC,EAAcJ,GAAYpJ,EAAkBwF,SAAS8D,cAAgBC,KAErEE,EAAQ,CAACC,EAAWzE,EAAa0B,IACrC7B,KAAK6B,IAAI1B,EAAKH,KAAKG,IAAI0B,EAAK+C,IAE9BlF,EAAKiF,EAAMT,EAASE,IAAM,GAAIC,EAASE,GAAcpD,EAAciD,IACnExE,EAAK+E,EAAMR,EAAUC,IAAM,GAAIE,EAAUI,GAAevD,EAAciD,GACxE,CAEM,MAAA1C,EAAQ/E,EAAuBoH,GAEjCrC,GACFL,EAASwD,KAAK,CACZC,GAAI,QAAQf,KAAmBpB,IAC/BlD,KACAC,KACAC,KACAC,KACA8B,QACAqD,WAAYhB,EACZiB,eAAgBrC,EAChBsC,cAAc,EACdC,sBAAuBvB,GAAyB,EAChDwB,gBACE5J,EAAiBwI,IAAkBqB,eACnC5J,EAAiBmH,IAAcyC,eAC/B7J,EAAiBwI,IAAkBsB,QACnC3I,EAAanB,EAAiBwI,GAAiBsB,cAM3D,CAEI,IAAC5I,GAAmBH,GAAmD,iBAA5BC,GAAwCA,EAAwB+I,SAAStC,GAA4B,CAC5I,MAACqC,EAAQE,EAAQC,EAAaC,GAAgBlJ,EAAwBuE,MAAMkC,GAC5E0C,EAAQ,GAAGL,IAASrC,IAA4BuC,IAEhDI,EAAW3J,EAAa0E,QAAQgF,IAAQhF,QACxCkF,EAAW3J,EAAayE,QAAQgF,IAAQhF,QAE9C,GAAIiF,GAAYC,EAAU,CAClB,MAAA3D,EAAQ0D,EAASvE,wBACjBc,EAAQ0D,EAASxE,wBAEjB3B,EAAKwC,EAAMI,MAAQlB,EAAciB,KACjCzC,EAAKuC,EAAME,KAAOjB,EAAciB,KAEtC,IAAI1C,EAAKuC,EAAMmC,IAAMnC,EAAMhD,OAAS,EAAIkC,EAAciD,IAClDxE,EAAKsC,EAAMkC,IAAMlC,EAAMjD,OAAS,EAAIkC,EAAciD,IAEtD,GAAI5H,EAAuB,CACzB,MAAM6H,EAAUpJ,EAAiByF,SAASU,wBAAwBgD,KAAO,EACnEE,EAAWpJ,EAAkBwF,SAASU,wBAAwBgD,KAAO,EACrEG,EAAaF,GAAWpJ,EAAiByF,SAAS8D,cAAgBC,KAClEC,EAAcJ,GAAYpJ,EAAkBwF,SAAS8D,cAAgBC,KACrEE,EAAQ,CAACC,EAAWzE,EAAa0B,IAAgB7B,KAAK6B,IAAI1B,EAAKH,KAAKG,IAAI0B,EAAK+C,IAE9ElF,EAAAiF,EAAM1C,EAAMmC,IAAMnC,EAAMhD,OAAS,EAAGoF,EAASE,GAAcpD,EAAciD,IACzExE,EAAA+E,EAAMzC,EAAMkC,IAAMlC,EAAMjD,OAAS,EAAGqF,EAAUI,GAAevD,EAAciD,GAClF,CAEA,MAAM1C,EACJ7E,EAAuBwI,EAAQE,IAC/B3I,EAA0B4I,GACxB9D,GACFL,EAASwD,KAAK,CACZC,GAAI,eAAeY,IACnBjG,KAAIC,KAAIC,KAAIC,KACZ8B,QACAqD,WAAY5B,OAAOqC,EAAY1E,MAAM,KAAK,IAC1CmE,cAAc,EACdY,kBAAmBtJ,GAGzB,CACF,CAII,GAFJiC,GAAS6C,GAELhG,EAAcqF,SAAWpF,EAAeoF,QAAS,CAC7C,MAAAoF,EAAiBzK,EAAcqF,QAAQU,wBACvC2E,EAAkBzK,EAAeoF,QAAQU,wBACzC4E,GACHF,EAAe1B,IACd0B,EAAe7G,OAAS,EACxBkC,EAAciD,IACd2B,EAAgB3B,IAChB2B,EAAgB9G,OAAS,EACzBkC,EAAciD,KAChB,EACkBzF,GAAA,CAClBc,GAAIqG,EAAezD,MAAQlB,EAAciB,KACzCzC,GAAIoG,EAAgB3D,KAAOjB,EAAciB,KACzC6D,EAAGD,GACJ,MAEDrH,GAAoB,MAGlB,GAAAtC,EAAkB6J,KAAO,EAAG,CAC9B,MAAMC,EAA2C,GAC3CC,EAAgBnL,EAAiByF,QACjC2F,EAAiBnL,EAAkBwF,QAEzC,GAAI0F,GAAiBC,EAAgB,CACnC,MAAMC,EAAkC,GAElCjC,EAAU+B,EAAchF,wBAAwBgD,IAChDE,EAAW+B,EAAejF,wBAAwBgD,IAClDG,EAAaF,EAAU+B,EAAc5B,aACrCE,EAAcJ,EAAW+B,EAAe7B,aAExC+B,EAAiBH,EAAcI,UAC/BC,EAAiBJ,EAAeG,UAChCE,EAAOvF,EAAciD,IAErBO,EAAQ,CAACC,EAAWzE,EAAa0B,IACrC7B,KAAK6B,IAAI1B,EAAKH,KAAKG,IAAI0B,EAAK+C,IAEZvI,EAAAiF,QAASqF,IAEzB,GAAIlK,EAAiB,CACnB,IAAImK,EAA6B,KAC7BC,EAA4B,KAC5BnF,EAAa,KAEjB,GAA4B,iBAAjBiF,GAA6BA,EAAarB,SAAStC,GAA4B,CACxF,MAAOqC,EAAQE,EAAQC,GAAemB,EAAa7F,MAAMkC,GACnD0C,EAAQ,GAAGL,IAASrC,IAA4BuC,IAC7CqB,EAAA5K,EAAa0E,QAAQgF,IAAQhF,QACtCgB,EAAQ7E,EAAuBwI,EAAQE,IAAW3I,EAA0B4I,GAC5EqB,EAAa1D,OAAOqC,GAAa1E,MAAM,KAAK,IAAM,EAAC,MAEnD+F,EAAa1D,OAAOwD,GACXC,EAAA5K,EAAa0E,QAAQmG,IAAanG,QAC3CgB,EAAQ/E,EAAuBkK,GAGjC,IAAKD,EAAQ,OAEP,MAAAE,EAAcC,SAASC,iBAAiB,6BAElCF,EAAAxF,QAAQ,CAAC2F,EAAQC,KACrB,MAAAjF,EAAQ2E,EAAQxF,wBAChBc,EAAQ+E,EAAO7F,wBAEf3B,EAAKwC,EAAMI,MAAQlB,EAAciB,KACjCzC,EAAKuC,EAAME,KAAOjB,EAAciB,KAAO,EAGvC+E,EAAU1H,EAAK,GAEf2H,EAAUnF,EAAMmC,IAAMnC,EAAMhD,OAAS,EAErCoI,EAAUnF,EAAMkC,IAAMlC,EAAMjD,OAAS,EAErCqI,EAAcF,EAAU/C,EAAWkC,EACnCgB,EAAcF,EAAU/C,EAAYmC,EAEpCe,EAAU,cAAcb,KAAgBO,IAG9C,IAAIO,EAAY,GAChB,GAA4B,iBAAjBd,GAA6BA,EAAarB,SAAStC,GAA4B,CAGxFyE,GAFcd,EAAa7F,MAAMkC,GACP,IAAM,IACRlC,MAAM,KAAKwC,IAAIoE,GAAKvE,OAAOuE,GAAK,GAAGC,KAAK,IAAG,MAEnEF,EAAYG,OAAOzE,OAAOwD,GAAgB,GAE5C,MAAMkB,EAASD,OAAOE,aAAa,GAAKZ,GAClCa,EAAoC,IAAvBjB,EAAY5F,OAAe,KAAO,GAAGuG,KAAaI,KAErEvB,EAASzB,KAAK,CACZyC,aAAYC,aAAY9H,KAAIE,KAAIqI,aAActB,EAC9CnE,QAASoE,EAAchE,YAAauE,EACpCe,WAAYvG,GAAOwG,aAAe,UAClCC,QAASzG,GAAO0G,SAAW,UAC3BC,UAAW3G,GAAO4G,WAAa,UAC/Bd,UAASL,YAGX,MAAMoB,EAAc5D,EAAMyC,EAAS/C,EAASE,GACtCiE,EAAc7D,EAAM0C,EAAS/C,EAAUI,GAEvChF,EAAK6I,EAAc7B,EACnB9G,EAAK4I,EAAc9B,EAKnB+B,EAAQjJ,GAAwBC,EAAIC,EAAIC,EAAIC,EAAIuH,EAHnCC,GAAW/C,EAAU,GAAK+C,GAAW7C,EAAa,EAClD8C,GAAW/C,EAAW,GAAK+C,GAAW3C,EAAc,GAIvEyB,EAAkBtB,KAAK,CACrBC,GAAI0C,EAASiB,QAAO/G,QAAOa,QAASoE,EAAchE,YAAauE,EAC/DzH,KAAIE,KAAID,KAAIE,KAAIuH,UAASY,aAAYW,aAAa,KAErD,MAGH,GAA4B,iBAAjB/B,GAA6BA,EAAarB,SAAStC,GAA4B,CAClF,MAACqC,EAAQE,EAAQC,EAAaC,GAAgBkB,EAAa7F,MAAMkC,GACjE0C,EAAQ,GAAGL,IAASrC,IAA4BuC,IAEhDqB,EAAS5K,EAAa0E,QAAQgF,IAAQhF,QACtCuG,EAAShL,EAAayE,QAAQgF,IAAQhF,QACxC,IAACkG,IAAWK,EAAQ,OAElB,MAAAhF,EAAQ2E,EAAOxF,wBACfc,EAAQ+E,EAAO7F,wBACfM,EAAQ7E,EAAuBwI,EAAQE,IAAW3I,EAA0B4I,GAE5E/F,EAAKwC,EAAMI,MAAQlB,EAAciB,KACjCzC,EAAKuC,EAAME,KAAOjB,EAAciB,KAAO,EACvC+E,EAAU1H,EAAK,GAEf2H,EAAUnF,EAAMmC,IAAMnC,EAAMhD,OAAS,EACrCoI,EAAUnF,EAAMkC,IAAMlC,EAAMjD,OAAS,EAErCqI,EAAcF,EAAU/C,EAAWkC,EACnCgB,EAAcF,EAAU/C,EAAYmC,EACpCe,EAAU,eAAe9B,IAIzBqC,IAFWvC,GAAe,IACL1E,MAAM,KAAKwC,IAASoE,GAAAvE,OAAOuE,GAAK,GAAGC,KAAK,KAChD,MAEnBrB,EAASzB,KAAK,CACZyC,aAAYC,aAAY9H,KAAIE,KAAIqI,aAActB,EAC9CnE,QAASoE,EAAchE,YAAagE,EACpCsB,WAAYvG,GAAOwG,aAAe,UAAWC,QAASzG,GAAO0G,SAAW,UAAWC,UAAW3G,GAAO4G,WAAa,UAClHd,UAASL,YAGX,MAAMoB,EAAc5D,EAAMyC,EAAS/C,EAASE,GACtCiE,EAAc7D,EAAM0C,EAAS/C,EAAUI,GACvChF,EAAK6I,EAAc7B,EACnB9G,EAAK4I,EAAc9B,EAInB+B,EAAQjJ,GAAwBC,EAAIC,EAAIC,EAAIC,EAAIuH,EAHnCC,GAAW/C,EAAU,GAAK+C,GAAW7C,EAAa,EAClD8C,GAAW/C,EAAW,GAAK+C,GAAW3C,EAAc,GAIvEyB,EAAkBtB,KAAK,CAAEC,GAAI0C,EAASiB,QAAO/G,QAAOa,QAASoE,EAAchE,YAAagE,EAAclH,KAAIE,KAAID,KAAIE,KAAImI,cAAY,MAElI,GAAKvL,EAyCE,CACL,MAAM+F,EAAUoE,EACVnE,EAAUjH,EAAiBgH,GAC7B,IAACC,GAASC,YAAYvB,OAAQ,OAElCsB,EAAQC,WAAWnB,QAAQ,CAACoB,EAAoBwE,KAC9C,MAAMvE,EAAcnH,EAAiBoH,UAAWC,GAAWA,EAAEC,YAAcJ,GAC3E,IAAwB,IAApBC,EAAoB,OAExB,MAAMiE,EAAS5K,EAAa0E,QAAQ6B,IAAU7B,QACxCuG,EAAShL,EAAayE,QAAQiC,IAAcjC,QAC9C,IAACkG,IAAWK,EAAQ,OAElB,MAAAhF,EAAQ2E,EAAOxF,wBACfc,EAAQ+E,EAAO7F,wBACfM,EAAQ/E,EAAuB4F,GAE/B9C,EAAKwC,EAAMI,MAAQlB,EAAciB,KACjCzC,EAAKuC,EAAME,KAAOjB,EAAciB,KAAO,EAEvC+E,EAAU1H,EAAK,GAEf2H,EAAUnF,EAAMmC,IAAMnC,EAAMhD,OAAS,EACrCoI,EAAUnF,EAAMkC,IAAMlC,EAAMjD,OAAS,EACrCqI,EAAcF,EAAU/C,EAAWkC,EACnCgB,EAAcF,EAAU/C,EAAYmC,EACpCe,EAAU,QAAQjF,KAAWI,IAE7B8E,EAAYG,OAAOzE,OAAOwD,GAAgB,GAC1CkB,EAASD,OAAOE,aAAa,GAAKZ,GAClCa,EAA2C,IAA9BvF,EAAQC,WAAWvB,OAAe,KAAO,GAAGuG,KAAaI,KAE5EvB,EAASzB,KAAK,CACZyC,aAAYC,aAAY9H,KAAIE,KAAIqI,aAActB,EAC9CnE,UAASI,cACTsF,WAAYvG,GAAOwG,aAAe,UAAWC,QAASzG,GAAO0G,SAAW,UAAWC,UAAW3G,GAAO4G,WAAa,UAClHd,UAASL,YAGX,MAAMoB,EAAc5D,EAAMyC,EAAS/C,EAASE,GACtCiE,EAAc7D,EAAM0C,EAAS/C,EAAUI,GACvChF,EAAK6I,EAAc7B,EACnB9G,EAAK4I,EAAc9B,EAInB+B,EAAQjJ,GAAwBC,EAAIC,EAAIC,EAAIC,EAAIuH,EAHnCC,GAAW/C,EAAU,GAAK+C,GAAW7C,EAAa,EAClD8C,GAAW/C,EAAW,GAAK+C,GAAW3C,EAAc,GAIvEyB,EAAkBtB,KAAK,CACrBC,GAAI0C,EAASiB,QAAO/G,QAAOa,UAASI,cAAalD,KAAIE,KAAID,KAAIE,KAAImI,gBAGvE,KA7F4B,CAC1B,MAAMxF,EAAUoE,EACVhE,EAAcJ,EACdqE,EAAS5K,EAAa0E,QAAQ6B,IAAU7B,QACxCuG,EAAShL,EAAayE,QAAQiC,IAAcjC,QAC9C,IAACkG,IAAWK,EAAQ,OAElB,MAAAhF,EAAQ2E,EAAOxF,wBACfc,EAAQ+E,EAAO7F,wBACfM,EAAQ/E,EAAuB4F,GAE/B9C,EAAKwC,EAAMI,MAAQlB,EAAciB,KACjCzC,EAAKuC,EAAME,KAAOjB,EAAciB,KAAO,EACvC+E,EAAU1H,EAAK,GAEf2H,EAAUnF,EAAMmC,IAAMnC,EAAMhD,OAAS,EACrCoI,EAAUnF,EAAMkC,IAAMlC,EAAMjD,OAAS,EACrCqI,EAAcF,EAAU/C,EAAWkC,EACnCgB,EAAcF,EAAU/C,EAAYmC,EACpCe,EAAU,QAAQjF,KAAWI,IAG7BoF,GADYH,OAAOzE,OAAOwD,GAAgB,GAC7B,MAEnBL,EAASzB,KAAK,CACZyC,aAAYC,aAAY9H,KAAIE,KAAIqI,aAActB,EAC9CnE,UAASI,cACTsF,WAAYvG,GAAOwG,aAAe,UAAWC,QAASzG,GAAO0G,SAAW,UAAWC,UAAW3G,GAAO4G,WAAa,UAClHd,UAASL,YAGX,MAAMoB,EAAc5D,EAAMyC,EAAS/C,EAASE,GACtCiE,EAAc7D,EAAM0C,EAAS/C,EAAUI,GACvChF,EAAK6I,EAAc7B,EACnB9G,EAAK4I,EAAc9B,EAInB+B,EAAQjJ,GAAwBC,EAAIC,EAAIC,EAAIC,EAAIuH,EAHnCC,GAAW/C,EAAU,GAAK+C,GAAW7C,EAAa,EAClD8C,GAAW/C,EAAW,GAAK+C,GAAW3C,EAAc,GAIvEyB,EAAkBtB,KAAK,CAAEC,GAAI0C,EAASiB,QAAO/G,QAAOa,UAASI,cAAalD,KAAIE,KAAID,KAAIE,KAAImI,cAAY,IAyD5GtK,GAAyBiD,QAAU4F,CACrC,CACA/I,GAAkB4I,GAEPwC,WAAA,IAAMC,KAAgC,GAAE,MAEnDrL,GAAkB,IAClBE,GAAyBiD,QAAU,GACxBiI,WAAA,IAAMC,KAAgC,UAE5CC,GACCC,QAAAC,MAAM,0BAA2BF,EAAC,CAC1C,QACA3J,GAAmBwB,SAAU,CAC/B,CAnmB4B,GAomB3B,CACDjF,EACAF,EACAC,EACAkB,EACA2B,GACAC,GACA3B,EACAE,EACAL,EACAF,EACAC,EACAF,EACAF,EACAC,EACAK,IAGQmM,GAA+BnI,EAAY,KAC/C,MAAMuI,EAAQvL,GAAyBiD,QAEnC,IAACsI,EAAM9H,OAKT,OAJA9F,EAASsF,QAAQ,wBAAwBuI,aAAa,aAAc,UACpE7N,EAASsF,QAAQ,uBAAuBuI,aAAa,aAAc,UACnE7N,EAASsF,QAAQ,0BAA0BuI,aAAa,aAAc,eACtE7N,EAASsF,QAAQ,yBAAyBuI,aAAa,aAAc,UAIvE,GAAIlM,EAAe2D,QAAS,OAEtB,MAAAwI,EAAcjO,EAAiByF,SAAS8F,WAAa,EACrD2C,EAAcjO,EAAkBwF,SAAS8F,WAAa,EAEtD4C,EAAcnO,EAAiByF,SAAS8D,cAAgBC,IACxD4E,EAAcnO,EAAkBwF,SAAS8D,cAAgBC,IAEzDJ,EAAUpJ,EAAiByF,SAASU,wBAAwBgD,KAAO,EACnEE,EAAWpJ,EAAkBwF,SAASU,wBAAwBgD,KAAO,EAErEG,EAAaF,EAAU+E,EACvB1E,EAAcJ,EAAW+E,EAEzBlI,EAAgBnG,EAAa0F,SAASU,wBACtC4G,EAAe7G,GAAeiD,KAAO,EACrCkF,EAAkBnI,GAAelC,QAAUwF,IAE3CE,EAAQ,CAACC,EAAWzE,EAAa0B,IAAgB7B,KAAK6B,IAAI1B,EAAKH,KAAKG,IAAI0B,EAAK+C,IAEnF,IAAI2E,EAAW,EACXC,EAAc,EACdC,EAAW,EAAGC,EAAW,EACzBC,EAAc,UAAiCC,EAAgB,UAC/DC,GAAuB,EACvBC,EAAkB,EA+ElB,GA7EEd,EAAA1H,QAASyI,IACP,MAAAC,EAAgBD,EAAMzC,WAAa4B,EAAc7E,EACjD4F,EAAgBF,EAAMxC,WAAa4B,EAAe7E,EAElD4F,EAAW9O,EAASsF,QAAQqJ,EAAMvC,QAAU,WAC5C2C,EAAW/O,EAASsF,QAAQqJ,EAAMvC,QAAU,OAC5C4C,EAAWhP,EAASsF,QAAQqJ,EAAMvC,QAAU,QAC5C6C,EAAgBjP,EAASsF,QAAQqJ,EAAMvC,QAAU,WAEnD,IAAC0C,IAAaC,EAAM,OAExB,MAAMG,EAAc3F,EAAMqF,EAAc3F,EAASE,GAC3CgG,EAAc5F,EAAMsF,EAAc3F,EAAUI,GAE5ChF,EAAK4K,EAActC,EACnBpI,EAAK2K,EAAcvC,EAEnBwC,EAAaR,GAAgB3F,EAAU,GAAK2F,GAAgBzF,EAAa,EACzEkG,EAAaR,GAAgB3F,EAAW,GAAK2F,GAAgBvF,EAAc,EAEjF,IAAIgG,GAAW,EACQb,GAAA,EAGvB,MAAM1C,EAAU4C,EAAM5C,SAAY4C,EAAMtK,GAAK,GAE5B,IAAbgK,IACFA,EAAWM,EAAMtK,GACNiK,EAAAhK,EACOoK,EAAA3C,EAClBwC,EAAcI,EAAM9B,WACT8B,EAAM5B,QACjByB,EAAgBG,EAAM1B,WAAa,WAGjC4B,EAAe3F,EAAW,GAC5BiF,IAAuBmB,GAAA,GACdT,EAAevF,EAAc,IACtC8E,IAA0BkB,GAAA,GAGtB,MAAAjC,EAAQjJ,GAAwBuK,EAAMtK,GAAIC,EAAIqK,EAAMpK,GAAIC,EAAIkK,EAAiBU,EAAYC,GAE3FP,IACEQ,GAAYjC,GACLyB,EAAAjB,aAAa,aAAc,WAC3BiB,EAAAjB,aAAa,IAAKR,IACXyB,EAAAjB,aAAa,aAAc,WAG3CkB,IACEO,GAAYjC,GACT0B,EAAAlB,aAAa,aAAc,WAC3BkB,EAAAlB,aAAa,IAAKR,IACX0B,EAAAlB,aAAa,aAAc,WAGvCmB,IACGI,GAAeE,GAGZN,EAAAnB,aAAa,aAAc,WACjCmB,EAAMnB,aAAa,IAAKrB,OAAOlI,EAAK,MAH9B0K,EAAAnB,aAAa,aAAc,WAOjCoB,IACGG,GAAeE,GAGJL,EAAApB,aAAa,aAAc,WAC3BoB,EAAApB,aAAa,YAAa,aAAac,EAAMpK,GAAK,OAAOC,OAHzDyK,EAAApB,aAAa,aAAc,aAS3CY,GAAwBC,EAAkB,EAAG,CACzC,MAAAa,EAAWvP,EAASsF,QAAQ,uBAC5BkK,EAAUxP,EAASsF,QAAQ,sBAC3BmK,EAAUzP,EAASsF,QAAQ,sBAC3BoK,EAAS1P,EAASsF,QAAQ,qBAC1BqK,EAAS3P,EAASsF,QAAQ,2BAEhC,GAAI6I,EAAW,EAAG,CAChB,MAAMyB,EAAMhL,KAAK6B,IAAI,GAAIyC,EAAW0D,EAAe,IAC7CvG,EAAIzB,KAAKG,IAAI,GAAIH,KAAKC,IAAI6J,EAAkBL,GAAWzJ,KAAK6B,IAAI,EAAG6H,EAAWsB,IAC9EvC,EAAQ,KAAKgB,KAAYC,OAAcI,EAAkBrI,KAAKiI,OAAcI,KAAmBJ,KAAYI,KAAmBJ,EAAWjI,OAAOqI,KAAmBkB,IAE/JL,GAAA1B,aAAa,aAAc,WAC3B0B,GAAA1B,aAAa,IAAKR,GAClBkC,GAAA1B,aAAa,SAAUU,GAExBiB,GAAA3B,aAAa,aAAc,WACpC2B,GAAS3B,aAAa,YAAa,aAAaa,MAAoBkB,MAEhEH,GAAmBA,EAAA5B,aAAa,OAAQU,GACxCmB,IAAiBA,EAAAG,YAAc,IAAI1B,IAAmBuB,EAAA7B,aAAa,OAAQW,IAC3EmB,GAAiBA,EAAA9B,aAAa,SAAUU,EAAc,MAEhDgB,GAAA1B,aAAa,aAAc,UAC5B2B,GAAA3B,aAAa,aAAc,UAGhC,MAAAiC,EAAa9P,EAASsF,QAAQ,yBAC9ByK,EAAY/P,EAASsF,QAAQ,wBAC7B0K,EAAYhQ,EAASsF,QAAQ,wBAC7B2K,EAAWjQ,EAASsF,QAAQ,uBAC5B4K,EAAWlQ,EAASsF,QAAQ,6BAElC,GAAI8I,EAAc,EAAG,CACnB,MAAM+B,EAAQvL,KAAKG,IAAImJ,EAAkB,GAAI5E,EAAcsD,EAAe,IACpEvG,EAAIzB,KAAKG,IAAI,GAAIH,KAAKC,IAAI6J,EAAkBL,GAAWzJ,KAAK6B,IAAI,EAAG0J,EAAQ7B,IAC3EjB,EAAQ,KAAKgB,KAAYC,OAAcI,EAAkBrI,KAAKiI,OAAcI,KAAmBJ,KAAYI,KAAmBJ,EAAWjI,OAAOqI,KAAmByB,IAE7JL,GAAAjC,aAAa,aAAc,WAC3BiC,GAAAjC,aAAa,IAAKR,GAClByC,GAAAjC,aAAa,SAAUU,GAExBwB,GAAAlC,aAAa,aAAc,WACtCkC,GAAWlC,aAAa,YAAa,aAAaa,MAAoByB,MAElEH,GAAuBA,EAAAnC,aAAa,OAAQU,GAC5C0B,IAAqBA,EAAAJ,YAAc,IAAIzB,IAAwB6B,EAAApC,aAAa,OAAQW,IACpF0B,GAAqBA,EAAArC,aAAa,SAAUU,EAAc,MAElDuB,GAAAjC,aAAa,aAAc,UAC5BkC,GAAAlC,aAAa,aAAc,SAE1C,GACC,IAECuC,GAA0B/K,EAAY,KACpChD,GAAyBiD,QAAQQ,OAAS,IAAMnE,EAAe2D,UAG1C,OAArBpB,GAASoB,SACX+K,aAAanM,GAASoB,SAEfpB,GAAAoB,QAAUiI,WAAW,KAC5BhL,EAAkB+C,UAClBpB,GAASoB,QAAU,MAClB,MACF,IAGGgL,GAAqBjL,EAAaoI,IACtC,GAAuC,OAAnC1K,EAAuBuC,SAAoBtC,GAAyBsC,SAClEV,KAAKC,IAAI4I,EAAE8C,cAAcnF,UAAYrI,EAAuBuC,UAAY,EAAG,CAC7E,MAAMkL,EAAWxN,GAAyBsC,QAC1CvC,EAAuBuC,QAAU,KACjCtC,GAAyBsC,QAAU,KAC1BkL,GACX,CAGF,IAAIvM,GAAcqB,UACd7C,EAAW6C,QAAf,CAEA,GACElE,GACAsB,IACCd,EAAgB0D,SAAWrE,EAAkB6J,KAAO,GACrD,CACA,MAAM2F,EAAShD,EAAE8C,cACXvF,EAAgBnL,EAAiByF,QACjC2F,EAAiBnL,EAAkBwF,QACnCoL,EACJD,IAAWzF,EACPC,EACAwF,IAAWxF,EACTD,EACA,KAER,GAAIyF,GAAUC,EAAQ,CACpB,MAAMC,EAAuB,KAC3B,MAAMC,EAAgB7O,EAA2BuD,QAC3CuL,EAAiB7O,EAAgCsD,QAEvD,GAAsB,OAAlBsL,EAAwB,MAAO,CAAEE,WAAY,KAAMC,YAAa,MAEpE,GAC2B,iBAAlBH,GACPA,EAAc1G,SAAStC,GACvB,CACM,MAAAoJ,EAAQJ,EAAclL,MAAMkC,GAC5B0C,EAAQ,GAAG0G,EAAM,KAAKpJ,IAA4BoJ,EAAM,KAEvD,MAAA,CACLF,WACElQ,EAAa0E,QAAQgF,IAAQhF,SAC7B5E,EAAmB4E,QAAQ0L,EAAM,KAAK1L,SACtC9E,EAAgB8E,QAAQyC,OAAOiJ,EAAM,MAAM1L,SAC3C,KACFyL,YACElQ,EAAayE,QAAQgF,IAAQhF,SAC7B3E,EAAoB2E,QAAQ0L,EAAM,KAAK1L,SACvC7E,EAAiB6E,QAAQyC,OAAOiJ,EAAM,MAAM1L,SAC5C,KAEN,CAEM,MAAA6B,EAAUY,OAAO6I,GACjBK,EAA8B,OAAnBJ,EAA0B9I,OAAO8I,GAAkB1J,EAE7D,MAAA,CACL2J,WACElQ,EAAa0E,QAAQ6B,IAAU7B,SAC/BxE,EAAewE,QAAQ6B,IAAU7B,SACjC9E,EAAgB8E,QAAQ6B,IAAU7B,SAClC,KACFyL,YACElQ,EAAayE,QAAQ2L,IAAW3L,SAChC7E,EAAiB6E,QAAQ2L,IAAW3L,SACpC,QAIAwL,WAAEA,EAAAC,YAAYA,GAAgBJ,IAC9BO,EAAeT,IAAWzF,EAAgB8F,EAAaC,EACvDI,EAAeV,IAAWzF,EAAgB+F,EAAcD,EAE9D,IAAIM,EAA+B,KAEnC,GAAIF,GAAgBC,EAAc,CAC1B,MAAAE,EAAmBH,EAAalL,wBAChCsL,EAAmBH,EAAanL,wBAChCuL,EAAab,EAAO1K,wBAEpBwL,EACJH,EAAiBrI,IAAMqI,EAAiBxN,OAAS,EAQjDuN,EANAE,EAAiBtI,IACjBuI,EAAWvI,IACX0H,EAAOtF,UACPkG,EAAiBzN,OAAS,GAGK2N,EAAsBD,EAAWvI,IAAA,KAC7D,CACL,MAAMyI,EAAkB7M,KAAK6B,IAAI,EAAGgK,EAAOiB,aAAejB,EAAOrH,cAC3DuI,EAAkB/M,KAAK6B,IAAI,EAAGiK,EAAOgB,aAAehB,EAAOtH,cACjEgI,EAAgBK,EAAkB,EAC7BhB,EAAOrF,UAAYqG,EAAmBE,EACvClB,EAAOrF,SACb,CAEA,MAAMuG,EAAkB/M,KAAK6B,IAAI,EAAGiK,EAAOgB,aAAehB,EAAOtH,cACjEgI,EAAgBxM,KAAK6B,IAAI,EAAG7B,KAAKG,IAAIqM,EAAeO,IAEhD/M,KAAKC,IAAI6L,EAAOtF,UAAYgG,GAAiB,IAC/CnN,GAAcqB,SAAU,EACxBoL,EAAOtF,UAAYgG,EACnBQ,sBAAsB,KACpB3N,GAAcqB,SAAU,IAG9B,CACF,CAEKlE,GACuBgP,KAGvBpM,GAAcsB,UACjBtB,GAAcsB,SAAU,EAExBsM,sBAAsB,KACpB,GAAIhQ,EAAgB0D,QAAS,CAC3B,MAAM0F,EAAgBnL,EAAiByF,QACjC2F,EAAiBnL,EAAkBwF,QAErC,GAAA0F,GAAiBC,GAAkBnJ,EAAkBwD,QAAS,CAC5D,IAACzD,EAAmByD,QAAS,CAC/B,MAAMsL,EAAgB7O,EAA2BuD,QAC7C,IAAAkG,EAEJ,GAA6B,iBAAlBoF,GAA8BA,EAAc1G,SAAStC,GAA4B,CAClF,MAAAoJ,EAAQJ,EAAclL,MAAMkC,GAC5B0C,EAAQ,GAAG0G,EAAM,KAAKpJ,IAA4BoJ,EAAM,KACrDxF,EAAA5K,EAAa0E,QAAQgF,IAAQhF,OAAA,MAE7BkG,EAAA5K,EAAa0E,QAAQsL,IAA0BtL,QAG5D,GAAIkG,EAAQ,CACJ,MAAA3E,EAAQ2E,EAAOxF,wBACrBnE,EAAmByD,QAAU,CAC3BuM,aAAchL,EAAMmC,IAAMnC,EAAMhD,OAAS,EACzCiO,iBAAkB9G,EAAcI,UAChCnC,QAAS+B,EAAchF,wBAAwBgD,IAC/CG,WAAY6B,EAAchF,wBAAwBgD,IAAMgC,EAAc5B,aACtEkC,KAAM1L,EAAa0F,SAASU,wBAAwBgD,KAAO,EAE/D,CACF,CAEA,GAAInH,EAAmByD,QAAS,CAC9B,MAAMsI,EAAQ/L,EAAmByD,QAC3ByM,EAAc/G,EAAcI,UAAYwC,EAAMkE,iBAC9C9F,EAAU4B,EAAMiE,aAAeE,EAG/BC,GAFQ,EAACxI,EAAWzE,EAAa0B,IAAgB7B,KAAK6B,IAAI1B,EAAKH,KAAKG,IAAI0B,EAAK+C,IAC/DD,CAAMyC,EAAS4B,EAAM3E,QAAS2E,EAAMzE,YACrByE,EAAMtC,MAAM2G,WACzCC,EAAYlG,GAAW4B,EAAM3E,QAAU,GAAK+C,GAAW4B,EAAMzE,WAAa,EAE9DrH,EAAAwD,QAAQuI,aAAa,KAAMmE,GAC3BlQ,EAAAwD,QAAQuI,aAAa,KAAMmE,GAC7ClQ,EAAkBwD,QAAQuI,aAAa,aAAcqE,EAAY,UAAY,SAC/E,CACF,CACF,CAE6B1E,KAC7BxJ,GAAcsB,SAAU,IA7JJ,GAgKvB,CACDkI,GACApM,EACAsB,EACAzB,EACAmP,KAqCK,OAjCP+B,EAAU,KACR5P,EAAkB+C,QAAUF,IAC3B,CAACA,KAEJ+M,EAAU,KACA,MAAAC,EAAQ7E,WAAW6C,GAAyB,KAC5CiC,EAAiB,IAAM1P,EAAgB2C,UAG7C,OAFOgN,OAAAC,iBAAiB,SAAUF,GAE3B,KACLhC,aAAa+B,GACY,OAArBlO,GAASoB,SAAkB+K,aAAanM,GAASoB,SACtB,OAA3B9C,EAAe8C,SAAkB+K,aAAa7N,EAAe8C,SAC1DgN,OAAAE,oBAAoB,SAAUH,KAEtC,CACDzP,EACAC,EACAC,EACAzC,EACAU,EACAC,EACAb,EACAC,EACA6C,GACAmN,GACAlP,EACAC,EACAO,EACAT,IAIG,CACXkC,SAAOC,YACPE,oBAAkBC,uBAClBtB,kBAAgBE,qBAChBuB,iBACArB,4BACA+C,kBACA7C,oBACA6N,2BACAE"}

package/dist/features/CognitiveCompare/hooks/useResizeHandler.js

@@ -1,2 +1,2 @@
-import{useRef as n,useEffect as e,useCallback as r}from"react";import{DEVIATION_BADGE_SEPARATOR as t}from"../CognitiveComparehelpers.js";var u=function(u){var i=u.timerRef,c=u.ruleComponentRef,l=u.scrollContainerRef,o=u.containerRef,a=u.maintainRelativeOrder,d=u.proposedSections,s=u.existingSections,f=u.isSideBySideRef,v=u.activeSideBySideSectionRef,R=u.activeSideBySideRightSectionRef,p=u.sectionRowRefs,g=u.sectionRightRowRefs,h=u.sectionLeftRefs,m=u.sectionRightRefs,C=u.subSectionLeftRefs,S=u.subSectionRightRefs,B=u.lhsBadgeRefs,T=u.rhsBadgeRefs,b=u.leftContainerRef,y=u.rightContainerRef,z=u.calculateLinesRef,x=u.handleResizeRef,w=u.setIsResizing,A=u.setIsArrowVisible,E=u.sideBySideCacheRef,F=u.cachedConnectedPositions,L=n(0),M=n(0),I=n(0),N=n(function(){}),O=null!=x?x:N,j=n(null);n(i),e(function(){var n=function(n,e,r,t,u){e.current=n.getBoundingClientRect().width;var i=new ResizeObserver(function(n){null!==r.current&&cancelAnimationFrame(r.current),r.current=requestAnimationFrame(function(){var i,c,l;r.current=null;var o=n[n.length-1];if(o){var a=null!==(l=null===(c=null===(i=o.borderBoxSize)||void 0===i?void 0:i[0])||void 0===c?void 0:c.inlineSize)&&void 0!==l?l:o.contentRect.width;Math.abs(a-e.current)<1?u():(e.current=a,t())}})});return i.observe(n),i},e={current:null},r={current:null},t={current:null},u=[],i=[e,r,t];return c.current&&u.push(n(c.current,L,e,function(){return O.current()},function(){})),l.current&&u.push(n(l.current,M,r,function(){return O.current()},function(){var n;return null===(n=z.current)||void 0===n?void 0:n.call(z)})),o.current&&u.push(n(o.current,I,t,function(){return O.current()},function(){var n;return null===(n=z.current)||void 0===n?void 0:n.call(z)})),function(){u.forEach(function(n){return n.disconnect()}),i.forEach(function(n){null!==n.current&&(cancelAnimationFrame(n.current),n.current=null)})}},[]);var q=r(function(){w(!0),A(!1),E.current=null,null!==j.current&&clearTimeout(j.current),null!==i.current&&(clearTimeout(i.current),i.current=null),j.current=setTimeout(function(){var n,e,r,u,i,c,l,o,d,s,x;try{if(F.current=[],f.current&&null!==v.current&&null!==R.current){var E=v.current,L=R.current,M="string"==typeof E&&E.includes(t),I=null,N=null,O=null,q=null;if(M){var P=E.split(t),V="".concat(P[0]).concat(t).concat(P[1]);I=(null===(n=B.current[V])||void 0===n?void 0:n.current)||null,N=(null===(e=T.current[V])||void 0===e?void 0:e.current)||null,O=(null===(r=C.current[P[2]])||void 0===r?void 0:r.current)||(null===(u=h.current[Number(P[2])])||void 0===u?void 0:u.current)||null,q=(null===(i=S.current[P[3]])||void 0===i?void 0:i.current)||(null===(c=m.current[Number(P[3])])||void 0===c?void 0:c.current)||null}else I=(null===(l=p.current[E])||void 0===l?void 0:l.current)||null,O=(null===(o=h.current[E])||void 0===o?void 0:o.current)||null,N=(null===(d=g.current[L])||void 0===d?void 0:d.current)||null,q=(null===(s=m.current[L])||void 0===s?void 0:s.current)||null;if(I&&N&&O&&q){if(O.style.paddingTop="0px",q.style.paddingTop="0px",!a){var k=I.getBoundingClientRect(),D=N.getBoundingClientRect(),G=k.top-D.top;G>0?q.style.paddingTop="".concat(G,"px"):G<0&&(O.style.paddingTop="".concat(Math.abs(G),"px"))}var H=b.current,J=y.current;if(H&&J){var K=I.getBoundingClientRect().top-H.getBoundingClientRect().top+H.scrollTop,Q=N.getBoundingClientRect().top-J.getBoundingClientRect().top+J.scrollTop-(K-H.scrollTop);Math.abs(J.scrollTop-Q)>1&&(J.scrollTop=Q)}}}null===(x=z.current)||void 0===x||x.call(z),f.current&&A(!0)}catch(n){console.error("Error in resize handler: ",n)}finally{w(!1),j.current=null}},150)},[a,d,s]);return{handleResize:q,handleResizeRef:O}};export{u as useResizeHandler};
+import{useRef as e,useEffect as r,useCallback as n}from"react";import{DEVIATION_BADGE_SEPARATOR as t}from"../CognitiveComparehelpers.js";const c=({timerRef:c,ruleComponentRef:u,scrollContainerRef:l,containerRef:i,maintainRelativeOrder:o,proposedSections:s,existingSections:a,isSideBySideRef:R,activeSideBySideSectionRef:d,activeSideBySideRightSectionRef:f,sectionRowRefs:p,sectionRightRowRefs:g,sectionLeftRefs:h,sectionRightRefs:m,subSectionLeftRefs:C,subSectionRightRefs:S,lhsBadgeRefs:B,rhsBadgeRefs:T,leftContainerRef:b,rightContainerRef:y,calculateLinesRef:z,handleResizeRef:x,setIsResizing:v,setIsArrowVisible:w,sideBySideCacheRef:$,cachedConnectedPositions:A})=>{const E=e(0),F=e(0),L=e(0),M=e(()=>{}),I=x??M,N=e(null);e(c),r(()=>{const e=(e,r,n,t,c)=>{r.current=e.getBoundingClientRect().width;const u=new ResizeObserver(e=>{null!==n.current&&cancelAnimationFrame(n.current),n.current=requestAnimationFrame(()=>{n.current=null;const u=e[e.length-1];if(!u)return;const l=u.borderBoxSize?.[0]?.inlineSize??u.contentRect.width;Math.abs(l-r.current)<1?c():(r.current=l,t())})});return u.observe(e),u},r={current:null},n={current:null},t={current:null},c=[],o=[r,n,t];return u.current&&c.push(e(u.current,E,r,()=>I.current(),()=>{})),l.current&&c.push(e(l.current,F,n,()=>I.current(),()=>z.current?.())),i.current&&c.push(e(i.current,L,t,()=>I.current(),()=>z.current?.())),()=>{c.forEach(e=>e.disconnect()),o.forEach(e=>{null!==e.current&&(cancelAnimationFrame(e.current),e.current=null)})}},[]);return{handleResize:n(()=>{v(!0),w(!1),$.current=null,null!==N.current&&clearTimeout(N.current),null!==c.current&&(clearTimeout(c.current),c.current=null),N.current=setTimeout(()=>{try{if(A.current=[],R.current&&null!==d.current&&null!==f.current){const e=d.current,r=f.current,n="string"==typeof e&&e.includes(t);let c=null,u=null,l=null,i=null;if(n){const r=e.split(t),n=`${r[0]}${t}${r[1]}`;c=B.current[n]?.current||null,u=T.current[n]?.current||null,l=C.current[r[2]]?.current||h.current[Number(r[2])]?.current||null,i=S.current[r[3]]?.current||m.current[Number(r[3])]?.current||null}else c=p.current[e]?.current||null,l=h.current[e]?.current||null,u=g.current[r]?.current||null,i=m.current[r]?.current||null;if(c&&u&&l&&i){if(l.style.paddingTop="0px",i.style.paddingTop="0px",!o){const e=c.getBoundingClientRect(),r=u.getBoundingClientRect(),n=e.top-r.top;n>0?i.style.paddingTop=`${n}px`:n<0&&(l.style.paddingTop=`${Math.abs(n)}px`)}const e=b.current,r=y.current;if(e&&r){const n=c.getBoundingClientRect().top-e.getBoundingClientRect().top+e.scrollTop,t=u.getBoundingClientRect().top-r.getBoundingClientRect().top+r.scrollTop,l=t-(n-e.scrollTop);Math.abs(r.scrollTop-l)>1&&(r.scrollTop=l)}}}z.current?.(),R.current&&w(!0)}catch(e){console.error("Error in resize handler: ",e)}finally{v(!1),N.current=null}},150)},[o,s,a]),handleResizeRef:I}};export{c as useResizeHandler};
 //# sourceMappingURL=useResizeHandler.js.map

package/dist/features/CognitiveCompare/hooks/useResizeHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeHandler.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"useResizeHandler.js","sources":["../../../../src/features/CognitiveCompare/hooks/useResizeHandler.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport { DEVIATION_BADGE_SEPARATOR } from \"../CognitiveComparehelpers\";\n\nexport const useResizeHandler = ({\n    timerRef,\n    ruleComponentRef,\n    scrollContainerRef,\n    containerRef,\n    maintainRelativeOrder,\n    proposedSections,\n    existingSections,\n    isSideBySideRef,\n    activeSideBySideSectionRef,\n    activeSideBySideRightSectionRef,\n    sectionRowRefs,\n    sectionRightRowRefs,\n    sectionLeftRefs,\n    sectionRightRefs,\n    subSectionLeftRefs,\n    subSectionRightRefs,\n    lhsBadgeRefs,\n    rhsBadgeRefs,\n    leftContainerRef,\n    rightContainerRef,\n    calculateLinesRef,\n    handleResizeRef: externalHandleResizeRef,\n    setIsResizing,\n    setIsArrowVisible,\n    sideBySideCacheRef,\n    cachedConnectedPositions\n}: any) => {\n\n    // REFS Declaration\n    const prevRootWidthRef = useRef<number>(0);\n    const prevScrollWidthRef = useRef<number>(0);\n    const prevContainerWidthRef = useRef<number>(0);\n    const internalHandleResizeRef = useRef<() => void>(() => { });\n    const handleResizeRef = externalHandleResizeRef ?? internalHandleResizeRef;\n    const resizeTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const timerRefLocal = useRef<ReturnType<typeof setTimeout> | null>(timerRef);\n\n    useEffect(() => {\n        // Local function to create a ResizeObserver for a given element and width reference, with debouncing using requestAnimationFrame\n        const makeWidthObserver = (\n            element: HTMLElement,\n            prevWidthRef: React.MutableRefObject<number>,\n            rafRef: React.MutableRefObject<number | null>, // Request AnimationFrame reference for debouncing\n            onWidthChange: () => void,\n            onNoChange: () => void\n        ): ResizeObserver => {\n            prevWidthRef.current = element.getBoundingClientRect().width;\n\n            const observer = new ResizeObserver((entries) => {\n                // Cancel the animation frame if rAF is already scheduled to prevent multiple calls during rapid resize events\n                if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);\n\n                rafRef.current = requestAnimationFrame(() => {\n                    rafRef.current = null; // Reset rAF reference after execution\n\n                    const entry = entries[entries.length - 1];\n                    if (!entry) return;\n\n                    // Calculate the new width using borderBoxSize if available for more accurate measurements, otherwise fallback to contentRect\n                    const newWidth = entry.borderBoxSize?.[0]?.inlineSize ?? entry.contentRect.width;\n\n                    if (Math.abs(newWidth - prevWidthRef.current) < 1) {\n                        onNoChange();\n                        return;\n                    }\n\n                    prevWidthRef.current = newWidth;\n                    onWidthChange();\n                });\n            });\n            observer.observe(element);\n            return observer;\n        };\n\n        // Each observer gets its own rAF so they don't cancel each other\n        // Preventing race conditions\n        const rootRafRef: React.MutableRefObject<number | null> = { current: null };\n        const scrollRafRef: React.MutableRefObject<number | null> = { current: null };\n        const containerRafRef: React.MutableRefObject<number | null> = { current: null };\n\n        const observers: ResizeObserver[] = [];\n        const rafRefs = [rootRafRef, scrollRafRef, containerRafRef];\n\n        if (ruleComponentRef.current) {\n            observers.push(makeWidthObserver(\n                ruleComponentRef.current,\n                prevRootWidthRef,\n                rootRafRef,\n                () => handleResizeRef.current(),\n                () => { },\n            ));\n        }\n\n        if (scrollContainerRef.current) {\n            observers.push(\n                makeWidthObserver(\n                    scrollContainerRef.current,\n                    prevScrollWidthRef,\n                    scrollRafRef,\n                    () => handleResizeRef.current(),\n                    // Optional chaining to prevent runtime crashes\n                    () => calculateLinesRef.current?.(),\n                ),\n            )\n        }\n\n        if (containerRef.current) {\n            observers.push(makeWidthObserver(\n                containerRef.current,\n                prevContainerWidthRef,\n                containerRafRef,\n                () => handleResizeRef.current(),\n                () => calculateLinesRef.current?.(),\n            ));\n        }\n\n        // Cleanup function to disconnect\n        return () => {\n            observers.forEach((observer: ResizeObserver) => observer.disconnect());\n            rafRefs.forEach((rafRef: React.MutableRefObject<number | null>) => {\n                if (rafRef.current !== null) {\n                    cancelAnimationFrame(rafRef.current);\n                    rafRef.current = null;\n                }\n            })\n        }\n        // add observers in initial mount only\n    }, []);\n\n    const handleResize = useCallback(() => {\n        setIsResizing(true);\n        setIsArrowVisible(false);\n\n        sideBySideCacheRef.current = null;\n        if (resizeTimerRef.current !== null) clearTimeout(resizeTimerRef.current);\n\n        if (timerRef.current !== null) {\n            clearTimeout(timerRef.current);\n            timerRef.current = null;\n        }\n\n        resizeTimerRef.current = setTimeout(() => {\n            try {\n                cachedConnectedPositions.current = [];\n\n                if (isSideBySideRef.current && activeSideBySideSectionRef.current !== null && activeSideBySideRightSectionRef.current !== null) {\n                    const activeLeftIdx = activeSideBySideSectionRef.current;\n                    const activeRightIdx = activeSideBySideRightSectionRef.current;\n\n                    const isSubSection = typeof activeLeftIdx === \"string\" && activeLeftIdx.includes(DEVIATION_BADGE_SEPARATOR);\n\n                    let leftElement: HTMLElement | null = null;\n                    let rightElement: HTMLElement | null = null;\n                    let leftPadTarget: HTMLElement | null = null;\n                    let rightPadTarget: HTMLElement | null = null;\n\n                    if (isSubSection) {\n                        const parts = (activeLeftIdx as string).split(DEVIATION_BADGE_SEPARATOR);\n\n                        const refIdx = `${parts[0]}${DEVIATION_BADGE_SEPARATOR}${parts[1]}`;\n\n                        leftElement = lhsBadgeRefs.current[refIdx]?.current || null;\n                        rightElement = rhsBadgeRefs.current[refIdx]?.current || null;\n\n                        leftPadTarget =\n                            subSectionLeftRefs.current[parts[2]]?.current ||\n                            sectionLeftRefs.current[Number(parts[2])]?.current ||\n                            null;\n\n                        rightPadTarget =\n                            subSectionRightRefs.current[parts[3]]?.current ||\n                            sectionRightRefs.current[Number(parts[3])]?.current ||\n                            null;\n                    } else {\n                        leftElement = sectionRowRefs.current[activeLeftIdx as number]?.current || null;\n                        leftPadTarget = sectionLeftRefs.current[activeLeftIdx as number]?.current || null;\n\n                        rightElement = sectionRightRowRefs.current[activeRightIdx as number]?.current || null;\n                        rightPadTarget = sectionRightRefs.current[activeRightIdx as number]?.current || null;\n\n                    }\n\n\n                    if (leftElement && rightElement && leftPadTarget && rightPadTarget) {\n                        leftPadTarget.style.paddingTop = \"0px\";\n                        rightPadTarget.style.paddingTop = \"0px\";\n\n\n                        if (!maintainRelativeOrder) {\n                            const leftBadgeRect = leftElement.getBoundingClientRect();\n                            const rightBadgeRect = rightElement.getBoundingClientRect();\n\n                            const badgeDiff = leftBadgeRect.top - rightBadgeRect.top;\n\n                            // Add padding based on the left / right click\n                            if (badgeDiff > 0) {\n                                rightPadTarget.style.paddingTop = `${badgeDiff}px`;\n                            } else if (badgeDiff < 0) {\n                                leftPadTarget.style.paddingTop = `${Math.abs(badgeDiff)}px`;\n                            }\n                        }\n\n                        const leftContainer = leftContainerRef.current;\n                        const rightContainer = rightContainerRef.current;\n\n                        if (leftContainer && rightContainer) {\n                            const leftAbsoluteTop =\n                                leftElement.getBoundingClientRect().top - leftContainer.getBoundingClientRect().top + leftContainer.scrollTop;\n\n                            const rightAbsoluteTop =\n                                rightElement.getBoundingClientRect().top - rightContainer.getBoundingClientRect().top + rightContainer.scrollTop;\n\n                            // Get relative position of left deviation badge\n                            const currentRelativeY = leftAbsoluteTop - leftContainer.scrollTop;\n\n                            // Amount of scroll to be performed in the RHS\n                            const targetRightScroll = rightAbsoluteTop - currentRelativeY;\n\n                            if (Math.abs(rightContainer.scrollTop - targetRightScroll) > 1) {\n                                rightContainer.scrollTop = targetRightScroll;\n                            }\n                        }\n                    }\n                }\n\n                // Recalculate lines once the position and scroll calculation is completed\n                calculateLinesRef.current?.();\n\n                // Once calculation are done show the arrows\n                if (isSideBySideRef.current) {\n                    setIsArrowVisible(true);\n                }\n            } catch (err: any) {\n                console.error(\"Error in resize handler: \", err);\n            }\n            finally {\n                setIsResizing(false);\n                resizeTimerRef.current = null;\n            }\n            // 150 ms delay timeout to trigger handleResize once resizing animation is completed\n        }, 150);\n    }, [maintainRelativeOrder, proposedSections, existingSections]);\n\n    return {\n        handleResize,\n        handleResizeRef\n    }\n}\n"],"names":["useResizeHandler","timerRef","ruleComponentRef","scrollContainerRef","containerRef","maintainRelativeOrder","proposedSections","existingSections","isSideBySideRef","activeSideBySideSectionRef","activeSideBySideRightSectionRef","sectionRowRefs","sectionRightRowRefs","sectionLeftRefs","sectionRightRefs","subSectionLeftRefs","subSectionRightRefs","lhsBadgeRefs","rhsBadgeRefs","leftContainerRef","rightContainerRef","calculateLinesRef","handleResizeRef","externalHandleResizeRef","setIsResizing","setIsArrowVisible","sideBySideCacheRef","cachedConnectedPositions","prevRootWidthRef","useRef","prevScrollWidthRef","prevContainerWidthRef","internalHandleResizeRef","resizeTimerRef","useEffect","makeWidthObserver","element","prevWidthRef","rafRef","onWidthChange","onNoChange","current","getBoundingClientRect","width","observer","ResizeObserver","entries","cancelAnimationFrame","requestAnimationFrame","entry","length","newWidth","borderBoxSize","inlineSize","contentRect","Math","abs","observe","rootRafRef","scrollRafRef","containerRafRef","observers","rafRefs","push","forEach","disconnect","handleResize","useCallback","clearTimeout","setTimeout","activeLeftIdx","activeRightIdx","isSubSection","includes","DEVIATION_BADGE_SEPARATOR","leftElement","rightElement","leftPadTarget","rightPadTarget","parts","split","refIdx","Number","style","paddingTop","leftBadgeRect","rightBadgeRect","badgeDiff","top","leftContainer","rightContainer","leftAbsoluteTop","scrollTop","rightAbsoluteTop","targetRightScroll","err","console","error"],"mappings":"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"}

package/dist/features/CognitiveCompare/hooks/useSectionRefs.js

@@ -1,2 +1,2 @@
-import e,{useRef as t,useCallback as r}from"react";var n=function(){return e.createRef()},f=function(e,f){var c=t({}),u=t({}),o=t({}),i=t({}),R=t({}),s=t({}),a=t({}),g=t({}),h=t({}),l=t({}),v=r(function(e,t){var r="left"===e?c.current:u.current;return r[t]||(r[t]=n()),r[t]},[]),S=r(function(e,t){return e.current[t]||(e.current[t]=n()),e.current[t]},[]);e.forEach(function(e){v("left",e),v("right",e)});for(var d=0;d<f;d+=1)S(o,d),S(i,d),S(R,d),S(s,d),S(a,d);var b=r(function(e){return S(l,e)},[S]),w=r(function(e,t){var r="left"===e?g.current:h.current;return r[t]||(r[t]=n()),r[t]},[]),B=r(function(e,t){return S("left"===e?R:s,t)},[S]);return{leftRefs:c,rightRefs:u,sectionLeftRefs:o,sectionRightRefs:i,lhsBadgeRefs:R,rhsBadgeRefs:s,sectionRightRowRefs:a,subSectionLeftRefs:g,subSectionRightRefs:h,sectionRowRefs:l,getFieldRef:v,getSectionRowRef:b,getSubSectionRef:w,getBadgeRef:B}};export{f as useSectionRefs};
+import e,{useRef as t,useCallback as r}from"react";const f=()=>e.createRef(),c=(e,c)=>{const n=t({}),s=t({}),o=t({}),R=t({}),i=t({}),u=t({}),g=t({}),h=t({}),l=t({}),a=t({}),S=r((e,t)=>{const r="left"===e?n.current:s.current;return r[t]||(r[t]=f()),r[t]},[]),d=r((e,t)=>(e.current[t]||(e.current[t]=f()),e.current[t]),[]);e.forEach(e=>{S("left",e),S("right",e)});for(let e=0;e<c;e+=1)d(o,e),d(R,e),d(i,e),d(u,e),d(g,e);const b=r(e=>d(a,e),[d]),w=r((e,t)=>{const r="left"===e?h.current:l.current;return r[t]||(r[t]=f()),r[t]},[]),B=r((e,t)=>d("left"===e?i:u,t),[d]);return{leftRefs:n,rightRefs:s,sectionLeftRefs:o,sectionRightRefs:R,lhsBadgeRefs:i,rhsBadgeRefs:u,sectionRightRowRefs:g,subSectionLeftRefs:h,subSectionRightRefs:l,sectionRowRefs:a,getFieldRef:S,getSectionRowRef:b,getSubSectionRef:w,getBadgeRef:B}};export{c as useSectionRefs};
 //# sourceMappingURL=useSectionRefs.js.map

package/dist/features/CognitiveCompare/hooks/useSectionRefs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSectionRefs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"useSectionRefs.js","sources":["../../../../src/features/CognitiveCompare/hooks/useSectionRefs.ts"],"sourcesContent":["import React, { useCallback, useRef } from \"react\";\nimport { DivRefMap } from \"../CognitiveCompareTypes\";\n\n\n\nconst createDivRef = () => React.createRef<HTMLDivElement>();\n\nexport const useSectionRefs = (\n  visibleFieldKeys: string[],\n  sectionCount: number,\n) => {\n  const leftRefs = useRef<DivRefMap<string>>({});\n  const rightRefs = useRef<DivRefMap<string>>({});\n  const sectionLeftRefs = useRef<DivRefMap>({});\n  const sectionRightRefs = useRef<DivRefMap>({});\n  const lhsBadgeRefs = useRef<DivRefMap>({});\n  const rhsBadgeRefs = useRef<DivRefMap>({});\n  const sectionRightRowRefs = useRef<DivRefMap>({});\n  const subSectionLeftRefs = useRef<DivRefMap<string>>({});\n  const subSectionRightRefs = useRef<DivRefMap<string>>({});\n  const sectionRowRefs = useRef<DivRefMap>({});\n\n  const getFieldRef = useCallback(\n    (side: \"left\" | \"right\", key: string) => {\n      const store = side === \"left\" ? leftRefs.current : rightRefs.current;\n      if (!store[key]) {\n        store[key] = createDivRef();\n      }\n      return store[key];\n    },\n    [],\n  );\n\n  const getIndexedRef = useCallback(\n    (store: React.MutableRefObject<DivRefMap>, key: string | number) => {\n      if (!store.current[key]) {\n        store.current[key] = createDivRef();\n      }\n      return store.current[key];\n    },\n    [],\n  );\n\n  visibleFieldKeys.forEach((key) => {\n    getFieldRef(\"left\", key);\n    getFieldRef(\"right\", key);\n  });\n\n  for (let i = 0; i < sectionCount; i += 1) {\n    getIndexedRef(sectionLeftRefs, i);\n    getIndexedRef(sectionRightRefs, i);\n    getIndexedRef(lhsBadgeRefs, i);\n    getIndexedRef(rhsBadgeRefs, i);\n    getIndexedRef(sectionRightRowRefs, i);\n  }\n\n  const getSectionRowRef = useCallback(\n    (idx: string | number) => getIndexedRef(sectionRowRefs, idx),\n    [getIndexedRef],\n  );\n\n  const getSubSectionRef = useCallback(\n    (side: \"left\" | \"right\", keyPath: string) => {\n      const store =\n        side === \"left\" ? subSectionLeftRefs.current : subSectionRightRefs.current;\n      if (!store[keyPath]) {\n        store[keyPath] = createDivRef();\n      }\n      return store[keyPath];\n    },\n    [],\n  );\n\n  const getBadgeRef = useCallback(\n    (side: \"left\" | \"right\", key: string | number) => {\n      const store = side === \"left\" ? lhsBadgeRefs : rhsBadgeRefs;\n      return getIndexedRef(store, key);\n    },\n    [getIndexedRef],\n  );\n\n  return {\n    leftRefs,\n    rightRefs,\n    sectionLeftRefs,\n    sectionRightRefs,\n    lhsBadgeRefs,\n    rhsBadgeRefs,\n    sectionRightRowRefs,\n    subSectionLeftRefs,\n    subSectionRightRefs,\n    sectionRowRefs,\n    getFieldRef,\n    getSectionRowRef,\n    getSubSectionRef,\n    getBadgeRef,\n  };\n};\n"],"names":["createDivRef","React","createRef","useSectionRefs","visibleFieldKeys","sectionCount","leftRefs","useRef","rightRefs","sectionLeftRefs","sectionRightRefs","lhsBadgeRefs","rhsBadgeRefs","sectionRightRowRefs","subSectionLeftRefs","subSectionRightRefs","sectionRowRefs","getFieldRef","useCallback","side","key","store","current","getIndexedRef","forEach","i","getSectionRowRef","idx","getSubSectionRef","keyPath","getBadgeRef"],"mappings":"mDAKA,MAAMA,EAAe,IAAMC,EAAMC,YAEpBC,EAAiB,CAC5BC,EACAC,KAEM,MAAAC,EAAWC,EAA0B,CAAA,GACrCC,EAAYD,EAA0B,CAAA,GACtCE,EAAkBF,EAAkB,CAAA,GACpCG,EAAmBH,EAAkB,CAAA,GACrCI,EAAeJ,EAAkB,CAAA,GACjCK,EAAeL,EAAkB,CAAA,GACjCM,EAAsBN,EAAkB,CAAA,GACxCO,EAAqBP,EAA0B,CAAA,GAC/CQ,EAAsBR,EAA0B,CAAA,GAChDS,EAAiBT,EAAkB,CAAA,GAEnCU,EAAcC,EAClB,CAACC,EAAwBC,KACvB,MAAMC,EAAiB,SAATF,EAAkBb,EAASgB,QAAUd,EAAUc,QAI7D,OAHKD,EAAMD,KACHC,EAAAD,GAAOpB,KAERqB,EAAMD,IAEf,IAGIG,EAAgBL,EACpB,CAACG,EAA0CD,KACpCC,EAAMC,QAAQF,KACXC,EAAAC,QAAQF,GAAOpB,KAEhBqB,EAAMC,QAAQF,IAEvB,IAGehB,EAAAoB,QAASJ,IACxBH,EAAY,OAAQG,GACpBH,EAAY,QAASG,KAGvB,IAAA,IAASK,EAAI,EAAGA,EAAIpB,EAAcoB,GAAK,EACrCF,EAAcd,EAAiBgB,GAC/BF,EAAcb,EAAkBe,GAChCF,EAAcZ,EAAcc,GAC5BF,EAAcX,EAAca,GAC5BF,EAAcV,EAAqBY,GAGrC,MAAMC,EAAmBR,EACtBS,GAAyBJ,EAAcP,EAAgBW,GACxD,CAACJ,IAGGK,EAAmBV,EACvB,CAACC,EAAwBU,KACvB,MAAMR,EACK,SAATF,EAAkBL,EAAmBQ,QAAUP,EAAoBO,QAIrE,OAHKD,EAAMQ,KACHR,EAAAQ,GAAW7B,KAEZqB,EAAMQ,IAEf,IAGIC,EAAcZ,EAClB,CAACC,EAAwBC,IAEhBG,EADgB,SAATJ,EAAkBR,EAAeC,EACnBQ,GAE9B,CAACG,IAGI,MAAA,CACLjB,WACAE,YACAC,kBACAC,mBACAC,eACAC,eACAC,sBACAC,qBACAC,sBACAC,iBACAC,cACAS,mBACAE,mBACAE"}

package/dist/features/CognitiveCompare/hooks/useSideBySide.js

@@ -1,2 +1,2 @@
-import{useState as e,useRef as n,useCallback as t,useEffect as r}from"react";import{DEVIATION_BADGE_SEPARATOR as i,resetClauseHighlight as l,smoothScrollTo as u}from"../CognitiveComparehelpers.js";var o=function(o){var c=o.isGuidelineMode,d=o.maintainRelativeOrder,s=o.proposedSections,v=o.existingSections,a=o.leftContainerRef,p=o.rightContainerRef,g=o.scrollContainerRef,f=o.sectionLeftRefs,h=o.sectionRightRefs,R=o.subSectionLeftRefs,S=o.subSectionRightRefs,y=o.lhsBadgeRefs,m=o.rhsBadgeRefs,B=o.sectionRowRefs,x=o.sectionRightRowRefs,C=o.rhsTopSpacerRef,T=o.rhsBottomSpacerRef,b=o.lhsTopSpacerRef,A=o.lhsBottomSpacerRef,I=o.calculateLinesRef,w=o.setConnectedSections,L=o.setConnectedLines,E=o.cachedConnectedPositions,F=o.closeMoreFunctionsPopup,N=o.setErrorToast;o.moreFunctions,o.closeSummaryPopup;var q=e(!1),H=q[0],M=q[1],P=e(!1),z=P[0],V=P[1],j=e(!1),k=j[0],G=j[1],O=e(!1),D=O[0],J=O[1],K=e(null),Q=K[0],U=K[1],W=n(!1),X=n(null),Y=n(!1),Z=n(null),$=n(null),_=n(null),ee=n(new Set),ne=function(){ee.current.forEach(function(e){l(e)}),ee.current.clear()},te=function(e,n,t){var r,l,u,o,c,d,s,v,g,C,T,b,A=null,I=null,w=null,L=null,E=null,F=null,N=function(e,n){if(!e||!n)return!0;var t=e.getBoundingClientRect(),r=n.getBoundingClientRect();return t.bottom>=r.top&&t.top<=r.bottom};if(e){var q=n.split(i),H="".concat(q[0]).concat(i).concat(q[1]);A=(null===(r=R.current[q[2]])||void 0===r?void 0:r.current)||(null===(l=f.current[Number(q[2])])||void 0===l?void 0:l.current)||null,I=(null===(u=S.current[q[3]])||void 0===u?void 0:u.current)||(null===(o=h.current[Number(q[3])])||void 0===o?void 0:o.current)||null,w=(null===(c=y.current[H])||void 0===c?void 0:c.current)||A,L=(null===(d=m.current[H])||void 0===d?void 0:d.current)||I}else{var M=Number(n),P=null!==t?Number(t):M;A=(null===(s=f.current[M])||void 0===s?void 0:s.current)||null,I=(null===(v=h.current[P])||void 0===v?void 0:v.current)||null,E=(null===(g=y.current[M])||void 0===g?void 0:g.current)||null,F=(null===(C=m.current[P])||void 0===C?void 0:C.current)||null,w=E||(null===(T=B.current[M])||void 0===T?void 0:T.current)||A,L=F||(null===(b=x.current[P])||void 0===b?void 0:b.current)||I}if(A&&(A.style.paddingTop="0px"),I&&(I.style.paddingTop="0px"),e||(E&&(E.style.marginTop="0px"),F&&(F.style.marginTop="0px")),!e&&E&&F){var z=a.current,V=p.current;if(!N(E,z)||!N(F,V))return;var j=E.getBoundingClientRect(),k=F.getBoundingClientRect(),G=j.top-k.top;if(Math.abs(G)>32)return;G>0&&(F.style.marginTop="".concat(G,"px"))}else if(w&&L&&A&&I){j=w.getBoundingClientRect(),k=L.getBoundingClientRect();(G=j.top-k.top)>0&&(I.style.paddingTop="".concat(G,"px"))}},re=t(function(){var e,n,t,r,l,u,o,c,d=Z.current,s=$.current;if(null!==d)if("string"==typeof d&&d.includes(i)){var v=d.split(i),a=(null===(e=R.current[v[2]])||void 0===e?void 0:e.current)||(null===(n=f.current[Number(v[2])])||void 0===n?void 0:n.current)||null,p=(null===(t=S.current[v[3]])||void 0===t?void 0:t.current)||(null===(r=h.current[Number(v[3])])||void 0===r?void 0:r.current)||null;a&&(a.style.paddingTop="0px"),p&&(p.style.paddingTop="0px")}else{a=(null===(l=f.current[d])||void 0===l?void 0:l.current)||null,p=(null===(u=h.current[null!=s?s:d])||void 0===u?void 0:u.current)||null;a&&(a.style.paddingTop="0px"),p&&(p.style.paddingTop="0px");var g=(null===(o=y.current[d])||void 0===o?void 0:o.current)||null,B=(null===(c=m.current[null!=s?s:d])||void 0===c?void 0:c.current)||null;g&&(g.style.marginTop="0px"),B&&(B.style.marginTop="0px")}C.current&&(C.current.style.height="0px"),T.current&&(T.current.style.height="0px"),b.current&&(b.current.style.height="0px"),A.current&&(A.current.style.height="0px")},[]);r(function(){Y.current=H},[H]),r(function(){Z.current=Q},[Q]);var ie=t(function(){ne(),M(!1),Y.current=!1,X.current=null,re(),U(null),Z.current=null,$.current=null,V(!1),J(!1)},[re]),le=t(function(e,n,t){var r,l,o=null===(r=null==t?void 0:t.toggleIfSame)||void 0===r||r,R=null==t?void 0:t.onReady,S=null!==(l=null==t?void 0:t.sourceSide)&&void 0!==l?l:"left";if(F(),null!=e)if(!n||c){ne();var q=H&&Q===e;H&&null!==Q&&re(),q&&o?ie():(w(new Set([e])),L([]),E.current=[],J(!0),W.current=!0,U(e),Z.current=e,M(!0),Y.current=!0,V(!1),C.current&&(C.current.style.height="0px"),T.current&&(T.current.style.height="0px"),b.current&&(b.current.style.height="0px"),A.current&&(A.current.style.height="0px"),requestAnimationFrame(function(){var n=function(){var n,t,r,l,o,b,A,w,L,E,F,N="string"==typeof e&&e.includes(i),q=null,H=null,M=null;if(c){if(N){var P=e.split(i),z="".concat(P[0]).concat(i).concat(P[1]);q=(null===(n=y.current[z])||void 0===n?void 0:n.current)||null}else q=(null===(t=f.current[e])||void 0===t?void 0:t.current)||(null===(r=B.current[e])||void 0===r?void 0:r.current)||null;H=document.getElementById("guideline-target-0"),M=H?e:null}else if(N){P=e.split(i),z="".concat(P[0]).concat(i).concat(P[1]);q=(null===(l=y.current[z])||void 0===l?void 0:l.current)||null,H=(null===(o=m.current[z])||void 0===o?void 0:o.current)||null,M=H?e:null}else if(q=(null===(b=f.current[e])||void 0===b?void 0:b.current)||(null===(A=B.current[e])||void 0===A?void 0:A.current)||null,d){var j=s[e],k=(null==j?void 0:j.refIndexes)||[];if(k.length>0){var G=k[0],O=v.findIndex(function(e){return e.selfIndex===G});-1!==O&&(H=(null===(E=h.current[O])||void 0===E?void 0:E.current)||(null===(F=x.current[O])||void 0===F?void 0:F.current)||null,M=O)}}else H=(null===(w=h.current[e])||void 0===w?void 0:w.current)||(null===(L=x.current[e])||void 0===L?void 0:L.current)||null,M=H?e:null;$.current=M;var D=a.current,K=p.current,Q=function(){te(N,e,M),V(!0),I.current&&I.current(),W.current=!1,"right"===S&&K?K.dispatchEvent(new Event("scroll")):D&&D.dispatchEvent(new Event("scroll")),J(!1),null==R||R()};if(!q||!D)return W.current=!1,J(!1),void(null==R||R());if(H&&K){if(!d){var U=0;U="right"===S?H?H.getBoundingClientRect().top:0:q?q.getBoundingClientRect().top:0;var X=g.current,Y=(null==X?void 0:X.getBoundingClientRect().top)||0,Z=X?X.scrollTop+U-Y-150:0;return X?void u(X,Z,200,Q):void Q()}var _=q.getBoundingClientRect().top-D.getBoundingClientRect().top+D.scrollTop,ee=H.getBoundingClientRect().top-K.getBoundingClientRect().top+K.scrollTop,ne=200;if("left"===S){var re=ee-(_-D.scrollTop);re<0&&C.current&&!c&&(C.current.style.height="".concat(Math.abs(re),"px")),requestAnimationFrame(function(){var e,n=K.scrollHeight-K.clientHeight;if(re<0)e=0;else{if(re>n){var t=re-n;return T.current&&!c&&(T.current.style.height="".concat(t+150,"px")),void requestAnimationFrame(function(){u(K,re,ne,Q)})}e=re}u(K,e,ne,Q)})}else{var ie=_-(ee-K.scrollTop);requestAnimationFrame(function(){var e,n=D.scrollHeight-D.clientHeight;if(ie<0)e=0;else{if(ie>n)return void requestAnimationFrame(function(){return u(D,n,ne,Q)});e=ie}u(D,e,ne,Q)})}}else Q()};c?setTimeout(n,100):n()}))}else N("No counterpart exists for this section.")},[Q,F,v,H,d,s,re,ie,c]);return{isSideBySide:H,setIsSideBySide:M,isArrowVisible:z,setIsArrowVisible:V,isResizing:k,setIsResizing:G,isSideBySideLoading:D,setIsSideBySideLoading:J,activeSideBySideSection:Q,setActiveSideBySideSection:U,scrollLock:W,sideBySideCacheRef:X,isSideBySideRef:Y,activeSideBySideSectionRef:Z,activeSideBySideRightSectionRef:$,sideBySideLineRef:_,highlightedClauseRefs:ee,clearClauseHighlight:ne,applyAlignmentPadding:te,resetSideBySide:ie,activateSideBySide:le}};export{o as useSideBySide};
+import{useState as e,useRef as t,useCallback as n,useEffect as r}from"react";import{DEVIATION_BADGE_SEPARATOR as c,resetClauseHighlight as i,smoothScrollTo as u}from"../CognitiveComparehelpers.js";const l=({isGuidelineMode:l,maintainRelativeOrder:o,proposedSections:s,existingSections:d,leftContainerRef:p,rightContainerRef:g,scrollContainerRef:a,sectionLeftRefs:f,sectionRightRefs:h,subSectionLeftRefs:R,subSectionRightRefs:S,lhsBadgeRefs:y,rhsBadgeRefs:m,sectionRowRefs:B,sectionRightRowRefs:x,rhsTopSpacerRef:C,rhsBottomSpacerRef:T,lhsTopSpacerRef:v,lhsBottomSpacerRef:b,calculateLinesRef:$,setConnectedSections:A,setConnectedLines:I,cachedConnectedPositions:w,closeMoreFunctionsPopup:L,setErrorToast:E,moreFunctions:F,closeSummaryPopup:N})=>{const[q,H]=e(!1),[M,P]=e(!1),[z,V]=e(!1),[j,k]=e(!1),[G,O]=e(null),D=t(!1),J=t(null),K=t(!1),Q=t(null),U=t(null),W=t(null),X=t(new Set),Y=()=>{X.current.forEach(e=>{i(e)}),X.current.clear()},Z=(e,t,n)=>{let r=null,i=null,u=null,l=null,o=null,s=null;const d=(e,t)=>{if(!e||!t)return!0;const n=e.getBoundingClientRect(),r=t.getBoundingClientRect();return n.bottom>=r.top&&n.top<=r.bottom};if(e){const e=t.split(c),n=`${e[0]}${c}${e[1]}`;r=R.current[e[2]]?.current||f.current[Number(e[2])]?.current||null,i=S.current[e[3]]?.current||h.current[Number(e[3])]?.current||null,u=y.current[n]?.current||r,l=m.current[n]?.current||i}else{const e=Number(t),c=null!==n?Number(n):e;r=f.current[e]?.current||null,i=h.current[c]?.current||null,o=y.current[e]?.current||null,s=m.current[c]?.current||null,u=o||B.current[e]?.current||r,l=s||x.current[c]?.current||i}if(r&&(r.style.paddingTop="0px"),i&&(i.style.paddingTop="0px"),e||(o&&(o.style.marginTop="0px"),s&&(s.style.marginTop="0px")),!e&&o&&s){const e=p.current,t=g.current;if(!d(o,e)||!d(s,t))return;const n=o.getBoundingClientRect(),r=s.getBoundingClientRect(),c=n.top-r.top;if(Math.abs(c)>32)return;return void(c>0&&(s.style.marginTop=`${c}px`))}if(u&&l&&r&&i){const e=u.getBoundingClientRect(),t=l.getBoundingClientRect(),n=e.top-t.top;n>0&&(i.style.paddingTop=`${n}px`)}},_=n(()=>{const e=Q.current,t=U.current;if(null!==e)if("string"==typeof e&&e.includes(c)){const t=e.split(c),n=R.current[t[2]]?.current||f.current[Number(t[2])]?.current||null,r=S.current[t[3]]?.current||h.current[Number(t[3])]?.current||null;n&&(n.style.paddingTop="0px"),r&&(r.style.paddingTop="0px")}else{const n=f.current[e]?.current||null,r=h.current[t??e]?.current||null;n&&(n.style.paddingTop="0px"),r&&(r.style.paddingTop="0px");const c=y.current[e]?.current||null,i=m.current[t??e]?.current||null;c&&(c.style.marginTop="0px"),i&&(i.style.marginTop="0px")}C.current&&(C.current.style.height="0px"),T.current&&(T.current.style.height="0px"),v.current&&(v.current.style.height="0px"),b.current&&(b.current.style.height="0px")},[]);r(()=>{K.current=q},[q]),r(()=>{Q.current=G},[G]);const ee=n(()=>{Y(),H(!1),K.current=!1,J.current=null,_(),O(null),Q.current=null,U.current=null,P(!1),k(!1)},[_]),te=n((e,t,n)=>{const r=n?.toggleIfSame??!0,i=n?.onReady,R=n?.sourceSide??"left";if(L(),null==e)return;if(t&&!l)return void E("No counterpart exists for this section.");Y();const S=q&&G===e;q&&null!==G&&_(),S&&r?ee():(A(new Set([e])),I([]),w.current=[],k(!0),D.current=!0,O(e),Q.current=e,H(!0),K.current=!0,P(!1),C.current&&(C.current.style.height="0px"),T.current&&(T.current.style.height="0px"),v.current&&(v.current.style.height="0px"),b.current&&(b.current.style.height="0px"),requestAnimationFrame(()=>{const t=()=>{const t="string"==typeof e&&e.includes(c);let n=null,r=null,S=null;if(l){if(t){const t=e.split(c),r=`${t[0]}${c}${t[1]}`;n=y.current[r]?.current||null}else n=f.current[e]?.current||B.current[e]?.current||null;r=document.getElementById("guideline-target-0"),S=r?e:null}else if(t){const t=e.split(c),i=`${t[0]}${c}${t[1]}`;n=y.current[i]?.current||null,r=m.current[i]?.current||null,S=r?e:null}else if(n=f.current[e]?.current||B.current[e]?.current||null,o){const t=s[e],n=t?.refIndexes||[];if(n.length>0){const e=n[0],t=d.findIndex(t=>t.selfIndex===e);-1!==t&&(r=h.current[t]?.current||x.current[t]?.current||null,S=t)}}else r=h.current[e]?.current||x.current[e]?.current||null,S=r?e:null;U.current=S;const v=p.current,b=g.current,A=()=>{Z(t,e,S),P(!0),$.current&&$.current(),D.current=!1,"right"===R&&b?b.dispatchEvent(new Event("scroll")):v&&v.dispatchEvent(new Event("scroll")),k(!1),i?.()};if(!n||!v)return D.current=!1,k(!1),void i?.();if(!r||!b)return void A();if(!o){let e=0;e="right"===R?r?r.getBoundingClientRect().top:0:n?n.getBoundingClientRect().top:0;const t=a.current,c=t?.getBoundingClientRect().top||0,i=t?t.scrollTop+e-c-150:0;return t?void u(t,i,200,A):void A()}const I=n.getBoundingClientRect().top-v.getBoundingClientRect().top+v.scrollTop,w=r.getBoundingClientRect().top-b.getBoundingClientRect().top+b.scrollTop,L=200;if("left"===R){const e=w-(I-v.scrollTop);e<0&&C.current&&!l&&(C.current.style.height=`${Math.abs(e)}px`),requestAnimationFrame(()=>{const t=b.scrollHeight-b.clientHeight;let n;if(e<0)n=0;else{if(e>t){const n=e-t;return T.current&&!l&&(T.current.style.height=`${n+150}px`),void requestAnimationFrame(()=>{u(b,e,L,A)})}n=e}u(b,n,L,A)})}else{const e=I-(w-b.scrollTop);requestAnimationFrame(()=>{const t=v.scrollHeight-v.clientHeight;let n;if(e<0)n=0;else{if(e>t)return void requestAnimationFrame(()=>u(v,t,L,A));n=e}u(v,n,L,A)})}};l?setTimeout(t,100):t()}))},[G,L,d,q,o,s,_,ee,l]);return{isSideBySide:q,setIsSideBySide:H,isArrowVisible:M,setIsArrowVisible:P,isResizing:z,setIsResizing:V,isSideBySideLoading:j,setIsSideBySideLoading:k,activeSideBySideSection:G,setActiveSideBySideSection:O,scrollLock:D,sideBySideCacheRef:J,isSideBySideRef:K,activeSideBySideSectionRef:Q,activeSideBySideRightSectionRef:U,sideBySideLineRef:W,highlightedClauseRefs:X,clearClauseHighlight:Y,applyAlignmentPadding:Z,resetSideBySide:ee,activateSideBySide:te}};export{l as useSideBySide};
 //# sourceMappingURL=useSideBySide.js.map

package/dist/features/CognitiveCompare/hooks/useSideBySide.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSideBySide.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"useSideBySide.js","sources":["../../../../src/features/CognitiveCompare/hooks/useSideBySide.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\"\nimport { DEVIATION_BADGE_SEPARATOR, resetClauseHighlight, smoothScrollTo } from \"../CognitiveComparehelpers\";\n\nexport const useSideBySide = ({ \n    isGuidelineMode, // ── NEW PROP ──\n    maintainRelativeOrder,\n    proposedSections, existingSections,\n    leftContainerRef, rightContainerRef, scrollContainerRef,\n    sectionLeftRefs, sectionRightRefs,\n    subSectionLeftRefs, subSectionRightRefs,\n    lhsBadgeRefs, rhsBadgeRefs,\n    sectionRowRefs, sectionRightRowRefs,\n    rhsTopSpacerRef, rhsBottomSpacerRef,\n    lhsTopSpacerRef, lhsBottomSpacerRef,\n    calculateLinesRef,\n    setConnectedSections, setConnectedLines, cachedConnectedPositions,\n    closeMoreFunctionsPopup, setErrorToast,\n    moreFunctions, closeSummaryPopup,\n}: any) => {\n    const [isSideBySide, setIsSideBySide] = useState(false);\n    const [isArrowVisible, setIsArrowVisible] = useState(false);\n    const [isResizing, setIsResizing] = useState(false);\n    const [isSideBySideLoading, setIsSideBySideLoading] = useState(false)\n    const [activeSideBySideSection, setActiveSideBySideSection] = useState<number | string | null>(null)\n\n\n    const scrollLock = useRef(false);\n    const sideBySideCacheRef = useRef<{ badgeScreenY: number; initialScrollTop: number; leftTop: number; leftBottom: number; cTop: number; } | null>(null);\n    const isSideBySideRef = useRef(false);\n    const activeSideBySideSectionRef = useRef<number | string | null>(null);\n    const activeSideBySideRightSectionRef = useRef<number | string | null>(null);\n    const sideBySideLineRef = useRef<SVGLineElement | null>(null);\n    const highlightedClauseRefs = useRef<Set<HTMLElement>>(new Set());\n\n    // Helpers\n    const clearClauseHighlight = () => {\n        highlightedClauseRefs.current.forEach((el) => {\n            resetClauseHighlight(el);\n        });\n        highlightedClauseRefs.current.clear();\n    };\n\n    const applyAlignmentPadding = (isSub: boolean, idx: any, activeRightIdx: any) => {\n        let leftPadTarget: HTMLElement | null = null;\n        let rightPadTarget: HTMLElement | null = null;\n        let leftAlignEl: HTMLElement | null = null;\n        let rightAlignEl: HTMLElement | null = null;\n        let leftBadgeEl: HTMLElement | null = null;\n        let rightBadgeEl: HTMLElement | null = null;\n        const maxBadgeOffset = 32;\n\n        const isVisibleInContainer = (el: HTMLElement | null, container: HTMLElement | null) => {\n            if (!el || !container) return true;\n            const rect = el.getBoundingClientRect();\n            const cRect = container.getBoundingClientRect();\n            return rect.bottom >= cRect.top && rect.top <= cRect.bottom;\n        };\n\n        if (isSub) {\n            const parts = (idx as string).split(DEVIATION_BADGE_SEPARATOR);\n            const refId = `${parts[0]}${DEVIATION_BADGE_SEPARATOR}${parts[1]}`;\n            leftPadTarget = subSectionLeftRefs.current[parts[2]]?.current || sectionLeftRefs.current[Number(parts[2])]?.current || null;\n            rightPadTarget = subSectionRightRefs.current[parts[3]]?.current || sectionRightRefs.current[Number(parts[3])]?.current || null;\n            leftAlignEl = lhsBadgeRefs.current[refId]?.current || leftPadTarget;\n            rightAlignEl = rhsBadgeRefs.current[refId]?.current || rightPadTarget;\n        } else {\n            const leftNumIdx = Number(idx);\n            const rightNumIdx = activeRightIdx !== null ? Number(activeRightIdx) : leftNumIdx;\n\n            leftPadTarget = sectionLeftRefs.current[leftNumIdx]?.current || null;\n            rightPadTarget = sectionRightRefs.current[rightNumIdx]?.current || null;\n            leftBadgeEl = lhsBadgeRefs.current[leftNumIdx]?.current || null;\n            rightBadgeEl = rhsBadgeRefs.current[rightNumIdx]?.current || null;\n\n            // Core Fix: Fallbacks guarantee we find an element even if badges are null\n            leftAlignEl = leftBadgeEl || sectionRowRefs.current[leftNumIdx]?.current || leftPadTarget;\n            rightAlignEl = rightBadgeEl || sectionRightRowRefs.current[rightNumIdx]?.current || rightPadTarget;\n        }\n\n        if (leftPadTarget) leftPadTarget.style.paddingTop = \"0px\";\n        if (rightPadTarget) rightPadTarget.style.paddingTop = \"0px\";\n        if (!isSub) {\n            if (leftBadgeEl) leftBadgeEl.style.marginTop = \"0px\";\n            if (rightBadgeEl) rightBadgeEl.style.marginTop = \"0px\";\n        }\n\n        if (!isSub && leftBadgeEl && rightBadgeEl) {\n            const leftContainer = leftContainerRef.current;\n            const rightContainer = rightContainerRef.current;\n            if (!isVisibleInContainer(leftBadgeEl, leftContainer) || !isVisibleInContainer(rightBadgeEl, rightContainer)) {\n                return;\n            }\n            const lRect = leftBadgeEl.getBoundingClientRect();\n            const rRect = rightBadgeEl.getBoundingClientRect();\n            const badgeDiff = lRect.top - rRect.top;\n\n            if (Math.abs(badgeDiff) > maxBadgeOffset) return;\n\n            if (badgeDiff > 0) {\n                rightBadgeEl.style.marginTop = `${badgeDiff}px`;\n            }\n            return;\n        }\n\n        if (leftAlignEl && rightAlignEl && leftPadTarget && rightPadTarget) {\n            const lRect = leftAlignEl.getBoundingClientRect();\n            const rRect = rightAlignEl.getBoundingClientRect();\n            const badgeDiff = lRect.top - rRect.top;\n\n            if (badgeDiff > 0) {\n                rightPadTarget.style.paddingTop = `${badgeDiff}px`;\n            }\n        }\n    };\n\n    const clearAlignmentOffsets = useCallback(() => {\n        const leftIdx = activeSideBySideSectionRef.current;\n        const rightIdx = activeSideBySideRightSectionRef.current;\n\n        if (leftIdx !== null) {\n            if (typeof leftIdx === \"string\" && leftIdx.includes(DEVIATION_BADGE_SEPARATOR)) {\n                const parts = leftIdx.split(DEVIATION_BADGE_SEPARATOR);\n                const leftPadTarget =\n                    subSectionLeftRefs.current[parts[2]]?.current ||\n                    sectionLeftRefs.current[Number(parts[2])]?.current ||\n                    null;\n                const rightPadTarget =\n                    subSectionRightRefs.current[parts[3]]?.current ||\n                    sectionRightRefs.current[Number(parts[3])]?.current ||\n                    null;\n\n                if (leftPadTarget) leftPadTarget.style.paddingTop = \"0px\";\n                if (rightPadTarget) rightPadTarget.style.paddingTop = \"0px\";\n            } else {\n                const leftPadTarget = sectionLeftRefs.current[leftIdx as number]?.current || null;\n                const rightPadTarget =\n                    sectionRightRefs.current[(rightIdx ?? leftIdx) as number]?.current || null;\n\n                if (leftPadTarget) leftPadTarget.style.paddingTop = \"0px\";\n                if (rightPadTarget) rightPadTarget.style.paddingTop = \"0px\";\n\n                const leftBadge = lhsBadgeRefs.current[leftIdx as number]?.current || null;\n                const rightBadge = rhsBadgeRefs.current[(rightIdx ?? leftIdx) as number]?.current || null;\n                if (leftBadge) leftBadge.style.marginTop = \"0px\";\n                if (rightBadge) rightBadge.style.marginTop = \"0px\";\n            }\n        }\n\n        if (rhsTopSpacerRef.current) rhsTopSpacerRef.current.style.height = \"0px\";\n        if (rhsBottomSpacerRef.current) rhsBottomSpacerRef.current.style.height = \"0px\";\n        if (lhsTopSpacerRef.current) lhsTopSpacerRef.current.style.height = \"0px\";\n        if (lhsBottomSpacerRef.current) lhsBottomSpacerRef.current.style.height = \"0px\";\n    }, []);\n\n\n    // Effects\n    useEffect(() => {\n        isSideBySideRef.current = isSideBySide;\n    }, [isSideBySide]);\n\n    useEffect(() => {\n        activeSideBySideSectionRef.current = activeSideBySideSection;\n    }, [activeSideBySideSection]);\n\n    // Callbacks\n\n    const resetSideBySide = useCallback(() => {\n        clearClauseHighlight();\n        setIsSideBySide(false);\n        isSideBySideRef.current = false;\n        sideBySideCacheRef.current = null;\n        clearAlignmentOffsets();\n        setActiveSideBySideSection(null);\n        activeSideBySideSectionRef.current = null;\n        activeSideBySideRightSectionRef.current = null;\n        setIsArrowVisible(false);\n        setIsSideBySideLoading(false);\n    }, [clearAlignmentOffsets]);\n\n    const activateSideBySide = useCallback(\n        (\n            idx: number | string,\n            isOrphan: boolean,\n            options?: { toggleIfSame?: boolean; onReady?: () => void; sourceSide?: \"left\" | \"right\" },\n        ) => {\n            const toggleIfSame = options?.toggleIfSame ?? true;\n            const onReady = options?.onReady;\n            const sourceSide = options?.sourceSide ?? \"left\";\n\n            closeMoreFunctionsPopup();\n\n            if (idx == null) return;\n\n            // In Guideline Mode, we don't care about orphans, the whole rulebook is the counterpart.\n            if (isOrphan && !isGuidelineMode) {\n                setErrorToast(\"No counterpart exists for this section.\");\n                return;\n            }\n            clearClauseHighlight();\n            const isSameTarget = isSideBySide && activeSideBySideSection === idx;\n            if (isSideBySide && activeSideBySideSection !== null) {\n                clearAlignmentOffsets();\n            }\n            if (isSameTarget && toggleIfSame) {\n                resetSideBySide();\n                return;\n            }\n\n            setConnectedSections(new Set([idx]));\n            setConnectedLines([]);\n            cachedConnectedPositions.current = [];\n            setIsSideBySideLoading(true);\n            scrollLock.current = true;\n            setActiveSideBySideSection(idx);\n            activeSideBySideSectionRef.current = idx;\n            setIsSideBySide(true);\n            isSideBySideRef.current = true;\n            setIsArrowVisible(false);\n\n            if (rhsTopSpacerRef.current) rhsTopSpacerRef.current.style.height = \"0px\";\n            if (rhsBottomSpacerRef.current) rhsBottomSpacerRef.current.style.height = \"0px\";\n            if (lhsTopSpacerRef.current) lhsTopSpacerRef.current.style.height = \"0px\";\n            if (lhsBottomSpacerRef.current) lhsBottomSpacerRef.current.style.height = \"0px\";\n\n            requestAnimationFrame(() => {\n                const executeAlignment = () => {\n                    const isSub = typeof idx === \"string\" && idx.includes(DEVIATION_BADGE_SEPARATOR);\n                    let leftEl: HTMLElement | null = null;\n                    let rightEl: HTMLElement | null = null;\n                    let activeRightIdx: number | string | null = null;\n\n                    if (isGuidelineMode) {\n                        // In guideline mode, grab leftEl normally, but rightEl is the injected <mark>\n                        if (isSub) {\n                            const parts = (idx as string).split(DEVIATION_BADGE_SEPARATOR);\n                            const refId = `${parts[0]}${DEVIATION_BADGE_SEPARATOR}${parts[1]}`;\n                            leftEl = lhsBadgeRefs.current[refId]?.current || null;\n                        } else {\n                            leftEl = sectionLeftRefs.current[idx as number]?.current || sectionRowRefs.current[idx as number]?.current || null;\n                        }\n                        \n                        rightEl = document.getElementById('guideline-target-0');\n                        activeRightIdx = rightEl ? idx : null;\n                    } else {\n                        if (isSub) {\n                            const parts = (idx as string).split(DEVIATION_BADGE_SEPARATOR);\n                            const refId = `${parts[0]}${DEVIATION_BADGE_SEPARATOR}${parts[1]}`;\n        \n                            leftEl = lhsBadgeRefs.current[refId]?.current || null;\n                            rightEl = rhsBadgeRefs.current[refId]?.current || null;\n                            activeRightIdx = rightEl ? idx : null;\n                        } else {\n                            leftEl = sectionLeftRefs.current[idx as number]?.current || sectionRowRefs.current[idx as number]?.current || null;\n        \n                            if (!maintainRelativeOrder) {\n                                rightEl = sectionRightRefs.current[idx as number]?.current || sectionRightRowRefs.current[idx as number]?.current || null;\n                                activeRightIdx = rightEl ? idx : null;\n                            } else {\n                                const leftSec = proposedSections[idx as number] as any;\n                                const refIdxs = (leftSec?.refIndexes || []) as number[];\n        \n                                if (refIdxs.length > 0) {\n                                    const rhsSelfIndex = refIdxs[0];\n                                    const rhsArrayIdx = existingSections.findIndex(\n                                        (s: any) => s.selfIndex === rhsSelfIndex,\n                                    );\n                                    if (rhsArrayIdx !== -1) {\n                                        rightEl = sectionRightRefs.current[rhsArrayIdx]?.current || sectionRightRowRefs.current[rhsArrayIdx]?.current || null;\n                                        activeRightIdx = rhsArrayIdx;\n                                    }\n                                }\n                            }\n                        }\n                    }\n\n                    activeSideBySideRightSectionRef.current = activeRightIdx;\n\n                    const leftContainer = leftContainerRef.current;\n                    const rightContainer = rightContainerRef.current;\n\n                // Force visual alignment instantly after scroll animation completes\n                    const forceLayoutSync = () => {\n                        if (sourceSide === \"right\" && rightContainer) {\n                            rightContainer.dispatchEvent(new Event(\"scroll\"));\n                        } else if (leftContainer) {\n                            leftContainer.dispatchEvent(new Event(\"scroll\"));\n                        }\n                    };\n\n\n                // CONSOLIDATED SCROLL COMPLETION HANDLER\n                    const finalizeSideBySide = () => {\n                        applyAlignmentPadding(isSub, idx, activeRightIdx);\n                        setIsArrowVisible(true);\n                        if (calculateLinesRef.current) calculateLinesRef.current();\n                        scrollLock.current = false;\n                        forceLayoutSync();\n                        setIsSideBySideLoading(false);\n                        onReady?.();\n                    };\n\n                    if (!leftEl || !leftContainer) {\n                        scrollLock.current = false;\n                        setIsSideBySideLoading(false);\n                        onReady?.();\n                        return;\n                    }\n\n                    if (!rightEl || !rightContainer) {\n                        finalizeSideBySide();\n                        return;\n                    }\n\n                    if (!maintainRelativeOrder) {\n                        let targetTop = 0;\n                        if (sourceSide === \"right\") {\n                            targetTop = rightEl ? rightEl.getBoundingClientRect().top : 0;\n                        } else {\n                            targetTop = leftEl ? leftEl.getBoundingClientRect().top : 0;\n                        }\n\n                        const scrollContainer = scrollContainerRef.current;\n                        const containerTop = scrollContainer?.getBoundingClientRect().top || 0;\n                        const nextTop = scrollContainer\n                            ? scrollContainer.scrollTop + targetTop - containerTop - 150\n                            : 0;\n                        const ANIM_SPEED = 200;\n\n                        if (!scrollContainer) {\n                            finalizeSideBySide();\n                            return;\n                        }\n\n                        smoothScrollTo(scrollContainer, nextTop, ANIM_SPEED, finalizeSideBySide);\n                        return;\n                    }\n\n                    const leftAbsoluteTop = leftEl.getBoundingClientRect().top - leftContainer.getBoundingClientRect().top + leftContainer.scrollTop;\n                    const rightAbsoluteTop = rightEl.getBoundingClientRect().top - rightContainer.getBoundingClientRect().top + rightContainer.scrollTop;\n                    const ANIM_SPEED = 200;\n\n                    if (sourceSide === \"left\") {\n                        const currentRelativeY = leftAbsoluteTop - leftContainer.scrollTop;\n                        const rawRightTargetScroll = rightAbsoluteTop - currentRelativeY;\n\n                        if (rawRightTargetScroll < 0) {\n                            if (rhsTopSpacerRef.current && !isGuidelineMode)\n                                rhsTopSpacerRef.current.style.height = `${Math.abs(rawRightTargetScroll)}px`;\n                        }\n\n                        requestAnimationFrame(() => {\n                            const rightMaxScroll = rightContainer.scrollHeight - rightContainer.clientHeight;\n                            let rightActualScroll: number;\n\n                            if (rawRightTargetScroll < 0) {\n                                rightActualScroll = 0;\n                            } else if (rawRightTargetScroll > rightMaxScroll) {\n                                const deficit = rawRightTargetScroll - rightMaxScroll;\n                                if (rhsBottomSpacerRef.current && !isGuidelineMode)\n                                    rhsBottomSpacerRef.current.style.height = `${deficit + 150}px`;\n                                requestAnimationFrame(() => {\n                                    smoothScrollTo(rightContainer, rawRightTargetScroll, ANIM_SPEED, finalizeSideBySide);\n                                });\n                                return;\n                            } else {\n                                rightActualScroll = rawRightTargetScroll;\n                            }\n\n                            smoothScrollTo(rightContainer, rightActualScroll, ANIM_SPEED, finalizeSideBySide);\n                        });\n                    } else {\n                        const currentRelativeY = rightAbsoluteTop - rightContainer.scrollTop;\n                        const rawLeftTargetScroll = leftAbsoluteTop - currentRelativeY;\n\n                    // STRICT FIX: Removed LHS Top Spacer injection. LHS acts strictly as scroll target without manipulation.\n                        requestAnimationFrame(() => {\n                            const leftMaxScroll = leftContainer.scrollHeight - leftContainer.clientHeight;\n                            let leftActualScroll: number;\n\n                            if (rawLeftTargetScroll < 0) {\n                                leftActualScroll = 0;\n                            } else if (rawLeftTargetScroll > leftMaxScroll) {\n                                requestAnimationFrame(() => smoothScrollTo(leftContainer, leftMaxScroll, ANIM_SPEED, finalizeSideBySide));\n                                return;\n                            } else {\n                                leftActualScroll = rawLeftTargetScroll;\n                            }\n                            smoothScrollTo(leftContainer, leftActualScroll, ANIM_SPEED, finalizeSideBySide);\n                        });\n                    }\n                };\n\n                // Because GuidelinePanel re-renders when setConnectedSections fires,\n                // we must wait a tick for the `<mark>` tags to paint to the DOM before calculating scroll bounds.\n                if (isGuidelineMode) {\n                    setTimeout(executeAlignment, 100);\n                } else {\n                    executeAlignment();\n                }\n            });\n        },\n        [\n            activeSideBySideSection,\n            closeMoreFunctionsPopup,\n            existingSections,\n            isSideBySide,\n            maintainRelativeOrder,\n            proposedSections,\n            clearAlignmentOffsets,\n            resetSideBySide,\n            isGuidelineMode\n        ],\n    );\n\n    return {\n        isSideBySide, setIsSideBySide,\n        isArrowVisible, setIsArrowVisible,\n        isResizing, setIsResizing,\n        isSideBySideLoading, setIsSideBySideLoading,\n        activeSideBySideSection, setActiveSideBySideSection,\n        scrollLock,\n        sideBySideCacheRef,\n        isSideBySideRef,\n        activeSideBySideSectionRef,\n        activeSideBySideRightSectionRef,\n        sideBySideLineRef,\n        highlightedClauseRefs,\n        clearClauseHighlight,\n        applyAlignmentPadding,\n        resetSideBySide,\n        activateSideBySide,\n    }\n}"],"names":["useSideBySide","isGuidelineMode","maintainRelativeOrder","proposedSections","existingSections","leftContainerRef","rightContainerRef","scrollContainerRef","sectionLeftRefs","sectionRightRefs","subSectionLeftRefs","subSectionRightRefs","lhsBadgeRefs","rhsBadgeRefs","sectionRowRefs","sectionRightRowRefs","rhsTopSpacerRef","rhsBottomSpacerRef","lhsTopSpacerRef","lhsBottomSpacerRef","calculateLinesRef","setConnectedSections","setConnectedLines","cachedConnectedPositions","closeMoreFunctionsPopup","setErrorToast","moreFunctions","closeSummaryPopup","isSideBySide","setIsSideBySide","useState","isArrowVisible","setIsArrowVisible","isResizing","setIsResizing","isSideBySideLoading","setIsSideBySideLoading","activeSideBySideSection","setActiveSideBySideSection","scrollLock","useRef","sideBySideCacheRef","isSideBySideRef","activeSideBySideSectionRef","activeSideBySideRightSectionRef","sideBySideLineRef","highlightedClauseRefs","Set","clearClauseHighlight","current","forEach","el","resetClauseHighlight","clear","applyAlignmentPadding","isSub","idx","activeRightIdx","leftPadTarget","rightPadTarget","leftAlignEl","rightAlignEl","leftBadgeEl","rightBadgeEl","isVisibleInContainer","container","rect","getBoundingClientRect","cRect","bottom","top","parts","split","DEVIATION_BADGE_SEPARATOR","refId","Number","leftNumIdx","rightNumIdx","style","paddingTop","marginTop","leftContainer","rightContainer","lRect","rRect","badgeDiff","Math","abs","clearAlignmentOffsets","useCallback","leftIdx","rightIdx","includes","leftBadge","rightBadge","height","useEffect","resetSideBySide","activateSideBySide","isOrphan","options","toggleIfSame","onReady","sourceSide","isSameTarget","requestAnimationFrame","executeAlignment","leftEl","rightEl","document","getElementById","leftSec","refIdxs","refIndexes","length","rhsSelfIndex","rhsArrayIdx","findIndex","s","selfIndex","finalizeSideBySide","dispatchEvent","Event","targetTop","scrollContainer","containerTop","nextTop","scrollTop","smoothScrollTo","leftAbsoluteTop","rightAbsoluteTop","ANIM_SPEED","rawRightTargetScroll","rightMaxScroll","scrollHeight","clientHeight","rightActualScroll","deficit","rawLeftTargetScroll","leftMaxScroll","leftActualScroll","setTimeout"],"mappings":"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"}

package/dist/features/CognitiveCompare/hooks/useStyles.js

@@ -1,2 +1,2 @@
-import{__assign as l}from"tslib";import{useCallback as e}from"react";import{generateColorPalette as n,getFirstDeviationOutputValue as i,getFirstDeviationColor as o,safeStringify as t}from"../CognitiveComparehelpers.js";import{DEFAULT_DEVIAION_COLOR as u}from"../CognitiveCompareConstants.js";var d=function(d){var v=d.proposedSections,a=d.existingSections,r=d.maintainRelativeOrder,s=d.cognitiveMap,f=d.deviationData,b=d.treeData,g=d.resolvedComparisonConfig,c=d.badgeStyleOverride,p=e(function(e,t){var d,s,f;void 0===t&&(t="left");var b=null,g=null;if("left"===t)if(b=v[e],r&&b){var p=a.filter(function(l){var e;return null===(e=b.refIndexes)||void 0===e?void 0:e.includes(l.selfIndex)});g=p.find(function(l){return l.evaluationResult})||p[0]}else g=a[e];else if(g=a[e],r&&g){var m=v.filter(function(l){var e;return null===(e=l.refIndexes)||void 0===e?void 0:e.includes(g.selfIndex)});b=m.find(function(l){return l.evaluationResult})||m[0]}else b=v[e];var x=(null==b?void 0:b.relation)&&"not_defined"!==b.relation,_=(null==g?void 0:g.relation)&&"not_defined"!==g.relation,B=!(!(null==b?void 0:b.cognitiveData)&&!(null==g?void 0:g.cognitiveData)),C="left"===t?!(null==b?void 0:b.title)&&!(null==b?void 0:b.content):!(null==g?void 0:g.title)&&!(null==g?void 0:g.content);if(!x&&!_&&!B){var S=C?null:"Not Defined",D=n(u);if(c)(y=c(S))&&(D=l(l({},D),{badgeBg:y.bg,badgeText:y.text,badgeBorder:y.border}));return l(l({},D),{label:S})}var y,R=null!==(s=null!==(d=null==b?void 0:b.evaluationResult)&&void 0!==d?d:null==g?void 0:g.evaluationResult)&&void 0!==s?s:null,I=i(R),T=o(R),j=n(T);c&&((y=c(I))&&(j=l(l({},j),{badgeBg:y.bg,badgeText:y.text,badgeBorder:y.border})));return l(l({},j),null!=R?{label:null!==(f=I)&&void 0!==f?f:""}:{label:null})},[v,a,s,g,r,c]),m=e(function(e){for(var d,r,s=e.split("-").map(Number),f=v[s[0]],b=a[s[0]],g=1;g<s.length;g++)(null==f?void 0:f.subsections)&&(f=f.subsections[s[g]]),(null==b?void 0:b.subsections)&&(b=b.subsections[s[g]]);if(!f&&!b)return null;var p=(null==f?void 0:f.relation)&&"not_defined"!==f.relation,m=(null==b?void 0:b.relation)&&"not_defined"!==b.relation;t(null==f?void 0:f.id)||t(null==b?void 0:b.id);var x=!(!(null==f?void 0:f.cognitiveData)&&!(null==b?void 0:b.cognitiveData));if(!p&&!m&&!x){var _=n(u);if(c)(B=c(null))&&(_=l(l({},_),{badgeBg:B.bg,badgeText:B.text,badgeBorder:B.border}));return l(l({},_),{label:null})}var B,C=null!==(r=null!==(d=null==f?void 0:f.evaluationResult)&&void 0!==d?d:null==b?void 0:b.evaluationResult)&&void 0!==r?r:null,S=i(C),D=o(C),y=n(D);c&&((B=c(S))&&(y=l(l({},y),{badgeBg:B.bg,badgeText:B.text,badgeBorder:B.border})));return l(l({},y),null!=C?{label:null!=S?S:""}:{label:null})},[v,a,s,g,c]),x=e(function(e,o){var t,d,v,a,r,s,g,c,p,m,x,_,B,C,S,D,y,R,I,T,j;if(!e||null==o)return null;var h=null!==(r=null!==(d=null===(t=null==f?void 0:f[e])||void 0===t?void 0:t.evaluation_result)&&void 0!==d?d:null===(a=null===(v=null==b?void 0:b.nodes)||void 0===v?void 0:v[e])||void 0===a?void 0:a.evaluation_result)&&void 0!==r?r:null;if(!h||"object"!=typeof h)return null;var N=null!==(m=null!==(p=null!==(g=null===(s=null==h?void 0:h.deviations)||void 0===s?void 0:s[o])&&void 0!==g?g:null===(c=null==h?void 0:h.deviation_entries)||void 0===c?void 0:c[o])&&void 0!==p?p:null==h?void 0:h[o])&&void 0!==m?m:null,O=null!==(T=null!==(y=null!==(S=null!==(B=null===(_=null===(x=null==N?void 0:N.evaluation_outputs)||void 0===x?void 0:x.metadata)||void 0===_?void 0:_.label_color)&&void 0!==B?B:null===(C=null==N?void 0:N.evaluation_outputs)||void 0===C?void 0:C.label_color)&&void 0!==S?S:null===(D=null==N?void 0:N.metadata)||void 0===D?void 0:D.label_color)&&void 0!==y?y:null===(I=null===(R=null==h?void 0:h.evaluation_outputs)||void 0===R?void 0:R.metadata)||void 0===I?void 0:I.label_color)&&void 0!==T?T:u,K=null!==(j=i(N))&&void 0!==j?j:i(h);return l(l({},n(O)),{label:K})},[f,b]);return{getSectionCompareStyle:p,getSubSectionCompareStyle:m,getDeviationStyleByKey:x}};export{d as useStyleHelpers};
+import{useCallback as e}from"react";import{generateColorPalette as t,getFirstDeviationOutputValue as l,getFirstDeviationColor as n,safeStringify as o}from"../CognitiveComparehelpers.js";import{DEFAULT_DEVIAION_COLOR as a}from"../CognitiveCompareConstants.js";const i=({proposedSections:i,existingSections:r,maintainRelativeOrder:s,cognitiveMap:u,deviationData:d,treeData:b,resolvedComparisonConfig:c,badgeStyleOverride:f})=>({getSectionCompareStyle:e((e,o="left")=>{let u=null,d=null;if("left"===o)if(u=i[e],s&&u){const e=r.filter(e=>u.refIndexes?.includes(e.selfIndex));d=e.find(e=>e.evaluationResult)||e[0]}else d=r[e];else if(d=r[e],s&&d){const e=i.filter(e=>e.refIndexes?.includes(d.selfIndex));u=e.find(e=>e.evaluationResult)||e[0]}else u=i[e];const b=u?.relation&&"not_defined"!==u.relation,c=d?.relation&&"not_defined"!==d.relation;if(!b&&!c&&!!(!u?.cognitiveData&&!d?.cognitiveData)){const e=("left"===o?!u?.title&&!u?.content:!d?.title&&!d?.content)?null:"Not Defined";let l=t(a);if(f){const t=f(e);t&&(l={...l,badgeBg:t.bg,badgeText:t.text,badgeBorder:t.border})}return{...l,label:e}}const g=u?.evaluationResult??d?.evaluationResult??null,v=l(g),p=n(g);let m=t(p);if(f){const e=f(v);e&&(m={...m,badgeBg:e.bg,badgeText:e.text,badgeBorder:e.border})}return null!=g?{...m,label:v??""}:{...m,label:null}},[i,r,u,c,s,f]),getSubSectionCompareStyle:e(e=>{const s=e.split("-").map(Number);let u=i[s[0]],d=r[s[0]];for(let e=1;e<s.length;e++)u?.subsections&&(u=u.subsections[s[e]]),d?.subsections&&(d=d.subsections[s[e]]);if(!u&&!d)return null;const b=u?.relation&&"not_defined"!==u.relation,c=d?.relation&&"not_defined"!==d.relation;o(u?.id)||o(d?.id);if(!b&&!c&&!!(!u?.cognitiveData&&!d?.cognitiveData)){let e=t(a);if(f){const t=f(null);t&&(e={...e,badgeBg:t.bg,badgeText:t.text,badgeBorder:t.border})}return{...e,label:null}}const g=u?.evaluationResult??d?.evaluationResult??null,v=l(g),p=n(g);let m=t(p);if(f){const e=f(v);e&&(m={...m,badgeBg:e.bg,badgeText:e.text,badgeBorder:e.border})}return null!=g?{...m,label:v??""}:{...m,label:null}},[i,r,u,c,f]),getDeviationStyleByKey:e((e,n)=>{if(!e||null==n)return null;const o=d?.[e]?.evaluation_result??b?.nodes?.[e]?.evaluation_result??null;if(!o||"object"!=typeof o)return null;const i=o?.deviations?.[n]??o?.deviation_entries?.[n]??o?.[n]??null,r=i?.evaluation_outputs?.metadata?.label_color??i?.evaluation_outputs?.label_color??i?.metadata?.label_color??o?.evaluation_outputs?.metadata?.label_color??a,s=l(i)??l(o);return{...t(r),label:s}},[d,b])});export{i as useStyleHelpers};
 //# sourceMappingURL=useStyles.js.map