{"version":3,"file":"COoIjy-V.js","sources":["../../../../components/Alert/Alert.vue"],"sourcesContent":["<template>\n  <div\n    class=\"alert text-white flex justify-center items-center\"\n    :class=\"{\n      'alert--lifted': isNavbarHidden,\n      'bg-yellow': type === 'warning',\n      'bg-coral': type === 'error',\n      'bg-primary': type === 'success'\n    }\"\n  >\n    <slot>This is a warning message</slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { onMounted, onUnmounted, ref } from 'vue';\n  interface Props {\n    type: 'warning' | 'error' | 'info' | 'success';\n  }\n\n  defineProps<Props>();\n\n  const lastScrollY = ref(0);\n  const isNavbarHidden = ref(false);\n\n  const handleScroll = (): void => {\n    const currentScrollPosition = window.scrollY;\n    if (currentScrollPosition > lastScrollY.value) {\n      isNavbarHidden.value = true;\n    } else {\n      isNavbarHidden.value = false;\n    }\n\n    lastScrollY.value = window.scrollY;\n  };\n\n  onMounted(() => {\n    window.addEventListener('scroll', handleScroll);\n  });\n\n  onUnmounted(() => {\n    window.removeEventListener('scroll', handleScroll);\n  });\n</script>\n<style lang=\"scss\" scoped>\n  .alert {\n    transition: 0.3s all ease-out;\n  }\n  .alert--lifted {\n    transform: translateY(-60px);\n  }\n</style>\n"],"names":["lastScrollY","ref","isNavbarHidden","handleScroll","onMounted","onUnmounted"],"mappings":"udAsBQ,MAAAA,EAAcC,EAAI,CAAC,EACnBC,EAAiBD,EAAI,EAAK,EAE1BE,EAAe,IAAY,CACD,OAAO,QACTH,EAAY,MACtCE,EAAe,MAAQ,GAEvBA,EAAe,MAAQ,GAGzBF,EAAY,MAAQ,OAAO,OAC7B,EAEA,OAAAI,EAAU,IAAM,CACP,OAAA,iBAAiB,SAAUD,CAAY,CAAA,CAC/C,EAEDE,EAAY,IAAM,CACT,OAAA,oBAAoB,SAAUF,CAAY,CAAA,CAClD"}