{"version":3,"sources":["webpack:///./src/components/modal/MensagemAlerta.vue?ae5c","webpack:///./src/components/modal/MensagemAlerta.vue?5083","webpack:///src/components/modal/MensagemAlerta.vue","webpack:///./src/components/modal/MensagemAlerta.vue?18b7","webpack:///./src/components/modal/MensagemAlerta.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","modalAtivado","tipoMensagem","on","fecharModal","attrs","modal","_v","_s","mensagemModal","_e","staticRenderFns","computed","$store","state","interacoes","tipoModal","methods","commit","ativado","mensagem","tipo","watch","data","component"],"mappings":"gHAAA,yBAA4oB,EAAG,G,kECA/oB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,eAAeC,MAAM,CAACP,EAAIQ,aAAcR,EAAIS,cAAcC,GAAG,CAAC,MAAQV,EAAIW,cAAc,CAACP,EAAG,aAAa,CAACQ,MAAM,CAAC,KAAO,SAAS,KAAO,SAAS,CAAEZ,EAAIa,MAAkB,aAAET,EAAG,MAAM,CAACA,EAAG,IAAI,CAACJ,EAAIc,GAAGd,EAAIe,GAAGf,EAAIa,MAAMG,kBAAkBZ,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,QAAQA,EAAG,YAAYJ,EAAIiB,QAAQ,IACtaC,EAAkB,GCctB,GACEC,SAAU,CACRN,MADJ,WAEM,OAAOZ,KAAKmB,OAAOC,MAAMC,WAAWT,OAEtCL,aAJJ,WAKM,OAAOP,KAAKY,MAAML,aAAe,SAAW,IAE9CC,aAPJ,WAQM,OAAOR,KAAKY,MAAMU,YAGtBC,QAAS,CACPb,YADJ,WAEMV,KAAKmB,OAAOK,OAAO,uBAAwB,CACzCC,SAAS,EACTC,SAAU,GACVC,KAAM,OAIZC,MAAO,CACLrB,aADJ,SACA,cACUsB,GACV,uBACQ,EAAR,sCACU,SAAV,EACU,SAAV,GACU,KAAV,OAEA,QC7CuW,I,wBCQnWC,EAAY,eACd,EACAhC,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAAa,E","file":"js/chunk-264b14e7.37a7f3b622b45057e380.bundle.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/sass-resources-loader/lib/loader.js??ref--8-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MensagemAlerta.vue?vue&type=style&index=0&id=dc6cdd96&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/sass-resources-loader/lib/loader.js??ref--8-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MensagemAlerta.vue?vue&type=style&index=0&id=dc6cdd96&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal-alerta\",class:[_vm.modalAtivado, _vm.tipoMensagem],on:{\"click\":_vm.fecharModal}},[_c('transition',{attrs:{\"mode\":\"out-in\",\"name\":\"fade\"}},[(_vm.modal.modalAtivado)?_c('div',[_c('p',[_vm._v(_vm._s(_vm.modal.mensagemModal))]),_c('div',{staticClass:\"modal-fechar\"},[_c('span'),_c('span')])]):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"modal-alerta\" :class=\"[modalAtivado, tipoMensagem]\" @click=\"fecharModal\">\n    <transition mode=\"out-in\" name=\"fade\">\n      <div v-if=\"modal.modalAtivado\">\n        <p>{{ modal.mensagemModal }}</p>\n        <div class=\"modal-fechar\">\n          <span></span>\n          <span></span>\n        </div>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script>\nexport default {\n  computed: {\n    modal() {\n      return this.$store.state.interacoes.modal;\n    },\n    modalAtivado() {\n      return this.modal.modalAtivado ? \"active\" : \"\";\n    },\n    tipoMensagem() {\n      return this.modal.tipoModal;\n    },\n  },\n  methods: {\n    fecharModal() {\n      this.$store.commit(\"interacoes/SET_MODAL\", {\n        ativado: false,\n        mensagem: \"\",\n        tipo: \"\",\n      });\n    },\n  },\n  watch: {\n    modalAtivado(data) {\n      if (data)\n        setTimeout(() => {\n          this.$store.commit(\"interacoes/SET_MODAL\", {\n            ativado: false,\n            mensagem: \"\",\n            tipo: \"\",\n          });\n        }, 3000);\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.modal-alerta {\n  position: absolute;\n  z-index: 99999;\n  top: 0;\n  left: 0;\n  display: flex;\n  visibility: hidden;\n  overflow: hidden;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  width: 100%;\n  padding: 25px 50px;\n  cursor: pointer;\n  transition: 0.3s;\n  transform: rotateX(90deg);\n  opacity: 0;\n  background: $desabilitado;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n  &.active {\n    visibility: visible;\n    transform: rotateX(0deg);\n    opacity: 1;\n  }\n  p {\n    font-size: 20px;\n    font-weight: 700;\n    line-height: 1.2em;\n  }\n}\n.modal-fechar {\n  position: absolute;\n  top: 50%;\n  right: 10px;\n  overflow: hidden;\n  width: 30px;\n  height: 30px;\n  transform: translateY(-50%);\n  border-radius: 50%;\n  background: $branco;\n  span {\n    position: absolute;\n    height: 3px;\n    transition: 0.3s;\n    border-radius: 8px;\n    background: $desabilitado;\n    &:first-child {\n      top: calc(50% - 5px);\n      left: 0;\n      width: 30px;\n      transform: translate(0, -50%);\n    }\n    &:last-child {\n      top: calc(50% + 5px);\n      left: 0;\n      width: 30px;\n      transform: translate(0%, -50%);\n    }\n  }\n}\n.sucesso {\n  background: $sucesso;\n  p {\n    color: $white;\n  }\n  span {\n    background: $sucesso;\n    &:first-child {\n      top: 17px;\n      left: 6px;\n      width: 8px;\n      transform: translate(0%, 0%) rotate(45deg);\n    }\n    &:last-child {\n      top: 14px;\n      left: 9px;\n      width: 17px;\n      transform: translate(0%, 0%) rotate(-45deg);\n    }\n  }\n}\n.alerta {\n  background: $alerta;\n  p {\n    color: $cinza-escuro;\n  }\n  span {\n    background: $alerta;\n    &:first-child {\n      top: 21px;\n      left: 50%;\n      width: 5px;\n      transform: translate(-50%, 0%) rotate(90deg);\n    }\n    &:last-child {\n      top: 10px;\n      left: 50%;\n      width: 12px;\n      transform: translate(-50%, 0%) rotate(-90deg);\n    }\n  }\n}\n.erro {\n  background: $erro;\n  p {\n    color: $branco;\n  }\n  span {\n    background: $erro;\n    &:first-child {\n      top: 50%;\n      left: 50%;\n      width: 20px;\n      transform: translate(-50%, -50%) rotate(45deg);\n    }\n    &:last-child {\n      top: 50%;\n      left: 50%;\n      width: 20px;\n      transform: translate(-50%, -50%) rotate(-45deg);\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MensagemAlerta.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MensagemAlerta.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MensagemAlerta.vue?vue&type=template&id=dc6cdd96&scoped=true&\"\nimport script from \"./MensagemAlerta.vue?vue&type=script&lang=js&\"\nexport * from \"./MensagemAlerta.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MensagemAlerta.vue?vue&type=style&index=0&id=dc6cdd96&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  \"dc6cdd96\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}