@viswa-test/test-citation 0.0.385 → 0.0.387

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

@@ -1 +1 @@
-{"version":3,"file":"useComparePopups.js","sources":["../../../../src/features/CognitiveCompare/hooks/useComparePopups.tsx"],"sourcesContent":["import React, { useState, useCallback, useRef, useEffect } from \"react\";\nimport { SectionPopupState, PopupPosition, SummaryPopupState } from \"../CognitiveCompareTypes\";\nimport { EMPTY_SECTION_POPUP_STATE, POPUP_GAP, POPUP_WIDTH, VIEWPORT_MARGIN, ARROW_SIZE, EMPTY_SUMMARY_POPUP_STATE } from \"../CognitiveCompareConstants\";\n\nexport const useComparePopups = (scrollContainerRef: React.RefObject<HTMLDivElement>,) => {\n  const [cognitivePopup, setCognitivePopup] = useState<SectionPopupState>(EMPTY_SECTION_POPUP_STATE);\n  const [moreFunctions, setMoreFunctions] = useState<SectionPopupState>(EMPTY_SECTION_POPUP_STATE);\n  const [summaryPopup, setSummaryPopup] = useState<SummaryPopupState>(EMPTY_SUMMARY_POPUP_STATE);\n  const closeSummaryPopup = useCallback(()=>{\n    setSummaryPopup(EMPTY_SUMMARY_POPUP_STATE);\n  }, []);\n  const [position, setPosition] = useState<PopupPosition | null>(null);\n  const [activeBadgeId, setActiveBadgeId] = useState<string | null>(null);\n\n  const popupRef = useRef<HTMLDivElement>(null);\n  const popupDirectionLock = useRef<boolean | null>(null);\n\n  useEffect(() => {\n    popupDirectionLock.current = null;\n  }, [cognitivePopup.sectionIdx, cognitivePopup.open]);\n\n  const closeCognitivePopup = useCallback(() => {\n    setPosition(null);\n    setCognitivePopup(EMPTY_SECTION_POPUP_STATE);\n    setActiveBadgeId(null);\n  }, []);\n\n  const closeMoreFunctionsPopup = useCallback(() => {\n    setMoreFunctions(EMPTY_SECTION_POPUP_STATE);\n  }, []);\n\n  const recalcPosition = useCallback(() => {\n    if (!cognitivePopup.anchorEl || !cognitivePopup.refSectionTitle) return;\n\n    const badgeRect = cognitivePopup.anchorEl.getBoundingClientRect();\n    if (badgeRect.width === 0 && badgeRect.height === 0) return;\n\n    const popupH = popupRef?.current?.offsetHeight || 0;\n    const popupW = Math.min(POPUP_WIDTH, window.innerWidth - VIEWPORT_MARGIN * 2);\n\n    const spaceBelow = window.innerHeight - badgeRect.bottom - POPUP_GAP - VIEWPORT_MARGIN;\n    const spaceAbove = badgeRect.top - POPUP_GAP - VIEWPORT_MARGIN;\n\n    let openAbove = spaceBelow < popupH && spaceAbove > spaceBelow;\n    if (popupDirectionLock.current !== null) {\n      openAbove = popupDirectionLock.current === true ? (spaceAbove >= popupH || spaceAbove >= spaceBelow) : false;\n    } else {\n      openAbove = !(spaceBelow >= popupH || spaceBelow >= spaceAbove);\n    }\n\n    popupDirectionLock.current = openAbove;\n    const dynamicMaxHeight = openAbove ? spaceAbove : spaceBelow;\n    const actualPopupH = Math.min(popupH || 9999, dynamicMaxHeight);\n\n    const top = openAbove ? badgeRect.top - POPUP_GAP - actualPopupH : badgeRect.bottom + POPUP_GAP;\n    const badgeCenterX = badgeRect.left + badgeRect.width / 2;\n    const rawLeft = badgeCenterX - popupW / 2;\n    const clampedLeft = Math.max(VIEWPORT_MARGIN, Math.min(rawLeft, window.innerWidth - popupW - VIEWPORT_MARGIN));\n    const arrowLeft = Math.max(ARROW_SIZE + 4, Math.min(badgeCenterX - clampedLeft, popupW - ARROW_SIZE - 4));\n\n    setPosition({ top, left: clampedLeft, arrowLeft, openAbove, maxHeight: dynamicMaxHeight });\n  }, [cognitivePopup.anchorEl, cognitivePopup.refSectionTitle]);\n\n  useEffect(() => {\n    if (!cognitivePopup.open) return;\n    window.addEventListener(\"resize\", recalcPosition);\n    let raf = requestAnimationFrame(recalcPosition);\n    let popupObserver: ResizeObserver | null = null;\n    if (popupRef.current) {\n      popupObserver = new ResizeObserver(() => {\n        cancelAnimationFrame(raf);\n        raf = requestAnimationFrame(recalcPosition);\n      });\n      popupObserver.observe(popupRef.current);\n    }\n    return () => {\n      cancelAnimationFrame(raf);\n      window.removeEventListener(\"resize\", recalcPosition);\n      popupObserver?.disconnect();\n    };\n  }, [cognitivePopup.open, recalcPosition]);\n\n  useEffect(() => {\n    const scrollContainer = scrollContainerRef.current;\n    if (!scrollContainer || (!moreFunctions.open && !cognitivePopup.open)) return;\n\n    const handleScroll = (e: Event) => {\n      closeMoreFunctionsPopup();\n      if (popupRef.current && popupRef.current.contains(e.target as Node)) {\n        return;\n      }\n      setPosition(null);\n      closeCognitivePopup();\n    };\n\n    scrollContainer.addEventListener(\"scroll\", handleScroll, { capture: true });\n    return () => {\n      scrollContainer.removeEventListener(\"scroll\", handleScroll, {\n        capture: true,\n      });\n    };\n  }, [\n    scrollContainerRef,\n    moreFunctions.open,\n    cognitivePopup.open,\n    closeMoreFunctionsPopup,\n    closeCognitivePopup,\n  ]);\n\n\n  const openCognitivePopupFromState = useCallback(\n      (nextPopup: SectionPopupState) => {\n        closeMoreFunctionsPopup();\n        setPosition(null);\n        setCognitivePopup(nextPopup);\n      },\n      [closeMoreFunctionsPopup],\n    );\n\n  const handleOpenCognitiveCompare = useCallback(() => {\n      if (moreFunctions.sectionIdx === null || !moreFunctions.anchorEl) {\n        closeMoreFunctionsPopup();\n        return;\n      }\n\n      openCognitivePopupFromState({\n        ...moreFunctions,\n        open: true,\n      });\n    }, [moreFunctions, closeMoreFunctionsPopup, openCognitivePopupFromState]);\n\n  return {\n    cognitivePopup,\n    setCognitivePopup,\n    moreFunctions,\n    setMoreFunctions,\n    summaryPopup,\n    setSummaryPopup,\n    closeSummaryPopup,\n    position,\n    setPosition,\n    activeBadgeId,\n    setActiveBadgeId,\n    popupRef,\n    closeCognitivePopup,\n    closeMoreFunctionsPopup,\n    recalcPosition,\n    handleOpenCognitiveCompare,\n    openCognitivePopupFromState,\n  };\n};\n"],"names":["useComparePopups","scrollContainerRef","cognitivePopup","setCognitivePopup","useState","EMPTY_SECTION_POPUP_STATE","moreFunctions","setMoreFunctions","summaryPopup","setSummaryPopup","EMPTY_SUMMARY_POPUP_STATE","closeSummaryPopup","useCallback","position","setPosition","activeBadgeId","setActiveBadgeId","popupRef","useRef","popupDirectionLock","useEffect","current","sectionIdx","open","closeCognitivePopup","closeMoreFunctionsPopup","recalcPosition","anchorEl","refSectionTitle","badgeRect","getBoundingClientRect","width","height","popupH","offsetHeight","popupW","Math","min","POPUP_WIDTH","window","innerWidth","VIEWPORT_MARGIN","spaceBelow","innerHeight","bottom","POPUP_GAP","spaceAbove","top","openAbove","dynamicMaxHeight","actualPopupH","badgeCenterX","left","rawLeft","clampedLeft","max","arrowLeft","ARROW_SIZE","maxHeight","addEventListener","raf","requestAnimationFrame","popupObserver","ResizeObserver","cancelAnimationFrame","observe","removeEventListener","disconnect","scrollContainer","handleScroll","e","contains","target","capture","openCognitivePopupFromState","nextPopup","handleOpenCognitiveCompare"],"mappings":"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"}
+{"version":3,"file":"useComparePopups.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-import{useState as e,useRef as t,useEffect as o,useCallback as n}from"react";import{smoothScrollTo as i,debounce as r,DEVIATION_BADGE_SEPARATOR as l}from"../CognitiveComparehelpers.js";const s=({proposedSections:s,existingSections:c,parentDeviationRecord:u,expandedSections:d,maintainRelativeOrder:f,scrollContainerRef:h,leftContainerRef:a,rightContainerRef:v,lhsBadgeRefs:g,rhsBadgeRefs:w})=>{const[R,p]=e({}),B=t();o(()=>{if(!h.current)return;const e=f?a.current:h.current;if(!e)return;let t=null;const o=setTimeout(()=>{const o=(e,t)=>{const o=e.getBoundingClientRect(),n=t.getBoundingClientRect();return o.bottom<n.top?"above":o.top>n.bottom?"below":"inside"};t=r(()=>{p(t=>{const n={...t};return s.forEach((t,i)=>{const r=f?!!d[`left-${i}`]:!!d[String(i)];let s=!1,c=!1,h=null,a=null,v=null,w=null;r&&t?.id&&(u[t.id]||[]).forEach(n=>{const i=`${n.id}${l}0`,r=g.current[i];if(!r?.current)return;const u=o(r.current,e);v||(v=r,w=u),"above"===u?(s=!0,h=r):"below"!==u||c?B.current===t.id&&(B.current=""):(c=!0,a=r)}),t.id&&(n[t.id]={showAbove:s,showBelow:c,showAboveRef:h,showBelowRef:a,firstDeviationRef:v,firstDeviationPosition:w,columnKey:"left"})}),f||c.forEach((t,i)=>{const r=!!d[String(i)];let s=!1,c=!1,f=null,h=null,a=null,v=null;r&&t?.id&&(u[t.id]||[]).forEach(i=>{const r=!i.refIndexes?.length||void 0!==i.selfIndex&&i.selfIndex<0,u=`${i.id}${l}0`,d=w.current[u];if(!d?.current||!r||!t?.id)return;const g=o(d.current,e);if(a||(a=d,v=g),"above"===g){const e=n[t.id]?.showAboveRef?.current;(!e||e.getBoundingClientRect().top<d.current.getBoundingClientRect().top)&&(s=!0,f=d)}else if("below"!==g||c)B.current===t.id&&(B.current="");else{const e=n[t.id]?.showBelowRef?.current;(!e||e.getBoundingClientRect().top>d.current.getBoundingClientRect().top)&&(c=!0,h=d)}}),t.id&&r&&(s&&(n[t.id]=n[t.id]||{showAbove:!1,showAboveRef:null,showBelow:!1,showBelowRef:null,firstDeviationRef:null,firstDeviationPosition:null,columnKey:"right"},n[t.id].showAbove=s,n[t.id].showAboveRef=f,n[t.id].firstDeviationRef=a,n[t.id].firstDeviationPosition=v,n[t.id].columnKey="right"),c&&(n[t.id]=n[t.id]||{showAbove:!1,showAboveRef:null,showBelow:!1,showBelowRef:null,firstDeviationRef:null,firstDeviationPosition:null,columnKey:"right"},n[t.id].showBelow=c,n[t.id].showBelowRef=h,n[t.id].firstDeviationRef=a,n[t.id].firstDeviationPosition=v,n[t.id].columnKey="right"))}),n})},100),t(),e?.addEventListener("scroll",t)},0);return()=>{clearTimeout(o),t&&e.removeEventListener("scroll",t)}},[s,c,u,d,f,h,a,g,w]);const b=n((e,t,o)=>{if(o?.skipScroll)return void t();if(!e)return void t();let n=h.current;if(f&&(a.current?.contains(e)?n=a.current:v.current?.contains(e)&&(n=v.current)),!n)return void t();const r=e.getBoundingClientRect(),l=n.getBoundingClientRect(),s=l.bottom-.35*l.height,c=l.top+.35*l.height;if(r.top>s||r.top<c){const e=l.top+l.height/2,o=r.top+r.height/2-e,n=250;if(f){const e=a.current,r=v.current;e&&r?(i(r,r.scrollTop+o,n),i(e,e.scrollTop+o,n,t)):e?i(e,e.scrollTop+o,n,t):r?i(r,r.scrollTop+o,n,t):t()}else h.current?i(h.current,h.current.scrollTop+o,n,t):t()}else t()},[f]);return{showDeviationNavigation:R,showOpenNodeRef:B,adjustScrollForPopup:b}};export{s as useDeviationNavigation};
+import{__assign as e}from"tslib";import{useState as o,useRef as i,useEffect as n,useCallback as t}from"react";import{smoothScrollTo as r,debounce as l,DEVIATION_BADGE_SEPARATOR as u}from"../CognitiveComparehelpers.js";var c=function(c){var s=c.proposedSections,d=c.existingSections,v=c.parentDeviationRecord,f=c.expandedSections,a=c.maintainRelativeOrder,h=c.scrollContainerRef,g=c.leftContainerRef,w=c.rightContainerRef,R=c.lhsBadgeRefs,p=c.rhsBadgeRefs,b=o({}),m=b[0],B=b[1],C=i();n(function(){if(h.current){var o=a?g.current:h.current;if(o){var i=null,n=setTimeout(function(){var n=function(e,o){var i=e.getBoundingClientRect(),n=o.getBoundingClientRect();return i.bottom<n.top?"above":i.top>n.bottom?"below":"inside"};i=l(function(){B(function(i){var t=e({},i);return s.forEach(function(e,i){var r=a?!!f["left-".concat(i)]:!!f[String(i)],l=!1,c=!1,s=null,d=null,h=null,g=null;r&&(null==e?void 0:e.id)&&(v[e.id]||[]).forEach(function(i){var t="".concat(i.id).concat(u,"0"),r=R.current[t];if(null==r?void 0:r.current){var v=n(r.current,o);h||(h=r,g=v),"above"===v?(l=!0,s=r):"below"!==v||c?C.current===e.id&&(C.current=""):(c=!0,d=r)}}),e.id&&(t[e.id]={showAbove:l,showBelow:c,showAboveRef:s,showBelowRef:d,firstDeviationRef:h,firstDeviationPosition:g,columnKey:"left"})}),a||d.forEach(function(e,i){var r=!!f[String(i)],l=!1,c=!1,s=null,d=null,a=null,h=null;r&&(null==e?void 0:e.id)&&(v[e.id]||[]).forEach(function(i){var r,v,f,g,w,R=!(null===(r=i.refIndexes)||void 0===r?void 0:r.length)||void 0!==i.selfIndex&&i.selfIndex<0,b="".concat(i.id).concat(u,"0"),m=p.current[b];if((null==m?void 0:m.current)&&R&&(null==e?void 0:e.id)){var B=n(m.current,o);if(a||(a=m,h=B),"above"===B){var D=null===(f=null===(v=t[e.id])||void 0===v?void 0:v.showAboveRef)||void 0===f?void 0:f.current;(!D||D.getBoundingClientRect().top<m.current.getBoundingClientRect().top)&&(l=!0,s=m)}else if("below"!==B||c)C.current===e.id&&(C.current="");else{var A=null===(w=null===(g=t[e.id])||void 0===g?void 0:g.showBelowRef)||void 0===w?void 0:w.current;(!A||A.getBoundingClientRect().top>m.current.getBoundingClientRect().top)&&(c=!0,d=m)}}}),e.id&&r&&(l&&(t[e.id]=t[e.id]||{showAbove:!1,showAboveRef:null,showBelow:!1,showBelowRef:null,firstDeviationRef:null,firstDeviationPosition:null,columnKey:"right"},t[e.id].showAbove=l,t[e.id].showAboveRef=s,t[e.id].firstDeviationRef=a,t[e.id].firstDeviationPosition=h,t[e.id].columnKey="right"),c&&(t[e.id]=t[e.id]||{showAbove:!1,showAboveRef:null,showBelow:!1,showBelowRef:null,firstDeviationRef:null,firstDeviationPosition:null,columnKey:"right"},t[e.id].showBelow=c,t[e.id].showBelowRef=d,t[e.id].firstDeviationRef=a,t[e.id].firstDeviationPosition=h,t[e.id].columnKey="right"))}),t})},100),i(),null==o||o.addEventListener("scroll",i)},0);return function(){clearTimeout(n),i&&o.removeEventListener("scroll",i)}}}},[s,d,v,f,a,h,g,R,p]);var D=t(function(e,o,i){var n,t;if(null==i?void 0:i.skipScroll)o();else if(e){var l=h.current;if(a&&((null===(n=g.current)||void 0===n?void 0:n.contains(e))?l=g.current:(null===(t=w.current)||void 0===t?void 0:t.contains(e))&&(l=w.current)),l){var u=e.getBoundingClientRect(),c=l.getBoundingClientRect(),s=c.bottom-.35*c.height,d=c.top+.35*c.height;if(u.top>s||u.top<d){var v=c.top+c.height/2,f=u.top+u.height/2-v,R=250;if(a){var p=g.current,b=w.current;p&&b?(r(b,b.scrollTop+f,R),r(p,p.scrollTop+f,R,o)):p?r(p,p.scrollTop+f,R,o):b?r(b,b.scrollTop+f,R,o):o()}else h.current?r(h.current,h.current.scrollTop+f,R,o):o()}else o()}else o()}else o()},[a]);return{showDeviationNavigation:m,showOpenNodeRef:C,adjustScrollForPopup:D}};export{c as useDeviationNavigation};
 //# sourceMappingURL=useDeviationNavigation.js.map

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

@@ -1 +1 @@
-{"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":["useDeviationNavigation","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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"}
+{"version":3,"file":"useDeviationNavigation.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useLinesCalculator.js","sources":["../../../../src/features/CognitiveCompare/hooks/useLinesCalculator.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\"\nimport { CachedBadgePosition, SectionBlock } from \"../CognitiveCompareTypes\";\nimport { DEVIATION_BADGE_SEPARATOR, getBentArrowPath, hasValue } from \"../CognitiveComparehelpers\";\nimport { maxHeight } from \"@mui/system\";\n\nexport const useLinesCalculator = ({\n    containerRef,\n    leftContainerRef,\n    rightContainerRef,\n    svgContainerRef,\n    pathRefs,\n    leftHeaderRef, rightHeaderRef,\n    proposedSections, existingSections,\n    visibleFields,\n    leftRefs, rightRefs,\n    sectionLeftRefs, sectionRightRefs,\n    subSectionLeftRefs, subSectionRightRefs,\n    lhsBadgeRefs, rhsBadgeRefs,\n    sectionRowRefs,\n    expandedSections, expandedSubSections,\n    connectedSections,\n    isSideBySide, activeSideBySideSection,\n    maintainRelativeOrder,\n    isGuidelineMode, // ── NEW PROP ──\n    cognitiveMap,\n    getSectionCompareStyle, getSubSectionCompareStyle, getDeviationStyleByKey,\n    isArrowVisible,\n\n    isAnimatingRef,\n    isSideBySideRef,\n    sideBySideCacheRef,\n    sideBySideLineRef,\n    activeSideBySideSectionRef,\n    activeSideBySideRightSectionRef,\n    connectedLines: providedConnectedLines,\n    setConnectedLines: providedSetConnectedLines,\n    cachedConnectedPositions: providedCachedConnectedPositions,\n    calculateLinesRef,\n    resizeTimerRef,\n    scrollLock,\n    scrollSyncLocked,\n\n    handleResizeRef,\n    activeProposed, existingRule, analysisData,\n    pendingScrollTargetRef, pendingScrollCallbackRef,\n\n    resolvedComparisonConfig,\n    getFieldData\n}: any) => {\n    // States and Refs\n    const [lines, setLines] = useState<Record<string, any>[]>([]);\n    const [overallConnector, setOverallConnector] = useState<{ x1: number; x2: number; y: number; } | null>(null);\n    const [internalConnectedLines, internalSetConnectedLines] = useState<Record<string, any>[]>([]);\n    const connectedLines = providedConnectedLines ?? internalConnectedLines;\n    const setConnectedLines = providedSetConnectedLines ?? internalSetConnectedLines;\n    const [svgDimensions, setSvgDimensions] = useState<{ width: number; height: number }>({ width: 0, height: 0 });\n\n    const isCalculatingLines = useRef(false);\n    const scrollTicking = useRef(false);\n    const scrollSyncing = useRef(false);\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const internalCachedConnectedPositions = useRef<CachedBadgePosition[]>([]);\n    const cachedConnectedPositions =\n      providedCachedConnectedPositions ?? internalCachedConnectedPositions;\n\n\n    \n    // Helpers\n    // ── UNIFIED ROUNDED PATH GENERATOR (Guarantees shared trunk for ALL modes) ──\n    const getRoundedStaggeredPath = (x1: number, y1: number, x2: number, y2: number, cX: number, visL: boolean, visR: boolean) => {\n      if (Math.abs(y2 - y1) <= 1) {\n          if (visL && visR) return `M ${x1},${y1} L ${x2},${y2}`;\n          if (visL && !visR) return `M ${x1},${y1} L ${cX},${y1}`;\n          if (!visL && visR) return `M ${cX},${y1} L ${x2},${y2}`;\n          return `M ${cX},${y1} L ${cX},${y2}`;\n      }\n      const r1 = Math.min(15, Math.abs(cX - x1), Math.abs(y2 - y1) / 2);\n      const r2 = Math.min(15, Math.abs(x2 - cX), Math.abs(y2 - y1) / 2);\n      const dy1 = y2 > y1 ? r1 : -r1;\n      const dy2 = y2 > y1 ? r2 : -r2;\n      const dx2 = x2 > cX ? r2 : -r2; // Safe horizontal direction\n      \n      if (visL && visR) {\n          return `M ${x1},${y1} L ${cX - r1},${y1} Q ${cX},${y1} ${cX},${y1 + dy1} L ${cX},${y2 - dy2} Q ${cX},${y2} ${cX + dx2},${y2} L ${x2},${y2}`;\n      } else if (visL && !visR) {\n          return `M ${x1},${y1} L ${cX - r1},${y1} Q ${cX},${y1} ${cX},${y1 + dy1} L ${cX},${y2}`;\n      } else if (!visL && visR) {\n          return `M ${cX},${y1} L ${cX},${y2 - dy2} Q ${cX},${y2} ${cX + dx2},${y2} L ${x2},${y2}`;\n      } else {\n          return `M ${cX},${y1} L ${cX},${y2}`;\n      }\n    };\n\n    // Helper to check if a subsection is actually visible in the expanded section\n    const isSubSectionVisible = (keyPath: string) => {\n        const pathParts = keyPath.split('-');\n        const rootIdx = pathParts[0];\n\n        // Edge case\n        // Early return if root parent is not expanded\n        // Only happens in side by side view for deeply nested children\n        if (!expandedSections[rootIdx] && maintainRelativeOrder === false) return;\n\n        if (maintainRelativeOrder) {\n            if (!expandedSections[`left-${rootIdx}`] && !expandedSections[`right-${rootIdx}`] && !expandedSections[rootIdx]) return false;\n        }\n\n        // Check to confirm if all the ancestors of the node are expanded otherwise early return\n        let ancestorPath = rootIdx;\n        for (let i = 1; i < pathParts.length - 1; i++) {\n            ancestorPath += `-${pathParts[i]}`;\n            if (!expandedSections[ancestorPath]) return false;\n        }\n\n        return true;\n    };\n\n    // Callbacks\n    const calculateLines = useCallback(() => {\n    if (isCalculatingLines.current) return;\n    if (isAnimatingRef.current) return;\n    isCalculatingLines.current = true;\n    try {\n     if (!containerRef.current) return;\n\n      // Helper to check if a subsection is actually visible in the expanded accordion tree\n      const isSubSectionVisible = (keyPath: string) => {\n        const pathParts = keyPath.split('-');\n        const rootIdx = pathParts[0];\n\n        // 1. Root Parent must be expanded\n        if (!expandedSections[rootIdx] && maintainRelativeOrder === false) return false;\n        if (maintainRelativeOrder) {\n           if (!expandedSections[`left-${rootIdx}`] && !expandedSections[`right-${rootIdx}`] && !expandedSections[rootIdx]) return false;\n        }\n\n        // 2. All intermediate ancestor subsections must be expanded\n        let ancestorPath = rootIdx;\n        for (let i = 1; i < pathParts.length - 1; i++) {\n          ancestorPath += `-${pathParts[i]}`;\n          if (!expandedSubSections[ancestorPath]) {\n            return false;\n          }\n        }\n        return true;\n      };\n\n      // 3. Keep the SVG setup and field heights logic intact\n      const containerRect = containerRef.current.getBoundingClientRect();\n      setSvgDimensions({\n        width: containerRect.width,\n        height: containerRect.height,\n      });\n\n      const newLines: Record<string, any>[] = [];\n\n      // RESET STYLES (WRITE ONLY)\n      visibleFields.forEach(({ key }: {key: any}) => {\n        const l = leftRefs.current[key]?.current;\n        const r = rightRefs.current[key]?.current;\n\n        if (l && r) {\n          l.style.height = \"auto\";\n          r.style.height = \"auto\";\n          l.style.minHeight = \"0px\";\n          r.style.minHeight = \"0px\";\n        }\n      });\n\n      if (!isAnimatingRef.current) {\n        for (let idx = 0; idx < Math.max(proposedSections.length, existingSections.length); idx++) {\n          const l = sectionLeftRefs.current[idx]?.current;\n          const r = sectionRightRefs.current[idx]?.current;\n\n          if (l) {\n            l.style.height = \"auto\";\n            l.style.minHeight = \"0px\";\n          }\n          if (r) {\n            r.style.height = \"auto\";\n            r.style.minHeight = \"0px\";\n          }\n        }\n        \n        if (!maintainRelativeOrder) {\n          // Subsections reset\n          Object.keys(subSectionLeftRefs.current).forEach(keyPath => {\n              if (!isSubSectionVisible(keyPath)) return;\n              const l = subSectionLeftRefs.current[keyPath]?.current;\n              const r = subSectionRightRefs.current[keyPath]?.current;\n              if (l && r) {\n                  l.style.height = \"auto\";\n                  r.style.height = \"auto\";\n                  l.style.minHeight = \"0px\";\n                  r.style.minHeight = \"0px\";\n              }\n          });\n        }\n      }\n\n      // READ HEIGHTS (READ ONLY)\n      const fieldHeights: Record<string, number> = {};\n\n      visibleFields.forEach(({ key } : {key: any}) => {\n        const l = leftRefs.current[key]?.current;\n        const r = rightRefs.current[key]?.current;\n\n        if (l && r) {\n          const lRect = l.getBoundingClientRect();\n          const rRect = r.getBoundingClientRect();\n          fieldHeights[key] = Math.max(lRect.height, rRect.height);\n        }\n      });\n\n      const syncHeights = { left: {} as Record<number, number>, right: {} as Record<number, number> };\n      const subSectionHeights: Record<string, number> = {};\n\n      if (!isAnimatingRef.current) {\n        if (!maintainRelativeOrder) {\n          // ── FIX: Measure and apply subsection heights FIRST so their new heights push the parent containers ──\n          Object.keys(subSectionLeftRefs.current).forEach(keyPath => {\n              if (!isSubSectionVisible(keyPath)) return;\n              const l = subSectionLeftRefs.current[keyPath]?.current;\n              const r = subSectionRightRefs.current[keyPath]?.current;\n              if (l && r && l.offsetParent !== null && r.offsetParent !== null) {\n                  const lRect = l.getBoundingClientRect();\n                  const rRect = r.getBoundingClientRect();\n                  const maxH = Math.max(lRect.height, rRect.height);\n                  subSectionHeights[keyPath] = maxH;\n                  \n                  // Apply immediately so the browser recalculates layout for the parent block below\n                  l.style.minHeight = `${maxH}px`;\n                  r.style.minHeight = `${maxH}px`;\n              }\n          });\n\n          // ── NOW measure main sections (which will naturally wrap the aligned subsections) ──\n          for (let idx = 0; idx < Math.min(proposedSections.length, existingSections.length); idx++) {\n            const l = sectionLeftRefs.current[idx]?.current;\n            const r = sectionRightRefs.current[idx]?.current;\n\n            if (l && r) {\n              const maxH = Math.max(l.getBoundingClientRect().height, r.getBoundingClientRect().height);\n              syncHeights.left[idx] = maxH;\n              syncHeights.right[idx] = maxH;\n            }\n          }\n\n        } else if (isSideBySide && activeSideBySideSection !== null) {\n          if (typeof activeSideBySideSection === \"number\") {\n            const leftIdx = activeSideBySideSection;\n            const leftSec = proposedSections[leftIdx] as any;\n            const l = sectionLeftRefs.current[leftIdx]?.current;\n\n            if (l && leftSec) {\n              (leftSec.refIndexes || []).forEach((rhsSelfIdx: number) => {\n                const rhsArrayIdx = existingSections.findIndex((s: any) => s.selfIndex === rhsSelfIdx);\n                const r = sectionRightRefs.current[rhsArrayIdx]?.current;\n                if (!r) return;\n\n                if (expandedSections[`left-${leftIdx}`] || expandedSections[`right-${rhsArrayIdx}`]) {\n                  const maxH = Math.max(l.getBoundingClientRect().height, r.getBoundingClientRect().height);\n                  syncHeights.left[leftIdx] = Math.max(syncHeights.left[leftIdx] || 0, maxH);\n                  syncHeights.right[rhsArrayIdx] = Math.max(syncHeights.right[rhsArrayIdx] || 0, maxH);\n                }\n              });\n            }\n          } else {\n            const keyPath = activeSideBySideSection.split(DEVIATION_BADGE_SEPARATOR)[2]; \n            if (keyPath) {\n                const l = subSectionLeftRefs.current[keyPath]?.current;\n                const r = subSectionRightRefs.current[keyPath]?.current;\n                if (l && r) {\n                const maxH = Math.max(l.getBoundingClientRect().height, r.getBoundingClientRect().height);\n                subSectionHeights[keyPath] = Math.max(subSectionHeights[keyPath] || 0, maxH);\n                }\n            }\n          }\n        }\n      }\n\n      visibleFields.forEach(({ key } : {key : any}) => {\n        const l = leftRefs.current[key]?.current;\n        const r = rightRefs.current[key]?.current;\n\n        if (l && r) {\n          const maxH = fieldHeights[key];\n          l.style.minHeight = `${maxH}px`;\n          r.style.minHeight = `${maxH}px`;\n        }\n      });\n\n      if (!isAnimatingRef.current) {\n        Object.entries(syncHeights.left).forEach(([idx, maxH]) => {\n          const l = sectionLeftRefs.current[Number(idx)]?.current;\n          if (l) l.style.minHeight = `${maxH}px`;\n        });\n        \n        Object.entries(syncHeights.right).forEach(([idx, maxH]) => {\n          const r = sectionRightRefs.current[Number(idx)]?.current;\n          if (r) r.style.minHeight = `${maxH}px`;\n        });\n\n        if (!maintainRelativeOrder) {\n          Object.keys(subSectionHeights).forEach(keyPath => {\n              const l = subSectionLeftRefs.current[keyPath]?.current;\n              const r = subSectionRightRefs.current[keyPath]?.current;\n              if (l && r && subSectionHeights[keyPath]) {\n                  const maxH = subSectionHeights[keyPath];\n                  l.style.minHeight = `${maxH}px`;\n                  r.style.minHeight = `${maxH}px`;\n              }\n          });\n        }\n      }\n\n      // SECTION CONNECTORS\n      // ── SKIP SECTION LINES IF IN GUIDELINE MODE ──\n      if (!isGuidelineMode) {\n        const getMappedRightIndexes = (leftSec: any, leftIdx: number) => {\n          // Standard/Side-by-Side data is already materialized as explicit\n          // mapping rows, so its counterpart is always at the same row index.\n          // Looking up by display_index is ambiguous when a target section is\n          // intentionally repeated for more than one mapping edge.\n          if (!maintainRelativeOrder) {\n            return existingSections[leftIdx] ? [leftIdx] : [];\n          }\n\n          const mapped = (leftSec.refIndexes || [])\n            .map((rhsSelfIdx: number) =>\n              existingSections.findIndex((s: any) => s.selfIndex === rhsSelfIdx),\n            )\n            .filter((idx: number) => idx !== -1);\n\n          // Backward-compatible fallback for old one-to-one/index-based data\n          if (!mapped.length && existingSections[leftIdx]) {\n            return [leftIdx];\n          }\n\n          return Array.from(new Set(mapped));\n        };\n\n        proposedSections.forEach((leftSec: any, leftIdx: number) => {\n          const continuationSourceIdx = leftSec.continuationSourceRowId\n            ? proposedSections.findIndex(\n                (section: any) =>\n                  section.comparisonRowId === leftSec.continuationSourceRowId,\n              )\n            : -1;\n          const resolvedLeftIdx =\n            continuationSourceIdx >= 0 ? continuationSourceIdx : leftIdx;\n          const lWrap = sectionLeftRefs.current[resolvedLeftIdx]?.current;\n          if (!lWrap) return;\n\n          const rightIndexes = getMappedRightIndexes(leftSec, leftIdx);\n\n          rightIndexes.forEach((rhsArrayIdx: any) => {\n            const rWrap = sectionRightRefs.current[rhsArrayIdx]?.current;\n            if (!rWrap) return;\n\n            const leftRect = lWrap.getBoundingClientRect();\n            const rightRect = rWrap.getBoundingClientRect();\n\n            const x1 = leftRect.right - containerRect.left;\n            const x2 = rightRect.left - containerRect.left;\n\n            let y1 = leftRect.top + 18 - containerRect.top;\n            let y2 = rightRect.top + 18 - containerRect.top;\n\n            if (maintainRelativeOrder && isSideBySide && activeSideBySideSection === leftIdx) {\n              const leftTop = leftContainerRef.current?.getBoundingClientRect().top ?? 0;\n              const rightTop = rightContainerRef.current?.getBoundingClientRect().top ?? 0;\n              const leftBottom = leftTop + (leftContainerRef.current?.clientHeight ?? Infinity);\n              const rightBottom = rightTop + (rightContainerRef.current?.clientHeight ?? Infinity);\n\n              const clamp = (v: number, min: number, max: number) =>\n                Math.max(min, Math.min(max, v));\n\n              y1 = clamp(leftRect.top + 18, leftTop, leftBottom) - containerRect.top;\n              y2 = clamp(rightRect.top + 18, rightTop, rightBottom) - containerRect.top;\n            }\n\n            const style = getSectionCompareStyle(resolvedLeftIdx);\n\n            if (style) {\n              newLines.push({\n                id: `line-${resolvedLeftIdx}-${rhsArrayIdx}`,\n                x1,\n                y1,\n                x2,\n                y2,\n                style,\n                sectionIdx: resolvedLeftIdx,\n                targetRightIdx: rhsArrayIdx,\n                isSubSection: false,\n                isMappingContinuation: continuationSourceIdx >= 0,\n                hasCognitive: !!(\n                  proposedSections[resolvedLeftIdx]?.cognitiveData ||\n                  existingSections[rhsArrayIdx]?.cognitiveData ||\n                  proposedSections[resolvedLeftIdx]?.nodeId &&\n                  cognitiveMap[proposedSections[resolvedLeftIdx].nodeId as string]\n                ),\n              });\n            }\n          });\n        });\n      }\n\n      if (!isGuidelineMode && isSideBySide && typeof activeSideBySideSection === 'string' && activeSideBySideSection.includes(DEVIATION_BADGE_SEPARATOR)) {\n        const [nodeId, devKey, leftKeyPath, rightKeyPath] = activeSideBySideSection.split(DEVIATION_BADGE_SEPARATOR);\n        const refId = `${nodeId}${DEVIATION_BADGE_SEPARATOR}${devKey}`;\n\n        const lBadgeEl = lhsBadgeRefs.current[refId]?.current;\n        const rBadgeEl = rhsBadgeRefs.current[refId]?.current;\n\n        if (lBadgeEl && rBadgeEl) {\n          const lRect = lBadgeEl.getBoundingClientRect();\n          const rRect = rBadgeEl.getBoundingClientRect();\n\n          const x1 = lRect.right - containerRect.left;\n          const x2 = rRect.left - containerRect.left;\n          \n          let y1 = lRect.top + lRect.height / 2 - containerRect.top;\n          let y2 = rRect.top + rRect.height / 2 - containerRect.top;\n\n          if (maintainRelativeOrder) {\n            const leftTop = leftContainerRef.current?.getBoundingClientRect().top ?? 0;\n            const rightTop = rightContainerRef.current?.getBoundingClientRect().top ?? 0;\n            const leftBottom = leftTop + (leftContainerRef.current?.clientHeight ?? Infinity);\n            const rightBottom = rightTop + (rightContainerRef.current?.clientHeight ?? Infinity);\n            const clamp = (v: number, min: number, max: number) => Math.max(min, Math.min(max, v));\n\n            y1 = clamp(lRect.top + lRect.height / 2, leftTop, leftBottom) - containerRect.top;\n            y2 = clamp(rRect.top + rRect.height / 2, rightTop, rightBottom) - containerRect.top;\n          }\n          \n          const style =\n            getDeviationStyleByKey(nodeId, devKey) ??\n            getSubSectionCompareStyle(leftKeyPath);\n          if (style) {\n            newLines.push({\n              id: `line-subsec-${refId}`,\n              x1, y1, x2, y2,\n              style,\n              sectionIdx: Number(leftKeyPath.split('-')[0]),\n              isSubSection: true,\n              subSectionKeyPath: activeSideBySideSection,\n            });\n          }\n        }\n      }\n\n      setLines(newLines);\n\n      if (leftHeaderRef.current && rightHeaderRef.current) {\n        const leftHeaderRect = leftHeaderRef.current.getBoundingClientRect();\n        const rightHeaderRect = rightHeaderRef.current.getBoundingClientRect();\n        const overallY =\n          (leftHeaderRect.top +\n            leftHeaderRect.height / 2 -\n            containerRect.top +\n            rightHeaderRect.top +\n            rightHeaderRect.height / 2 -\n            containerRect.top) /\n          2;\n        setOverallConnector({\n          x1: leftHeaderRect.right - containerRect.left,\n          x2: rightHeaderRect.left - containerRect.left,\n          y: overallY,\n        });\n      } else {\n        setOverallConnector(null);\n      }\n\n      if (connectedSections.size > 0) {\n        const newConnectedLines: Record<string, any>[] = [];\n        const leftContainer = leftContainerRef.current;\n        const rightContainer = rightContainerRef.current;\n\n        if (leftContainer && rightContainer) {\n          const newCache: CachedBadgePosition[] = [];\n          \n          const leftTop = leftContainer.getBoundingClientRect().top;\n          const rightTop = rightContainer.getBoundingClientRect().top;\n          const leftBottom = leftTop + leftContainer.clientHeight;\n          const rightBottom = rightTop + rightContainer.clientHeight;\n\n          const leftScrollTop  = leftContainer.scrollTop;\n          const rightScrollTop = rightContainer.scrollTop;\n          const cTop = containerRect.top;\n\n          const clamp = (v: number, min: number, max: number) =>\n            Math.max(min, Math.min(max, v));\n\n          connectedSections.forEach((connectedIdx:any) => {\n            // ── GUIDELINE MODE LOGIC ──\n            if (isGuidelineMode) {\n              let lBadge: HTMLElement | null = null;\n              let leftIdxNum: number | null = null;\n              let style: any = null;\n\n              if (typeof connectedIdx === 'string' && connectedIdx.includes(DEVIATION_BADGE_SEPARATOR)) {\n                const [nodeId, devKey, leftKeyPath] = connectedIdx.split(DEVIATION_BADGE_SEPARATOR);\n                const refId = `${nodeId}${DEVIATION_BADGE_SEPARATOR}${devKey}`;\n                lBadge = lhsBadgeRefs.current[refId]?.current;\n                style = getDeviationStyleByKey(nodeId, devKey) ?? getSubSectionCompareStyle(leftKeyPath);\n                leftIdxNum = Number(leftKeyPath?.split('-')[0] || 0);\n              } else {\n                leftIdxNum = Number(connectedIdx);\n                lBadge = lhsBadgeRefs.current[leftIdxNum]?.current;\n                style = getSectionCompareStyle(leftIdxNum);\n              }\n\n              if (!lBadge) return;\n\n              const targetMarks = document.querySelectorAll('[id^=\"guideline-target-\"]');\n              \n              targetMarks.forEach((rBadge, index) => {\n                const lRect = lBadge!.getBoundingClientRect();\n                const rRect = rBadge.getBoundingClientRect();\n\n                const x1 = lRect.right - containerRect.left;\n                const x2 = rRect.left - containerRect.left - 0;\n                \n                // ── UNIVERSAL SPINE JUNCTION PUSHED TO X1+75 TO CLEAR LOCK ICON ──\n                const centerX = x1 + 75;\n\n                const rawLhsY = lRect.top + lRect.height / 2;\n                // Target the middle of the highlighted text vertically\n                const rawRhsY = rRect.top + rRect.height / 2;\n\n                const lhsScrollY = (rawLhsY - leftTop) + leftScrollTop;\n                const rhsScrollY = (rawRhsY - rightTop) + rightScrollTop;\n                \n                const styleId = `conn-guide-${connectedIdx}-${index}`;\n                \n                // ── BULLETPROOF MATH LABEL GENERATION ──\n                let baseLabel = \"\";\n                if (typeof connectedIdx === 'string' && connectedIdx.includes(DEVIATION_BADGE_SEPARATOR)) {\n                  const parts = connectedIdx.split(DEVIATION_BADGE_SEPARATOR);\n                  const leftKeyPath = parts[2] || \"\";\n                  baseLabel = leftKeyPath.split('-').map(n => Number(n) + 1).join('.');\n                } else {\n                  baseLabel = String(Number(connectedIdx) + 1);\n                }\n                const letter = String.fromCharCode(97 + index); // a, b, c...\n                const matchLabel = targetMarks.length === 1 ? null : `${baseLabel}(${letter})`;\n\n                newCache.push({\n                  lhsScrollY, rhsScrollY, x1, x2, containerTop: cTop,\n                  leftIdx: connectedIdx, rhsArrayIdx: index, \n                  styleColor: style?.badgeBorder || \"#6366F1\", \n                  styleBg: style?.badgeBg || \"#FFFFFF\",\n                  styleText: style?.badgeText || \"#A16207\",\n                  styleId, centerX,\n                });\n\n                const clampedLhsY = clamp(rawLhsY, leftTop, leftBottom);\n                const clampedRhsY = clamp(rawRhsY, rightTop, rightBottom);\n\n                const y1 = clampedLhsY - cTop;\n                const y2 = clampedRhsY - cTop;\n\n                const lhsVisible = rawLhsY >= leftTop - 4 && rawLhsY <= leftBottom + 4;\n                const rhsVisible = rawRhsY >= rightTop - 4 && rawRhsY <= rightBottom + 4;\n\n                const pathD = getRoundedStaggeredPath(x1, y1, x2, y2, centerX, lhsVisible, rhsVisible);\n\n                newConnectedLines.push({ \n                  id: styleId, pathD, style, leftIdx: connectedIdx, rhsArrayIdx: index, \n                  x1, x2, y1, y2, centerX, matchLabel, isGuideline: true \n                });\n              });\n            } else {\n            // ── UNIFIED CONTRACT TO CONTRACT LOGIC ──\n            if (typeof connectedIdx === 'string' && connectedIdx.includes(DEVIATION_BADGE_SEPARATOR)) {\n              const [nodeId, devKey, leftKeyPath, rightKeyPath] = connectedIdx.split(DEVIATION_BADGE_SEPARATOR);\n              const refId = `${nodeId}${DEVIATION_BADGE_SEPARATOR}${devKey}`;\n\n              const lBadge = lhsBadgeRefs.current[refId]?.current;\n              const rBadge = rhsBadgeRefs.current[refId]?.current;\n              if (!lBadge || !rBadge) return;\n\n              const lRect = lBadge.getBoundingClientRect();\n              const rRect = rBadge.getBoundingClientRect();\n              const style = getDeviationStyleByKey(nodeId, devKey) ?? getSubSectionCompareStyle(leftKeyPath);\n\n              const x1 = lRect.right - containerRect.left;\n              const x2 = rRect.left - containerRect.left - 0;\n              const centerX = x1 + 75; // ── UNIVERSAL SPINE JUNCTION ──\n\n              const rawLhsY = lRect.top + lRect.height / 2;\n              const rawRhsY = rRect.top + rRect.height / 2;\n\n              const lhsScrollY = (rawLhsY - leftTop) + leftScrollTop;\n              const rhsScrollY = (rawRhsY - rightTop) + rightScrollTop;\n              const styleId = `conn-subsec-${refId}`;\n              \n              const leftKeyP = leftKeyPath || \"\";\n              const baseLabel = leftKeyP.split('-').map(n => Number(n) + 1).join('.');\n              const matchLabel = null; // 1-to-1 connection, no badge needed\n\n              newCache.push({\n                lhsScrollY, rhsScrollY, x1, x2, containerTop: cTop,\n                leftIdx: connectedIdx, rhsArrayIdx: connectedIdx,\n                styleColor: style?.badgeBorder || \"#6366F1\", styleBg: style?.badgeBg || \"#FFFFFF\", styleText: style?.badgeText || \"#A16207\",\n                styleId, centerX, \n              });\n\n              const clampedLhsY = clamp(rawLhsY, leftTop, leftBottom);\n              const clampedRhsY = clamp(rawRhsY, rightTop, rightBottom);\n              const y1 = clampedLhsY - cTop;\n              const y2 = clampedRhsY - cTop;\n              const lhsVisible = rawLhsY >= leftTop - 4 && rawLhsY <= leftBottom + 4;\n              const rhsVisible = rawRhsY >= rightTop - 4 && rawRhsY <= rightBottom + 4;\n\n              const pathD = getRoundedStaggeredPath(x1, y1, x2, y2, centerX, lhsVisible, rhsVisible);\n\n              newConnectedLines.push({ id: styleId, pathD, style, leftIdx: connectedIdx, rhsArrayIdx: connectedIdx, x1, x2, y1, y2, matchLabel });\n            } else {\n              if (!maintainRelativeOrder) {\n                const leftIdx = connectedIdx;\n                const rhsArrayIdx = leftIdx as number;\n                const lBadge = lhsBadgeRefs.current[leftIdx]?.current;\n                const rBadge = rhsBadgeRefs.current[rhsArrayIdx]?.current;\n                if (!lBadge || !rBadge) return;\n\n                const lRect = lBadge.getBoundingClientRect();\n                const rRect = rBadge.getBoundingClientRect();\n                const style = getSectionCompareStyle(leftIdx as number);\n\n                const x1 = lRect.right - containerRect.left;\n                const x2 = rRect.left - containerRect.left - 0;\n                const centerX = x1 + 75; // ── UNIVERSAL SPINE JUNCTION ──\n\n                const rawLhsY = lRect.top + lRect.height / 2;\n                const rawRhsY = rRect.top + rRect.height / 2;\n                const lhsScrollY = (rawLhsY - leftTop) + leftScrollTop;\n                const rhsScrollY = (rawRhsY - rightTop) + rightScrollTop;\n                const styleId = `conn-${leftIdx}-${rhsArrayIdx}`;\n                \n                const baseLabel = String(Number(connectedIdx) + 1);\n                const matchLabel = null; // 1-to-1 connection, no badge needed\n\n                newCache.push({\n                  lhsScrollY, rhsScrollY, x1, x2, containerTop: cTop,\n                  leftIdx, rhsArrayIdx, \n                  styleColor: style?.badgeBorder || \"#6366F1\", styleBg: style?.badgeBg || \"#FFFFFF\", styleText: style?.badgeText || \"#A16207\",\n                  styleId, centerX,\n                });\n\n                const clampedLhsY = clamp(rawLhsY, leftTop, leftBottom);\n                const clampedRhsY = clamp(rawRhsY, rightTop, rightBottom);\n                const y1 = clampedLhsY - cTop;\n                const y2 = clampedRhsY - cTop;\n                const lhsVisible = rawLhsY >= leftTop - 4 && rawLhsY <= leftBottom + 4;\n                const rhsVisible = rawRhsY >= rightTop - 4 && rawRhsY <= rightBottom + 4;\n\n                const pathD = getRoundedStaggeredPath(x1, y1, x2, y2, centerX, lhsVisible, rhsVisible);\n\n                newConnectedLines.push({ id: styleId, pathD, style, leftIdx, rhsArrayIdx, x1, x2, y1, y2, matchLabel });\n              } else {\n                const leftIdx = connectedIdx as number;\n                const leftSec = proposedSections[leftIdx] as any;\n                if (!leftSec?.refIndexes?.length) return;\n\n                leftSec.refIndexes.forEach((rhsSelfIdx: number, index: number) => {\n                  const rhsArrayIdx = existingSections.findIndex((s: any) => s.selfIndex === rhsSelfIdx);\n                  if (rhsArrayIdx === -1) return;\n\n                  const lBadge = lhsBadgeRefs.current[leftIdx]?.current;\n                  const rBadge = rhsBadgeRefs.current[rhsArrayIdx]?.current;\n                  if (!lBadge || !rBadge) return;\n\n                  const lRect = lBadge.getBoundingClientRect();\n                  const rRect = rBadge.getBoundingClientRect();\n                  const style = getSectionCompareStyle(leftIdx);\n\n                  const x1 = lRect.right - containerRect.left;\n                  const x2 = rRect.left - containerRect.left - 0;\n                  \n                  const centerX = x1 + 75; // ── UNIVERSAL SPINE JUNCTION ──\n\n                  const rawLhsY = lRect.top + lRect.height / 2;\n                  const rawRhsY = rRect.top + rRect.height / 2;\n                  const lhsScrollY = (rawLhsY - leftTop) + leftScrollTop;\n                  const rhsScrollY = (rawRhsY - rightTop) + rightScrollTop;\n                  const styleId = `conn-${leftIdx}-${rhsArrayIdx}`;\n                  \n                  const baseLabel = String(Number(connectedIdx) + 1);\n                  const letter = String.fromCharCode(97 + index); \n                  const matchLabel = leftSec.refIndexes.length === 1 ? null : `${baseLabel}(${letter})`;\n\n                  newCache.push({\n                    lhsScrollY, rhsScrollY, x1, x2, containerTop: cTop,\n                    leftIdx, rhsArrayIdx,\n                    styleColor: style?.badgeBorder || \"#6366F1\", styleBg: style?.badgeBg || \"#FFFFFF\", styleText: style?.badgeText || \"#A16207\",\n                    styleId, centerX,\n                  });\n\n                  const clampedLhsY = clamp(rawLhsY, leftTop, leftBottom);\n                  const clampedRhsY = clamp(rawRhsY, rightTop, rightBottom);\n                  const y1 = clampedLhsY - cTop;\n                  const y2 = clampedRhsY - cTop;\n                  const lhsVisible = rawLhsY >= leftTop - 4 && rawLhsY <= leftBottom + 4;\n                  const rhsVisible = rawRhsY >= rightTop - 4 && rawRhsY <= rightBottom + 4;\n\n                  const pathD = getRoundedStaggeredPath(x1, y1, x2, y2, centerX, lhsVisible, rhsVisible);\n\n                  newConnectedLines.push({\n                    id: styleId, pathD, style, leftIdx, rhsArrayIdx, x1, x2, y1, y2, matchLabel,\n                  });\n                });\n              }\n            }\n            }\n          });\n          cachedConnectedPositions.current = newCache;\n        }\n        setConnectedLines(newConnectedLines);\n\n        setTimeout(() => updateConnectedLinesOnScroll(), 10);\n      } else {\n        setConnectedLines([]);\n        cachedConnectedPositions.current = [];\n        setTimeout(() => updateConnectedLinesOnScroll(), 10);\n      }\n    } catch (e) {\n      console.error(\"Line render safe fail: \", e);\n    } finally {\n      isCalculatingLines.current = false;\n    }\n  }, [\n    visibleFields,\n    proposedSections,\n    existingSections,\n    cognitiveMap,\n    resolvedComparisonConfig,\n    getFieldData,\n    getSectionCompareStyle,\n    getDeviationStyleByKey,\n    maintainRelativeOrder,\n    isSideBySide,                \n    activeSideBySideSection,     \n    connectedSections,\n    expandedSections,\n    expandedSubSections,\n    isGuidelineMode, \n  ]);\n\n      const updateConnectedLinesOnScroll = useCallback(() => {\n        const cache = cachedConnectedPositions.current;\n        \n        if (!cache.length) {\n          pathRefs.current[\"guideline-up-stroke\"]?.setAttribute(\"visibility\", \"hidden\");\n          pathRefs.current[\"guideline-up-badge\"]?.setAttribute(\"visibility\", \"hidden\");\n          pathRefs.current[\"guideline-down-stroke\"]?.setAttribute(\"visibility\", \"hidden\");\n          pathRefs.current[\"guideline-down-badge\"]?.setAttribute(\"visibility\", \"hidden\");\n          return;\n        }\n\n        if (isAnimatingRef.current) return;\n      \n        const leftScroll  = leftContainerRef.current?.scrollTop ?? 0;\n        const rightScroll = rightContainerRef.current?.scrollTop ?? 0;\n      \n        const leftHeight  = leftContainerRef.current?.clientHeight ?? Infinity;\n        const rightHeight = rightContainerRef.current?.clientHeight ?? Infinity;\n      \n        const leftTop = leftContainerRef.current?.getBoundingClientRect().top ?? 0;\n        const rightTop = rightContainerRef.current?.getBoundingClientRect().top ?? 0;\n        \n        const leftBottom = leftTop + leftHeight;\n        const rightBottom = rightTop + rightHeight;\n      \n        const containerRect = containerRef.current?.getBoundingClientRect();\n        const containerTop = containerRect?.top ?? 0;\n        const containerHeight = containerRect?.height ?? Infinity;\n      \n        const clamp = (v: number, min: number, max: number) => Math.max(min, Math.min(max, v));\n      \n        let topCount = 0;\n        let bottomCount = 0;\n        let sharedX1 = 0, sharedY1 = 0;\n        let sharedColor = \"#6366F1\", sharedBg = \"#FFFFFF\", sharedTextCol = \"#A16207\";\n        let hasActiveConnections = false;\n        let universalSpineX = 0; \n\n        cache.forEach((entry: any) => {\n          const lhsViewportY = (entry.lhsScrollY - leftScroll) + leftTop;\n          const rhsViewportY = (entry.rhsScrollY - rightScroll) + rightTop;\n      \n          const strokeEl = pathRefs.current[entry.styleId + \"-stroke\"];\n          const bgEl     = pathRefs.current[entry.styleId + \"-bg\"];\n          const btnEl    = pathRefs.current[entry.styleId + \"-btn\"];\n          const numberBadgeEl = pathRefs.current[entry.styleId + \"-number\"];\n      \n          if (!strokeEl && !bgEl) return;\n      \n          const visibleLhsY = clamp(lhsViewportY, leftTop, leftBottom);\n          const visibleRhsY = clamp(rhsViewportY, rightTop, rightBottom);\n      \n          const y1 = visibleLhsY - containerTop;\n          const y2 = visibleRhsY - containerTop;\n      \n          const lhsVisible = lhsViewportY >= leftTop - 4 && lhsViewportY <= leftBottom + 4;\n          const rhsVisible = rhsViewportY >= rightTop - 4 && rhsViewportY <= rightBottom + 4;\n      \n          let showLine = true;\n          hasActiveConnections = true;\n\n          // Enforce absolute strict universal spine\n          const centerX = entry.centerX || (entry.x1 + 75);\n\n          if (sharedX1 === 0) {\n            sharedX1 = entry.x1;\n            sharedY1 = y1;\n            universalSpineX = centerX;\n            sharedColor = entry.styleColor;\n            sharedBg = entry.styleBg || \"#FFFFFF\";\n            sharedTextCol = entry.styleText || \"#A16207\";\n          }\n\n          if (rhsViewportY < rightTop - 4) {\n            topCount++; showLine = false; \n          } else if (rhsViewportY > rightBottom + 4) {\n            bottomCount++; showLine = false; \n          } \n      \n          const pathD = getRoundedStaggeredPath(entry.x1, y1, entry.x2, y2, universalSpineX, lhsVisible, rhsVisible);\n      \n          if (strokeEl) {\n            if (showLine && pathD) {\n              strokeEl.setAttribute(\"visibility\", \"visible\");\n              strokeEl.setAttribute(\"d\", pathD);\n            } else { strokeEl.setAttribute(\"visibility\", \"hidden\"); }\n          }\n      \n          if (bgEl) {\n            if (showLine && pathD) {\n              bgEl.setAttribute(\"visibility\", \"visible\");\n              bgEl.setAttribute(\"d\", pathD);\n            } else { bgEl.setAttribute(\"visibility\", \"hidden\"); }\n          }\n\n          if (btnEl) {\n            if (!lhsVisible || !showLine) {\n              btnEl.setAttribute(\"visibility\", \"hidden\");\n            } else {\n              btnEl.setAttribute(\"visibility\", \"visible\");\n              btnEl.setAttribute(\"y\", String(y1 - 12)); \n            }\n          }\n\n          if (numberBadgeEl) {\n            if (!lhsVisible || !showLine) {\n              numberBadgeEl.setAttribute(\"visibility\", \"hidden\");\n            } else {\n              numberBadgeEl.setAttribute(\"visibility\", \"visible\");\n              numberBadgeEl.setAttribute(\"transform\", `translate(${entry.x2 - 42}, ${y2})`);\n            }\n          }\n        });\n\n        // ── UNIVERSAL OFF-SCREEN ARROWS (ALWAYS ORIGINATE EXACTLY AT THE SPINE: X1 + 75) ──\n        if (hasActiveConnections && universalSpineX > 0) {\n          const upStroke = pathRefs.current[\"guideline-up-stroke\"];\n          const upBadge = pathRefs.current[\"guideline-up-badge\"];\n          const upArrow = pathRefs.current[\"guideline-up-arrow\"];\n          const upText = pathRefs.current[\"guideline-up-text\"];\n          const upRect = pathRefs.current[\"guideline-up-badge-rect\"];\n\n          if (topCount > 0) {\n            const upY = Math.max(15, rightTop - containerTop + 15); \n            const r = Math.min(15, Math.abs(universalSpineX - sharedX1), Math.max(0, sharedY1 - upY));\n            const pathD = `M ${sharedX1},${sharedY1} L ${universalSpineX - r},${sharedY1} Q ${universalSpineX},${sharedY1} ${universalSpineX},${sharedY1 - r} L ${universalSpineX},${upY}`;\n\n            upStroke?.setAttribute(\"visibility\", \"visible\");\n            upStroke?.setAttribute(\"d\", pathD);\n            upStroke?.setAttribute(\"stroke\", sharedColor);\n\n            upBadge?.setAttribute(\"visibility\", \"visible\");\n            upBadge?.setAttribute(\"transform\", `translate(${universalSpineX}, ${upY})`);\n            \n            if (upArrow) { upArrow.setAttribute(\"fill\", sharedColor); }\n            if (upText) { upText.textContent = `+${topCount}`; upText.setAttribute(\"fill\", sharedTextCol); }\n            if (upRect) { upRect.setAttribute(\"stroke\", sharedColor); }\n          } else {\n            upStroke?.setAttribute(\"visibility\", \"hidden\");\n            upBadge?.setAttribute(\"visibility\", \"hidden\");\n          }\n\n          const downStroke = pathRefs.current[\"guideline-down-stroke\"];\n          const downBadge = pathRefs.current[\"guideline-down-badge\"];\n          const downArrow = pathRefs.current[\"guideline-down-arrow\"];\n          const downText = pathRefs.current[\"guideline-down-text\"];\n          const downRect = pathRefs.current[\"guideline-down-badge-rect\"];\n\n          if (bottomCount > 0) {\n            const downY = Math.min(containerHeight - 15, rightBottom - containerTop - 15);\n            const r = Math.min(15, Math.abs(universalSpineX - sharedX1), Math.max(0, downY - sharedY1));\n            const pathD = `M ${sharedX1},${sharedY1} L ${universalSpineX - r},${sharedY1} Q ${universalSpineX},${sharedY1} ${universalSpineX},${sharedY1 + r} L ${universalSpineX},${downY}`;\n\n            downStroke?.setAttribute(\"visibility\", \"visible\");\n            downStroke?.setAttribute(\"d\", pathD);\n            downStroke?.setAttribute(\"stroke\", sharedColor);\n\n            downBadge?.setAttribute(\"visibility\", \"visible\");\n            downBadge?.setAttribute(\"transform\", `translate(${universalSpineX}, ${downY})`);\n            \n            if (downArrow) { downArrow.setAttribute(\"fill\", sharedColor); }\n            if (downText) { downText.textContent = `+${bottomCount}`; downText.setAttribute(\"fill\", sharedTextCol); }\n            if (downRect) { downRect.setAttribute(\"stroke\", sharedColor); }\n          } else {\n            downStroke?.setAttribute(\"visibility\", \"hidden\");\n            downBadge?.setAttribute(\"visibility\", \"hidden\");\n          }\n        }\n      }, []);\n\n    const calculateLinesDebounced = useCallback(() => {\n        if (cachedConnectedPositions.current.length > 0 && !isAnimatingRef.current) {\n          return;\n        }\n        if (timerRef.current !== null) {\n          clearTimeout(timerRef.current);\n        }\n        timerRef.current = setTimeout(() => {\n          calculateLinesRef.current();\n          timerRef.current = null;\n        }, 50);\n      }, []);  \n      \n      \n      const handleColumnScroll = useCallback((e: any) => {\n        if (pendingScrollTargetRef.current !== null && pendingScrollCallbackRef.current) {\n          if (Math.abs(e.currentTarget.scrollTop - pendingScrollTargetRef.current) <= 2) {\n            const callback = pendingScrollCallbackRef.current;\n            pendingScrollTargetRef.current = null;\n            pendingScrollCallbackRef.current = null;\n            callback();\n          }\n        }\n      \n        if (scrollSyncing.current) return;\n        if (scrollLock.current) return;\n\n        if (\n          maintainRelativeOrder &&\n          scrollSyncLocked &&\n          (isSideBySideRef.current || connectedSections.size > 0)\n        ) {\n          const source = e.currentTarget as HTMLElement;\n          const leftContainer = leftContainerRef.current;\n          const rightContainer = rightContainerRef.current;\n          const target =\n            source === leftContainer\n              ? rightContainer\n              : source === rightContainer\n                ? leftContainer\n                : null;\n\n          if (source && target) {\n            const resolveActiveAnchors = () => {\n              const activeLeftIdx = activeSideBySideSectionRef.current;\n              const activeRightIdx = activeSideBySideRightSectionRef.current;\n\n              if (activeLeftIdx === null) return { leftAnchor: null, rightAnchor: null };\n\n              if (\n                typeof activeLeftIdx === \"string\" &&\n                activeLeftIdx.includes(DEVIATION_BADGE_SEPARATOR)\n              ) {\n                const parts = activeLeftIdx.split(DEVIATION_BADGE_SEPARATOR);\n                const refId = `${parts[0]}${DEVIATION_BADGE_SEPARATOR}${parts[1]}`;\n\n                return {\n                  leftAnchor:\n                    lhsBadgeRefs.current[refId]?.current ||\n                    subSectionLeftRefs.current[parts[2]]?.current ||\n                    sectionLeftRefs.current[Number(parts[2])]?.current ||\n                    null,\n                  rightAnchor:\n                    rhsBadgeRefs.current[refId]?.current ||\n                    subSectionRightRefs.current[parts[3]]?.current ||\n                    sectionRightRefs.current[Number(parts[3])]?.current ||\n                    null,\n                };\n              }\n\n              const leftIdx = Number(activeLeftIdx);\n              const rightIdx = activeRightIdx !== null ? Number(activeRightIdx) : leftIdx;\n\n              return {\n                leftAnchor:\n                  lhsBadgeRefs.current[leftIdx]?.current ||\n                  sectionRowRefs.current[leftIdx]?.current ||\n                  sectionLeftRefs.current[leftIdx]?.current ||\n                  null,\n                rightAnchor:\n                  rhsBadgeRefs.current[rightIdx]?.current ||\n                  sectionRightRefs.current[rightIdx]?.current ||\n                  null,\n              };\n            };\n\n            const { leftAnchor, rightAnchor } = resolveActiveAnchors();\n            const sourceAnchor = source === leftContainer ? leftAnchor : rightAnchor;\n            const targetAnchor = source === leftContainer ? rightAnchor : leftAnchor;\n\n            let nextTargetTop: number | null = null;\n\n            if (sourceAnchor && targetAnchor) {\n              const sourceAnchorRect = sourceAnchor.getBoundingClientRect();\n              const targetAnchorRect = targetAnchor.getBoundingClientRect();\n              const targetRect = target.getBoundingClientRect();\n\n              const sourceAnchorCenterY =\n                sourceAnchorRect.top + sourceAnchorRect.height / 2;\n              const targetAnchorAbsoluteCenterY =\n                targetAnchorRect.top -\n                targetRect.top +\n                target.scrollTop +\n                targetAnchorRect.height / 2;\n\n              nextTargetTop =\n                targetAnchorAbsoluteCenterY - (sourceAnchorCenterY - targetRect.top);\n            } else {\n              const sourceMaxScroll = Math.max(0, source.scrollHeight - source.clientHeight);\n              const targetMaxScroll = Math.max(0, target.scrollHeight - target.clientHeight);\n              nextTargetTop = sourceMaxScroll > 0\n                ? (source.scrollTop / sourceMaxScroll) * targetMaxScroll\n                : source.scrollTop;\n            }\n\n            const targetMaxScroll = Math.max(0, target.scrollHeight - target.clientHeight);\n            nextTargetTop = Math.max(0, Math.min(nextTargetTop, targetMaxScroll));\n\n            if (Math.abs(target.scrollTop - nextTargetTop) > 1) {\n              scrollSyncing.current = true;\n              target.scrollTop = nextTargetTop;\n              requestAnimationFrame(() => {\n                scrollSyncing.current = false;\n              });\n            }\n          }\n        }\n      \n        if (!maintainRelativeOrder) {\n            calculateLinesDebounced();\n        }\n      \n        if (!scrollTicking.current) {\n          scrollTicking.current = true;\n          \n          requestAnimationFrame(() => {\n            if (isSideBySideRef.current) {\n              const leftContainer = leftContainerRef.current;\n              const rightContainer = rightContainerRef.current;\n      \n              if (leftContainer && rightContainer && sideBySideLineRef.current) {\n                if (!sideBySideCacheRef.current) {\n                  const activeLeftIdx = activeSideBySideSectionRef.current;\n                  let lBadge;\n                  \n                  if (typeof activeLeftIdx === 'string' && activeLeftIdx.includes(DEVIATION_BADGE_SEPARATOR)) {\n                      const parts = activeLeftIdx.split(DEVIATION_BADGE_SEPARATOR);\n                      const refId = `${parts[0]}${DEVIATION_BADGE_SEPARATOR}${parts[1]}`;\n                      lBadge = lhsBadgeRefs.current[refId]?.current;\n                  } else {\n                      lBadge = lhsBadgeRefs.current[activeLeftIdx as number]?.current;\n                  }\n      \n                  if (lBadge) {\n                    const lRect = lBadge.getBoundingClientRect();\n                    sideBySideCacheRef.current = {\n                      badgeScreenY: lRect.top + lRect.height / 2, \n                      initialScrollTop: leftContainer.scrollTop,  \n                      leftTop: leftContainer.getBoundingClientRect().top,\n                      leftBottom: leftContainer.getBoundingClientRect().top + leftContainer.clientHeight,\n                      cTop: containerRef.current?.getBoundingClientRect().top ?? 0\n                    };\n                  }\n                }\n      \n                if (sideBySideCacheRef.current) {\n                  const cache = sideBySideCacheRef.current;\n                  const scrollDelta = leftContainer.scrollTop - cache.initialScrollTop;\n                  const rawLhsY = cache.badgeScreenY - scrollDelta;\n                  const clamp = (v: number, min: number, max: number) => Math.max(min, Math.min(max, v));\n                  const clampedLhsY = clamp(rawLhsY, cache.leftTop, cache.leftBottom);\n                  const horizontalY = (clampedLhsY - cache.cTop).toString();\n                  const isVisible = rawLhsY >= cache.leftTop - 4 && rawLhsY <= cache.leftBottom + 4;\n      \n                  sideBySideLineRef.current.setAttribute(\"y1\", horizontalY);\n                  sideBySideLineRef.current.setAttribute(\"y2\", horizontalY); \n                  sideBySideLineRef.current.setAttribute(\"visibility\", isVisible ? \"visible\" : \"hidden\");\n                }\n              }\n            }\n      \n            updateConnectedLinesOnScroll(); \n            scrollTicking.current = false;\n          });\n        }\n      }, [\n        updateConnectedLinesOnScroll,\n        maintainRelativeOrder,\n        scrollSyncLocked,\n        connectedSections,\n        calculateLinesDebounced,\n      ]);\n\n\n      useEffect(() => {\n        calculateLinesRef.current = calculateLines;\n      }, [calculateLines]);\n\n      useEffect(() => {\n          const timer = setTimeout(calculateLinesDebounced, 250);\n          const onWindowResize = () => handleResizeRef.current();\n          window.addEventListener(\"resize\", onWindowResize);\n      \n          return () => {\n            clearTimeout(timer);\n            if (timerRef.current !== null) clearTimeout(timerRef.current);\n            if (resizeTimerRef.current !== null) clearTimeout(resizeTimerRef.current);\n            window.removeEventListener(\"resize\", onWindowResize);\n          };\n        }, [\n          activeProposed,\n          existingRule,\n          analysisData,\n          visibleFields,\n          expandedSections,\n          expandedSubSections,\n          proposedSections,\n          existingSections,\n          resolvedComparisonConfig,\n          calculateLinesDebounced,\n          isSideBySide,\n          activeSideBySideSection,\n          isArrowVisible,\n          connectedSections,\n        ]);\n\n\n      return {\n  lines, setLines,\n  overallConnector, setOverallConnector,\n  connectedLines, setConnectedLines,\n  svgDimensions,\n  cachedConnectedPositions,\n  calculateLines,\n  calculateLinesRef,\n  calculateLinesDebounced,\n  handleColumnScroll,\n}\n\n}\n"],"names":["useLinesCalculator","containerRef","leftContainerRef","rightContainerRef","svgContainerRef","pathRefs","leftHeaderRef","rightHeaderRef","proposedSections","existingSections","visibleFields","leftRefs","rightRefs","sectionLeftRefs","sectionRightRefs","subSectionLeftRefs","subSectionRightRefs","lhsBadgeRefs","rhsBadgeRefs","sectionRowRefs","expandedSections","expandedSubSections","connectedSections","isSideBySide","activeSideBySideSection","maintainRelativeOrder","isGuidelineMode","cognitiveMap","getSectionCompareStyle","getSubSectionCompareStyle","getDeviationStyleByKey","isArrowVisible","isAnimatingRef","isSideBySideRef","sideBySideCacheRef","sideBySideLineRef","activeSideBySideSectionRef","activeSideBySideRightSectionRef","connectedLines","providedConnectedLines","setConnectedLines","providedSetConnectedLines","cachedConnectedPositions","providedCachedConnectedPositions","calculateLinesRef","resizeTimerRef","scrollLock","scrollSyncLocked","handleResizeRef","activeProposed","existingRule","analysisData","pendingScrollTargetRef","pendingScrollCallbackRef","resolvedComparisonConfig","getFieldData","lines","setLines","useState","overallConnector","setOverallConnector","internalConnectedLines","internalSetConnectedLines","svgDimensions","setSvgDimensions","width","height","isCalculatingLines","useRef","scrollTicking","scrollSyncing","timerRef","internalCachedConnectedPositions","getRoundedStaggeredPath","x1","y1","x2","y2","cX","visL","visR","Math","abs","r1","min","r2","dy1","dy2","dx2","calculateLines","useCallback","current","isSubSectionVisible","keyPath","pathParts","split","rootIdx","ancestorPath","i","length","containerRect","getBoundingClientRect","newLines","forEach","key","l","r","style","minHeight","idx","max","Object","keys","fieldHeights","lRect","rRect","syncHeights","left","right","subSectionHeights","leftIdx","leftSec","refIndexes","rhsSelfIdx","rhsArrayIdx","findIndex","s","selfIndex","maxH","DEVIATION_BADGE_SEPARATOR","offsetParent","entries","Number","getMappedRightIndexes","mapped","map","filter","Array","from","Set","continuationSourceIdx","continuationSourceRowId","section","comparisonRowId","resolvedLeftIdx","lWrap","rWrap","leftRect","rightRect","top","leftTop","rightTop","leftBottom","clientHeight","Infinity","rightBottom","clamp","v","push","id","sectionIdx","targetRightIdx","isSubSection","isMappingContinuation","hasCognitive","cognitiveData","nodeId","includes","devKey","leftKeyPath","rightKeyPath","refId","lBadgeEl","rBadgeEl","subSectionKeyPath","leftHeaderRect","rightHeaderRect","overallY","y","size","newConnectedLines","leftContainer","rightContainer","newCache","leftScrollTop","scrollTop","rightScrollTop","cTop","connectedIdx","lBadge","leftIdxNum","targetMarks","document","querySelectorAll","rBadge","index","centerX","rawLhsY","rawRhsY","lhsScrollY","rhsScrollY","styleId","baseLabel","n","join","String","letter","fromCharCode","matchLabel","containerTop","styleColor","badgeBorder","styleBg","badgeBg","styleText","badgeText","clampedLhsY","clampedRhsY","pathD","isGuideline","setTimeout","updateConnectedLinesOnScroll","e","console","error","cache","setAttribute","leftScroll","rightScroll","leftHeight","rightHeight","containerHeight","topCount","bottomCount","sharedX1","sharedY1","sharedColor","sharedTextCol","hasActiveConnections","universalSpineX","entry","lhsViewportY","rhsViewportY","strokeEl","bgEl","btnEl","numberBadgeEl","visibleLhsY","visibleRhsY","lhsVisible","rhsVisible","showLine","upStroke","upBadge","upArrow","upText","upRect","upY","textContent","downStroke","downBadge","downArrow","downText","downRect","downY","calculateLinesDebounced","clearTimeout","handleColumnScroll","currentTarget","callback","source","target","resolveActiveAnchors","activeLeftIdx","activeRightIdx","leftAnchor","rightAnchor","parts","rightIdx","sourceAnchor","targetAnchor","nextTargetTop","sourceAnchorRect","targetAnchorRect","targetRect","sourceAnchorCenterY","sourceMaxScroll","scrollHeight","targetMaxScroll","requestAnimationFrame","badgeScreenY","initialScrollTop","scrollDelta","horizontalY","toString","isVisible","useEffect","timer","onWindowResize","window","addEventListener","removeEventListener"],"mappings":"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"}
+{"version":3,"file":"useLinesCalculator.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-import{useRef as t,useState as e,useEffect as r,useCallback as n}from"react";import{buildOnDemandCitationCacheKey as o}from"../onDemandCitations/cacheKey.js";import{buildOnDemandCitationPayload as a}from"../onDemandCitations/payload.js";import{normalizeOnDemandCitationResponse as s}from"../onDemandCitations/response.js";const c=6e5,i=(t,e=6e5)=>Date.now()-t.updatedAt>e,u=t=>{const e={"content-type":"application/json",...t.request.headers||{}},r=Object.keys(e).some(t=>"authorization"===t.toLowerCase());return t.request.authToken&&!r&&(e.Authorization=`Bearer ${t.request.authToken}`),e},l=l=>{const h=t(new Map),[d,p]=e(0);r(()=>()=>{h.current.forEach(t=>t.controller?.abort())},[]);const f=n(()=>{p(t=>t+1)},[]),m=n(t=>o(t),[]),y=n(t=>{const e="string"==typeof t?t:m(t);return h.current.get(e)},[m,d]),g=n((t,e)=>{h.current.set(t,e),f()},[f]),w=n(async t=>{if(!l?.enabled||!l.request.url)return null;const e=m(t),r=l.cacheTtlMs??c,n=h.current.get(e);if("success"===n?.status&&!i(n,r))return n.data;if("loading"===n?.status&&n.promise)return n.promise;if("error"===n?.status&&!1===l.retryFailed&&!i(n,r))return null;const o=new AbortController,d=fetch(l.request.url,{method:l.request.method||"POST",headers:u(l),credentials:l.request.credentials,body:JSON.stringify(a(l,t)),signal:o.signal}).then(async e=>{const r=await(async t=>{if((t.headers.get("content-type")||"").includes("application/json"))return t.json();const e=await t.text();try{return JSON.parse(e)}catch{return e}})(e);if(!e.ok)throw new Error("string"==typeof r?r:r?.error?.errorMessage||r?.message||`Failed to fetch on-demand citation (${e.status})`);return l.parseResponse?.(r,t)??s(r,t)}).then(t=>(h.current.set(e,{status:"success",data:t,updatedAt:Date.now()}),f(),t)).catch(t=>{const r=t instanceof DOMException&&"AbortError"===t.name;if(h.current.set(e,{status:"error",error:t,updatedAt:Date.now()}),f(),r)return null;throw t});return g(e,{status:"loading",promise:d,controller:o,updatedAt:Date.now()}),d},[l,m,f,g]),C=n(async t=>{l?.enabled&&0!==t.length&&await(async(t,e,r)=>{const n=[...t],o=Array.from({length:Math.max(1,Math.min(e,n.length))},async()=>{for(;n.length>0;){const t=n.shift();if(!t)return;try{await r(t)}catch{}}});await Promise.all(o)})(t,l.maxConcurrentRequests||3,w)},[l,w]),b=n(t=>{t.forEach(t=>{const e=m(t),r=h.current.get(e);"loading"===r?.status&&r.controller?.abort()})},[m]);return{cacheVersion:d,getCacheKey:m,getCacheEntry:y,fetchCitationContext:w,prefetchCitationContexts:C,abortCitationContexts:b}};export{l as useOnDemandCitationCache};
+import{__awaiter as t,__generator as n,__spreadArray as e,__assign as r}from"tslib";import{useRef as o,useState as i,useEffect as u,useCallback as a}from"react";import{buildOnDemandCitationCacheKey as s}from"../onDemandCitations/cacheKey.js";import"../utils/normalizeRedlineMarkdown.js";import{buildOnDemandCitationPayload as c}from"../onDemandCitations/payload.js";import{normalizeOnDemandCitationResponse as l}from"../onDemandCitations/response.js";var d=6e5,f=function(t,n){return void 0===n&&(n=d),Date.now()-t.updatedAt>n},v=function(t){var n=r({"content-type":"application/json"},t.request.headers||{}),e=Object.keys(n).some(function(t){return"authorization"===t.toLowerCase()});return t.request.authToken&&!e&&(n.Authorization="Bearer ".concat(t.request.authToken)),n},h=function(e){return t(void 0,void 0,void 0,function(){var t;return n(this,function(n){switch(n.label){case 0:return(e.headers.get("content-type")||"").includes("application/json")?[2,e.json()]:[4,e.text()];case 1:t=n.sent();try{return[2,JSON.parse(t)]}catch(n){return[2,t]}return[2]}})})},p=function(r){var p=o(new Map),m=i(0),g=m[0],b=m[1];u(function(){return function(){p.current.forEach(function(t){var n;return null===(n=t.controller)||void 0===n?void 0:n.abort()})}},[]);var w=a(function(){b(function(t){return t+1})},[]),y=a(function(t){return s(t)},[]),C=a(function(t){var n="string"==typeof t?t:y(t);return p.current.get(n)},[y,g]),j=a(function(t,n){p.current.set(t,n),w()},[w]),q=a(function(e){return t(void 0,void 0,void 0,function(){var o,i,u,a,s,m;return n(this,function(g){return(null==r?void 0:r.enabled)&&r.request.url?(o=y(e),i=null!==(m=r.cacheTtlMs)&&void 0!==m?m:d,"success"!==(null==(u=p.current.get(o))?void 0:u.status)||f(u,i)?"loading"===(null==u?void 0:u.status)&&u.promise?[2,u.promise]:"error"!==(null==u?void 0:u.status)||!1!==r.retryFailed||f(u,i)?(a=new AbortController,s=fetch(r.request.url,{method:r.request.method||"POST",headers:v(r),credentials:r.request.credentials,body:JSON.stringify(c(r,e)),signal:a.signal}).then(function(o){return t(void 0,void 0,void 0,function(){var t,i,u,a;return n(this,function(n){switch(n.label){case 0:return[4,h(o)];case 1:if(t=n.sent(),!o.ok)throw new Error("string"==typeof t?t:(null===(i=null==t?void 0:t.error)||void 0===i?void 0:i.errorMessage)||(null==t?void 0:t.message)||"Failed to fetch on-demand citation (".concat(o.status,")"));return[2,null!==(a=null===(u=r.parseResponse)||void 0===u?void 0:u.call(r,t,e))&&void 0!==a?a:l(t,e)]}})})}).then(function(t){return p.current.set(o,{status:"success",data:t,updatedAt:Date.now()}),w(),t}).catch(function(t){var n=t instanceof DOMException&&"AbortError"===t.name;if(p.current.set(o,{status:"error",error:t,updatedAt:Date.now()}),w(),n)return null;throw t}),j(o,{status:"loading",promise:s,controller:a,updatedAt:Date.now()}),[2,s]):[2,null]:[2,u.data]):[2,null]})})},[r,y,w,j]),x=a(function(o){return t(void 0,void 0,void 0,function(){return n(this,function(i){switch(i.label){case 0:return(null==r?void 0:r.enabled)&&0!==o.length?[4,(u=o,a=r.maxConcurrentRequests||3,s=q,t(void 0,void 0,void 0,function(){var r,o;return n(this,function(i){switch(i.label){case 0:return r=e([],u,!0),o=Array.from({length:Math.max(1,Math.min(a,r.length))},function(){return t(void 0,void 0,void 0,function(){var t;return n(this,function(n){switch(n.label){case 0:if(!(r.length>0))return[3,5];if(!(t=r.shift()))return[2];n.label=1;case 1:return n.trys.push([1,3,,4]),[4,s(t)];case 2:case 3:return n.sent(),[3,4];case 4:return[3,0];case 5:return[2]}})})}),[4,Promise.all(o)];case 1:return i.sent(),[2]}})}))]:[2];case 1:return i.sent(),[2]}var u,a,s})})},[r,q]),A=a(function(t){t.forEach(function(t){var n,e=y(t),r=p.current.get(e);"loading"===(null==r?void 0:r.status)&&(null===(n=r.controller)||void 0===n||n.abort())})},[y]);return{cacheVersion:g,getCacheKey:y,getCacheEntry:C,fetchCitationContext:q,prefetchCitationContexts:x,abortCitationContexts:A}};export{p as useOnDemandCitationCache};
 //# sourceMappingURL=useOnDemandCitationCache.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useOnDemandCitationCache.js","sources":["../../../../src/features/CognitiveCompare/hooks/useOnDemandCitationCache.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport {\n  CognitiveCompareOnDemandCitationConfig,\n  OnDemandCitationCacheEntry,\n  OnDemandCitationContext,\n} from \"../CognitiveCompareTypes\";\nimport {\n  buildOnDemandCitationCacheKey,\n  buildOnDemandCitationPayload,\n  normalizeOnDemandCitationResponse,\n} from \"../onDemandCitations\";\n\nconst DEFAULT_CACHE_TTL_MS = 10 * 60 * 1000;\nconst DEFAULT_MAX_CONCURRENT_REQUESTS = 3;\n\nconst isExpired = (\n  entry: OnDemandCitationCacheEntry,\n  ttlMs = DEFAULT_CACHE_TTL_MS,\n) => Date.now() - entry.updatedAt > ttlMs;\n\nconst withConcurrencyLimit = async <T,>(\n  items: T[],\n  limit: number,\n  worker: (item: T) => Promise<unknown>,\n) => {\n  const queue = [...items];\n  const workers = Array.from(\n    { length: Math.max(1, Math.min(limit, queue.length)) },\n    async () => {\n      while (queue.length > 0) {\n        const item = queue.shift();\n        if (!item) return;\n        try {\n          await worker(item);\n        } catch {\n          // Individual request errors are written to cache by the worker.\n        }\n      }\n    },\n  );\n\n  await Promise.all(workers);\n};\n\nconst getFetchHeaders = (\n  config: CognitiveCompareOnDemandCitationConfig,\n) => {\n  const headers: Record<string, string> = {\n    \"content-type\": \"application/json\",\n    ...(config.request.headers || {}),\n  };\n  const hasAuthorizationHeader = Object.keys(headers).some(\n    (key) => key.toLowerCase() === \"authorization\",\n  );\n\n  if (config.request.authToken && !hasAuthorizationHeader) {\n    headers.Authorization = `Bearer ${config.request.authToken}`;\n  }\n\n  return headers;\n};\n\nconst readResponseBody = async (response: Response) => {\n  const contentType = response.headers.get(\"content-type\") || \"\";\n  if (contentType.includes(\"application/json\")) {\n    return response.json();\n  }\n\n  const text = await response.text();\n  try {\n    return JSON.parse(text);\n  } catch {\n    return text;\n  }\n};\n\nexport const useOnDemandCitationCache = (\n  config?: CognitiveCompareOnDemandCitationConfig,\n) => {\n  const cacheRef = useRef<Map<string, OnDemandCitationCacheEntry>>(new Map());\n  const [cacheVersion, setCacheVersion] = useState(0);\n\n  useEffect(() => {\n    return () => {\n      cacheRef.current.forEach((entry) => entry.controller?.abort());\n    };\n  }, []);\n\n  const notifyCacheUpdated = useCallback(() => {\n    setCacheVersion((version) => version + 1);\n  }, []);\n\n  const getCacheKey = useCallback(\n    (context: OnDemandCitationContext) => buildOnDemandCitationCacheKey(context),\n    [],\n  );\n\n  const getCacheEntry = useCallback(\n    (contextOrKey: OnDemandCitationContext | string) => {\n      const key =\n        typeof contextOrKey === \"string\"\n          ? contextOrKey\n          : getCacheKey(contextOrKey);\n      return cacheRef.current.get(key);\n    },\n    [getCacheKey, cacheVersion],\n  );\n\n  const setCacheEntry = useCallback(\n    (key: string, entry: OnDemandCitationCacheEntry) => {\n      cacheRef.current.set(key, entry);\n      notifyCacheUpdated();\n    },\n    [notifyCacheUpdated],\n  );\n\n  const fetchCitationContext = useCallback(\n    async (context: OnDemandCitationContext) => {\n      if (!config?.enabled || !config.request.url) {\n        return null;\n      }\n\n      const key = getCacheKey(context);\n      const ttlMs = config.cacheTtlMs ?? DEFAULT_CACHE_TTL_MS;\n      const existingEntry = cacheRef.current.get(key);\n\n      if (\n        existingEntry?.status === \"success\" &&\n        !isExpired(existingEntry, ttlMs)\n      ) {\n        return existingEntry.data;\n      }\n\n      if (existingEntry?.status === \"loading\" && existingEntry.promise) {\n        return existingEntry.promise;\n      }\n\n      if (\n        existingEntry?.status === \"error\" &&\n        config.retryFailed === false &&\n        !isExpired(existingEntry, ttlMs)\n      ) {\n        return null;\n      }\n\n      const controller = new AbortController();\n      const promise = fetch(config.request.url, {\n        method: config.request.method || \"POST\",\n        headers: getFetchHeaders(config),\n        credentials: config.request.credentials,\n        body: JSON.stringify(buildOnDemandCitationPayload(config, context)),\n        signal: controller.signal,\n      })\n        .then(async (response) => {\n          const body = await readResponseBody(response);\n          if (!response.ok) {\n            throw new Error(\n              typeof body === \"string\"\n                ? body\n                : body?.error?.errorMessage ||\n                    body?.message ||\n                    `Failed to fetch on-demand citation (${response.status})`,\n            );\n          }\n\n          return (\n            config.parseResponse?.(body, context) ??\n            normalizeOnDemandCitationResponse(body, context)\n          );\n        })\n        .then((data) => {\n          cacheRef.current.set(key, {\n            status: \"success\",\n            data,\n            updatedAt: Date.now(),\n          });\n          notifyCacheUpdated();\n          return data;\n        })\n        .catch((error) => {\n          const isAbortError =\n            error instanceof DOMException && error.name === \"AbortError\";\n          cacheRef.current.set(key, {\n            status: \"error\",\n            error,\n            updatedAt: Date.now(),\n          });\n          notifyCacheUpdated();\n\n          if (isAbortError) return null;\n          throw error;\n        });\n\n      setCacheEntry(key, {\n        status: \"loading\",\n        promise,\n        controller,\n        updatedAt: Date.now(),\n      });\n\n      return promise;\n    },\n    [config, getCacheKey, notifyCacheUpdated, setCacheEntry],\n  );\n\n  const prefetchCitationContexts = useCallback(\n    async (contexts: OnDemandCitationContext[]) => {\n      if (!config?.enabled || contexts.length === 0) return;\n\n      await withConcurrencyLimit(\n        contexts,\n        config.maxConcurrentRequests || DEFAULT_MAX_CONCURRENT_REQUESTS,\n        fetchCitationContext,\n      );\n    },\n    [config, fetchCitationContext],\n  );\n\n  const abortCitationContexts = useCallback(\n    (contexts: OnDemandCitationContext[]) => {\n      contexts.forEach((context) => {\n        const key = getCacheKey(context);\n        const entry = cacheRef.current.get(key);\n        if (entry?.status === \"loading\") {\n          entry.controller?.abort();\n        }\n      });\n    },\n    [getCacheKey],\n  );\n\n  return {\n    cacheVersion,\n    getCacheKey,\n    getCacheEntry,\n    fetchCitationContext,\n    prefetchCitationContexts,\n    abortCitationContexts,\n  };\n};\n"],"names":["DEFAULT_CACHE_TTL_MS","isExpired","entry","ttlMs","Date","now","updatedAt","getFetchHeaders","config","headers","request","hasAuthorizationHeader","Object","keys","some","key","toLowerCase","authToken","Authorization","useOnDemandCitationCache","cacheRef","useRef","Map","cacheVersion","setCacheVersion","useState","useEffect","current","forEach","controller","abort","notifyCacheUpdated","useCallback","version","getCacheKey","context","buildOnDemandCitationCacheKey","getCacheEntry","contextOrKey","get","setCacheEntry","set","fetchCitationContext","async","enabled","url","cacheTtlMs","existingEntry","status","data","promise","retryFailed","AbortController","fetch","method","credentials","body","JSON","stringify","buildOnDemandCitationPayload","signal","then","response","includes","json","text","parse","readResponseBody","ok","Error","error","errorMessage","message","parseResponse","normalizeOnDemandCitationResponse","catch","isAbortError","DOMException","name","prefetchCitationContexts","contexts","length","items","limit","worker","queue","workers","Array","from","Math","max","min","item","shift","Promise","all","withConcurrencyLimit","maxConcurrentRequests","abortCitationContexts"],"mappings":"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"}
+{"version":3,"file":"useOnDemandCitationCache.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

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

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

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

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

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