{"version":3,"sources":["webpack:///./src/@pilar/components/visualizar-arquivo/VisualizarArquivo.vue?a1c2","webpack:///src/@pilar/components/visualizar-arquivo/VisualizarArquivo.vue","webpack:///./src/@pilar/components/visualizar-arquivo/VisualizarArquivo.vue?c64e","webpack:///./src/@pilar/components/visualizar-arquivo/VisualizarArquivo.vue","webpack:///./src/@pilar/components/visualizar-arquivo/VisualizarArquivo.vue?9deb"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","attrs","on","$event","fechar","staticStyle","temCabecalhoCustom","_e","stopPropagation","_v","class","isHtml","isImage","isVideo","_t","domProps","_s","url","arquivoSemVisualizacao","videoNaoSuportado","download","pdfUrl","faDownload","imprimirHtml","apply","arguments","staticRenderFns","name","components","FontAwesomeIcon","props","type","required","observacao","default","data","computed","created","methods","show","style","telaImpressao","body","verificaURL","fetch","then","component"],"mappings":"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","file":"js/chunk-4513cbf6.3e72c977.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-modal',{ref:\"arquivo\",staticClass:\"file-modal m-0\",attrs:{\"id\":\"arquivo-view\",\"hide-footer\":\"\",\"hide-header\":\"\",\"size\":\"xl\",\"content-class\":\"modal-arquivo\",\"data-backdrop\":\"static\"},on:{\"hide\":function($event){return _vm.fechar()}}},[_c('div',{staticStyle:{\"height\":\"90%\"}},[(!_vm.temCabecalhoCustom)?_c('b-button',{staticClass:\"close close-file\",attrs:{\"variant\":\"none\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.fechar()}}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_vm._v(\"×\")])]):_vm._e(),_c('div',{class:{'d-inline':!_vm.isHtml}},[_c('div',{staticClass:\"mx-5 my-2\",class:{'image-wrapper':_vm.isImage && !_vm.isVideo, 'pdf-wrapper': !_vm.isImage && !_vm.isVideo, 'video-wrapper': _vm.isVideo && !_vm.isImage}},[(_vm.isHtml)?_vm._t(\"cabecalho-html\"):_vm._e(),(_vm.temCabecalhoCustom)?_vm._t(\"cabecalho-custom\"):_vm._e(),(_vm.isImage && !_vm.isVideo && !_vm.isHtml)?_c('embed',{class:{'image-download': _vm.download},staticStyle:{\"max-width\":\"100%\",\"max-height\":\"90vh\"},attrs:{\"src\":_vm.url}}):(_vm.isHtml)?_c('div',{staticClass:\"bg-white p-2\",domProps:{\"innerHTML\":_vm._s(_vm.url)}}):(_vm.arquivoSemVisualizacao || _vm.videoNaoSuportado)?_c('div',{staticClass:\"sem-visualizacao\",class:{'image-download': _vm.download}},[_c('div',{staticClass:\"mensagem-visualizacao\"},[_c('span',[_vm._v(\"Clique em \\\"Fazer download\\\" para baixar o arquivo!\")])])]):(!_vm.isImage && !_vm.isVideo)?_c('iframe',{attrs:{\"src\":_vm.pdfUrl,\"frameborder\":\"0\",\"height\":\"100%\",\"width\":\"100%\"}}):(!_vm.isImage && _vm.isVideo)?_c('video',{attrs:{\"width\":\"100%\",\"height\":\"100%\",\"controls\":\"\"}},[_c('source',{attrs:{\"src\":_vm.url}})]):_vm._e(),_c('div',{class:{'imprimir':_vm.isHtml, 'fazer-download':!_vm.isHtml, 'mt-1':_vm.isImage}},[_c('div',{class:{'mt-0':_vm.isHtml, 'mt-1':!_vm.isHtml}},[_c('font-awesome-icon',{staticClass:\"mr-2\",attrs:{\"icon\":_vm.faDownload}}),_c('span',[(!_vm.isHtml)?_c('a',{attrs:{\"href\":_vm.url,\"download\":_vm.url,\"target\":\"_blank\"},on:{\"click\":function($event){$event.stopPropagation();}}},[_vm._v(\" Fazer download \")]):_c('a',{on:{\"click\":function($event){$event.stopPropagation();return _vm.imprimirHtml.apply(null, arguments)}}},[_vm._v(\" Imprimir \")])])],1)]),(_vm.isHtml)?_vm._t(\"rodape-html\"):_vm._e()],2)])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-modal\r\n    id=\"arquivo-view\"\r\n    ref=\"arquivo\"\r\n    hide-footer\r\n    hide-header\r\n    size=\"xl\"\r\n    class=\"file-modal m-0\"\r\n    content-class=\"modal-arquivo\"\r\n    data-backdrop=\"static\"\r\n    @hide=\"fechar()\"\r\n  >\r\n    <div style=\"height: 90%;\">\r\n      <b-button\r\n        v-if=\"!temCabecalhoCustom\"\r\n        class=\"close close-file\"\r\n        variant=\"none\"\r\n        @click.stop=\"fechar()\"\r\n      >\r\n        <span aria-hidden=\"true\">&times;</span>\r\n      </b-button>\r\n      <div :class=\"{'d-inline':!isHtml}\">\r\n        <div\r\n          class=\"mx-5 my-2\"\r\n          :class=\"{'image-wrapper':isImage && !isVideo, 'pdf-wrapper': !isImage && !isVideo, 'video-wrapper': isVideo && !isImage}\"\r\n        >\r\n          <slot\r\n            v-if=\"isHtml\"\r\n            name=\"cabecalho-html\"\r\n          />\r\n\r\n          <slot\r\n            v-if=\"temCabecalhoCustom\"\r\n            name=\"cabecalho-custom\"\r\n          />\r\n\r\n          <embed\r\n            v-if=\"isImage && !isVideo && !isHtml\"\r\n            style=\"max-width:100%; max-height:90vh\"\r\n            :class=\"{'image-download': download}\"\r\n            :src=\"url\"\r\n          >\r\n          <div\r\n            v-else-if=\"isHtml\"\r\n            class=\"bg-white p-2\"\r\n            v-html=\"url\"\r\n          />\r\n          <div\r\n            v-else-if=\"arquivoSemVisualizacao || videoNaoSuportado\"\r\n            class=\"sem-visualizacao\"\r\n            :class=\"{'image-download': download}\"\r\n          >\r\n            <div class=\"mensagem-visualizacao\">\r\n              <span>Clique em \"Fazer download\" para baixar o arquivo!</span>\r\n            </div>\r\n          </div>\r\n          <iframe\r\n            v-else-if=\"!isImage && !isVideo\"\r\n            :src=\"pdfUrl\"\r\n            frameborder=\"0\"\r\n            height=\"100%\"\r\n            width=\"100%\"\r\n          />\r\n          <video\r\n            v-else-if=\"!isImage && isVideo\"\r\n            width=\"100%\"\r\n            height=\"100%\"\r\n            controls\r\n          >\r\n            <source\r\n              :src=\"url\"\r\n            >\r\n          </video>\r\n          <!-- sandbox=\"allow-top-navigation\" -->\r\n          <div :class=\"{'imprimir':isHtml, 'fazer-download':!isHtml, 'mt-1':isImage}\">\r\n            <!-- <span v-if=\"observacao !== ''\">\r\n              <strong>Observação:&nbsp;</strong>{{ observacao }}\r\n            </span>\r\n            <br> -->\r\n            <div\r\n              :class=\"{'mt-0':isHtml, 'mt-1':!isHtml}\"\r\n            >\r\n              <font-awesome-icon\r\n                :icon=\"faDownload\"\r\n                class=\"mr-2\"\r\n              />\r\n              <span>\r\n                <a\r\n                  v-if=\"!isHtml\"\r\n                  :href=\"url\"\r\n                  :download=\"url\"\r\n                  target=\"_blank\"\r\n                  @click.stop\r\n                >\r\n                  Fazer download\r\n                </a>\r\n                <a\r\n                  v-else\r\n                  @click.stop=\"imprimirHtml\"\r\n                >\r\n                  Imprimir\r\n                </a>\r\n              </span>\r\n            </div>\r\n          </div>\r\n          <slot\r\n            v-if=\"isHtml\"\r\n            name=\"rodape-html\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </b-modal>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n#arquivo-view .modal-xl {\r\n  height: calc(100vh - 6%);\r\n  width: calc(95vw);\r\n}\r\n\r\n.modal-arquivo {\r\n  background-color: inherit;\r\n  height: 100%;\r\n\r\n  .pdf-wrapper {\r\n    position: relative;\r\n    vertical-align: middle;\r\n    height: 90%;\r\n    & .close-file {\r\n      margin-top: 0 !important;\r\n    }\r\n  }\r\n\r\n  .image-wrapper {\r\n    height: 90%;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  .video-wrapper {\r\n    height: 90%;\r\n    max-height: 85vh !important;\r\n  }\r\n\r\n  .close-file {\r\n    background: transparent;\r\n    color: #fff !important;\r\n    font-size: 3rem;\r\n    position: absolute;\r\n    right: 1rem;\r\n    top: 0.5rem;\r\n    font-weight: bold;\r\n    border-radius: 80px;\r\n    background-color: black;\r\n    width: 45px;\r\n    opacity: 0.7;\r\n  }\r\n\r\n  .cabecalho {\r\n    border-bottom: 1px solid rgba(34, 41, 47, 0.05);\r\n  }\r\n\r\n  .imprimir {\r\n    position: absolute;\r\n    bottom: 1.5rem;\r\n    right: 1.5rem;\r\n    color: #fff;\r\n    font-size: 15px;\r\n    text-align: center;\r\n    width: 10rem;\r\n    border-radius: 4px;\r\n    background-color: rgb(0 0 0 / 60%);\r\n    padding: 0.3rem;\r\n    margin: auto;\r\n    margin-top: 0.5rem;\r\n    font-size: 12.6px;\r\n\r\n    & a {\r\n      text-decoration: underline;\r\n      color: #fff;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  .fazer-download {\r\n    color: #fff;\r\n    font-size: 15px;\r\n    text-align: center;\r\n    width: 80%;\r\n    border-radius: 4px;\r\n    background-color: rgb(0 0 0 / 60%);\r\n    padding: 0.3rem;\r\n    margin: auto;\r\n    margin-top: 0.5rem;\r\n    font-size: 14.5px;\r\n\r\n    & a {\r\n      text-decoration: underline;\r\n      color: #fff;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  .image-download {\r\n    max-height: 85vh !important;\r\n  }\r\n  .pdf-download {\r\n    height: 55% !important;\r\n  }\r\n}\r\n\r\n.sem-visualizacao{\r\n  background-color: #ededed;\r\n  height: 100%;\r\n\r\n  & div{\r\n    text-align: center;\r\n    width: 100%;\r\n    height: 100%;\r\n    padding-top: calc(20%);\r\n    & span{\r\n      background-color: #4c494c;\r\n      border-radius: 12px;\r\n      color: #fff;\r\n      padding: 20px;\r\n      text-align: center;\r\n      box-shadow: 0px 10px 12px 5px rgb(0 0 0 / 20%);\r\n      font-size: 19px;\r\n      line-height: 27px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n<script>\r\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\r\nimport {\r\n  faDownload,\r\n} from '@fortawesome/free-solid-svg-icons'\r\n\r\nexport default {\r\n  name: 'VisualizarArquivo',\r\n  components: {\r\n    FontAwesomeIcon,\r\n  },\r\n  props: {\r\n    url: {\r\n      type: String,\r\n      required: true,\r\n    },\r\n    observacao: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    download: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    temCabecalhoCustom: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      faDownload,\r\n      arquivoSemVisualizacao: false,\r\n      videoNaoSuportado: false,\r\n    }\r\n  },\r\n  computed: {\r\n    pdfUrl() {\r\n      if (this.arquivoSemVisualizacao) {\r\n        return ''\r\n      }\r\n      this.verificaURL()\r\n      return `${this.url}`\r\n    },\r\n    isImage() {\r\n      if ((this.url.toLowerCase().includes('.png') || this.url.toLowerCase().includes('.jpg')) && !this.isHtml) {\r\n        return true\r\n      }\r\n      return false\r\n    },\r\n    isVideo() {\r\n      if (this.url.toLowerCase().includes('.mp4') || this.url.toLowerCase().includes('.webm') || this.url.toLowerCase().includes('.wmv')) {\r\n        return true\r\n      }\r\n      return false\r\n    },\r\n    isHtml() {\r\n      if (this.url.toLowerCase().includes('</strong>') || this.url.toLowerCase().includes('</html>')\r\n        || this.url.toLowerCase().includes('</div>') || this.url.toLowerCase().includes('</head>')\r\n        || this.url.toLowerCase().includes('</body>')) {\r\n        return true\r\n      }\r\n      return false\r\n    },\r\n  },\r\n  created() {\r\n    this.$nextTick(() => {\r\n      this.arquivoSemVisualizacao = this.url.toLowerCase().includes('.zip') || this.url.toLowerCase().includes('.rar')\r\n      this.videoNaoSuportado = this.url.toLowerCase().includes('.wmv')\r\n      this.show()\r\n    })\r\n  },\r\n  methods: {\r\n    show() {\r\n      this.$refs.arquivo.show()\r\n    },\r\n    fechar() {\r\n      this.$refs.arquivo.hide()\r\n      this.$emit('hidden')\r\n    },\r\n    imprimirHtml() {\r\n      const telaImpressao = window.open('about:blank')\r\n      const style = document.createElement('style')\r\n      style.innerText = '#conteudo-impressao { display:none } @media print { #conteudo-impressao { display: block !important; }}'\r\n\r\n      if (this.url.indexOf('<html')) {\r\n        telaImpressao.document.write(this.url)\r\n        const body = telaImpressao.document.getElementsByTagName('body')[0]\r\n        body.id = 'conteudo-impressao'\r\n        body.appendChild(style)\r\n      } else {\r\n        telaImpressao.document.write(`<div id=\"conteudo-impressao\">${this.url}</div>`)\r\n        telaImpressao.document.head.appendChild(style)\r\n      }\r\n      telaImpressao.print()\r\n      telaImpressao.window.close()\r\n    },\r\n    verificaURL() {\r\n      fetch(this.url)\r\n        .then(rota => {\r\n          if (rota.status !== 200) {\r\n            this.url = '<div>Documento não encontrado!</div>'\r\n            this.isHtml()\r\n          }\r\n        })\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!./VisualizarArquivo.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!./VisualizarArquivo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VisualizarArquivo.vue?vue&type=template&id=054b4e57&\"\nimport script from \"./VisualizarArquivo.vue?vue&type=script&lang=js&\"\nexport * from \"./VisualizarArquivo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VisualizarArquivo.vue?vue&type=style&index=0&lang=scss&\"\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","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!./VisualizarArquivo.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}