{"version":3,"sources":["webpack:///./src/components/component/TalkFile.vue?2eb7","webpack:///./src/components/component/TalkFile.vue?2c18","webpack:///src/components/component/TalkFile.vue","webpack:///./src/components/component/TalkFile.vue?ea62","webpack:///./src/components/component/TalkFile.vue","webpack:///./src/components/component/TalkFile.vue?90c7"],"names":["render","_vm","this","_h","$createElement","_c","_self","item","staticClass","staticStyle","attrs","on","clickFile","_v","_s","file","_e","ref","$event","$refs","downloadModal","close","clickDownload","staticRenderFns","component"],"mappings":"kHAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAEJ,EAAIM,KAAS,KAAEF,EAAG,MAAM,CAACG,YAAY,cAAc,CAACH,EAAG,MAAM,CAACG,YAAY,WAAWC,YAAY,CAAC,eAAe,QAAQC,MAAM,CAAC,IAAM,kCAAkCL,EAAG,MAAM,CAACG,YAAY,OAAOG,GAAG,CAAC,MAAQV,EAAIW,YAAY,CAACX,EAAIY,GAAGZ,EAAIa,GAAGb,EAAIM,KAAKQ,WAAWd,EAAIe,KAAKX,EAAG,MAAM,CAACG,YAAY,kBAAkB,CAACH,EAAG,cAAc,CAACY,IAAI,gBAAgBP,MAAM,CAAC,gBAAgB,OAAO,MAAQ,QAAQ,qBAAoB,EAAK,wBAAyB,IAAQ,CAACL,EAAG,MAAM,CAACG,YAAY,aAAa,CAACP,EAAIY,GAAG,qBAAqBR,EAAG,MAAM,CAACG,YAAY,4BAA4BC,YAAY,CAAC,QAAU,gBAAgB,CAACJ,EAAG,SAAS,CAACG,YAAY,oBAAoBC,YAAY,CAAC,MAAQ,MAAM,OAAS,QAAQE,GAAG,CAAC,MAAQ,SAASO,GAAQ,OAAOjB,EAAIkB,MAAMC,cAAcC,WAAW,CAACpB,EAAIY,GAAG,SAASR,EAAG,SAAS,CAACG,YAAY,8CAA8CC,YAAY,CAAC,MAAQ,MAAM,OAAS,QAAQE,GAAG,CAAC,MAAQV,EAAIqB,gBAAgB,CAACrB,EAAIY,GAAG,cAAc,MAChiCU,EAAkB,G,YCyBtB,GACE,KAAF,WACE,WAAF,CACI,WAAJ,QAEE,MAAF,CACI,KAAJ,CACM,KAAN,SAGE,QAVF,aAaE,KAbF,WAcI,MAAJ,IAEE,QAAF,CACI,UADJ,WAEM,KAAN,4BAEI,cAJJ,WAKM,IAAN,8BACM,EAAN,oBACM,EAAN,gBACM,SAAN,oBACM,EAAN,QACM,EAAN,0BACM,KAAN,+BCrDiW,I,kCCS7VC,EAAY,eACd,EACAxB,EACAuB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCpBf,W","file":"js/chunk-1ebc9af0.85fc29b0.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TalkFile.vue?vue&type=style&index=0&id=186eb3ee&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.item.file)?_c('div',{staticClass:\"flex-align\"},[_c('img',{staticClass:\"svg-sub3\",staticStyle:{\"margin-right\":\"12px\"},attrs:{\"src\":\"/static/icon/u_paperclip.svg\"}}),_c('div',{staticClass:\"file\",on:{\"click\":_vm.clickFile}},[_vm._v(_vm._s(_vm.item.file))])]):_vm._e(),_c('div',{staticClass:\"download-modal\"},[_c('sweet-modal',{ref:\"downloadModal\",attrs:{\"overlay-theme\":\"dark\",\"width\":\"564px\",\"hide-close-button\":true,\"enableMobileFullscreen\":false}},[_c('div',{staticClass:\"subtitle4\"},[_vm._v(\"파일을 다운로드하시겠습니까?\")]),_c('div',{staticClass:\"flex-between body5-medium\",staticStyle:{\"padding\":\"64px 16px 0\"}},[_c('button',{staticClass:\"button body2-bold\",staticStyle:{\"width\":\"50%\",\"height\":\"52px\"},on:{\"click\":function($event){return _vm.$refs.downloadModal.close()}}},[_vm._v(\"취소 \")]),_c('button',{staticClass:\"button is-primary margin-left-16 body2-bold\",staticStyle:{\"width\":\"50%\",\"height\":\"52px\"},on:{\"click\":_vm.clickDownload}},[_vm._v(\"확인 \")])])])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"flex-align\" v-if=\"item.file\">\r\n      <img class=\"svg-sub3\" src=\"/static/icon/u_paperclip.svg\" style=\"margin-right:12px\">\r\n      <div class=\"file\" @click=\"clickFile\">{{ item.file }}</div>\r\n    </div>\r\n    <div class=\"download-modal\">\r\n      <sweet-modal overlay-theme=\"dark\" ref=\"downloadModal\" width=\"564px\"\r\n                   :hide-close-button=\"true\" :enableMobileFullscreen=\"false\">\r\n        <div class=\"subtitle4\">파일을 다운로드하시겠습니까?</div>\r\n        <div class=\"flex-between body5-medium\" style=\"padding:64px 16px 0;\">\r\n          <button class=\"button body2-bold\" style=\"width:50%;height:52px\" @click=\"$refs.downloadModal.close()\">취소\r\n          </button>\r\n          <button class=\"button is-primary margin-left-16 body2-bold\"\r\n                  style=\"width:50%;height:52px;\"\r\n                  @click=\"clickDownload\">확인\r\n          </button>\r\n        </div>\r\n      </sweet-modal>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import {SweetModal} from 'sweet-modal-vue'\r\n\r\n  export default {\r\n    name: \"TalkFile\",\r\n    components: {\r\n      SweetModal\r\n    },\r\n    props: {\r\n      item: {\r\n        type: Object\r\n      }\r\n    },\r\n    created() {\r\n\r\n    },\r\n    data() {\r\n      return {}\r\n    },\r\n    methods: {\r\n      clickFile() {\r\n        this.$refs.downloadModal.open();\r\n      },\r\n      clickDownload() {\r\n        const a = document.createElement(\"a\");\r\n        a.href = this.item.file;\r\n        a.target = '_blank';\r\n        document.body.appendChild(a);\r\n        a.click();\r\n        a.parentNode.removeChild(a);\r\n        this.$refs.downloadModal.close();\r\n\r\n        /*delete axios.defaults.headers.common.Authorization\r\n        axios({\r\n          method: 'get',\r\n          url: this.item.file,\r\n          responseType: 'blob'\r\n        }).then(res=>{\r\n          const blob = res.data;\r\n          let file = this.item.file.split('/');\r\n          file = file[file.length-1].split('.');\r\n          const name = file[0];\r\n          const ext = file[1];\r\n          if (window.navigator.msSaveOrOpenBlob) { // for IE\r\n            window.navigator.msSaveOrOpenBlob((blob), `${name}.${ext}`);\r\n          } else { // Others\r\n            const reader = new FileReader();\r\n            reader.onloadend = () => {\r\n              const a = document.createElement(\"a\");\r\n              a.href = reader.result;\r\n              a.style.display = 'none';\r\n              a.setAttribute('download', `${name}.${ext}`);\r\n              document.body.appendChild(a);\r\n              a.click();\r\n              a.parentNode.removeChild(a);\r\n            }\r\n            reader.readAsDataURL(blob);\r\n          }\r\n        });*/\r\n      },\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  .file\r\n    word-break break-all\r\n    color #333333\r\n    cursor pointer\r\n    text-decoration underline\r\n\r\n  .svg-sub3\r\n    filter invert(52%) sepia(21%) saturate(15%) hue-rotate(28deg) brightness(94%) contrast(88%)\r\n</style>\r\n\r\n<style lang=\"stylus\">\r\n  .download-modal .sweet-modal.is-mobile-fullscreen\r\n    top 50% !important\r\n    left 50% !important\r\n    transform translate(-50%, -50%) !important\r\n\r\n  .download-modal .sweet-content\r\n    padding-bottom 12px !important\r\n\r\n  @media (min-width: 501px)\r\n    .download-modal .sweet-modal\r\n      height 250px\r\n\r\n    .download-modal .sweet-content\r\n      padding-top 72px !important\r\n\r\n  @media (max-width: 500px)\r\n    .download-modal .sweet-modal\r\n      max-width 80vw !important\r\n      height 200px\r\n\r\n      .subtitle4\r\n        font-size 14px\r\n\r\n      .body2-bold\r\n        font-size 13px\r\n\r\n      .button\r\n        height 36px !important\r\n\r\n    .download-modal .sweet-content\r\n      padding-top 58px !important\r\n\r\n</style>\r\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!./TalkFile.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!./TalkFile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TalkFile.vue?vue&type=template&id=186eb3ee&scoped=true&\"\nimport script from \"./TalkFile.vue?vue&type=script&lang=js&\"\nexport * from \"./TalkFile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TalkFile.vue?vue&type=style&index=0&id=186eb3ee&lang=stylus&scoped=true&\"\nimport style1 from \"./TalkFile.vue?vue&type=style&index=1&lang=stylus&\"\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  \"186eb3ee\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TalkFile.vue?vue&type=style&index=1&lang=stylus&\""],"sourceRoot":""}