{"version":3,"file":"modal-8-TjoyEt.js","sources":["../../../app/javascript/components/modal.vue?vue&type=template&lang.js","../../../app/javascript/components/modal.vue"],"sourcesContent":["\n<div :class=\"['modal', {'is-visible': visible}]\"></div>\n","<template>\n  <div :class=\"['modal', {'is-visible': visible}]\"></div>\n</template>\n\n<script>\nimport { EventBus } from '../utils/event-bus';\nexport default {\n  data() {\n    return {\n      visible: false\n    }\n\t},\n\tmounted() {\n\t\tEventBus.$on('toggleModal', (payload) => {\n\t\t\tif(payload.visibility === 'show') {\n\t\t\t\tthis.visible = true;\n\t\t\t} else {\n\t\t\t\tthis.visible = false;\n\t\t\t}\n\t\t})\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\t.modal {\n\t\tposition: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 4;\n    opacity: 0;\n    pointer-events: none;\n    background: #16152E;\n    transition: opacity .4s ease-out;\n    pointer-events: none;\n\n    &.is-visible {\n      opacity: 0.7;\n      pointer-events: all;\n    }\n\t}\n</style>"],"names":["render","_vm","_h","_c","staticRenderFns","__vue2_script","EventBus","payload"],"mappings":"sIAAA,IAAIA,EAAS,UAAY,CACvB,IAAIC,EAAI,KACJC,EAAGD,EAAI,eACPE,EAAGF,EAAI,MAAM,IAAIC,EAErB,OAAOC,EAAG,MAAO,CACf,MAAO,CAAC,QAAS,CACf,aAAcF,EAAI,OACnB,CAAA,CACL,CAAG,CACH,EACIG,EAAkB,CAAE,ECLxB,MAAAC,EAAA,CACA,MAAA,CACA,MAAA,CACA,QAAA,EACA,CACA,EACA,SAAA,CACAC,EAAA,IAAA,cAAAC,GAAA,CACAA,EAAA,aAAA,OACA,KAAA,QAAA,GAEA,KAAA,QAAA,EAEA,CAAA,CACA,CACA"}