{"version":3,"file":"FocusProxy.js","sources":["../../src/Toast/FocusProxy.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { VisuallyHidden } from '@/VisuallyHidden'\nimport { injectToastProviderContext } from './ToastProvider.vue'\n\nconst emits = defineEmits<{\n  focusFromOutsideViewport: [void]\n}>()\n\nconst providerContext = injectToastProviderContext()\n</script>\n\n<template>\n  <VisuallyHidden\n    aria-hidden=\"true\"\n    tabindex=\"0\"\n    style=\"position: fixed\"\n    @focus=\"(event: FocusEvent) => {\n      const prevFocusedElement = event.relatedTarget as HTMLElement | null;\n      const isFocusFromOutsideViewport = !providerContext.viewport.value?.contains(prevFocusedElement);\n      if (isFocusFromOutsideViewport) emits('focusFromOutsideViewport');\n    }\"\n  >\n    <slot />\n  </VisuallyHidden>\n</template>\n"],"names":[],"mappings":";;;;;;;;AAIA,IAAA,MAAM,KAAQ,GAAA,MAAA;AAId,IAAA,MAAM,kBAAkB,0BAA2B,EAAA;;;;;;;;;;;;;;;;;;;;;;;"}