{"version":3,"file":"YQg6Ay7y.js","sources":["../../../../src/components/toast/toast.vue"],"sourcesContent":["<template>\n  <Teleport to=\"body\">\n    <Transition name=\"toast\">\n      <div\n        v-if=\"toastStore.toasts.length\"\n        class=\"right-0 shadow-md toaster__wrapper font-roboto rounded-alt-md md:right-sm top-2xl shadow-border-light\"\n      >\n        <div\n          v-for=\"toast in toastStore.toasts\"\n          :key=\"toast.text\"\n          :class=\"toastClassMap[toast.status]\"\n          class=\"rounded-alt-md\"\n        >\n          <TransitionGroup name=\"toast\" tag=\"ul\">\n            <li class=\"toaster__inner mx-md my-sm\">\n              <span class=\"toaster__inner-text\">\n                {{ t(toast.text) }}\n              </span>\n            </li>\n          </TransitionGroup>\n        </div>\n      </div>\n    </Transition>\n  </Teleport>\n</template>\n\n<script setup lang=\"ts\">\nimport { useToastStore, type TToastStatus } from '@/stores/useToastStore';\n\nconst toastClassMap: Record<TToastStatus, string> = {\n  warning: 'bg-status-warn-lighter',\n  error: 'bg-status-danger-lighter',\n  success: 'bg-status-success-lighter',\n};\n\nconst toastStore = useToastStore();\nconst { t } = useTrans();\n</script>\n\n<style scoped lang=\"postcss\">\n.toast-enter-from,\n.toast-leave-to {\n  opacity: 0;\n}\n\n.toast-enter-active,\n.toast-leave-active {\n  transition: 0.25s ease all;\n}\n.toaster {\n  &__wrapper {\n    position: fixed;\n\n    z-index: 5000;\n\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n  }\n\n  &__inner {\n    display: flex;\n  }\n}\n</style>\n"],"names":["toastClassMap","toastStore","useToastStore","t","useTrans"],"mappings":"4cA6BA,MAAMA,EAA8C,CAClD,QAAS,yBACT,MAAO,2BACP,QAAS,2BAAA,EAGLC,EAAaC,IACb,CAAE,EAAAC,GAAMC"}