{"version":3,"sources":["webpack:///./src/components/component/PresentationMessage.vue?4583","webpack:///src/components/component/PresentationMessage.vue","webpack:///./src/components/component/PresentationMessage.vue?0932","webpack:///./src/components/component/PresentationMessage.vue","webpack:///./src/components/page/QuickBuilder/SuperBuilderStepEnd.vue?d467","webpack:///src/components/page/QuickBuilder/SuperBuilderStepEnd.vue","webpack:///./src/components/page/QuickBuilder/SuperBuilderStepEnd.vue?eac0","webpack:///./src/components/page/QuickBuilder/SuperBuilderStepEnd.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","domProps","_s","showMsg","_e","staticRenderFns","setTimeout","component","attrs","list","on","$event","$emit"],"mappings":"0IAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAW,QAAEI,EAAG,MAAM,CAACE,YAAY,iCAAiCC,MAAOP,EAAY,SAAEQ,SAAS,CAAC,UAAYR,EAAIS,GAAGT,EAAIU,YAAYV,EAAIW,MACvOC,EAAkB,GCKtB,G,oBAAA,CACE,MAAF,CACI,KAAJ,CACM,KAAN,QAGE,KAAF,sBACE,QAPF,WAOI,IAAJ,OACI,KAAJ,cACI,OAAJ,yCACM,EAAN,kBAGE,KAbF,WAcI,MAAJ,CACM,SAAN,EACM,cAAN,EACM,QAAN,GACM,SAAN,IAGE,SAAF,CACI,IADJ,WAEM,OAAN,+BAEI,SAJJ,WAKM,MAAN,CACQ,SAAR,QACQ,IAAR,MACQ,KAAR,MACQ,UAAR,wBACQ,MAAR,UAIE,QAAF,CACI,YADJ,WACM,IAAN,OACA,qBACA,IACM,KAAN,eAEQ,EAAR,cACQ,IACR,WAEU,WAAV,WAKY,EAAZ,gBAEgB,EAAhB,6BAEc,EAAd,gBACcC,YAAW,WAET,EAAhB,gBACA,MAGcA,YAAW,WACT,EAAhB,WACgB,EAAhB,gBACA,OAKM,WAAN,kBC3E4W,I,YCOxWC,EAAY,eACd,EACAf,EACAa,GACA,EACA,KACA,KACA,MAIa,aAAAE,E,oDClBf,IAAIf,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,uBAAuB,CAACW,MAAM,CAAC,KAAOf,EAAIgB,MAAMC,GAAG,CAAC,KAAO,SAASC,GAAQ,OAAOlB,EAAImB,MAAM,aAC5LP,EAAkB,G,YCKtB,GACE,KAAF,sBACE,WAAF,CAAI,oBAAJ,cACE,KAHF,WAII,MAAJ,CACM,KAAN,CACA,iBACA,4BCb2X,I,YCOvXE,EAAY,eACd,EACAf,EACAa,GACA,EACA,KACA,KACA,MAIa,aAAAE,E","file":"js/chunk-7a54e52c.9feee846.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.visible)?_c('div',{staticClass:\"size-28 weight-500 text-center\",style:(_vm.msgStyle),domProps:{\"innerHTML\":_vm._s(_vm.showMsg)}}):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div v-html=\"showMsg\" v-if=\"visible\"\r\n       class=\"size-28 weight-500 text-center\"\r\n       :style=\"msgStyle\"></div>\r\n</template>\r\n<script>\r\n  export default {\r\n    props: {\r\n      list: {\r\n        type: Array\r\n      }\r\n    },\r\n    name: \"PresentationMessage\",\r\n    created() {\r\n      this.showMessage();\r\n      window.addEventListener('mousedown', () => {\r\n        this.$emit('done');\r\n      })\r\n    },\r\n    data() {\r\n      return {\r\n        visible: true,\r\n        selectedIndex: 0,\r\n        showMsg: '',\r\n        itv: undefined\r\n      }\r\n    },\r\n    computed: {\r\n      msg() {\r\n        return this.list[this.selectedIndex];\r\n      },\r\n      msgStyle() {\r\n        return {\r\n          position: 'fixed',\r\n          top: '50%',\r\n          left: '50%',\r\n          transform: 'translate(-50%, -50%)',\r\n          width: '100%'\r\n        }\r\n      }\r\n    },\r\n    methods: {\r\n      showMessage() {\r\n        let msg = this.msg.split('');\r\n        let index = 0;\r\n        this.itv = ()=>{\r\n          // 1글자씩 showMsg에 채우기\r\n          this.showMsg += msg[index];\r\n          index++;\r\n          if(index < msg.length) {\r\n            // 80ms 간격으로 글자 채우기\r\n            setTimeout(this.itv, 80);\r\n          }\r\n          // 메시지 길이를 넘어선 경우\r\n          else {\r\n            // list에서 다음 메시지 인덱스로.\r\n            this.selectedIndex++;\r\n            // 인덱스 범위 이내일 때\r\n            if (this.selectedIndex < this.list.length) {\r\n              // 다음 메시지랑 사이에 br 태그 추가\r\n              this.showMsg += '<br>';\r\n              setTimeout(()=>{\r\n                // 600ms 뒤에 한글자씩 다시 채우기\r\n                this.showMessage();\r\n              },600);\r\n            } else {\r\n              // 모든 메시지 표시된 경우, 500ms 이후 visible false, done emit\r\n              setTimeout(() => {\r\n                this.visible = false;\r\n                this.$emit('done');\r\n              }, 500);\r\n            }\r\n          }\r\n        };\r\n        // 최초 첫 글자 표시는 600ms 이후\r\n        setTimeout(this.itv,600);\r\n      },\r\n    }\r\n  }\r\n</script>\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!./PresentationMessage.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!./PresentationMessage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PresentationMessage.vue?vue&type=template&id=52cc21c6&\"\nimport script from \"./PresentationMessage.vue?vue&type=script&lang=js&\"\nexport * from \"./PresentationMessage.vue?vue&type=script&lang=js&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('presentation-message',{attrs:{\"list\":_vm.list},on:{\"done\":function($event){return _vm.$emit('done')}}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <presentation-message :list=\"list\" @done=\"$emit('done')\"></presentation-message>\r\n</template>\r\n\r\n<script>\r\n  import PresentationMessage from \"../../component/PresentationMessage\";\r\n  export default {\r\n    name: \"SuperBuilderStepEnd\",\r\n    components: {PresentationMessage},\r\n    data() {\r\n      return {\r\n        list: [\r\n          '이제 모두 완료되었습니다.',\r\n          '내 서비스 목록에서 확인할 수 있어요!'\r\n        ]\r\n      }\r\n    }\r\n  }\r\n</script>","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!./SuperBuilderStepEnd.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!./SuperBuilderStepEnd.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SuperBuilderStepEnd.vue?vue&type=template&id=2c39dee9&\"\nimport script from \"./SuperBuilderStepEnd.vue?vue&type=script&lang=js&\"\nexport * from \"./SuperBuilderStepEnd.vue?vue&type=script&lang=js&\"\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"],"sourceRoot":""}