{"version":3,"sources":["webpack:///./src/views/location-allowance/index.vue","webpack:///src/views/location-allowance/index.vue","webpack:///./src/views/location-allowance/index.vue?016f","webpack:///./src/views/location-allowance/index.vue?cf01","webpack:///./src/components/ui/form/SelectField.vue","webpack:///src/components/ui/form/SelectField.vue","webpack:///./src/components/ui/form/SelectField.vue?1f28","webpack:///./src/components/ui/form/SelectField.vue?8450","webpack:///./src/views/location-allowance/index.vue?f594","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"],"names":["render","_vm","this","_c","_self","staticClass","class","alertType","attrs","model","value","alert","callback","$$v","expression","_v","_s","alertMessage","ref","valid","formData","description","$set","frequency","SalaryComponentFrequencyId","markup","isTimeSheetDriven","isAllowance","isStatutory","isBasic","isFlat","isBaseOnBasic","isTaxable","isSavingUser","on","$event","dialog","onReset","onSave","staticRenderFns","components","TextField","SelectField","Button","ConfirmationDialog","data","id","name","methods","showAlertMessage","message","type","_this","console","log","$store","dispatch","CREATE_SALARY","then","catch","error","finally","$refs","salarycomponent","reset","component","items","itemText","itemValue","returnObject","label","validate","v","$emit","onChange","props","Array","required","String","default","Boolean","event","show","title","btnTitle","loading","btnAction","stopPropagation","isLoading","computed","get","set"],"mappings":"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","file":"js/chunk-39ae1418.821340f9.js","sourcesContent":["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-6 ml-auto mr-auto\"},[_c('div',{staticClass:\"mb-8 mt-8 text-center\"},[_c('h1',[_vm._v(\"Add Salary Component\")])]),_c('v-form',{ref:\"salarycomponent\",model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',[_c('TextField',{attrs:{\"label\":'Name'},model:{value:(_vm.formData.description),callback:function ($$v) {_vm.$set(_vm.formData, \"description\", $$v)},expression:\"formData.description\"}})],1),_c('v-col',[_c('SelectField',{attrs:{\"items\":_vm.frequency,\"label\":'Frequency',\"itemText\":'name',\"itemValue\":'id'},model:{value:(_vm.formData.SalaryComponentFrequencyId),callback:function ($$v) {_vm.$set(_vm.formData, \"SalaryComponentFrequencyId\", $$v)},expression:\"formData.SalaryComponentFrequencyId\"}})],1),_c('v-col',[_c('TextField',{attrs:{\"type\":'number',\"label\":'Markup'},model:{value:(_vm.formData.markup),callback:function ($$v) {_vm.$set(_vm.formData, \"markup\", $$v)},expression:\"formData.markup\"}})],1),_c('v-col',{attrs:{\"dense\":\"\"}},[_c('v-radio-group',{staticClass:\"radiogroup\",attrs:{\"mandatory\":false,\"column\":false,\"dense\":true,\"validate-on-blur\":true,\"label\":\"Is Timesheet ?\"},model:{value:(_vm.formData.isTimeSheetDriven),callback:function ($$v) {_vm.$set(_vm.formData, \"isTimeSheetDriven\", $$v)},expression:\"formData.isTimeSheetDriven\"}},[_c('v-radio',{attrs:{\"label\":\"Yes\",\"value\":true}}),_c('v-radio',{attrs:{\"label\":\"No\",\"value\":false}})],1)],1),_c('v-col',[_c('v-radio-group',{staticClass:\"radiogroup\",attrs:{\"mandatory\":false,\"column\":false,\"dense\":true,\"validate-on-blur\":true,\"label\":\"is Allowance ?\"},model:{value:(_vm.formData.isAllowance),callback:function ($$v) {_vm.$set(_vm.formData, \"isAllowance\", $$v)},expression:\"formData.isAllowance\"}},[_c('v-radio',{attrs:{\"label\":\"Yes\",\"value\":true}}),_c('v-radio',{attrs:{\"label\":\"No\",\"value\":false}})],1)],1),_c('v-col',[_c('v-radio-group',{staticClass:\"radiogroup\",attrs:{\"mandatory\":false,\"column\":false,\"dense\":true,\"validate-on-blur\":true,\"label\":\"Is Statutory ?\"},model:{value:(_vm.formData.isStatutory),callback:function ($$v) {_vm.$set(_vm.formData, \"isStatutory\", $$v)},expression:\"formData.isStatutory\"}},[_c('v-radio',{attrs:{\"label\":\"Yes\",\"value\":true}}),_c('v-radio',{attrs:{\"label\":\"No\",\"value\":false}})],1)],1),_c('v-col',[_c('v-radio-group',{staticClass:\"radiogroup\",attrs:{\"mandatory\":false,\"column\":false,\"dense\":true,\"validate-on-blur\":true,\"label\":\"Is Basic ?\"},model:{value:(_vm.formData.isBasic),callback:function ($$v) {_vm.$set(_vm.formData, \"isBasic\", $$v)},expression:\"formData.isBasic\"}},[_c('v-radio',{attrs:{\"label\":\"Yes\",\"value\":true}}),_c('v-radio',{attrs:{\"label\":\"No\",\"value\":false}})],1)],1),_c('v-col',[_c('v-radio-group',{staticClass:\"radiogroup\",attrs:{\"mandatory\":false,\"column\":false,\"dense\":true,\"validate-on-blur\":true,\"label\":\"Is Flat ?\"},model:{value:(_vm.formData.isFlat),callback:function ($$v) {_vm.$set(_vm.formData, \"isFlat\", $$v)},expression:\"formData.isFlat\"}},[_c('v-radio',{attrs:{\"label\":\"Yes\",\"value\":true}}),_c('v-radio',{attrs:{\"label\":\"No\",\"value\":false}})],1)],1),_c('v-col',[_c('v-radio-group',{staticClass:\"radiogroup\",attrs:{\"mandatory\":false,\"column\":false,\"dense\":true,\"validate-on-blur\":true,\"label\":\"Is Based on Basic ?\"},model:{value:(_vm.formData.isBaseOnBasic),callback:function ($$v) {_vm.$set(_vm.formData, \"isBaseOnBasic\", $$v)},expression:\"formData.isBaseOnBasic\"}},[_c('v-radio',{attrs:{\"label\":\"Yes\",\"value\":true}}),_c('v-radio',{attrs:{\"label\":\"No\",\"value\":false}})],1)],1),_c('v-col',[_c('v-radio-group',{staticClass:\"radiogroup\",attrs:{\"mandatory\":false,\"column\":false,\"dense\":true,\"validate-on-blur\":true,\"label\":\"Is Taxable ?\"},model:{value:(_vm.formData.isTaxable),callback:function ($$v) {_vm.$set(_vm.formData, \"isTaxable\", $$v)},expression:\"formData.isTaxable\"}},[_c('v-radio',{attrs:{\"label\":\"Yes\",\"value\":true}}),_c('v-radio',{attrs:{\"label\":\"No\",\"value\":false}})],1)],1),_c('v-col',{staticClass:\"d-flex justify-end\",attrs:{\"cols\":\"12\"}},[_c('Button',{staticClass:\"mr-4\",attrs:{\"label\":'Submit',\"btnType\":'Submit',\"disabled\":!_vm.valid,\"isLoading\":_vm.isSavingUser},on:{\"onClick\":function($event){_vm.dialog = true}}}),_c('Button',{attrs:{\"label\":'Reset',\"btnType\":'Cancel'},on:{\"onClick\":_vm.onReset}})],1)],1)],1)],1)]),_c('ConfirmationDialog',{attrs:{\"title\":'Are you sure you want to submit?',\"dialog\":_vm.dialog,\"btnTitle\":'Yes',\"isLoading\":_vm.isSavingUser},on:{\"close\":function($event){_vm.dialog = false},\"btnAction\":_vm.onSave}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-app>\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-6 ml-auto mr-auto\">\r\n        <div class=\"mb-8 mt-8 text-center\">\r\n          <h1>Add Salary Component</h1>\r\n        </div>\r\n        <v-form ref=\"salarycomponent\" v-model=\"valid\">\r\n          <v-row no-gutters>\r\n            <v-col >\r\n              <TextField v-model=\"formData.description\" :label=\"'Name'\" />\r\n            </v-col>\r\n            <v-col >\r\n              <SelectField\r\n                :items=\"frequency\"\r\n                v-model=\"formData.SalaryComponentFrequencyId\"\r\n                :label=\"'Frequency'\"\r\n                :itemText=\"'name'\"\r\n                :itemValue =\"'id'\"\r\n\r\n              />\r\n            </v-col>\r\n            <v-col >\r\n              <TextField v-model=\"formData.markup\" :type=\"'number'\"\r\n               :label=\"'Markup'\" />\r\n            </v-col>\r\n            <v-col dense>\r\n              <v-radio-group v-model=\"formData.isTimeSheetDriven\" :mandatory=\"false\" class=\"radiogroup\" :column=\"false\" :dense=\"true\" :validate-on-blur=\"true\" label=\"Is Timesheet ?\">\r\n                <v-radio label=\"Yes\" :value=\"true\"></v-radio>\r\n                <v-radio label=\"No\" :value=\"false\"></v-radio>\r\n              </v-radio-group>\r\n            </v-col>\r\n            <v-col>\r\n              <v-radio-group v-model=\"formData.isAllowance\" :mandatory=\"false\" class=\"radiogroup\" :column=\"false\" :dense=\"true\" :validate-on-blur=\"true\" label=\"is Allowance ?\">\r\n                <v-radio label=\"Yes\" :value=\"true\"></v-radio>\r\n                <v-radio label=\"No\" :value=\"false\"></v-radio>\r\n              </v-radio-group>\r\n            </v-col>\r\n            <v-col>\r\n              <v-radio-group v-model=\"formData.isStatutory\" :mandatory=\"false\" class=\"radiogroup\" :column=\"false\" :dense=\"true\" :validate-on-blur=\"true\" label=\"Is Statutory ?\">\r\n                <v-radio label=\"Yes\" :value=\"true\"></v-radio>\r\n                <v-radio label=\"No\" :value=\"false\"></v-radio>\r\n              </v-radio-group>\r\n            </v-col>\r\n            <v-col>\r\n              <v-radio-group v-model=\"formData.isBasic\" :mandatory=\"false\" class=\"radiogroup\" :column=\"false\" :dense=\"true\" :validate-on-blur=\"true\" label=\"Is Basic ?\">\r\n                <v-radio label=\"Yes\" :value=\"true\"></v-radio>\r\n                <v-radio label=\"No\" :value=\"false\"></v-radio>\r\n              </v-radio-group>\r\n            </v-col>\r\n            <v-col>\r\n              <v-radio-group v-model=\"formData.isFlat\" :mandatory=\"false\" class=\"radiogroup\" :column=\"false\" :dense=\"true\" :validate-on-blur=\"true\" label=\"Is Flat ?\">\r\n                <v-radio label=\"Yes\" :value=\"true\"></v-radio>\r\n                <v-radio label=\"No\" :value=\"false\"></v-radio>\r\n              </v-radio-group>\r\n            </v-col>\r\n            <v-col>\r\n              <v-radio-group v-model=\"formData.isBaseOnBasic\" :mandatory=\"false\" class=\"radiogroup\" :column=\"false\" :dense=\"true\" :validate-on-blur=\"true\" label=\"Is Based on Basic ?\">\r\n                <v-radio label=\"Yes\" :value=\"true\"></v-radio>\r\n                <v-radio label=\"No\" :value=\"false\"></v-radio>\r\n              </v-radio-group>\r\n            </v-col>\r\n            <v-col>\r\n              <v-radio-group v-model=\"formData.isTaxable\" :mandatory=\"false\" class=\"radiogroup\" :column=\"false\" :dense=\"true\" :validate-on-blur=\"true\" label=\"Is Taxable ?\">\r\n                <v-radio label=\"Yes\" :value=\"true\"></v-radio>\r\n                <v-radio label=\"No\" :value=\"false\"></v-radio>\r\n              </v-radio-group>\r\n            </v-col>\r\n            <v-col cols=\"12\" class=\"d-flex justify-end\">\r\n\r\n                      <Button\r\n                      :label=\"'Submit'\"\r\n                      :btnType=\"'Submit'\"\r\n                      @onClick=\"dialog = true\"\r\n                      :disabled=\"!valid\"\r\n                      :isLoading=\"isSavingUser\"\r\n                      class=\"mr-4\"\r\n                    />\r\n\r\n                    <Button :label=\"'Reset'\" :btnType=\"'Cancel'\" @onClick=\"onReset\" />\r\n\r\n                  </v-col>\r\n          </v-row>\r\n        </v-form>\r\n      </div>\r\n    </div>\r\n     <ConfirmationDialog :title=\"'Are you sure you want to submit?'\" :dialog=\"dialog\" :btnTitle=\"'Yes'\" :isLoading=\"isSavingUser\" @close=\"dialog = false\" @btnAction=\"onSave\"/>\r\n  </v-app>\r\n</template>\r\n<script>\r\nimport TextField from '@/components/ui/form/TextField.vue'\r\nimport SelectField from '@/components/ui/form/SelectField.vue'\r\nimport Button from '@/components/ui/form/Button.vue'\r\nimport ConfirmationDialog from '@/components/ui/confirmationDialog.vue'\r\nimport { CREATE_SALARY } from '@/store/action-type'\r\nexport default {\r\n  components: {\r\n    TextField,\r\n    SelectField,\r\n    Button,\r\n    ConfirmationDialog\r\n  },\r\n  data () {\r\n    return {\r\n      alertMessage: '',\r\n      alert: false,\r\n      alertType: '',\r\n      valid: false,\r\n      dialog: false,\r\n      isSavingUser: false,\r\n      formData: {\r\n        description: '',\r\n        SalaryComponentFrequencyId: '',\r\n        isTimeSheetDriven: null,\r\n        isAllowance: null,\r\n        isStatutory: null,\r\n        isBasic: null,\r\n        isFlat: null,\r\n        isBaseOnBasic: null,\r\n        isTaxable: null,\r\n        markup: 0\r\n      },\r\n      frequency: [{ id: 1, name: 'Hourly' }, { id: 2, name: 'Daily' }, { id: 3, name: 'weekly' }, { id: 4, name: 'Monthly' }, { id: 5, name: 'Yearly' }]\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    },\r\n    onSave () {\r\n      this.isSavingUser = true\r\n      console.log(this.formData)\r\n      this.$store.dispatch(CREATE_SALARY, this.formData).then(() => {\r\n        this.showAlertMessage('Salary component creation successful', 'success')\r\n      }).catch((error) => {\r\n        console.log(error)\r\n        this.showAlertMessage('Salary component creation failed', 'error')\r\n      }).finally(() => {\r\n        this.isSavingUser = false\r\n        this.dialog = false\r\n        this.onReset()\r\n      })\r\n    },\r\n    onReset () {\r\n      this.$refs.salarycomponent.reset()\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style scoped>\r\n\r\n.radiogroup{\r\n  width: 50%;\r\n  align-items: flex-start !important;\r\n}\r\n.row .col{\r\n  box-shadow: none !important;\r\n  padding: 0 !important;\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=562a34e4&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=562a34e4&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  \"562a34e4\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-select',{attrs:{\"items\":_vm.items,\"item-text\":_vm.itemText,\"item-value\":_vm.itemValue,\"dense\":\"\",\"outlined\":\"\",\"return-object\":_vm.returnObject,\"label\":_vm.label,\"rules\":_vm.validate ? [v => !!v || 'Item is required'] : []},on:{\"input\":function($event){return _vm.$emit('input', $event)},\"change\":_vm.onChange}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-select\r\n    :items=\"items\"\r\n    :item-text=\"itemText\"\r\n    :item-value=\"itemValue\"\r\n    dense\r\n    outlined\r\n    :return-object=\"returnObject\"\r\n    :label=\"label\"\r\n    :rules=\"validate ? [v => !!v || 'Item is required'] : []\"\r\n    @input=\"$emit('input', $event)\"\r\n    @change=\"onChange\"\r\n  ></v-select>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: {\r\n    items: {\r\n      type: Array,\r\n      required: true\r\n    },\r\n    label: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    itemText: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    returnObject: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    itemValue: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    validate: {\r\n      default: true,\r\n      type: Boolean\r\n    }\r\n  },\r\n  data: () => ({}),\r\n  methods: {\r\n    onChange (event) {\r\n      this.$emit('onChange', event)\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style scoped>\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!./SelectField.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!./SelectField.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SelectField.vue?vue&type=template&id=39a72acb&scoped=true\"\nimport script from \"./SelectField.vue?vue&type=script&lang=js\"\nexport * from \"./SelectField.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  \"39a72acb\",\n  null\n  \n)\n\nexport default component.exports","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=562a34e4&prod&scoped=true&lang=css\"","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"],"sourceRoot":""}