{"version":3,"file":"Modal.b7726826.js","sources":["../../../app/javascript/components/modals/Modal.vue?vue&type=template&lang.js","../../../app/javascript/components/modals/Modal.vue"],"sourcesContent":["\n<transition name=\"modal\">\n  <div class=\"modal-mask\" role=\"dialog\">\n    <div class=\"modal-dialog\" :class=\"`modal-dialog-${size} ${scrollable ? 'modal-dialog-scrollable' : ''} ${centered ? 'modal-dialog-centered' : ''}`\" role=\"document\">\n      <div class=\"modal-content\" :class=\"`modal-${size}`\" v-click-outside=\"onClickOutside\">\n\n        <div class=\"pb-0\">\n          <slot name=\"header\"></slot>\n        </div>\n\n        <div class=\"modal-body pt-0\">\n          <slot name=\"body\"></slot>\n        </div>\n\n        <div class=\"\">\n          <slot name=\"footer\"></slot>\n        </div>\n      </div>\n    </div>\n  </div>\n</transition>\n","<!-- template for the modal component -->\r\n<template>\r\n  <transition name=\"modal\">\r\n    <div class=\"modal-mask\" role=\"dialog\">\r\n      <div class=\"modal-dialog\" :class=\"`modal-dialog-${size} ${scrollable ? 'modal-dialog-scrollable' : ''} ${centered ? 'modal-dialog-centered' : ''}`\" role=\"document\">\r\n        <div class=\"modal-content\" :class=\"`modal-${size}`\" v-click-outside=\"onClickOutside\">\r\n\r\n          <div class=\"pb-0\">\r\n            <slot name=\"header\"></slot>\r\n          </div>\r\n\r\n          <div class=\"modal-body pt-0\">\r\n            <slot name=\"body\"></slot>\r\n          </div>\r\n\r\n          <div class=\"\">\r\n            <slot name=\"footer\"></slot>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </transition>\r\n</template>\r\n\r\n<script nonce>\r\nimport vClickOutside from 'v-click-outside'\r\n\r\n  export default {\r\n    props: {\r\n      size: {\r\n        type: String,\r\n        default: 'lg'\r\n      },\r\n      scrollable: {\r\n        type: Boolean,\r\n        default: false\r\n      },\r\n      centered: {\r\n        type: Boolean,\r\n        default: false\r\n      }\r\n    },\r\n    directives: {\r\n      clickOutside: vClickOutside.directive\r\n    },\r\n    beforeMount: function() {\r\n      document.body.style.overflow='hidden';\r\n    },\r\n    beforeDestroy: function() {\r\n      document.body.style.overflow='';\r\n    },\r\n    methods: {\r\n      onClickOutside (event) {\r\n        this.$emit(\"close\");\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>  \r\n.modal-content {\r\n    padding-left: 0 !important;\r\n    padding-right: 0 !important;\r\n    padding-bottom: 0 !important;\r\n}\r\n.modal-dialog {\r\n  border-radius: 0 !important;\r\n}\r\n.form-control {\r\n  background: #F5F5F5 !important;\r\n  border: solid 1px #E8E8E8;\r\n}\r\n/* Modal hader and mask */\r\n\r\n.modal-header {\r\n    color: #242424;\r\n}\r\n\r\n.modal-mask {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n    right: 0;\r\n    z-index: 1040;\r\n    background-color: rgba(0, 0, 0, .5);\r\n    -webkit-overflow-scrolling: touch;\r\n    overflow-x: hidden;\r\n    overflow-y: auto;\r\n}\r\n\r\n\r\n/* The following styles are auto-applied to elements with transition=\"modal\"\r\n* when their visibility is toggled by Vue.js.  */\r\n\r\n.modal-enter-active,\r\n.modal-leave-active {\r\n    transition: opacity .3s;\r\n}\r\n\r\n.modal-enter,\r\n.modal-leave-to {\r\n    opacity: 0;\r\n}\r\n.form_header p{\r\n  font-weight: 700 !important;\r\n  font-size: .9em !important;\r\n}\r\n.close-modal{\r\n  width: 14px;\r\n  height: 14px;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n  .modal-md {\r\n    width: 500px;\r\n  }\r\n\r\n  .modal-lg, .modal-xl {\r\n    min-width: 800px;\r\n  }\r\n\r\n  .modal-dialog-lg,\r\n  .modal-dialog-xl {\r\n    max-width: 800px;\r\n    margin-top: 200px;\r\n  }\r\n\r\n  .modal-dialog-md {\r\n    max-width: 500px;\r\n  }\r\n}\r\n\r\n.modal-md {\r\n  min-height: 545px;\r\n}\r\n\r\n.modal-lg, .modal-md{\r\n  margin-top: 50px;\r\n}\r\n</style>\r\n"],"names":["render","_vm","_h","_c","staticRenderFns","__vue2_script","vClickOutside","event"],"mappings":"2GAAA,IAAIA,EAAS,UAAY,CAAC,IAAIC,EAAI,KAASC,EAAGD,EAAI,eAAmBE,EAAGF,EAAI,MAAM,IAAIC,EAAG,OAAOC,EAAG,aAAa,CAAC,MAAM,CAAC,KAAO,OAAO,CAAC,EAAE,CAACA,EAAG,MAAM,CAAC,YAAY,aAAa,MAAM,CAAC,KAAO,QAAQ,CAAC,EAAE,CAACA,EAAG,MAAM,CAAC,YAAY,eAAe,MAAO,gBAAkBF,EAAI,KAAO,KAAOA,EAAI,WAAa,0BAA4B,IAAM,KAAOA,EAAI,SAAW,wBAA0B,IAAK,MAAM,CAAC,KAAO,UAAU,CAAC,EAAE,CAACE,EAAG,MAAM,CAAC,WAAW,CAAC,CAAC,KAAK,gBAAgB,QAAQ,kBAAkB,MAAOF,EAAI,eAAgB,WAAW,gBAAgB,CAAC,EAAE,YAAY,gBAAgB,MAAO,SAAWA,EAAI,IAAK,EAAE,CAACE,EAAG,MAAM,CAAC,YAAY,MAAM,EAAE,CAACF,EAAI,GAAG,QAAQ,CAAC,EAAE,CAAC,EAAEE,EAAG,MAAM,CAAC,YAAY,iBAAiB,EAAE,CAACF,EAAI,GAAG,MAAM,CAAC,EAAE,CAAC,EAAEE,EAAG,MAAM,CAAA,EAAG,CAACF,EAAI,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC1uBG,EAAkB,CAAA,EC0BtB,MAAAC,EAAA,CACA,MAAA,CACA,KAAA,CACA,KAAA,OACA,QAAA,IACA,EACA,WAAA,CACA,KAAA,QACA,QAAA,EACA,EACA,SAAA,CACA,KAAA,QACA,QAAA,EACA,CACA,EACA,WAAA,CACA,aAAAC,EAAA,SACA,EACA,YAAA,UAAA,CACA,SAAA,KAAA,MAAA,SAAA,QACA,EACA,cAAA,UAAA,CACA,SAAA,KAAA,MAAA,SAAA,EACA,EACA,QAAA,CACA,eAAAC,EAAA,CACA,KAAA,MAAA,OAAA,CACA,CACA,CACA"}