{"version":3,"sources":["webpack:///./src/views/work-area/index.vue?4ec3","webpack:///./src/views/work-area/index.vue","webpack:///src/views/work-area/index.vue","webpack:///./src/views/work-area/index.vue?cab2","webpack:///./src/views/work-area/index.vue?2dbb","webpack:///./src/components/ui/confirmationDialog.vue","webpack:///src/components/ui/confirmationDialog.vue","webpack:///./src/components/ui/confirmationDialog.vue?0e04","webpack:///./src/components/ui/confirmationDialog.vue?dbad","webpack:///./src/components/ui/Dialog.vue","webpack:///src/components/ui/Dialog.vue","webpack:///./src/components/ui/Dialog.vue?031d","webpack:///./src/components/ui/Dialog.vue?85af"],"names":["render","_vm","this","_c","_self","staticClass","class","alertType","attrs","model","value","alert","callback","$$v","expression","_v","_s","alertMessage","on","Add","workAreas","length","_e","headers","scopedSlots","_u","key","fn","_ref","item","$event","edit","openDeleteModal","ref","update","cancel","proxy","formData","name","$set","deleteWorkArea","valid","isSaving","dialog","closeAddModal","createWorkArea","staticRenderFns","components","TextField","Button","Dialog","ConfirmationDialog","data","search","id","text","computed","$store","getters","methods","showAlertMessage","message","type","_this","setTimeout","$refs","editModal","toggleModal","deleteModal","_this2","dispatch","DELETE_WORKAREA","then","result","catch","error","console","log","_this3","UPDATE_WORKAREA","resetForm","addModal","openModal","_this4","CREATE_WORKAREA","Action","Status","finally","closeModal","workAreaForm","reset","modal","mounted","_this5","FETCH_WORKAREA","component","show","title","btnTitle","loading","btnAction","stopPropagation","props","String","Boolean","isLoading","get","set","$emit","persistent","width","showModal","_t","default","subTitle","Number"],"mappings":"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","file":"js/chunk-0dd25b2d.210ee52b.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=035c940f&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-app',{},[_c('div',[_c('v-alert',{staticClass:\"alert\",class:{'alert-error':_vm.alertType=='error', 'alert-success':_vm.alertType=='success'},attrs:{\"border\":\"left\",\"dark\":\"\",\"dismissible\":\"\"},model:{value:(_vm.alert),callback:function ($$v) {_vm.alert=$$v},expression:\"alert\"}},[_vm._v(\" \"+_vm._s(_vm.alertMessage)+\" \")])],1),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-10 ml-auto mr-auto\"},[_c('v-container',[_c('div',{staticClass:\"mb-4 mt-8 d-flex\"},[_c('div',{staticClass:\"col-md-11\"},[_c('h1',[_vm._v(\"Work Areas\")])]),_c('div',{staticClass:\"col-md-1\"},[_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"label\":'+'},on:{\"onClick\":_vm.Add}})],1)]),(!_vm.workAreas.length)?_c('div',{staticClass:\"text-center\"},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"primary\"}})],1):_vm._e(),_c('v-data-table',{attrs:{\"headers\":_vm.headers,\"items\":_vm.workAreas},scopedSlots:_vm._u([{key:\"item.actions\",fn:function({ item }){return [_c('div',{staticClass:\"d-flex\"},[_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"label\":'Edit'},on:{\"onClick\":function($event){return _vm.edit(item)}}}),_c('Button',{attrs:{\"btnType\":'Cancel',\"label\":'Delete'},on:{\"onClick\":function($event){return _vm.openDeleteModal(item)}}})],1)]}}])}),_c('Dialog',{ref:\"editModal\",attrs:{\"title\":'Edit',\"width\":600},scopedSlots:_vm._u([{key:\"footer\",fn:function(){return [_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"label\":'Update'},on:{\"onClick\":_vm.update}}),_c('Button',{attrs:{\"btnType\":'Cancel',\"label\":'Cancel'},on:{\"onClick\":function($event){return _vm.cancel('editModal')}}})]},proxy:true}])},[_c('v-row',[_c('TextField',{attrs:{\"label\":'Document Name'},model:{value:(_vm.formData.name),callback:function ($$v) {_vm.$set(_vm.formData, \"name\", $$v)},expression:\"formData.name\"}})],1)],1),_c('Dialog',{ref:\"deleteModal\",attrs:{\"title\":'Are you sure you want to delete',\"width\":400},scopedSlots:_vm._u([{key:\"footer\",fn:function(){return [_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"label\":'Yes'},on:{\"onClick\":_vm.deleteWorkArea}}),_c('Button',{attrs:{\"btnType\":'Cancel',\"label\":'No'},on:{\"onClick\":function($event){return _vm.cancel('deleteModal')}}})]},proxy:true}])}),_c('Dialog',{ref:\"addModal\",attrs:{\"title\":'Add Work Area',\"persistent\":'true',\"width\":600},scopedSlots:_vm._u([{key:\"footer\",fn:function(){return [_c('Button',{staticClass:\"mr-2\",attrs:{\"btnType\":'Submit',\"label\":'Submit',\"disabled\":!_vm.valid,\"isLoading\":_vm.isSaving},on:{\"onClick\":function($event){_vm.dialog= true}}}),_c('Button',{attrs:{\"btnType\":'Cancel',\"label\":'Cancel'},on:{\"onClick\":_vm.closeAddModal}})]},proxy:true}])},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-form',{ref:\"workAreaForm\",model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('TextField',{attrs:{\"label\":'Name'},model:{value:(_vm.formData.name),callback:function ($$v) {_vm.$set(_vm.formData, \"name\", $$v)},expression:\"formData.name\"}})],1)],1)],1)],1)],1),_c('ConfirmationDialog',{attrs:{\"title\":'Are you sure you want to submit?',\"dialog\":_vm.dialog,\"btnTitle\":'Yes'},on:{\"close\":function($event){_vm.dialog = false},\"btnAction\":_vm.createWorkArea}})],1)],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n      <v-app class>\r\n        <div>\r\n          <v-alert\r\n      v-model=\"alert\"\r\n      border=\"left\"\r\n      dark\r\n      dismissible\r\n      class=\"alert\"\r\n      :class=\"{'alert-error':alertType=='error', 'alert-success':alertType=='success'}\"\r\n    >\r\n    {{alertMessage}}\r\n    </v-alert>\r\n        </div>\r\n        <div class=\"row\">\r\n          <div class=\"col-md-10 ml-auto mr-auto\">\r\n            <v-container>\r\n              <div class=\"mb-4 mt-8 d-flex \">\r\n                <div class=\"col-md-11\">\r\n                  <h1>Work Areas</h1>\r\n                </div>\r\n                <div class=\"col-md-1\">\r\n                  <Button :btnType=\"'Submit'\" :label=\"'+'\" @onClick=\"Add\" class=\"mr-2\" />\r\n                </div>\r\n              </div>\r\n              <div v-if=\"!workAreas.length\" class=\"text-center\">\r\n                <v-progress-circular indeterminate\r\n                                     color=\"primary\"></v-progress-circular>\r\n              </div>\r\n              <v-data-table :headers='headers'\r\n                            :items=\"workAreas\">\r\n                <template v-slot:item.actions=\"{ item }\">\r\n                  <div class=\"d-flex\">\r\n                    <Button :btnType=\"'Submit'\" :label=\"'Edit'\" @onClick=\"edit(item)\" class=\"mr-2\" />\r\n                    <Button :btnType=\"'Cancel'\" :label=\"'Delete'\" @onClick=\"openDeleteModal(item)\" />\r\n                  </div>\r\n                </template>\r\n\r\n              </v-data-table>\r\n\r\n              <!-- Dialog for edit  -->\r\n              <Dialog ref=\"editModal\" :title=\"'Edit'\" :width=\"600\">\r\n                <v-row>\r\n                  <TextField v-model=\"formData.name\" :label=\"'Document Name'\" />\r\n                </v-row>\r\n                <template v-slot:footer>\r\n                  <Button :btnType=\"'Submit'\" :label=\"'Update'\" @onClick=\"update\" class=\"mr-2\" />\r\n                  <Button :btnType=\"'Cancel'\" :label=\"'Cancel'\" @onClick=\"cancel('editModal')\" />\r\n                </template>\r\n              </Dialog>\r\n\r\n              <!-- confirm delete modal  -->\r\n              <Dialog ref=\"deleteModal\" :title=\"'Are you sure you want to delete'\" :width=\"400\">\r\n                <template v-slot:footer>\r\n                  <Button :btnType=\"'Submit'\" :label=\"'Yes'\" @onClick=\"deleteWorkArea\" class=\"mr-2\" />\r\n                  <Button :btnType=\"'Cancel'\" :label=\"'No'\" @onClick=\"cancel('deleteModal')\" />\r\n                </template>\r\n              </Dialog>\r\n\r\n              <!-- add  modal  -->\r\n              <Dialog ref=\"addModal\" :title=\"'Add Work Area'\" :persistent=\"'true'\" :width=\"600\">\r\n                <v-row>\r\n                  <v-col cols=\"12\">\r\n                    <v-form ref=\"workAreaForm\" v-model=\"valid\">\r\n                      <v-col cols=\"12\">\r\n                        <TextField v-model=\"formData.name\" :label=\"'Name'\" />\r\n                      </v-col>\r\n                    </v-form>\r\n                  </v-col>\r\n                </v-row>\r\n                <template v-slot:footer>\r\n                  <Button :btnType=\"'Submit'\" :label=\"'Submit'\" :disabled=\"!valid\" :isLoading=\"isSaving\" @onClick=\"dialog= true\" class=\"mr-2\" />\r\n                  <Button :btnType=\"'Cancel'\" :label=\"'Cancel'\" @onClick=\"closeAddModal\" />\r\n                </template>\r\n              </Dialog>\r\n              <ConfirmationDialog :title=\"'Are you sure you want to submit?'\" :dialog=\"dialog\" :btnTitle=\"'Yes'\" @close=\"dialog = false\" @btnAction=\"createWorkArea\" />\r\n            </v-container>\r\n          </div>\r\n        </div>\r\n      </v-app>\r\n</template>\r\n<script>\r\nimport TextField from '@/components/ui/form/TextField.vue'\r\nimport Button from '@/components/ui/form/Button.vue'\r\n\r\nimport Dialog from '@/components/ui/Dialog.vue'\r\nimport { UPDATE_WORKAREA, FETCH_WORKAREA, DELETE_WORKAREA, CREATE_WORKAREA } from '@/store/action-type'\r\nimport ConfirmationDialog from '@/components/ui/confirmationDialog.vue'\r\nexport default {\r\n  components: {\r\n    TextField,\r\n    Button,\r\n    Dialog,\r\n    ConfirmationDialog\r\n\r\n  },\r\n  data () {\r\n    return {\r\n      dialog: false,\r\n      search: '',\r\n      formData: {\r\n        name: '',\r\n        id: ''\r\n      },\r\n      valid: false,\r\n      isSaving: false,\r\n      alertMessage: '',\r\n      alert: false,\r\n      alertType: '',\r\n      headers: [\r\n        {\r\n          text: 'Name',\r\n          value: 'name'\r\n        },\r\n        {\r\n          text: 'Added By',\r\n          value: 'addedBy'\r\n        },\r\n        {\r\n          text: 'Date Added',\r\n          value: 'dateAdded'\r\n        },\r\n        {\r\n          text: 'Modified By',\r\n          value: 'modifiedBy'\r\n        },\r\n        {\r\n          text: 'Modified Date',\r\n          value: 'lastModifiedDate'\r\n        },\r\n        {\r\n          text: 'Actions',\r\n          value: 'actions'\r\n        }\r\n      ]\r\n    }\r\n  },\r\n  computed: {\r\n    workAreas () {\r\n      return this.$store.getters.workAreas\r\n    }\r\n  },\r\n  methods: {\r\n    showAlertMessage (message, type) {\r\n      this.alertMessage = message\r\n      this.alert = true\r\n      this.alertType = type\r\n      setTimeout(() => { this.alert = false }, 5000)\r\n    },\r\n    edit (item) {\r\n      this.$refs.editModal.toggleModal()\r\n      this.formData.name = item.name\r\n      this.formData.id = item.id\r\n    },\r\n    openDeleteModal (item) {\r\n      this.$refs.deleteModal.toggleModal()\r\n      this.formData.name = item.name\r\n      this.formData.id = item.id\r\n    },\r\n    deleteWorkArea () {\r\n      this.cancel('deleteModal')\r\n      this.$store.dispatch(DELETE_WORKAREA, this.formData).then((result) => {\r\n        this.showAlertMessage('Work Area deleted successfully', 'success')\r\n      }).catch(error => {\r\n        console.log(error.message)\r\n        this.showAlertMessage(error.message, 'error')\r\n      })\r\n    },\r\n    update () {\r\n      this.cancel('editModal')\r\n      this.$store.dispatch(UPDATE_WORKAREA, this.formData).then((result) => {\r\n        console.log('Updated successfully')\r\n        this.showAlertMessage('Work Area Updated successfully await approval', 'success')\r\n        this.resetForm()\r\n      }).catch(error => {\r\n        console.log(error.message)\r\n\r\n        this.showAlertMessage(error.message, 'error')\r\n      })\r\n    },\r\n    resetForm () {\r\n      this.formData.name = ''\r\n      this.formData.id = ''\r\n    },\r\n    Add () {\r\n      this.$refs.addModal.openModal()\r\n    },\r\n    createWorkArea () {\r\n      this.isSaving = true\r\n      this.$store\r\n        .dispatch(CREATE_WORKAREA, { name: this.formData.name, Action: 'new', Status: 0 })\r\n        .then(() => {\r\n          this.showAlertMessage('Work area creation successful', 'success')\r\n        })\r\n        .catch((error) => {\r\n          console.log(error)\r\n          this.showAlertMessage('Work area creation failed', 'error')\r\n        })\r\n        .finally(() => {\r\n          this.isSaving = false\r\n          this.dialog = false\r\n          this.closeAddModal()\r\n        })\r\n    },\r\n    closeAddModal () {\r\n      this.$refs.addModal.closeModal()\r\n      this.$refs.workAreaForm.reset()\r\n    },\r\n    cancel (modal) {\r\n      if (modal === 'editModal') {\r\n        this.$refs.editModal.toggleModal()\r\n      }\r\n      if (modal === 'deleteModal') {\r\n        this.$refs.deleteModal.toggleModal()\r\n      }\r\n    }\r\n\r\n  },\r\n  mounted () {\r\n    this.$store\r\n      .dispatch(FETCH_WORKAREA)\r\n      .then(() => {})\r\n      .catch((error) => {\r\n        if (error) {\r\n          this.showAlertMessage('Unable to display departments', 'error')\r\n        }\r\n      })\r\n  }\r\n}\r\n</script>\r\n<style scoped>\r\n.search-btn {\r\n  background-color: #e6e3e3;\r\n  height: 40px;\r\n  border-radius: 3px !important;\r\n}\r\n.row-pointer >>> tbody tr :hover {\r\n  cursor: pointer;\r\n}\r\n.alert {\r\n  position: fixed;\r\n  z-index: 9999;\r\n  top: 5px;\r\n  min-width: 50%;\r\n}\r\n.alert-success {\r\n  color: #155724;\r\n  background-color: #d4edda;\r\n  border-color: #c3e6cb;\r\n}\r\n.alert-error {\r\n  color: #721c24;\r\n  background-color: #f8d7da;\r\n  border-color: #f5c6cb;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=035c940f&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=035c940f&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"035c940f\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-dialog',{attrs:{\"persistent\":\"\",\"max-width\":\"500\"},model:{value:(_vm.show),callback:function ($$v) {_vm.show=$$v},expression:\"show\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"headline text-center\"},[_c('h3',[_vm._v(_vm._s(_vm.title))])]),_c('v-divider',{staticClass:\"mx-4 mb-5\"}),_c('v-card-actions',[_c('v-spacer'),_c('Button',{staticClass:\"mr-4\",attrs:{\"label\":_vm.btnTitle,\"btnType\":'Submit',\"isLoading\":_vm.loading},on:{\"onClick\":_vm.btnAction}}),_c('v-btn',{attrs:{\"color\":\"green darken-1\",\"text\":\"\"},on:{\"click\":function($event){$event.stopPropagation();_vm.show=false}}},[_vm._v(\"No\")])],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-dialog v-model=\"show\" persistent max-width=\"500\">\r\n    <v-card>\r\n      <v-card-title class=\"headline text-center\"><h3>{{title}}</h3></v-card-title>\r\n      <v-divider class=\"mx-4 mb-5\"></v-divider>\r\n      <v-card-actions>\r\n        <v-spacer></v-spacer>\r\n        <Button\r\n          :label=\"btnTitle\"\r\n          :btnType=\"'Submit'\"\r\n          @onClick=\"btnAction\"\r\n          :isLoading=\"loading\"\r\n          class=\"mr-4\"\r\n        />\r\n        <v-btn color=\"green darken-1\" text @click.stop=\"show=false\">No</v-btn>\r\n      </v-card-actions>\r\n    </v-card>\r\n  </v-dialog>\r\n</template>\r\n<script>\r\nimport Button from './form/Button.vue'\r\nexport default {\r\n  components: {\r\n    Button\r\n  },\r\n  props: {\r\n    title: {\r\n      type: String\r\n    },\r\n    btnTitle: {\r\n      type: String\r\n    },\r\n    dialog: {\r\n      type: Boolean\r\n    },\r\n    isLoading: {\r\n      type: Boolean\r\n    }\r\n  },\r\n  computed: {\r\n    show: {\r\n      get () {\r\n        return this.dialog\r\n      },\r\n      set (dialog) {\r\n        if (!dialog) {\r\n          this.$emit('close')\r\n        }\r\n      }\r\n    },\r\n    loading: {\r\n      get () {\r\n        return this.isLoading\r\n      },\r\n      set (isLoading) {\r\n        if (!isLoading) {\r\n          this.$emit('close')\r\n        }\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    btnAction () {\r\n      this.$emit('btnAction')\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./confirmationDialog.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./confirmationDialog.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./confirmationDialog.vue?vue&type=template&id=72eed400\"\nimport script from \"./confirmationDialog.vue?vue&type=script&lang=js\"\nexport * from \"./confirmationDialog.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-row',{attrs:{\"justify\":\"center\"}},[_c('v-dialog',{attrs:{\"persistent\":_vm.persistent,\"max-width\":_vm.width},model:{value:(_vm.showModal),callback:function ($$v) {_vm.showModal=$$v},expression:\"showModal\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"headline text-center\"},[_c('h3',{staticClass:\"mt-2 mb-0\"},[_vm._v(_vm._s(_vm.title))])]),_c('v-divider'),_c('v-container',[_c('v-card-text',[_vm._t(\"default\")],2),_c('v-card-actions',{staticClass:\"d-flex justify-content-end\"},[_c('v-spacer'),_vm._t(\"footer\")],2)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-row justify=\"center\">\r\n    <v-dialog v-model=\"showModal\" :persistent=\"persistent\" :max-width=\"width\">\r\n      <v-card>\r\n        <v-card-title class=\"headline text-center\">\r\n          <h3 class=\"mt-2 mb-0\">{{title}}</h3>\r\n        </v-card-title>\r\n         <v-divider></v-divider>\r\n        <v-container>\r\n          <v-card-text>\r\n          <slot></slot>\r\n        </v-card-text>\r\n\r\n        <v-card-actions class=\"d-flex justify-content-end\">\r\n          <v-spacer></v-spacer>\r\n<slot name=\"footer\"></slot>\r\n\r\n        </v-card-actions>\r\n        </v-container>\r\n      </v-card>\r\n    </v-dialog>\r\n  </v-row>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: {\r\n    title: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    subTitle: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    width: {\r\n      type: Number,\r\n      default: 300\r\n    },\r\n    persistent: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      showModal: false\r\n    }\r\n  },\r\n  methods: {\r\n    closeModal () {\r\n      this.showModal = false\r\n    },\r\n    openModal () {\r\n      this.showModal = true\r\n    },\r\n    toggleModal () {\r\n      this.showModal = !this.showModal\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dialog.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Dialog.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Dialog.vue?vue&type=template&id=3c4325c8\"\nimport script from \"./Dialog.vue?vue&type=script&lang=js\"\nexport * from \"./Dialog.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}