{"version":3,"sources":["webpack:///./src/components/page/QuickBuilder/SuperBuilderStep2.vue?c2e2","webpack:///./src/components/page/QuickBuilder/SuperBuilderStep2.vue?1c2e","webpack:///src/components/page/QuickBuilder/SuperBuilderStep2.vue","webpack:///./src/components/page/QuickBuilder/SuperBuilderStep2.vue?7f18","webpack:///./src/components/page/QuickBuilder/SuperBuilderStep2.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","style","_m","staticClass","_v","attrs","disabled","domProps","service","service_name","on","e","target","value","directives","name","rawName","expression","$event","composing","$set","onKeyupServiceId","_s","err","_e","staticRenderFns","component"],"mappings":"kHAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,CAAC,OAAS,SAAS,CAACF,EAAG,MAAM,CAACG,MAAOP,EAAY,UAAG,CAACA,EAAIQ,GAAG,GAAGR,EAAIQ,GAAG,GAAGJ,EAAG,MAAM,CAACK,YAAY,0CAA0CH,YAAY,CAAC,MAAQ,YAAY,CAACF,EAAG,MAAM,CAACJ,EAAIU,GAAG,gBAAgBN,EAAG,QAAQ,CAACK,YAAY,+DAA+DH,YAAY,CAAC,MAAQ,SAASK,MAAM,CAAC,KAAO,OAAO,YAAc,cAAc,SAAWX,EAAIY,UAAUC,SAAS,CAAC,MAAQb,EAAIc,QAAQC,cAAcC,GAAG,CAAC,MAAQ,SAAUC,GAAK,OAAOjB,EAAIc,QAAQC,aAAeE,EAAEC,OAAOC,UAAYf,EAAG,MAAM,CAACJ,EAAIU,GAAG,UAAUN,EAAG,MAAM,CAACK,YAAY,0CAA0CH,YAAY,CAAC,MAAQ,YAAY,CAACF,EAAG,MAAM,CAACJ,EAAIU,GAAG,cAAcN,EAAG,MAAM,CAACA,EAAG,MAAM,CAACK,YAAY,oDAAoD,CAACL,EAAG,QAAQ,CAACgB,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUH,MAAOnB,EAAIc,QAAW,IAAES,WAAW,gBAAgBd,YAAY,gCAAgCH,YAAY,CAAC,MAAQ,SAASK,MAAM,CAAC,KAAO,OAAO,YAAc,gBAAgB,UAAY,KAAK,SAAWX,EAAIY,UAAUC,SAAS,CAAC,MAASb,EAAIc,QAAW,KAAGE,GAAG,CAAC,MAAQ,CAAC,SAASQ,GAAWA,EAAON,OAAOO,WAAqBzB,EAAI0B,KAAK1B,EAAIc,QAAS,MAAOU,EAAON,OAAOC,QAAQnB,EAAI2B,qBAAsB3B,EAAO,IAAEI,EAAG,MAAM,CAACK,YAAY,OAAO,CAACT,EAAIU,GAAGV,EAAI4B,GAAG5B,EAAI6B,QAAQ7B,EAAI8B,SAAS1B,EAAG,MAAM,CAACJ,EAAIU,GAAG,iBACn5CqB,EAAkB,CAAC,WAAa,IAAI/B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACK,YAAY,cAAcH,YAAY,CAAC,MAAQ,YAAY,CAACN,EAAIU,GAAG,wBAAwBN,EAAG,IAAI,CAACJ,EAAIU,GAAG,WAAWV,EAAIU,GAAG,WAAW,WAAa,IAAIV,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACK,YAAY,uBAAuB,CAACL,EAAG,IAAI,CAACJ,EAAIU,GAAG,eAAeV,EAAIU,GAAG,iBC8Bja,G,oBAAA,CACE,KAAF,oBAEE,MAAF,CACI,QAAJ,CACM,KAAN,SAGE,KARF,WASI,MAAJ,CACM,SAAN,EACM,UAAN,IAGE,QAdF,WAcI,IAAJ,OACI,KAAJ,sBACM,EAAN,YACM,YAAN,WACQ,EAAR,cACA,SAGE,SAAF,CACI,SADJ,WAEM,MAAN,CACQ,SAAR,WACQ,IAAR,MACQ,KAAR,MACQ,UAAR,2BAIE,QAAF,CACI,iBADJ,SACA,GAEM,IAAN,sDAEA,uBACQ,KAAR,2CACA,4DACQ,KAAR,2BAEQ,KAAR,eAEM,KAAN,+CC3EyX,I,wBCQrXsB,EAAY,eACd,EACAjC,EACAgC,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-1da0f928.4a776a4d.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!./SuperBuilderStep2.vue?vue&type=style&index=0&id=63f18327&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"height\":\"100%\"}},[_c('div',{style:(_vm.topStyle)},[_vm._m(0),_vm._m(1),_c('div',{staticClass:\"flex-align justify-center margin-top-56\",staticStyle:{\"color\":\"#837c7a\"}},[_c('div',[_vm._v(\"내 서비스의 이름은\")]),_c('input',{staticClass:\"input margin-left-12 margin-right-12 font-primary weight-600\",staticStyle:{\"width\":\"300px\"},attrs:{\"type\":\"text\",\"placeholder\":\"텍스트를 입력해주세요\",\"disabled\":_vm.disabled},domProps:{\"value\":_vm.service.service_name},on:{\"keyup\":function (e) { return _vm.service.service_name = e.target.value; }}}),_c('div',[_vm._v(\"이며\")])]),_c('div',{staticClass:\"flex-align justify-center margin-top-24\",staticStyle:{\"color\":\"#837c7a\"}},[_c('div',[_vm._v(\"서비스 아이디는\")]),_c('div',[_c('div',{staticClass:\"position-relative margin-left-12 margin-right-12\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.service.key),expression:\"service.key\"}],staticClass:\"input font-primary weight-600\",staticStyle:{\"width\":\"300px\"},attrs:{\"type\":\"text\",\"placeholder\":\"영문,숫자로 기입해주세요\",\"maxlength\":\"20\",\"disabled\":_vm.disabled},domProps:{\"value\":(_vm.service.key)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.$set(_vm.service, \"key\", $event.target.value)},_vm.onKeyupServiceId]}}),(_vm.err)?_c('div',{staticClass:\"err\"},[_vm._v(_vm._s(_vm.err))]):_vm._e()])]),_c('div',[_vm._v(\"입니다.\")])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text-center\",staticStyle:{\"color\":\"#837c7a\"}},[_vm._v(\"다음은 온라인에 공개적으로 노출되는 \"),_c('b',[_vm._v(\"기본 정보\")]),_vm._v(\"입니다.\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"size-36 text-center\"},[_c('b',[_vm._v(\"내 서비스의 정보\")]),_vm._v(\"를 입력해주세요.\")])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div style=\"height:100%\">\r\n\r\n    <div :style=\"topStyle\">\r\n      <div class=\"text-center\" style=\"color:#837c7a\">다음은 온라인에 공개적으로 노출되는 <b>기본 정보</b>입니다.</div>\r\n      <div class=\"size-36 text-center\"><b>내 서비스의 정보</b>를 입력해주세요.</div>\r\n      <div class=\"flex-align justify-center margin-top-56\" style=\"color:#837c7a\">\r\n        <div>내 서비스의 이름은</div>\r\n        <input class=\"input margin-left-12 margin-right-12 font-primary weight-600\" type=\"text\"\r\n               style=\"width:300px\" placeholder=\"텍스트를 입력해주세요\" :disabled=\"disabled\"\r\n              :value=\"service.service_name\" @keyup=\"e => service.service_name = e.target.value\"/>\r\n        <div>이며</div>\r\n      </div>\r\n\r\n      <div class=\"flex-align justify-center margin-top-24\" style=\"color:#837c7a\">\r\n        <div>서비스 아이디는</div>\r\n        <div>\r\n          <div class=\"position-relative margin-left-12 margin-right-12\">\r\n            <input class=\"input font-primary weight-600\" type=\"text\"\r\n                   placeholder=\"영문,숫자로 기입해주세요\"\r\n                   style=\"width:300px\" maxlength=\"20\" :disabled=\"disabled\"\r\n                   v-model=\"service.key\" @input=\"onKeyupServiceId\"/>\r\n              <div class=\"err\" v-if=\"err\">{{ err }}</div>\r\n          </div>\r\n        </div>\r\n        <div>입니다.</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n  export default {\r\n    name: \"SuperBuilderStep2\",\r\n\r\n    props: {\r\n      service: {\r\n        type: Object\r\n      }\r\n    },\r\n    data() {\r\n      return {\r\n        err: undefined,\r\n        disabled: false\r\n      }\r\n    },\r\n    mounted() {\r\n      this.$nextTick(()=>{\r\n        this.disabled = true;\r\n        setTimeout(()=>{\r\n          this.disabled = false;\r\n        },300);\r\n      })\r\n    },\r\n    computed: {\r\n      topStyle() {\r\n        return {\r\n          position: 'absolute',\r\n          top: '45%',\r\n          left: '50%',\r\n          transform: 'translate(-45%, -50%)'\r\n        }\r\n      },\r\n    },\r\n    methods: {\r\n      onKeyupServiceId(e) {\r\n        // eslint-disable-next-line no-useless-escape\r\n        let regExp = /[\\{\\}\\[\\]\\/?_.,;:|\\)*~`!^\\-+<>@\\#$%&\\\\\\=\\(\\'\\\"]/gi;\r\n        // 특수문자 예외처리\r\n        if (regExp.test(e.target.value)) {\r\n          this.service.key = this.service.key.replace(regExp, '');\r\n        } else if (e.target.value.length > 0 && /[a-zA-Z]/.test(e.target.value[0])) {\r\n          this.service.key = e.target.value;\r\n        } else {\r\n          this.service.key = '';\r\n        }\r\n        this.service.key = this.service.key.toLowerCase();\r\n      },\r\n    }\r\n  }\r\n</script>\r\n<style lang=\"stylus\" scoped>\r\n  .err\r\n    position absolute\r\n    left 0\r\n    color red\r\n    font-size 12px\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!./SuperBuilderStep2.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!./SuperBuilderStep2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SuperBuilderStep2.vue?vue&type=template&id=63f18327&scoped=true&\"\nimport script from \"./SuperBuilderStep2.vue?vue&type=script&lang=js&\"\nexport * from \"./SuperBuilderStep2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SuperBuilderStep2.vue?vue&type=style&index=0&id=63f18327&lang=stylus&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  \"63f18327\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}