{"version":3,"sources":["webpack:///./src/components/ui/BaseDialog.vue?9b10","webpack:///./src/components/ui/BaseDialog.vue","webpack:///./src/components/ui/BaseDialog.vue?4a0f"],"names":["open","to","show","tryClose","class","name","title","props","type","Boolean","required","String","fixed","default","emits","methods","this","$emit","render","__scopeId"],"mappings":"kHAAA,W,wECIcA,KAAA,I,6GAHZ,yBAmBW,eAnBDC,GAAG,QAAM,CACN,EAAAC,M,yBAAX,gCAA0D,O,MAAxC,QAAK,oBAAE,EAAAC,UAAA,EAAAA,YAAA,IAAUC,MAAM,c,uCACzC,yBAgBa,iBAhBDC,KAAK,UAAQ,C,6BACvB,IAcS,CAdU,EAAAH,M,yBAAnB,gCAcS,SAdT,EAcS,CAbP,gCAIS,eAHP,wBAEO,qBAFP,IAEO,CADL,gCAAoB,uCAAb,EAAAI,OAAK,OAGhB,gCAEU,gBADR,wBAAa,sBAEf,gCAIO,aAHL,wBAEO,sBAFP,IAEO,CADL,yBAAkD,GAApC,QAAO,EAAAH,UAAQ,C,6BAAE,IAAK,C,6BAAL,W,4EAS5B,OACbI,MAAO,CACLL,KAAM,CACJM,KAAMC,QACNC,UAAU,GAEZJ,MAAO,CACLE,KAAMG,OACND,UAAU,GAEZE,MAAO,CACLJ,KAAMC,QACNC,UAAU,EACVG,SAAS,IAGbC,MAAO,CAAC,SACRC,QAAS,CACP,WACMC,KAAKJ,OAGTI,KAAKC,MAAM,Y,UCzCjB,EAAOC,OAASA,EAChB,EAAOC,UAAY,kBAEJ,gB","file":"js/chunk-e6f8232a.0d188325.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./BaseDialog.vue?vue&type=style&index=0&id=3a99f141&scoped=true&lang=css\"","<template>\n  <teleport to=\"body\">\n    <div v-if=\"show\" @click=\"tryClose\" class=\"backdrop\"></div>\n    <transition name=\"dialog\">\n      <dialog open v-if=\"show\">\n        <header>\n          <slot name=\"header\">\n            <h2>{{ title }}</h2>\n          </slot>\n        </header>\n        <section>\n          <slot></slot>\n        </section>\n        <menu>\n          <slot name=\"actions\">\n            <base-button @click=\"tryClose\">Close</base-button>\n          </slot>\n        </menu>\n      </dialog>\n    </transition>\n  </teleport>\n</template>\n\n<script>\nexport default {\n  props: {\n    show: {\n      type: Boolean,\n      required: true,\n    },\n    title: {\n      type: String,\n      required: false,\n    },\n    fixed: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n  },\n  emits: ['close'],\n  methods: {\n    tryClose() {\n      if (this.fixed) {\n        return;\n      }\n      this.$emit('close');\n    },\n  },\n};\n</script>\n\n<style scoped>\n.backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100vh;\n  width: 100%;\n  background-color: rgba(0, 0, 0, 0.75);\n  z-index: 10;\n}\n\ndialog {\n  position: fixed;\n  top: 20vh;\n  left: 10%;\n  width: 80%;\n  z-index: 100;\n  border-radius: 12px;\n  border: none;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n  background-color: white;\n}\n\nheader {\n  background-color: #c72a2a;\n  color: white;\n  width: 100%;\n  padding: 1rem;\n}\n\nheader h2 {\n  margin: 0;\n}\n\nsection {\n  padding: 1rem;\n}\n\nmenu {\n  padding: 1rem;\n  display: flex;\n  justify-content: flex-end;\n  margin: 0;\n}\n\n.dialog-enter-from,\n.dialog-leave-to {\n  opacity: 0;\n  transform: scale(0.8);\n}\n\n.dialog-enter-active {\n  transition: all 0.3s ease-out;\n}\n\n.dialog-leave-active {\n  transition: all 0.3s ease-in;\n}\n\n.dialog-enter-to,\n.dialog-leave-from {\n  opacity: 1;\n  transform: scale(1);\n}\n\n@media (min-width: 768px) {\n  dialog {\n    left: calc(50% - 20rem);\n    width: 40rem;\n  }\n}\n</style>","import { render } from \"./BaseDialog.vue?vue&type=template&id=3a99f141&scoped=true\"\nimport script from \"./BaseDialog.vue?vue&type=script&lang=js\"\nexport * from \"./BaseDialog.vue?vue&type=script&lang=js\"\n\nimport \"./BaseDialog.vue?vue&type=style&index=0&id=3a99f141&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-3a99f141\"\n\nexport default script"],"sourceRoot":""}