{"version":3,"sources":["webpack:///./src/lib/Modal/ConfirmModal.vue?9fa6","webpack:///./src/lib/Modal/ConfirmModal.vue","webpack:///src/lib/Modal/ConfirmModal.vue","webpack:///./src/lib/Modal/ConfirmModal.vue?d858","webpack:///./src/lib/Modal/ConfirmModal.vue?f21a"],"names":["on","_c","staticClass","attrs","_vm","closeModal","render","staticRenderFns","name","components","DfButton","props","action","default","type","Function","isOpen","required","Boolean","message","String","title","computed","hasSubstituteActions","$slots","methods","$emit","component"],"mappings":"yIAAA,W,2GCA4H,W,IAAoB,OAACA,EAAG,W,OAAC,SAAe,CAAe,OAAIC,MAAG,EAAS,OAACC,MAAW,QAAmBD,YAAG,SAAoF,GAAI,CAAUE,gBAAM,e,CAAiB,SAAQ,C,YAAW,iBAA6B,WAAG,YAAU,0DAACD,UAAW,CAAsD,MAAK,CAAmHA,cAAsDD,MAAG,KAAaE,IAAM,iCAAuB,SAACH,YAAG,sD,CAAC,OAAQI,GAAIC,6EAAU,qDAAG,CAACD,EAAG,YAAW,CAA8HJ,MAAG,CAAC,QAAQI,aAAY,GAAEA,CAC53B,qBAGD,GAASE,OAAQC,UAAe,mE,OAAA,sC,6FCiCjB,GACfC,KAAA,eAEAC,WAAA,CACAC,iBAGAC,MAAA,CACAC,OAAA,CACAC,QAAA,aACAC,KAAAC,UAEAC,OAAA,CACAC,UAAA,EACAH,KAAAI,SAEAC,QAAA,CACAN,QAAA,GACAC,KAAAM,QAEAC,MAAA,CACAR,QAAA,GACAC,KAAAM,SAIAE,SAAA,CACAC,qBAAA,WACA,aAAAC,OAAA,wBAIAC,QAAA,CACApB,WAAA,WACA,KAAAqB,MAAA,YCvEoW,I,wBCQhWC,EAAY,eACd,EACA,EACApB,GACA,EACA,KACA,WACA,MAIa,aAAAoB,E","file":"js/chunk-64f70e5d.6caf0474.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConfirmModal.vue?vue&type=style&index=0&id=11e91c91&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-dialog',{attrs:{\"value\":_vm.isOpen,\"width\":\"unset\",\"max-width\":\"430px\"},on:{\"click:outside\":_vm.closeModal}},[_c('v-card',{staticClass:\"confirm-modal\"},[_c('v-card-text',{staticClass:\"df-flex-l flex-column align-center confirm-modal__text\"},[_c('v-img',{attrs:{\"alt\":\"warning\",\"width\":\"66\",\"src\":\"/icons/ic-warning-green.svg\"}}),_c('div',{staticClass:\"df-flex-sm df-flex-col align-center modal__message\"},[_c('h2',[_vm._v(_vm._s(_vm.title))]),_c('p',[_vm._v(_vm._s(_vm.message))])])],1),_c('v-divider'),_c('v-card-actions',{staticClass:\"df-flex-sm justify-end modal__actions\"},[_c('df-button',{attrs:{\"variant\":\"secondary\"},on:{\"click\":_vm.closeModal}},[_vm._v(\" \"+_vm._s(_vm.$t('close'))+\" \")]),_vm._t(\"substitute-actions\"),(!_vm.hasSubstituteActions)?[_vm._t(\"extra-actions\"),_c('df-button',{on:{\"click\":_vm.action}},[_vm._v(\" \"+_vm._s(_vm.$t('confirmar'))+\" \")])]:_vm._e()],2)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-dialog\n    :value=\"isOpen\"\n    width=\"unset\"\n    max-width=\"430px\"\n    @click:outside=\"closeModal\"\n  >\n    <v-card class=\"confirm-modal\">\n      <v-card-text\n        class=\"df-flex-l flex-column align-center confirm-modal__text\"\n      >\n        <v-img alt=\"warning\" width=\"66\" src=\"/icons/ic-warning-green.svg\" />\n        <div class=\"df-flex-sm df-flex-col align-center modal__message\">\n          <h2>{{ title }}</h2>\n          <p>{{ message }}</p>\n        </div>\n      </v-card-text>\n      <v-divider />\n      <v-card-actions class=\"df-flex-sm justify-end modal__actions\">\n        <df-button variant=\"secondary\" @click=\"closeModal\">\n          {{ $t('close') }}\n        </df-button>\n        <slot name=\"substitute-actions\"></slot>\n        <template v-if=\"!hasSubstituteActions\">\n          <slot name=\"extra-actions\"></slot>\n          <df-button @click=\"action\">\n            {{ $t('confirmar') }}\n          </df-button>\n        </template>\n      </v-card-actions>\n    </v-card>\n  </v-dialog>\n</template>\n\n<script>\nimport DfButton from '@/lib/components/Button/DfButton.vue'\n\nexport default {\n  name: 'ConfirmModal',\n\n  components: {\n    DfButton,\n  },\n\n  props: {\n    action: {\n      default: () => {},\n      type: Function,\n    },\n    isOpen: {\n      required: true,\n      type: Boolean,\n    },\n    message: {\n      default: '',\n      type: String,\n    },\n    title: {\n      default: '',\n      type: String,\n    },\n  },\n\n  computed: {\n    hasSubstituteActions() {\n      return !!this.$slots['substitute-actions']\n    },\n  },\n\n  methods: {\n    closeModal() {\n      this.$emit('close')\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.confirm-modal {\n  .confirm-modal__text {\n    padding: $spacing-xxl $spacing-xl;\n\n    .modal__message {\n      h2 {\n        @include heading-medium;\n        text-align: center;\n\n        &:first-letter {\n          text-transform: capitalize;\n        }\n      }\n      p {\n        @include paragraph-medium;\n        text-align: center;\n\n        &:first-letter {\n          text-transform: capitalize;\n        }\n      }\n    }\n  }\n  .modal__actions {\n    padding: $spacing-l $spacing-xl;\n  }\n}\n</style>\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!./ConfirmModal.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!./ConfirmModal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ConfirmModal.vue?vue&type=template&id=11e91c91&scoped=true\"\nimport script from \"./ConfirmModal.vue?vue&type=script&lang=js\"\nexport * from \"./ConfirmModal.vue?vue&type=script&lang=js\"\nimport style0 from \"./ConfirmModal.vue?vue&type=style&index=0&id=11e91c91&prod&lang=scss&scoped=true\"\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  \"11e91c91\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}