{"version":3,"file":"Modal-DQ4lOzVn.js","names":[],"sources":["../../../app/javascript/Shared/Modal.vue"],"sourcesContent":["<!-- Source: https://github.com/adamwathan/vue-tailwind-examples -->\n\n<template>\n  <div v-if=\"showModal\" class=\"fixed inset-0\" style=\"z-index: 9999;\">\n    <transition\n      enter-active-class=\"transition-all transition-fast ease-out-quad\"\n      leave-active-class=\"transition-all transition-medium ease-in-quad\"\n      enter-class=\"opacity-0\"\n      enter-to-class=\"opacity-100\"\n      leave-class=\"opacity-100\"\n      leave-to-class=\"opacity-0\"\n      appear\n      @before-leave=\"backdropLeaving = true\"\n      @after-leave=\"backdropLeaving = false\"\n    >\n      <div v-if=\"showBackdrop\">\n        <div class=\"fixed inset-0 bg-black opacity-75\" />\n      </div>\n    </transition>\n\n    <transition\n      enter-active-class=\"transition-all transition-fast ease-out-quad\"\n      leave-active-class=\"transition-all transition-medium ease-in-quad\"\n      enter-class=\"opacity-0 scale-70\"\n      enter-to-class=\"opacity-100 scale-100\"\n      leave-class=\"opacity-100 scale-100\"\n      leave-to-class=\"opacity-0 scale-70\"\n      appear\n      @before-leave=\"cardLeaving = true\"\n      @after-leave=\"cardLeaving = false\"\n    >\n      <div\n        v-if=\"showContent\"\n        class=\"relative h-full overflow-y-auto text-center\"\n        @click=\"close\"\n      >\n        <div class=\"absolute inline-block h-screen w-0 align-middle\" />\n\n        <div\n          class=\"my-6 inline-block overflow-hidden rounded-sm text-left align-middle\"\n          @click.stop\n        >\n          <div\n            class=\"flex items-center justify-between border-b border-gray-200 bg-gray-100 px-8 py-4\"\n          >\n            <h1 class=\"text-xl font-bold\">\n              {{ title }}\n            </h1>\n\n            <button\n              type=\"button\"\n              class=\"rounded-sm p-1 hover:bg-gray-300\"\n              title=\"Close\"\n              @click=\"close\"\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"h-4 w-4\"\n                viewBox=\"0 0 20 20\"\n              >\n                <path\n                  d=\"M10 8.59L2.93 1.51 1.51 2.93 8.59 10l-7.08 7.07 1.42 1.42L10 11.41l7.07 7.08 1.42-1.42L11.41 10l7.08-7.07-1.42-1.42L10 8.59z\"\n                />\n              </svg>\n            </button>\n          </div>\n\n          <slot />\n        </div>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    open: {\n      type: Boolean,\n      default: false,\n    },\n    title: {\n      type: String,\n      default: null,\n    },\n  },\n  emits: ['close'],\n  data() {\n    return {\n      showModal: false,\n      showBackdrop: false,\n      showContent: false,\n      backdropLeaving: false,\n      cardLeaving: false,\n    };\n  },\n  computed: {\n    leaving() {\n      return this.backdropLeaving || this.cardLeaving;\n    },\n  },\n  watch: {\n    open: {\n      handler: function (newValue) {\n        if (newValue) {\n          this.show();\n        } else {\n          this.close();\n        }\n      },\n      immediate: true,\n    },\n    leaving(newValue) {\n      if (newValue === false) {\n        this.showModal = false;\n        this.$emit('close');\n      }\n    },\n  },\n  created() {\n    document.addEventListener('keydown', this.onEscape);\n  },\n  unmounted() {\n    document.removeEventListener('keydown', this.onEscape);\n  },\n  methods: {\n    show() {\n      this.showModal = true;\n      this.showBackdrop = true;\n      this.showContent = true;\n      document.body.style.setProperty('overflow', 'hidden');\n    },\n    close() {\n      this.showBackdrop = false;\n      this.showContent = false;\n      document.body.style.removeProperty('overflow');\n    },\n    onEscape(e) {\n      if (this.open && e.keyCode === 27) {\n        this.close();\n      }\n    },\n  },\n};\n</script>\n"],"mappings":"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"}