@viswa-test/test-citation 0.0.385 → 0.0.387

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

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

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

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

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

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

package/dist/cjs/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","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/cjs/features/CognitiveCompare/hooks/useResizeHandler.js

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

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

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

package/dist/cjs/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","visibleFieldKeys","sectionCount","leftRefs","useRef","rightRefs","sectionLeftRefs","sectionRightRefs","lhsBadgeRefs","rhsBadgeRefs","sectionRightRowRefs","subSectionLeftRefs","subSectionRightRefs","sectionRowRefs","getFieldRef","useCallback","side","key","store","current","getIndexedRef","forEach","i","getSectionRowRef","idx","getSubSectionRef","keyPath","getBadgeRef"],"mappings":"8KAKA,MAAMA,EAAe,IAAMC,UAAMC,mCAEH,CAC5BC,EACAC,KAEM,MAAAC,EAAWC,SAA0B,CAAA,GACrCC,EAAYD,SAA0B,CAAA,GACtCE,EAAkBF,SAAkB,CAAA,GACpCG,EAAmBH,SAAkB,CAAA,GACrCI,EAAeJ,SAAkB,CAAA,GACjCK,EAAeL,SAAkB,CAAA,GACjCM,EAAsBN,SAAkB,CAAA,GACxCO,EAAqBP,SAA0B,CAAA,GAC/CQ,EAAsBR,SAA0B,CAAA,GAChDS,EAAiBT,SAAkB,CAAA,GAEnCU,EAAcC,EAAAA,YAClB,CAACC,EAAwBC,KACvB,MAAMC,EAAiB,SAATF,EAAkBb,EAASgB,QAAUd,EAAUc,QAI7D,OAHKD,EAAMD,KACHC,EAAAD,GAAOnB,KAERoB,EAAMD,IAEf,IAGIG,EAAgBL,EAAAA,YACpB,CAACG,EAA0CD,KACpCC,EAAMC,QAAQF,KACXC,EAAAC,QAAQF,GAAOnB,KAEhBoB,EAAMC,QAAQF,IAEvB,IAGehB,EAAAoB,QAASJ,IACxBH,EAAY,OAAQG,GACpBH,EAAY,QAASG,KAGvB,IAAA,IAASK,EAAI,EAAGA,EAAIpB,EAAcoB,GAAK,EACrCF,EAAcd,EAAiBgB,GAC/BF,EAAcb,EAAkBe,GAChCF,EAAcZ,EAAcc,GAC5BF,EAAcX,EAAca,GAC5BF,EAAcV,EAAqBY,GAGrC,MAAMC,EAAmBR,EAAAA,YACtBS,GAAyBJ,EAAcP,EAAgBW,GACxD,CAACJ,IAGGK,EAAmBV,EAAAA,YACvB,CAACC,EAAwBU,KACvB,MAAMR,EACK,SAATF,EAAkBL,EAAmBQ,QAAUP,EAAoBO,QAIrE,OAHKD,EAAMQ,KACHR,EAAAQ,GAAW5B,KAEZoB,EAAMQ,IAEf,IAGIC,EAAcZ,EAAAA,YAClB,CAACC,EAAwBC,IAEhBG,EADgB,SAATJ,EAAkBR,EAAeC,EACnBQ,GAE9B,CAACG,IAGI,MAAA,CACLjB,WACAE,YACAC,kBACAC,mBACAC,eACAC,eACAC,sBACAC,qBACAC,sBACAC,iBACAC,cACAS,mBACAE,mBACAE"}
+{"version":3,"file":"useSectionRefs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}