{"version":3,"file":"clientUtils-0cdb4ef3.js","sources":["../../src/components/composables/clientUtils.ts"],"sourcesContent":["import { debounce } from \"lodash-es\";\nimport { onBeforeUnmount, onMounted, ref } from \"vue\";\n\n/**\n * Provides reactive values for client height and width properties\n */\nexport const useClientSize = () => {\n  const clientWidth = ref(document.documentElement.clientWidth);\n  const clientHeight = ref(document.documentElement.clientHeight);\n\n  const handleResizeEvent = () => {\n    clientWidth.value = document.documentElement.clientWidth;\n    clientHeight.value = document.documentElement.clientHeight;\n  };\n\n  const handleResizeEventDebounced = debounce(handleResizeEvent, 300);\n\n  onMounted(() => {\n    window.addEventListener(\"resize\", handleResizeEventDebounced);\n  });\n\n  onBeforeUnmount(() => {\n    window.removeEventListener(\"resize\", handleResizeEventDebounced);\n  });\n\n  return {\n    clientWidth,\n    clientHeight,\n  };\n};\n\n/**\n * Allows toggling and current state of fullscreen mode\n */\nexport const useFullscreen = () => {\n  const isFullscreen = ref(false);\n  const prefixes = [\"\", \"ms\", \"webkit\"];\n\n  const documentElementFullscreenExtended =\n    document.documentElement as HTMLElement & {\n      mozRequestFullScreen: () => Promise<void>;\n      webkitRequestFullscreen: () => Promise<void>;\n      msRequestFullscreen: () => Promise<void>;\n    };\n\n  const documentFullscreenExtended = document as Document & {\n    webkitExitFullscreen: () => Promise<void>;\n    mozCancelFullScreen: () => Promise<void>;\n    msExitFullscreen: () => Promise<void>;\n\n    webkitFullscreenElement: Element | null;\n    mozFullScreenElement: Element | null;\n    msFullscreenElement: Element | null;\n  };\n\n  const isFullscreenSupported = () => {\n    if (!documentElementFullscreenExtended || !documentFullscreenExtended) {\n      return false;\n    }\n    // Supported by most modern browsers\n    return !!(\n      documentElementFullscreenExtended.requestFullscreen ||\n      documentElementFullscreenExtended.webkitRequestFullscreen ||\n      documentElementFullscreenExtended.msRequestFullscreen\n    );\n  };\n\n  const toggleFullscreen = () => {\n    if (!isFullscreenSupported()) {\n      return;\n    }\n\n    if (isFullscreen.value) {\n      closeFullscreen();\n    } else {\n      openFullscreen();\n    }\n  };\n\n  const openFullscreen = () => {\n    try {\n      if (documentElementFullscreenExtended.requestFullscreen) {\n        documentElementFullscreenExtended.requestFullscreen();\n      } else if (documentElementFullscreenExtended.webkitRequestFullscreen) {\n        /* Safari */\n        documentElementFullscreenExtended.webkitRequestFullscreen();\n      } else if (documentElementFullscreenExtended.msRequestFullscreen) {\n        /* IE11 */\n        documentElementFullscreenExtended.msRequestFullscreen();\n      }\n    } catch (_) {\n      // Ignore fullscreen errors\n    }\n  };\n\n  const closeFullscreen = () => {\n    try {\n      if (documentFullscreenExtended.exitFullscreen) {\n        documentFullscreenExtended.exitFullscreen();\n      } else if (documentFullscreenExtended.webkitExitFullscreen) {\n        /* Safari */\n        documentFullscreenExtended.webkitExitFullscreen();\n      } else if (documentFullscreenExtended.msExitFullscreen) {\n        /* IE11 */\n        documentFullscreenExtended.msExitFullscreen();\n      }\n    } catch (_) {\n      // Ignore fullscreen errors\n    }\n  };\n\n  const handleFullscreenChange = () => {\n    isFullscreen.value = !!(\n      documentFullscreenExtended.fullscreenElement ||\n      documentFullscreenExtended.webkitFullscreenElement ||\n      documentFullscreenExtended.mozFullScreenElement ||\n      documentFullscreenExtended.msFullscreenElement\n    );\n  };\n\n  onMounted(() => {\n    handleFullscreenChange();\n    for (const prefix of prefixes) {\n      document.addEventListener(\n        `${prefix}fullscreenchange`,\n        handleFullscreenChange\n      );\n    }\n  });\n\n  onBeforeUnmount(() => {\n    for (const prefix of prefixes) {\n      document.removeEventListener(\n        `${prefix}fullscreenchange`,\n        handleFullscreenChange\n      );\n    }\n  });\n\n  return {\n    isFullscreen,\n    toggleFullscreen,\n    isFullscreenSupported,\n    closeFullscreen,\n    openFullscreen,\n  };\n};\n"],"names":["ref"],"mappings":"yNAMO,MAAM,cAAgB,WAAM,CACjC,MAAM,YAAcA,MAAI,SAAS,gBAAgB,WAAW,EACtD,aAAeA,MAAI,SAAS,gBAAgB,YAAY,EAOxD,2BAA6B,SALT,WAAM,CAClB,YAAA,MAAQ,SAAS,gBAAgB,YAChC,aAAA,MAAQ,SAAS,gBAAgB,YAAA,EAFtB,qBAKqC,GAAG,EAElE,iBAAU,IAAM,CACP,OAAA,iBAAiB,SAAU,0BAA0B,CAAA,CAC7D,EAED,gBAAgB,IAAM,CACb,OAAA,oBAAoB,SAAU,0BAA0B,CAAA,CAChE,EAEM,CACL,YACA,YAAA,CAEJ,EAvB6B,iBA4BhB,cAAgB,WAAM,CAC3B,MAAA,aAAeA,MAAI,EAAK,EACxB,SAAW,CAAC,GAAI,KAAM,QAAQ,EAE9B,kCACJ,SAAS,gBAML,2BAA6B,SAU7B,sBAAwB,WACxB,CAAC,mCAAqC,CAAC,2BAClC,GAGF,CAAC,EACN,kCAAkC,mBAClC,kCAAkC,yBAClC,kCAAkC,qBARR,yBAYxB,iBAAmB,WAAM,CACxB,0BAID,aAAa,MACC,kBAED,iBACjB,EATuB,oBAYnB,eAAiB,WAAM,CACvB,GAAA,CACE,kCAAkC,kBACpC,kCAAkC,kBAAkB,EAC3C,kCAAkC,wBAE3C,kCAAkC,wBAAwB,EACjD,kCAAkC,qBAE3C,kCAAkC,oBAAoB,QAI1D,CAAA,EAbqB,kBAgBjB,gBAAkB,WAAM,CACxB,GAAA,CACE,2BAA2B,eAC7B,2BAA2B,eAAe,EACjC,2BAA2B,qBAEpC,2BAA2B,qBAAqB,EACvC,2BAA2B,kBAEpC,2BAA2B,iBAAiB,QAIhD,CAAA,EAbsB,mBAgBlB,uBAAyB,WAAM,CACtB,aAAA,MAAQ,CAAC,EACpB,2BAA2B,mBAC3B,2BAA2B,yBAC3B,2BAA2B,sBAC3B,2BAA2B,oBAAA,EALA,0BAS/B,iBAAU,IAAM,CACS,yBACvB,UAAW,UAAU,SACV,SAAA,iBACP,GAAG,yBACH,sBAAA,CAEJ,CACD,EAED,gBAAgB,IAAM,CACpB,UAAW,UAAU,SACV,SAAA,oBACP,GAAG,yBACH,sBAAA,CAEJ,CACD,EAEM,CACL,aACA,iBACA,sBACA,gBACA,cAAA,CAEJ,EAhH6B"}