{
  "version": 3,
  "sources": ["../javascripts/hooks/renderers.ts"],
  "sourcesContent": ["import { useLayoutEffect, useState } from 'react';\n\nconst checkVisibility = (el: Element | undefined) => {\n  if (!el) return false;\n\n  const bounds = el.getBoundingClientRect();\n  const documentElementClientHeight = document.documentElement\n    ? document.documentElement.clientHeight\n    : 0;\n  const documentElementClientWidth = document.documentElement\n    ? document.documentElement.clientWidth\n    : 0;\n  const preload = 10; // Offset to load before entering viewport set in px\n\n  return (\n    bounds.top >= -1 * (bounds.height / 2) &&\n    bounds.left >= -1 * (bounds.width / 2) &&\n    bounds.bottom <=\n      (window.innerHeight || documentElementClientHeight) + bounds.height + preload &&\n    bounds.right <= (window.innerWidth || documentElementClientWidth) + bounds.width + preload\n  );\n};\n\n/*\n    forwardedElement is optional. If provided, scroll eventlistner will be attach to the element.\n    Useful when a extra listner for x-axis scroll is needed for i.e. a gallery.\n\n    visibleKey is optional. If provided, the init event will be triggered once the 'key' changes.\n    Useful when a gallery is using next and prev-buttons to trigger next view.\n*/\n\ninterface Optionals {\n  forwardedElement: Element | undefined;\n  visibleKey: number | undefined;\n}\n\nconst validVisibleKey = (optionals?: Optionals): boolean => {\n  if (!optionals) return false;\n\n  const { visibleKey } = optionals;\n  if (!visibleKey) return false;\n  return true;\n};\n\nexport const useDelayedRender = (\n  callback: () => void,\n  element: Element | null,\n  optionals?: Optionals,\n) => {\n  if (process.env.SSR) return;\n  const [hasBeenVisible, setHasBeenVisible] = useState(false);\n  const handler = () => {\n    if (element) {\n      const visible = checkVisibility(element);\n      if (visible) {\n        callback();\n        unregister();\n      }\n    }\n  };\n\n  const unregister = () => {\n    setHasBeenVisible(true);\n    window.removeEventListener('scroll', handler);\n    if (optionals && optionals.forwardedElement)\n      optionals.forwardedElement.removeEventListener('scroll', handler);\n  };\n\n  useLayoutEffect(() => {\n    if (!element) return;\n\n    window.addEventListener('scroll', handler);\n    if (optionals && optionals.forwardedElement)\n      optionals.forwardedElement.addEventListener('scroll', handler);\n    return unregister;\n  }, [element]);\n\n  useLayoutEffect(() => {\n    if (!element || hasBeenVisible || !validVisibleKey(optionals)) return;\n\n    const timeout = setTimeout(() => {\n      const visible = checkVisibility(element);\n      if (visible && !hasBeenVisible) {\n        callback();\n        unregister();\n      }\n    }, 250);\n\n    return (): void => clearTimeout(timeout);\n  }, [optionals]);\n\n  useLayoutEffect(() => {\n    if (!element) return;\n\n    const timeout = setTimeout(() => {\n      const visible = checkVisibility(element);\n      if (visible && !hasBeenVisible) {\n        callback();\n        unregister();\n      }\n    }, 250);\n    return (): void => clearTimeout(timeout);\n  }, [element]);\n};\n"],
  "mappings": "sDAAA,IAAAA,EAA0C,SAEpCC,EAAmBC,GAA4B,CACnD,GAAI,CAACA,EAAI,MAAO,GAEhB,IAAMC,EAASD,EAAG,sBAAsB,EAClCE,EAA8B,SAAS,gBACzC,SAAS,gBAAgB,aACzB,EACEC,EAA6B,SAAS,gBACxC,SAAS,gBAAgB,YACzB,EACEC,EAAU,GAEhB,OACEH,EAAO,KAAO,IAAMA,EAAO,OAAS,IACpCA,EAAO,MAAQ,IAAMA,EAAO,MAAQ,IACpCA,EAAO,SACJ,OAAO,aAAeC,GAA+BD,EAAO,OAASG,GACxEH,EAAO,QAAU,OAAO,YAAcE,GAA8BF,EAAO,MAAQG,CAEvF,EAeMC,EAAmBC,GAAmC,CAC1D,GAAI,CAACA,EAAW,MAAO,GAEvB,GAAM,CAAE,WAAAC,CAAW,EAAID,EACvB,MAAK,EAAAC,CAEP,EAEaC,EAAmB,CAC9BC,EACAC,EACAJ,IACG,CAEH,GAAM,CAACK,EAAgBC,CAAiB,KAAI,YAAS,EAAK,EACpDC,EAAU,IAAM,CAChBH,GACcX,EAAgBW,CAAO,IAErCD,EAAS,EACTK,EAAW,EAGjB,EAEMA,EAAa,IAAM,CACvBF,EAAkB,EAAI,EACtB,OAAO,oBAAoB,SAAUC,CAAO,EACxCP,GAAaA,EAAU,kBACzBA,EAAU,iBAAiB,oBAAoB,SAAUO,CAAO,CACpE,KAEA,mBAAgB,IAAM,CACpB,GAAKH,EAEL,cAAO,iBAAiB,SAAUG,CAAO,EACrCP,GAAaA,EAAU,kBACzBA,EAAU,iBAAiB,iBAAiB,SAAUO,CAAO,EACxDC,CACT,EAAG,CAACJ,CAAO,CAAC,KAEZ,mBAAgB,IAAM,CACpB,GAAI,CAACA,GAAWC,GAAkB,CAACN,EAAgBC,CAAS,EAAG,OAE/D,IAAMS,EAAU,WAAW,IAAM,CACfhB,EAAgBW,CAAO,GACxB,CAACC,IACdF,EAAS,EACTK,EAAW,EAEf,EAAG,GAAG,EAEN,MAAO,IAAY,aAAaC,CAAO,CACzC,EAAG,CAACT,CAAS,CAAC,KAEd,mBAAgB,IAAM,CACpB,GAAI,CAACI,EAAS,OAEd,IAAMK,EAAU,WAAW,IAAM,CACfhB,EAAgBW,CAAO,GACxB,CAACC,IACdF,EAAS,EACTK,EAAW,EAEf,EAAG,GAAG,EACN,MAAO,IAAY,aAAaC,CAAO,CACzC,EAAG,CAACL,CAAO,CAAC,CACd",
  "names": ["import_react", "checkVisibility", "el", "bounds", "documentElementClientHeight", "documentElementClientWidth", "preload", "validVisibleKey", "optionals", "visibleKey", "useDelayedRender", "callback", "element", "hasBeenVisible", "setHasBeenVisible", "handler", "unregister", "timeout"]
}