{"version":3,"sources":["webpack:///./src/components/modal/LpProcessModal.vue?a0bf","webpack:///./src/components/modal/LpProcessModal.vue?be55","webpack:///./src/components/modal/LpProcessModal.vue?d488","webpack:///src/components/modal/LpProcessModal.vue","webpack:///./src/components/modal/LpProcessModal.vue?90bb","webpack:///./src/components/modal/LpProcessModal.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","on","closeModal","_v","_s","headTitle","$event","$refs","modal","close","staticStyle","title","content","clickLink","buttonLeft","link","text","buttonRight","_e","staticRenderFns","component"],"mappings":"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","file":"js/chunk-aebb0334.0a22b72f.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!./LpProcessModal.vue?vue&type=style&index=1&lang=stylus&\"","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!./LpProcessModal.vue?vue&type=style&index=0&id=d14f9634&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"process-modal-container\"},[_c('sweet-modal',{ref:\"modal\",attrs:{\"overlay-theme\":\"dark\",\"hideCloseButton\":true,\"enable-mobile-fullscreen\":true},on:{\"close\":_vm.closeModal}},[_c('div',{staticClass:\"modal-container\"},[_c('div',{staticClass:\"modal-header\"},[_c('div',{staticClass:\"body2-medium\"},[_vm._v(_vm._s(_vm.headTitle))]),_c('img',{staticClass:\"svg-sub3 unselect\",attrs:{\"src\":\"/static/icon/fi_close_outline.svg\"},on:{\"click\":function($event){return _vm.$refs.modal.close()}}})]),_c('div',{staticClass:\"flex-center\",staticStyle:{\"height\":\"calc(100% - 56px)\"}},[_c('div',{staticClass:\"modal-content\"},[_c('svg',{attrs:{\"width\":\"50\",\"height\":\"50\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"d\":\"M7.86 2H16.14L22 7.86V16.14L16.14 22H7.86L2 16.14V7.86L7.86 2Z\",\"stroke\":\"#ff6600\",\"stroke-width\":\"1\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"d\":\"M12 16H12.01\",\"stroke\":\"#ff6600\",\"stroke-width\":\"1\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"d\":\"M12 8V12\",\"stroke\":\"#ff6600\",\"stroke-width\":\"1\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})]),_c('div',{staticClass:\"subtitle4 main\",staticStyle:{\"margin-top\":\"70px\"}},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"body4 sub3 margin-top-8\",staticStyle:{\"white-space\":\"pre-line\"}},[_vm._v(_vm._s(_vm.content))]),_c('div',{staticClass:\"grid-buttons\"},[_c('button',{staticClass:\"button is-primary\",on:{\"click\":function($event){return _vm.clickLink(_vm.buttonLeft.link)}}},[_vm._v(_vm._s(_vm.buttonLeft.text))]),(_vm.visibleRight)?_c('button',{staticClass:\"button is-gray\",on:{\"click\":function($event){return _vm.clickLink(_vm.buttonRight.link)}}},[_vm._v(_vm._s(_vm.buttonRight.text))]):_vm._e()])])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"process-modal-container\">\r\n    <sweet-modal ref=\"modal\"  @close=\"closeModal\"\r\n                 overlay-theme=\"dark\"\r\n                 :hideCloseButton=\"true\"\r\n                 :enable-mobile-fullscreen=\"true\">\r\n      <div class=\"modal-container\">\r\n        <div class=\"modal-header\">\r\n          <div class=\"body2-medium\">{{ headTitle }}</div>\r\n          <img src=\"/static/icon/fi_close_outline.svg\" class=\"svg-sub3 unselect\" @click=\"$refs.modal.close()\">\r\n        </div>\r\n        <div class=\"flex-center\" style=\"height:calc(100% - 56px)\">\r\n          <div class=\"modal-content\">\r\n            <svg width=\"50\" height=\"50\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path d=\"M7.86 2H16.14L22 7.86V16.14L16.14 22H7.86L2 16.14V7.86L7.86 2Z\" stroke=\"#ff6600\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n              <path d=\"M12 16H12.01\" stroke=\"#ff6600\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n              <path d=\"M12 8V12\" stroke=\"#ff6600\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n            </svg>\r\n\r\n\r\n            <div class=\"subtitle4 main\" style=\"margin-top: 70px\">{{ title }}</div>\r\n            <div class=\"body4 sub3 margin-top-8\" style=\"white-space: pre-line\">{{ content }}</div>\r\n\r\n            <div class=\"grid-buttons\">\r\n              <button class=\"button is-primary\" @click=\"clickLink(buttonLeft.link)\">{{ buttonLeft.text }}</button>\r\n              <button v-if=\"visibleRight\"\r\n                class=\"button is-gray\" @click=\"clickLink(buttonRight.link)\">{{ buttonRight.text }}</button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </sweet-modal>\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: \"LpProcessModal\",\r\n    components: {\r\n      SweetModal\r\n    },\r\n    mounted() {\r\n      this.$nextTick(()=>{\r\n        this.$refs.modal.open();\r\n      });\r\n    },\r\n    props: {\r\n      req: {\r\n        type: Boolean\r\n      },\r\n      headTitle: {\r\n        type: String\r\n      },\r\n      title: {\r\n        type: String\r\n      },\r\n      content: {\r\n        type: String\r\n      },\r\n      buttonLeft: {\r\n        type: Object,\r\n        default: function() {\r\n          return {\r\n            'text': '취소',\r\n            'link': 'close'\r\n          }\r\n        }\r\n      },\r\n      buttonRight: {\r\n        type: Object,\r\n        default: function() {\r\n          return {\r\n            'text': '확인',\r\n            'link': 'close'\r\n          }\r\n        }\r\n      },\r\n      visibleRight: {\r\n        type: Boolean,\r\n        default: true\r\n      }\r\n    },\r\n    data() {\r\n      return {}\r\n    },\r\n    methods: {\r\n      clickLink(link) {\r\n        this.$refs.modal.close();\r\n        setTimeout(()=>{\r\n          if(link === 'close') {\r\n            this.$emit('close');\r\n          }\r\n          else if(this.req) {\r\n            if(link.indexOf('http')===0) {\r\n              window.open(link, '_blank');\r\n            } else {\r\n              this.$router.push(link);\r\n            }\r\n          }\r\n          else {\r\n            window.parent.opener.postMessage({close: true, redirectUrl: link}, '*');\r\n          }\r\n        },400);\r\n      },\r\n      closeModal() {\r\n        setTimeout(()=>{\r\n          this.$emit('close');\r\n        }, 500);\r\n      },\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n  .modal-header\r\n    background-color $gray2\r\n    padding 16px 24px\r\n    display flex\r\n    justify-content space-between\r\n    align-items center\r\n  .modal-container\r\n    width 500px\r\n    height 689px\r\n    max-height 90vh\r\n\r\n  .modal-content\r\n    text-align center\r\n    padding 0 40px 100px 40px\r\n\r\n  .grid-buttons\r\n    margin-top 60px\r\n    display flex\r\n    gap 16px\r\n    button\r\n      flex 1\r\n      width 100%\r\n      height 40px\r\n</style>\r\n<style lang=\"stylus\">\r\n  .process-modal-container\r\n    .sweet-modal.is-alert .sweet-content\r\n      padding 0 !important\r\n      text-align left\r\n\r\n    .sweet-modal\r\n      min-width 500px\r\n      max-width 500px\r\n      border-radius 8px\r\n      max-height 90vh\r\n      height 689px\r\n      background-color white\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!./LpProcessModal.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!./LpProcessModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LpProcessModal.vue?vue&type=template&id=d14f9634&scoped=true&\"\nimport script from \"./LpProcessModal.vue?vue&type=script&lang=js&\"\nexport * from \"./LpProcessModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LpProcessModal.vue?vue&type=style&index=0&id=d14f9634&lang=stylus&scoped=true&\"\nimport style1 from \"./LpProcessModal.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  \"d14f9634\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}