{"version":3,"file":"js/modal-template-7715c8784c18829076d7.js","mappings":"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","sources":["webpack://app/./app/javascript/modal-template/template.vue","webpack://app/./app/javascript/modal-template/CustomModal.vue","webpack://app/./app/javascript/modal-template/CustomModal.vue?4578","webpack://app/./app/javascript/modal-template/template.vue?a6cc","webpack://app/./node_modules/vue-loader/dist/exportHelper.js"],"sourcesContent":["<template>\n  <div id=\"custom-modal\">\n    <span class=\"checkbox\">\n      <slot name=\"checkbox\"></slot>\n    </span>\n    <span @click=\"showModal\" class=\"click-text\">\n      <slot name=\"modal-text\"></slot>\n    </span>\n    <CustomModal v-model=\"state.show\">\n      <template #modal-title>\n        <div class=\"title\">\n          <slot name=\"title-text\"></slot>\n        </div>\n      </template>\n      <template #body>\n        <slot name=\"body\"></slot>\n      </template>\n      <template #modal-footer>\n        <div class=\"w-100\">\n          <button class=\"custom-btn custom-btn-primary float-right\" @click=\"hideModal(); enableElement(); checkElement();\">\n            <slot name=\"button-text\"></slot>\n          </button>\n        </div>\n      </template>\n    </CustomModal>\n  </div>\n</template>\n\n<script>\nimport { defineComponent, onMounted, reactive } from 'vue'\nimport CustomModal from './CustomModal.vue';\n\nexport default defineComponent({\n  props: { \n    disabledElement: { \n      type: String, \n      required: false, \n    } \n  },\n  name: 'modal-template',\n  components: {\n    CustomModal\n  },\n  setup(props) {\n    const state = reactive({\n      show: false,\n      variants: [\n        'primary'\n      ]\n    })\n\n    const showModal = () => {\n      return state.show = true\n    }\n\n    const hideModal = () => {\n      return state.show = false\n    }\n\n    const enableElement = () => {\n      if (props.disabledElement) {\n        document.querySelector(props.disabledElement).disabled = false;\n      }\n    }\n\n    const checkElement = () => {\n      if (props.disabledElement) {\n        const element = document.querySelector(props.disabledElement); \n        if (!element.checked) { \n          element.click(); \n        }\n      }\n    }\n\n    onMounted(() => {\n      if (props.disabledElement) {\n        document.querySelector(props.disabledElement).disabled = true\n      }\n    });\n\n    return { \n      state,\n      showModal,\n      hideModal,\n      enableElement,\n      checkElement\n    }\n  },\n});\n</script>\n\n<style>\n  .title {\n    font-weight: bold;\n  }\n\n  .click-text {\n    cursor: pointer;\n    color: #065699;\n  }\n\n  .click-text:hover {\n    text-decoration: underline;\n  }\n</style>","<template>\n  <div v-if=\"modelValue\" class=\"custom-modal-overlay\" @click.self=\"$emit('update:modelValue', false);\">\n    <div class=\"custom-modal-content\" @keyup.esc=\"$emit('update:modelValue', false)\" tabindex=\"0\">\n      <header class=\"custom-modal-header\">\n        <slot name=\"modal-title\"></slot>\n        <button class=\"close\" @click=\"$emit('update:modelValue', false);\">X</button>\n      </header>\n      <main class=\"custom-modal-body\">\n        <slot name=\"body\"></slot>\n      </main>\n      <footer class=\"custom-modal-footer\">\n        <slot name=\"modal-footer\"></slot>\n      </footer>\n    </div>\n  </div>\n</template>\n\n<script>\n\nexport default {\n  name: 'CustomModal',\n  props: {\n    modelValue: {\n      type: Boolean,\n      default: false,\n    },\n  },\n};\n\n</script>\n","import { render } from \"./CustomModal.vue?vue&type=template&id=bdb4bce0\"\nimport script from \"./CustomModal.vue?vue&type=script&lang=js\"\nexport * from \"./CustomModal.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./template.vue?vue&type=template&id=57a447b4\"\nimport script from \"./template.vue?vue&type=script&lang=js\"\nexport * from \"./template.vue?vue&type=script&lang=js\"\n\nimport \"./template.vue?vue&type=style&index=0&id=57a447b4&lang=css\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\n// runtime helper for setting properties on components\n// in a tree-shakable way\nexports.default = (sfc, props) => {\n    const target = sfc.__vccOpts || sfc;\n    for (const [key, val] of props) {\n        target[key] = val;\n    }\n    return target;\n};\n"],"names":["id","class","name","props","modelValue","type","Boolean","default","$props","_createElementBlock","key","onClick","_cache","_withModifiers","$event","_ctx","$emit","_createElementVNode","onKeyup","_withKeys","tabindex","_hoisted_1","_renderSlot","$slots","_hoisted_2","_hoisted_3","_createCommentVNode","defineComponent","disabledElement","String","required","components","CustomModal","setup","state","reactive","show","variants","onMounted","document","querySelector","disabled","showModal","hideModal","enableElement","checkElement","element","checked","click","args","_createVNode","_component_CustomModal","_withCtx","body","_hoisted_4","_","exports","sfc","target","__vccOpts","val"],"sourceRoot":""}