@e-llm-studio/citation 0.0.249 → 0.0.250

package/dist/cjs/features/CognitiveCompare/hooks/useDeviationNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDeviationNavigation.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"useDeviationNavigation.js","sources":["../../../../../src/features/CognitiveCompare/hooks/useDeviationNavigation.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { DEVIATION_BADGE_SEPARATOR, debounce, smoothScrollTo } from \"../CognitiveComparehelpers\";\nimport { SectionBlock } from \"../CognitiveCompareTypes\";\n\nexport type DeviationNavigationEntry = {\n  showAbove: boolean;\n  showAboveRef: React.RefObject<HTMLDivElement> | null;\n  showBelow: boolean;\n  showBelowRef: React.RefObject<HTMLDivElement> | null;\n  firstDeviationRef: React.RefObject<HTMLDivElement> | null;\n  firstDeviationPosition: \"above\" | \"below\" | \"inside\" | null;\n  columnKey: \"left\" | \"right\";\n};\n\ntype UseDeviationNavigationParams = {\n  proposedSections: SectionBlock[];\n  existingSections: SectionBlock[];\n  parentDeviationRecord: Record<string, SectionBlock[]>;\n  expandedSections: Record<string, boolean>;\n  maintainRelativeOrder: boolean;\n  scrollContainerRef: React.RefObject<HTMLDivElement>;\n  leftContainerRef: React.RefObject<HTMLDivElement>;\n  rightContainerRef: React.RefObject<HTMLDivElement>;\n  lhsBadgeRefs: React.MutableRefObject<Record<string | number, React.RefObject<HTMLDivElement>>>;\n  rhsBadgeRefs: React.MutableRefObject<Record<string | number, React.RefObject<HTMLDivElement>>>;\n};\n\nexport const useDeviationNavigation = ({\n  proposedSections,\n  existingSections,\n  parentDeviationRecord,\n  expandedSections,\n  maintainRelativeOrder,\n  scrollContainerRef,\n  leftContainerRef,\n  rightContainerRef,\n  lhsBadgeRefs,\n  rhsBadgeRefs,\n}: UseDeviationNavigationParams) => {\n  const [showDeviationNavigation, setShowDeviationNavigation] = useState<\n    Record<string, DeviationNavigationEntry>\n  >({});\n  const showOpenNodeRef = useRef<string | undefined>();\n\n  useEffect(() => {\n    if (!scrollContainerRef.current) return;\n\n    const scrollElement = maintainRelativeOrder\n      ? leftContainerRef.current\n      : scrollContainerRef.current;\n    if (!scrollElement) return;\n\n    let debouncedHandleScroll: (() => void) | null = null;\n    const timer = setTimeout(() => {\n      const getPositionInContainer = (\n        element: HTMLElement,\n        container: HTMLElement,\n      ) => {\n        const rect = element.getBoundingClientRect();\n        const parentRect = container.getBoundingClientRect();\n        if (rect.bottom < parentRect.top) return \"above\";\n        if (rect.top > parentRect.bottom) return \"below\";\n        return \"inside\";\n      };\n\n      const handleScroll = () => {\n        setShowDeviationNavigation((prev) => {\n          const next = { ...prev };\n\n          proposedSections.forEach((section, idx) => {\n            const isExpanded = maintainRelativeOrder\n              ? !!expandedSections[`left-${idx}`]\n              : !!expandedSections[String(idx)];\n            let showAbove = false;\n            let showBelow = false;\n            let showAboveRef: React.RefObject<HTMLDivElement> | null = null;\n            let showBelowRef: React.RefObject<HTMLDivElement> | null = null;\n            let firstDeviationRef: React.RefObject<HTMLDivElement> | null = null;\n            let firstDeviationPosition: \"above\" | \"below\" | \"inside\" | null = null;\n\n            if (isExpanded && section?.id) {\n              (parentDeviationRecord[section.id] || []).forEach((child) => {\n                const refId = `${child.id}${DEVIATION_BADGE_SEPARATOR}0`;\n                const ref = lhsBadgeRefs.current[refId];\n                if (!ref?.current) return;\n                const pos = getPositionInContainer(ref.current, scrollElement);\n                if (!firstDeviationRef) {\n                  firstDeviationRef = ref;\n                  firstDeviationPosition = pos;\n                }\n                if (pos === \"above\") {\n                  showAbove = true;\n                  showAboveRef = ref;\n                } else if (pos === \"below\" && !showBelow) {\n                  showBelow = true;\n                  showBelowRef = ref;\n                } else if (showOpenNodeRef.current === section.id) {\n                  showOpenNodeRef.current = \"\";\n                }\n              });\n            }\n\n            if (section.id) {\n              next[section.id] = {\n                showAbove,\n                showBelow,\n                showAboveRef,\n                showBelowRef,\n                firstDeviationRef,\n                firstDeviationPosition,\n                columnKey: \"left\",\n              };\n            }\n          });\n\n          if (maintainRelativeOrder) {\n            return next;\n          }\n\n          existingSections.forEach((section, idx) => {\n            const isExpanded = !!expandedSections[String(idx)];\n            let showAbove = false;\n            let showBelow = false;\n            let showAboveRef: React.RefObject<HTMLDivElement> | null = null;\n            let showBelowRef: React.RefObject<HTMLDivElement> | null = null;\n            let firstDeviationRef: React.RefObject<HTMLDivElement> | null = null;\n            let firstDeviationPosition: \"above\" | \"below\" | \"inside\" | null = null;\n\n            if (isExpanded && section?.id) {\n              (parentDeviationRecord[section.id] || []).forEach((child) => {\n                const isChildOrphan =\n                  !child.refIndexes?.length ||\n                  (child.selfIndex !== undefined && child.selfIndex < 0);\n                const refId = `${child.id}${DEVIATION_BADGE_SEPARATOR}0`;\n                const ref = rhsBadgeRefs.current[refId];\n                if (\n                  !ref?.current ||\n                  !isChildOrphan ||\n                  !section?.id\n                ) {\n                  return;\n                }\n\n                const pos = getPositionInContainer(ref.current, scrollElement);\n                if (!firstDeviationRef) {\n                  firstDeviationRef = ref;\n                  firstDeviationPosition = pos;\n                }\n                if (pos === \"above\") {\n                  const currentAboveRef = next[section.id]?.showAboveRef?.current;\n                  if (\n                    !currentAboveRef ||\n                    currentAboveRef.getBoundingClientRect().top <\n                      ref.current.getBoundingClientRect().top\n                  ) {\n                    showAbove = true;\n                    showAboveRef = ref;\n                  }\n                } else if (pos === \"below\" && !showBelow) {\n                  const currentBelowRef = next[section.id]?.showBelowRef?.current;\n                  if (\n                    !currentBelowRef ||\n                    currentBelowRef.getBoundingClientRect().top >\n                      ref.current.getBoundingClientRect().top\n                  ) {\n                    showBelow = true;\n                    showBelowRef = ref;\n                  }\n                } else if (showOpenNodeRef.current === section.id) {\n                  showOpenNodeRef.current = \"\";\n                }\n              });\n            }\n\n            if (section.id && isExpanded) {\n              if (showAbove) {\n                next[section.id] = next[section.id] || {\n                  showAbove: false,\n                  showAboveRef: null,\n                  showBelow: false,\n                  showBelowRef: null,\n                  firstDeviationRef: null,\n                  firstDeviationPosition: null,\n                  columnKey: \"right\",\n                };\n                next[section.id].showAbove = showAbove;\n                next[section.id].showAboveRef = showAboveRef;\n                next[section.id].firstDeviationRef = firstDeviationRef;\n                next[section.id].firstDeviationPosition = firstDeviationPosition;\n                next[section.id].columnKey = \"right\";\n              }\n              if (showBelow) {\n                next[section.id] = next[section.id] || {\n                  showAbove: false,\n                  showAboveRef: null,\n                  showBelow: false,\n                  showBelowRef: null,\n                  firstDeviationRef: null,\n                  firstDeviationPosition: null,\n                  columnKey: \"right\",\n                };\n                next[section.id].showBelow = showBelow;\n                next[section.id].showBelowRef = showBelowRef;\n                next[section.id].firstDeviationRef = firstDeviationRef;\n                next[section.id].firstDeviationPosition = firstDeviationPosition;\n                next[section.id].columnKey = \"right\";\n              }\n            }\n          });\n\n          return next;\n        });\n      };\n\n      debouncedHandleScroll = debounce(handleScroll, 100);\n      debouncedHandleScroll();\n      scrollElement?.addEventListener(\"scroll\", debouncedHandleScroll);\n    }, 0);\n\n    return () => {\n      clearTimeout(timer);\n      if (debouncedHandleScroll) {\n        scrollElement.removeEventListener(\"scroll\", debouncedHandleScroll);\n      }\n    };\n  }, [\n    proposedSections,\n    existingSections,\n    parentDeviationRecord,\n    expandedSections,\n    maintainRelativeOrder,\n    scrollContainerRef,\n    leftContainerRef,\n    lhsBadgeRefs,\n    rhsBadgeRefs,\n  ]);\n\n  // Centralized scroll adjuster for popups\n  const adjustScrollForPopup = useCallback((\n    anchorEl: HTMLElement | null,\n    onComplete: () => void,\n    options?: { skipScroll?: boolean },\n  ) => {\n    if (options?.skipScroll) {\n      onComplete();\n      return;\n    }\n    if (!anchorEl) {\n      onComplete();\n      return;\n    }\n    // 1. Determine the primary container to measure the boundary threshold against\n    let primaryContainer: HTMLElement | null = scrollContainerRef.current;\n    if (maintainRelativeOrder) {\n      if (leftContainerRef.current?.contains(anchorEl)) {\n        primaryContainer = leftContainerRef.current;\n      } else if (rightContainerRef.current?.contains(anchorEl)) {\n        primaryContainer = rightContainerRef.current;\n      }\n    }\n\n    if (!primaryContainer) {\n      onComplete();\n      return;\n    }\n\n    const rect = anchorEl.getBoundingClientRect();\n    const containerRect = primaryContainer.getBoundingClientRect();\n    const bottomThreshold = containerRect.bottom - (containerRect.height * 0.35);\n    const topThreshold = containerRect.top + (containerRect.height * 0.35);\n\n    if (rect.top > bottomThreshold || rect.top < topThreshold) {\n      const targetViewY = containerRect.top + (containerRect.height / 2);\n      const currentViewY = rect.top + (rect.height / 2);\n      const scrollOffset = currentViewY - targetViewY;\n      const ANIM_SPEED = 250;\n\n      if (maintainRelativeOrder) {\n        const leftC = leftContainerRef.current;\n        const rightC = rightContainerRef.current;\n    \n        // Smoothly scroll both columns, but only attach the onComplete \n        // callback to one of them so the popup doesn't open twice.\n        if (leftC && rightC) {\n          smoothScrollTo(rightC, rightC.scrollTop + scrollOffset, ANIM_SPEED);\n          smoothScrollTo(leftC, leftC.scrollTop + scrollOffset, ANIM_SPEED, onComplete);\n        } else if (leftC) {\n          smoothScrollTo(leftC, leftC.scrollTop + scrollOffset, ANIM_SPEED, onComplete);\n        } else if (rightC) {\n          smoothScrollTo(rightC, rightC.scrollTop + scrollOffset, ANIM_SPEED, onComplete);\n        } else {\n          onComplete();\n        }\n      } else {\n        if (scrollContainerRef.current) {\n          smoothScrollTo(\n            scrollContainerRef.current, \n            scrollContainerRef.current.scrollTop + scrollOffset, \n            ANIM_SPEED, \n            onComplete\n          );\n        } else {\n          onComplete();\n        }\n      }\n    } else {\n      // If no scrolling is needed, execute the callback immediately\n      onComplete();\n    }\n  }, [maintainRelativeOrder]);\n\n  return {\n    showDeviationNavigation,\n    showOpenNodeRef,\n    adjustScrollForPopup,\n  };\n};\n"],"names":["proposedSections","existingSections","parentDeviationRecord","expandedSections","maintainRelativeOrder","scrollContainerRef","leftContainerRef","rightContainerRef","lhsBadgeRefs","rhsBadgeRefs","showDeviationNavigation","setShowDeviationNavigation","useState","showOpenNodeRef","useRef","useEffect","current","scrollElement","debouncedHandleScroll","timer","setTimeout","getPositionInContainer","element","container","rect","getBoundingClientRect","parentRect","bottom","top","debounce","prev","next","forEach","section","idx","isExpanded","String","showAbove","showBelow","showAboveRef","showBelowRef","firstDeviationRef","firstDeviationPosition","id","child","refId","DEVIATION_BADGE_SEPARATOR","ref","pos","columnKey","isChildOrphan","refIndexes","length","selfIndex","currentAboveRef","currentBelowRef","addEventListener","clearTimeout","removeEventListener","adjustScrollForPopup","useCallback","anchorEl","onComplete","options","skipScroll","primaryContainer","contains","containerRect","bottomThreshold","height","topThreshold","targetViewY","scrollOffset","ANIM_SPEED","leftC","rightC","smoothScrollTo","scrollTop"],"mappings":"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"}

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

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

