{"version":3,"file":"Cz0pfbRO.js","sources":["../../../../components/global/Dropdown.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"dropdown\"\n    class=\"relative\"\n  >\n    <slot\n      name=\"trigger\"\n      :toggle=\"toggle\"\n      :open=\"open\"\n      :close=\"close\"\n    />\n\n    <collapsible\n      v-model=\"isOpen\"\n      :class=\"dropdownClass\"\n      @click-away=\"onClickAway\"\n    >\n      <div\n        class=\"py-1\"\n        role=\"menu\"\n        aria-orientation=\"vertical\"\n        aria-labelledby=\"options-menu\"\n      >\n        <slot />\n      </div>\n    </collapsible>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from \"vue\"\nimport Collapsible from \"./transitions/Collapsible.vue\"\n\ndefineProps({\n  dropdownClass: {\n    type: String,\n    default:\n      \"origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white dark:bg-gray-800 ring-1 ring-black ring-opacity-5 z-20\",\n  },\n})\n\nconst isOpen = ref(false)\nconst dropdown = ref(null)\n\nconst open = () => {\n  isOpen.value = true\n}\n\nconst close = () => {\n  isOpen.value = false\n}\n\nconst toggle = () => {\n  isOpen.value = !isOpen.value\n}\n\nconst onClickAway = (event) => {\n  // Check that event target isn't children of dropdown\n  if (dropdown.value && !dropdown.value.contains(event.target)) {\n    close(event)\n  }\n}\n</script>\n"],"names":["isOpen","ref","dropdown","open","close","toggle","onClickAway","event"],"mappings":"4sBAyCA,MAAMA,EAASC,EAAI,EAAK,EAClBC,EAAWD,EAAI,IAAI,EAEnBE,EAAO,IAAM,CACjBH,EAAO,MAAQ,EACjB,EAEMI,EAAQ,IAAM,CAClBJ,EAAO,MAAQ,EACjB,EAEMK,EAAS,IAAM,CACnBL,EAAO,MAAQ,CAACA,EAAO,KACzB,EAEMM,EAAeC,GAAU,CAEzBL,EAAS,OAAS,CAACA,EAAS,MAAM,SAASK,EAAM,MAAM,GACzDH,EAAW,CAEf"}