{"version":3,"file":"GenericDropdown-8sSt9dcJ.js","sources":["../../../app/frontend/components/genericComponents/GenericDropdown.vue"],"sourcesContent":["<template lang=\"pug\">\ndiv(v-clickoutside='close' @keydown.esc='close')\n  a(href=\"#\" @click.prevent=\"isOpen = !isOpen;\")\n    slot\n  .z-30.transition-all.ease-out.duration-300(ref=\"dropdown\" :class=\"isOpen ? 'visible' : 'invisible'\")\n    .rounded.shadow-bottom.transform.transition-all.ease-out.duration-300(:class=\"[toggledClasses, customClasses]\")\n      slot(name=\"in-dropdown\")\n</template>\n\n<script>\nimport { createPopper } from '@popperjs/core';\n\nexport default {\n  name: 'GenericDropdown',\n  props: {\n    customClasses: {\n      type: String,\n      default: '',\n    },\n  },\n  data () {\n    return {\n      isOpen: false,\n    };\n  },\n  computed: {\n    toggledClasses () {\n      return this.isOpen ? 'translate-y-0 opacity-100' : 'translate-y-4 opacity-0';\n    },\n  },\n  watch: {\n    isOpen () {\n      this.$emit('toggle');\n    },\n  },\n  mounted () {\n    createPopper(this.$el, this.$refs.dropdown, {\n      placement: 'bottom',\n    });\n  },\n  methods: {\n    close () {\n      this.isOpen = false;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","createPopper"],"mappings":"4wBAYA,MAAAA,EAAA,CACA,KAAA,kBACA,MAAA,CACA,cAAA,CACA,KAAA,OACA,QAAA,EACA,CACA,EACA,MAAA,CACA,MAAA,CACA,OAAA,EACA,CACA,EACA,SAAA,CACA,gBAAA,CACA,OAAA,KAAA,OAAA,4BAAA,yBACA,CACA,EACA,MAAA,CACA,QAAA,CACA,KAAA,MAAA,QAAA,CACA,CACA,EACA,SAAA,CACAC,EAAA,KAAA,IAAA,KAAA,MAAA,SAAA,CACA,UAAA,QACA,CAAA,CACA,EACA,QAAA,CACA,OAAA,CACA,KAAA,OAAA,EACA,CACA,CACA"}