{"version":3,"file":"js/6232-699ae64b2871d939cafc.chunk.js","mappings":"2FAmCA,SAASA,EACgBC,EACAC,GAEvB,MAAMC,EAdR,SAA0CC,GACxC,MAAMC,EAAUC,SAASJ,KAAKK,wBAAwBC,IAMtD,OALcJ,EAAGG,wBAAwBC,IAK1BH,EAJMC,SAClBG,cAAc,UACdF,wBAAwBG,MAG7B,CAMyBC,CAAUV,GAE3BW,EAnCR,SAAyCR,GACvC,KAAOA,EAAGS,kBACRT,EAAGU,YAAYV,EAAGS,kBAGpB,OAAOT,CACT,CAGSW,CA0B2Bd,EA1BQe,WAAU,IAAOC,YA8B3D,OAHqBf,EAAKO,cAAc,UAC3BQ,YAAcL,EAEvBN,SAASJ,KAAKgB,UAAUC,SAAS,WACnCjB,EAAKkB,MAAMC,SAAW,SACtBnB,EAAKkB,MAAMZ,IAAM,SACjBN,EAAKkB,MAAME,QAAU,WAKvBC,OAAOC,uBAAsB,KAC3BtB,EAAKkB,MAAMC,SAAW,WACtBnB,EAAKkB,MAAMZ,IAAM,GAAGL,MACpBD,EAAKkB,MAAME,QAAU,WAGhBpB,EACT,CAGgCI,SAASG,cACrC,2BAEoBW,MAAME,QAAU,OAEHhB,SAASmB,iBAC1C,+BAGyBC,SAASC,IAClC,MAAMzB,EAvDV,SAAoDE,GAClD,MAAMwB,EAAQxB,EAAGyB,aAAa,cAG9B,OAFazB,EAAG0B,QAAQ,WAEZrB,cAAc,uCAAuCmB,MACnE,CAkDiBG,CAAoBJ,GAEjC3B,EAAkB2B,EAASzB,GAE3BqB,OAAOC,uBAAsB,KAC3BxB,EAAkB2B,EAASzB,EAAK,IAGlCqB,OAAOS,iBAAiB,cAAc,KACpChC,EAAkB2B,EAASzB,EAAK,IAGlCqB,OAAOS,iBAAiB,cAAc,KACpChC,EAAkB2B,EAASzB,EAAK,IAGlCqB,OAAOU,YAAW,KAChBjC,EAAkB2B,EAASzB,EAAK,GAC/B,KAEHqB,OAAOU,YAAW,KAChBjC,EAAkB2B,EAASzB,EAAK,GAC/B,KAAK,G","sources":["webpack://endrun/./app/javascript/app/shortcodes/annotation_2.js"],"sourcesContent":["/**\n * Removes all element-based children, but *not* text nodes.\n *\n * @param {Element} el\n * @returns {Element}\n */\nfunction removeAllNonTextElementChildren(el) {\n  while (el.lastElementChild) {\n    el.removeChild(el.lastElementChild);\n  }\n\n  return el;\n}\n\nfunction textWithoutChildren(/** @type {Element} */ el) {\n  return removeAllNonTextElementChildren(el.cloneNode(true)).textContent;\n}\n\nfunction annoBodyForSelector(/** @type {Element} */ el) {\n  const index = el.getAttribute('data-index');\n  const post = el.closest('article');\n\n  return post.querySelector(`.post-annotation-2-body[data-index=\"${index}\"]`);\n}\n\nfunction distToTop(/** @type {Element} */ el) {\n  const bodyTop = document.body.getBoundingClientRect().top;\n  const elTop = el.getBoundingClientRect().top;\n  const headerHeight = document\n    .querySelector('header')\n    .getBoundingClientRect().height;\n\n  return elTop - bodyTop + headerHeight;\n}\n\nfunction recalculateOffset(\n  /** @type {Element} */ selector,\n  /** @type {Element} */ body\n) {\n  const selectorOffset = distToTop(selector);\n\n  const title = textWithoutChildren(selector);\n  const titleElement = body.querySelector('.title');\n  titleElement.textContent = title;\n\n  if (document.body.classList.contains('mobile')) {\n    body.style.position = 'static';\n    body.style.top = '0';\n    body.style.display = 'block';\n\n    return;\n  }\n\n  window.requestAnimationFrame(() => {\n    body.style.position = 'absolute';\n    body.style.top = `${selectorOffset}px`;\n    body.style.display = 'block';\n  });\n\n  return body;\n}\n\nfunction buildAnnotations() {\n  const annotationBodyElement = document.querySelector(\n    '.post-annotation-2-body'\n  );\n  annotationBodyElement.style.display = 'none';\n\n  const annotationSelectorElements = document.querySelectorAll(\n    '.post-annotation-2-selector'\n  );\n\n  annotationSelectorElements.forEach((element) => {\n    const body = annoBodyForSelector(element);\n\n    recalculateOffset(element, body);\n\n    window.requestAnimationFrame(() => {\n      recalculateOffset(element, body);\n    });\n\n    window.addEventListener('tmp_resize', () => {\n      recalculateOffset(element, body);\n    });\n\n    window.addEventListener('tmp_reflow', () => {\n      recalculateOffset(element, body);\n    });\n\n    window.setTimeout(() => {\n      recalculateOffset(element, body);\n    }, 250);\n\n    window.setTimeout(() => {\n      recalculateOffset(element, body);\n    }, 2500);\n  });\n}\n\nbuildAnnotations();\n"],"names":["recalculateOffset","selector","body","selectorOffset","el","bodyTop","document","getBoundingClientRect","top","querySelector","height","distToTop","title","lastElementChild","removeChild","removeAllNonTextElementChildren","cloneNode","textContent","classList","contains","style","position","display","window","requestAnimationFrame","querySelectorAll","forEach","element","index","getAttribute","closest","annoBodyForSelector","addEventListener","setTimeout"],"sourceRoot":""}