package/dist/cjs/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":["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":"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"}

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

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

package/dist/cjs/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":["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/cjs/features/CognitiveCompare/hooks/useSectionRefs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=t(e),u=function(){return r.default.createRef()};exports.useSectionRefs=function(t,r){var f=e.useRef({}),n=e.useRef({}),s=e.useRef({}),c=e.useRef({}),R=e.useRef({}),o=e.useRef({}),i=e.useRef({}),a=e.useRef({}),l=e.useRef({}),g=e.useRef({}),b=e.useCallback(function(e,t){var r="left"===e?f.current:n.current;return r[t]||(r[t]=u()),r[t]},[]),d=e.useCallback(function(e,t){return e.current[t]||(e.current[t]=u()),e.current[t]},[]);t.forEach(function(e){b("left",e),b("right",e)});for(var h=0;h<r;h+=1)d(s,h),d(c,h),d(R,h),d(o,h),d(i,h);var v=e.useCallback(function(e){return d(g,e)},[d]),S=e.useCallback(function(e,t){var r="left"===e?a.current:l.current;return r[t]||(r[t]=u()),r[t]},[]),k=e.useCallback(function(e,t){return d("left"===e?R:o,t)},[d]);return{leftRefs:f,rightRefs:n,sectionLeftRefs:s,sectionRightRefs:c,lhsBadgeRefs:R,rhsBadgeRefs:o,sectionRightRowRefs:i,subSectionLeftRefs:a,subSectionRightRefs:l,sectionRowRefs:g,getFieldRef:b,getSectionRowRef:v,getSubSectionRef:S,getBadgeRef:k}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=t(e);const f=()=>s.default.createRef();exports.useSectionRefs=(t,s)=>{const r=e.useRef({}),u=e.useRef({}),c=e.useRef({}),R=e.useRef({}),n=e.useRef({}),o=e.useRef({}),l=e.useRef({}),a=e.useRef({}),i=e.useRef({}),g=e.useRef({}),b=e.useCallback((e,t)=>{const s="left"===e?r.current:u.current;return s[t]||(s[t]=f()),s[t]},[]),d=e.useCallback((e,t)=>(e.current[t]||(e.current[t]=f()),e.current[t]),[]);t.forEach(e=>{b("left",e),b("right",e)});for(let e=0;e<s;e+=1)d(c,e),d(R,e),d(n,e),d(o,e),d(l,e);const h=e.useCallback(e=>d(g,e),[d]),S=e.useCallback((e,t)=>{const s="left"===e?a.current:i.current;return s[t]||(s[t]=f()),s[t]},[]),k=e.useCallback((e,t)=>d("left"===e?n:o,t),[d]);return{leftRefs:r,rightRefs:u,sectionLeftRefs:c,sectionRightRefs:R,lhsBadgeRefs:n,rhsBadgeRefs:o,sectionRightRowRefs:l,subSectionLeftRefs:a,subSectionRightRefs:i,sectionRowRefs:g,getFieldRef:b,getSectionRowRef:h,getSubSectionRef:S,getBadgeRef:k}};
 //# sourceMappingURL=useSectionRefs.js.map

package/dist/cjs/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","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":"8KAKA,MAAMA,EAAe,IAAMC,UAAMC,mCAEH,CAC5BC,EACAC,KAEM,MAAAC,EAAWC,SAA0B,CAAA,GACrCC,EAAYD,SAA0B,CAAA,GACtCE,EAAkBF,SAAkB,CAAA,GACpCG,EAAmBH,SAAkB,CAAA,GACrCI,EAAeJ,SAAkB,CAAA,GACjCK,EAAeL,SAAkB,CAAA,GACjCM,EAAsBN,SAAkB,CAAA,GACxCO,EAAqBP,SAA0B,CAAA,GAC/CQ,EAAsBR,SAA0B,CAAA,GAChDS,EAAiBT,SAAkB,CAAA,GAEnCU,EAAcC,EAAAA,YAClB,CAACC,EAAwBC,KACvB,MAAMC,EAAiB,SAATF,EAAkBb,EAASgB,QAAUd,EAAUc,QAI7D,OAHKD,EAAMD,KACHC,EAAAD,GAAOnB,KAERoB,EAAMD,IAEf,IAGIG,EAAgBL,EAAAA,YACpB,CAACG,EAA0CD,KACpCC,EAAMC,QAAQF,KACXC,EAAAC,QAAQF,GAAOnB,KAEhBoB,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,EAAAA,YACtBS,GAAyBJ,EAAcP,EAAgBW,GACxD,CAACJ,IAGGK,EAAmBV,EAAAA,YACvB,CAACC,EAAwBU,KACvB,MAAMR,EACK,SAATF,EAAkBL,EAAmBQ,QAAUP,EAAoBO,QAIrE,OAHKD,EAAMQ,KACHR,EAAAQ,GAAW5B,KAEZoB,EAAMQ,IAEf,IAGIC,EAAcZ,EAAAA,YAClB,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/cjs/features/CognitiveCompare/hooks/useSideBySide.js

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