{"version":3,"sources":["webpack:///./src/components/page/TemplateAccount.vue?1e46","webpack:///src/components/page/TemplateAccount.vue","webpack:///./src/components/page/TemplateAccount.vue?68b8","webpack:///./src/components/page/TemplateAccount.vue","webpack:///./src/components/component/LpCheckBoxArray.vue?5001","webpack:///src/components/component/LpCheckBoxArray.vue","webpack:///./src/components/component/LpCheckBoxArray.vue?9026","webpack:///./src/components/component/LpCheckBoxArray.vue","webpack:///./src/components/component/LpCheckBoxArray.vue?ccfa","webpack:///./src/components/page/TemplateAccount.vue?5ef6"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_v","attrs","order","product","img","name","_s","order_product_option","length","_e","_f","product_price","total_price","ref","agree","checkItem","on","$event","clickPrev","clickAccount","staticRenderFns","component","class","isChecked","style","stopPropagation","preventDefault","clickCheck","_l","item","idx","key","labelStyle","clickLink","label"],"mappings":"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","file":"js/chunk-d6c231be.1f5ad6f0.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.order)?_c('div',{staticClass:\"container-top\"},[_c('div',{staticClass:\"pc container padding-top-60 position-relative\"},[_c('div',{staticClass:\"h5 main\",staticStyle:{\"padding-bottom\":\"24px\"}},[_vm._v(\"결제하기\")]),_c('div',{staticClass:\"flex-align margin-bottom-56\",staticStyle:{\"gap\":\"16px\"}},[_c('img',{staticClass:\"img-product\",attrs:{\"src\":_vm.order.product.img,\"alt\":_vm.order.product.name}}),_c('div',[_c('div',{staticClass:\"subtitle5 main\"},[_vm._v(_vm._s(_vm.order.product.name))]),(_vm.order.order_product_option.length>0)?_c('div',{staticClass:\"body4 sub3\"},[_vm._v(_vm._s(_vm.order.order_product_option[0].name))]):_vm._e(),_c('div',{staticClass:\"h7 sub\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.order.product_price))),_c('span',{staticClass:\"body4\"},[_vm._v(\"원\")])])])]),_c('div',{staticClass:\"body0-bold main account-price-title\"},[_vm._v(\"결제 금액\")]),_c('div',[_c('div',{staticClass:\"item-account\"},[_c('div',{staticClass:\"subtitle5 sub2\"},[_vm._v(\"상품\")]),_c('div',{staticClass:\"flex-end\",staticStyle:{\"gap\":\"12px\"}},[_c('div',{staticClass:\"body2-bold main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.order.product_price))),_c('span',{staticClass:\"body4\"},[_vm._v(\"원\")])])])]),_c('div',{staticClass:\"item-account\"},[_c('div',{staticClass:\"subtitle4 main\"},[_vm._v(\"총 결제금액\")]),_c('div',{staticClass:\"h5 main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.order.total_price))),_c('span',{staticClass:\"body2-medium sub\"},[_vm._v(\"원\")])])])]),_c('div',{staticClass:\"body0-bold main account-price-title\",staticStyle:{\"margin-top\":\"76px\"}},[_vm._v(\"결제 방법\")]),_c('div',{staticClass:\"flex-center\",staticStyle:{\"margin\":\"48px 0\"}},[_c('billing-form',{ref:\"form\",staticStyle:{\"width\":\"480px\"}})],1),_c('lp-check-box-array',{attrs:{\"value\":_vm.agree,\"items\":_vm.checkItem},on:{\"update:value\":function($event){_vm.agree=$event}}}),_c('div',{staticClass:\"flex-center\",staticStyle:{\"margin-top\":\"80px\"}},[_c('button',{staticClass:\"button is-gray\",staticStyle:{\"width\":\"242px\",\"margin-right\":\"8px\"},on:{\"click\":_vm.clickPrev}},[_vm._v(\"이전\")]),_c('button',{staticClass:\"button is-primary\",staticStyle:{\"width\":\"242px\",\"margin-left\":\"8px\"},on:{\"click\":_vm.clickAccount}},[_vm._v(\"결제하기\")])])],1),_c('div',{staticClass:\"mobile\"},[_c('div',{staticClass:\"mo-container\"},[_c('div',{staticClass:\"h8 main\",staticStyle:{\"padding-bottom\":\"16px\"}},[_vm._v(\"결제하기\")]),_c('div',{staticClass:\"flex-align\",staticStyle:{\"padding\":\"12px 16px\",\"gap\":\"12px\"}},[_c('img',{staticClass:\"img-product\",attrs:{\"src\":_vm.order.product.img,\"alt\":_vm.order.product.name}}),_c('div',[_c('div',{staticClass:\"body4-medium main\"},[_vm._v(_vm._s(_vm.order.product.name))]),(_vm.order.order_product_option.length>0)?_c('div',{staticClass:\"body5 sub3\"},[_vm._v(_vm._s(_vm.order.order_product_option[0].name))]):_vm._e(),_c('div',{staticClass:\"body4-bold sub\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.order.product_price))),_c('span',{staticClass:\"body4\"},[_vm._v(\"원\")])])])])]),_c('div',{staticClass:\"mo-container\"},[_c('div',{staticClass:\"h8 main\",staticStyle:{\"padding-bottom\":\"16px\"}},[_vm._v(\"결제 금액\")]),_c('div',{staticClass:\"flex lp-divider-gray1 margin-bottom-12\",staticStyle:{\"flex-direction\":\"column\",\"gap\":\"12px\",\"padding-bottom\":\"12px\"}},[_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"body4 sub\"},[_vm._v(\"상품\")]),_c('div',[_c('span',{staticClass:\"body4-bold\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.order.product_price)))]),_c('span',{staticClass:\"body4 main\"},[_vm._v(\"원\")])])])]),_c('div',{staticClass:\"flex-between\"},[_c('div',{staticClass:\"body4-medium main\"},[_vm._v(\"총 결제금액\")]),_c('div',[_c('span',{staticClass:\"h7 main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(_vm.order.total_price)))]),_c('span',{staticClass:\"body2-medium sub\"},[_vm._v(\"원\")])])])]),_c('div',{staticClass:\"mo-container\"},[_c('div',{staticClass:\"h8 main\",staticStyle:{\"padding-bottom\":\"16px\"}},[_vm._v(\"결제 방법\")]),_c('billing-form',{ref:\"form1\"}),_c('lp-check-box-array',{staticStyle:{\"margin-top\":\"16px\"},attrs:{\"value\":_vm.agree,\"items\":_vm.checkItem},on:{\"update:value\":function($event){_vm.agree=$event}}}),_c('button',{staticClass:\"button is-primary margin-top-16\",staticStyle:{\"height\":\"48px\",\"width\":\"100%\"},on:{\"click\":_vm.clickAccount}},[_vm._v(\"결제하기\")])],1)])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"container-top\" v-if=\"order\">\r\n      <div class=\"pc container padding-top-60 position-relative\">\r\n        <div class=\"h5 main\" style=\"padding-bottom:24px\">결제하기</div>\r\n\r\n        <div class=\"flex-align margin-bottom-56\" style=\"gap:16px\">\r\n          <img class=\"img-product\"\r\n               :src=\"order.product.img\" :alt=\"order.product.name\">\r\n          <div>\r\n            <div class=\"subtitle5 main\">{{ order.product.name }}</div>\r\n            <div v-if=\"order.order_product_option.length>0\"\r\n                 class=\"body4 sub3\">{{ order.order_product_option[0].name }}</div>\r\n            <div class=\"h7 sub\">{{ order.product_price|currencyNum }}<span class=\"body4\">원</span></div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"body0-bold main account-price-title\">결제 금액</div>\r\n        <div>\r\n          <div class=\"item-account\">\r\n            <div class=\"subtitle5 sub2\">상품</div>\r\n            <div class=\"flex-end\" style=\"gap:12px\">\r\n              <div class=\"body2-bold main\">{{ order.product_price|currencyNum }}<span class=\"body4\">원</span></div>\r\n            </div>\r\n          </div>\r\n          <div class=\"item-account\">\r\n            <div class=\"subtitle4 main\">총 결제금액</div>\r\n            <div class=\"h5 main\">{{ order.total_price|currencyNum }}<span class=\"body2-medium sub\">원</span></div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"body0-bold main account-price-title\" style=\"margin-top:76px\">결제 방법</div>\r\n        <div class=\"flex-center\" style=\"margin:48px 0\">\r\n          <billing-form  style=\"width:480px\" ref=\"form\"></billing-form>\r\n        </div>\r\n        <lp-check-box-array :value.sync=\"agree\" :items=\"checkItem\"></lp-check-box-array>\r\n        <div class=\"flex-center\" style=\"margin-top:80px\">\r\n          <button class=\"button is-gray\" style=\"width:242px;margin-right:8px\" @click=\"clickPrev\">이전</button>\r\n          <button class=\"button is-primary\" style=\"width:242px;margin-left:8px\" @click=\"clickAccount\">결제하기</button>\r\n        </div>\r\n      </div>\r\n      <div class=\"mobile\">\r\n        <div class=\"mo-container\">\r\n          <div class=\"h8 main\" style=\"padding-bottom:16px\">결제하기</div>\r\n          <div class=\"flex-align\" style=\"padding:12px 16px;gap:12px\">\r\n            <img class=\"img-product\"\r\n                 :src=\"order.product.img\" :alt=\"order.product.name\">\r\n            <div>\r\n              <div class=\"body4-medium main\">{{ order.product.name }}</div>\r\n              <div v-if=\"order.order_product_option.length>0\"\r\n                   class=\"body5 sub3\">{{ order.order_product_option[0].name }}</div>\r\n              <div class=\"body4-bold sub\">{{ order.product_price|currencyNum }}<span class=\"body4\">원</span></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"mo-container\">\r\n          <div class=\"h8 main\" style=\"padding-bottom:16px\">결제 금액</div>\r\n          <div class=\"flex lp-divider-gray1 margin-bottom-12\"\r\n               style=\"flex-direction: column;gap:12px;padding-bottom:12px\">\r\n            <div class=\"flex-between\">\r\n              <div class=\"body4 sub\">상품</div>\r\n              <div>\r\n                <span class=\"body4-bold\">{{ order.product_price | currencyNum }}</span>\r\n                <span class=\"body4 main\">원</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"flex-between\">\r\n            <div class=\"body4-medium main\">총 결제금액</div>\r\n            <div>\r\n              <span class=\"h7 main\">{{ order.total_price | currencyNum }}</span>\r\n              <span class=\"body2-medium sub\">원</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"mo-container\">\r\n          <div class=\"h8 main\" style=\"padding-bottom:16px\">결제 방법</div>\r\n          <billing-form ref=\"form1\"></billing-form>\r\n          <lp-check-box-array style=\"margin-top:16px\"\r\n                              :value.sync=\"agree\" :items=\"checkItem\"></lp-check-box-array>\r\n          <button class=\"button is-primary margin-top-16\" style=\"height:48px;width:100%\" @click=\"clickAccount\">결제하기</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import BillingForm from \"../module/BillingForm\";\r\n  import LpCheckBoxArray from \"../component/LpCheckBoxArray\";\r\n  import UserAPIMixin from \"../../mixins/UserAPIMixin\";\r\n  export default {\r\n    name: \"TemplateAccount\",\r\n    components: {LpCheckBoxArray, BillingForm},\r\n    mixins: [\r\n      UserAPIMixin\r\n    ],\r\n    data() {\r\n      return {\r\n        agree: false,\r\n        checkItem: [\r\n          {\r\n            label: '구매 정보 및 결제 내역을 확인했으며, 이에 동의합니다.',\r\n            labelStyle: {\r\n              color: '#4f4f4f',\r\n              fontSize: '15px'\r\n            }\r\n          }\r\n        ]\r\n      }\r\n    },\r\n    computed: {\r\n      order() {\r\n        return this.$store.getters.basket;\r\n      }\r\n    },\r\n    methods: {\r\n      clickPrev() {\r\n        this.$router.back();\r\n      },\r\n      validate() {\r\n        let formKey = window.innerWidth <= 1024 ? 'form1': 'form';\r\n        let valid = true;\r\n        Object.keys(this.$refs[formKey].value).forEach(key=>{\r\n          if(this.$refs[formKey].value[key] === '') {\r\n            valid = false;\r\n          }\r\n        });\r\n\r\n        return valid;\r\n      },\r\n      async clickAccount() {\r\n        if(!this.agree) {\r\n          this.toast('동의 후 진행해주세요');\r\n          return;\r\n        }\r\n        let formKey = window.innerWidth <= 1024 ? 'form1': 'form';\r\n        if(this.$refs[formKey].selectedBill) {\r\n          this.order.bill = this.$refs[formKey].selectedBill.id;\r\n        } else {\r\n          if(!this.validate()) {\r\n            this.toast('카드 정보를 제대로 입력해주세요.');\r\n            return;\r\n          }\r\n          this.setLoading('카드 등록중입니다');\r\n          let res = undefined;\r\n          try {\r\n            res = await this.request.user.post('launchpack/card_bill', this.$refs[formKey].value);\r\n            this.clearLoading();\r\n          } catch(e) {\r\n            this.clearLoading();\r\n            this.toast(e.message);\r\n            return;\r\n          }\r\n          if(res.data.result === 'error') {\r\n            if(res.data.message.indexOf('CDAU1002')>-1) {\r\n              this.toast(res.data.message.replace('[CDAU1002] ',''));\r\n            } else {\r\n              this.toast('카드 정보가 잘못 입력되었습니다.');\r\n              Object.keys(this.$refs[formKey].err).forEach((key=>{\r\n                this.$refs[formKey].err[key].err = false;\r\n                this.$refs[formKey].err[key].err = false;\r\n              }));\r\n              for(let item of [\r\n                { code: '3110', key: 'card_num' },\r\n                { code: '3115', key: 'pw' },\r\n                { code: '3119', key: 'ex' },\r\n                { code: '3131', key: 'birth' }\r\n              ]) {\r\n                if(res.data.message.indexOf(item.code)>-1) {\r\n                  this.$refs[formKey].err[item.key].err = true;\r\n                }\r\n              }\r\n              return;\r\n            }\r\n          } else {\r\n            // 카드 등록 성공\r\n            this.order.bill = res.data.bill_id;\r\n          }\r\n        }\r\n\r\n        this.request.user.post('launchpack/v1/templates/order', this.order).then(res => {\r\n          if(res.status === 200) {\r\n            if(res.data.result) {\r\n              this.$router.push(`/account_fail?reason=${res.data.message}`);\r\n            } else {\r\n              const a = document.createElement(\"a\");\r\n              a.href = res.data.files[0];\r\n              a.style.display = 'none';\r\n              a.setAttribute('download', res.data.files[0]);\r\n              document.body.appendChild(a);\r\n              a.click();\r\n              a.parentNode.removeChild(a);\r\n              this.routerPush('template_account_done');\r\n            }\r\n          }\r\n        }).catch(res => {\r\n          console.log(res);\r\n        });\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  .account-price-title\r\n    border-top 1px solid $main\r\n    padding 16px 0\r\n    border-bottom 1px solid $gray2\r\n\r\n  .item-account\r\n    display flex\r\n    justify-content space-between\r\n    align-content center\r\n    padding 24px 0\r\n    border-bottom 1px solid $gray1\r\n  .item-account:last-child\r\n    border-bottom 0\r\n\r\n  .circle-gray\r\n    width 3px\r\n    height 3px\r\n    background-color $gray1\r\n    border-radius 100%\r\n\r\n  .mo-container\r\n    padding 24px 16px\r\n    border-bottom 8px solid $gray2\r\n  .mo-container:first-child\r\n    border-bottom 1px solid $gray2\r\n  .mo-container:last-child\r\n    border-bottom 0\r\n\r\n  .pc\r\n    .mobile\r\n    .img-product\r\n      width 140px\r\n      height 105px\r\n      border-radius 6px\r\n      object-fit cover\r\n\r\n  .mobile\r\n    .img-product\r\n      width 94px\r\n      height 70px\r\n      border-radius 6px\r\n      object-fit cover\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!./TemplateAccount.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!./TemplateAccount.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TemplateAccount.vue?vue&type=template&id=52db4234&scoped=true&\"\nimport script from \"./TemplateAccount.vue?vue&type=script&lang=js&\"\nexport * from \"./TemplateAccount.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TemplateAccount.vue?vue&type=style&index=0&id=52db4234&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  \"52db4234\",\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('div',{staticClass:\"lp-check-bool-container\"},[_c('div',{class:{ 'checked-box' : !!_vm.isChecked, 'not-checked-box' : !_vm.isChecked },style:(_vm.checkStyle),on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickCheck($event)}}},[(!!_vm.isChecked)?_c('i',{staticClass:\"material-icons checked-icon\",on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickCheck($event)}}},[_vm._v(\"check\")]):_vm._e()]),_c('div',{on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickCheck($event)}}},_vm._l((_vm.items),function(item,idx){return _c('span',{key:(\"item-\" + idx),style:(_vm.labelStyle(item)),on:{\"click\":function($event){return _vm.clickLink(item)}}},[_vm._v(_vm._s(item.label))])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"lp-check-bool-container\">\r\n    <div :class=\"{ 'checked-box' : !!isChecked, 'not-checked-box' : !isChecked }\"\r\n         :style=\"checkStyle\"\r\n         @click.stop.prevent=\"clickCheck\">\r\n      <i v-if=\"!!isChecked\" class=\"material-icons checked-icon\" @click.stop.prevent=\"clickCheck\">check</i>\r\n    </div>\r\n    <div @click.stop.prevent=\"clickCheck\">\r\n      <span v-for=\"(item, idx) in items\" :key=\"`item-${idx}`\"\r\n            :style=\"labelStyle(item)\"\r\n            @click=\"clickLink(item)\">{{ item.label }}</span>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n  export default {\r\n    name: 'lp-check-box-array',\r\n    props: {\r\n      value: {\r\n        type: Boolean\r\n      },\r\n      items: {\r\n        type: Array,\r\n        default: function() {\r\n          return []\r\n        }\r\n      }\r\n    },\r\n    created() {\r\n      this.isChecked = this.value;\r\n    },\r\n    data() {\r\n      return {\r\n        isChecked: false\r\n      }\r\n    },\r\n    computed: {\r\n      checkStyle() {\r\n        let style = {}\r\n        if(this.label) {\r\n          style.marginRight = 8;\r\n        }\r\n        else style.marginRight = 0;\r\n\r\n        return style\r\n      }\r\n    },\r\n    methods: {\r\n      clickLink(item) {\r\n        if(item.link) window.open(item.link, '_blank');\r\n      },\r\n      labelStyle(item) {\r\n        let style = {\r\n          fontSize: '0.9rem',\r\n          lineHeight: '17px',\r\n          color: '#555'\r\n        };\r\n        if(item.labelStyle) {\r\n          style = item.labelStyle;\r\n        }\r\n        return style;\r\n      },\r\n      clickCheck() {\r\n        if ( this.isChecked === false ) {\r\n          this.isChecked = true;\r\n        }\r\n        else if ( this.isChecked === true ) {\r\n          this.isChecked = false;\r\n        }\r\n        this.$emit('update:value', this.isChecked);\r\n        this.$emit('onCheck', this.isChecked);\r\n        this.$emit('dataCheck', {id:this.label, value:this.isChecked});\r\n      }\r\n    },\r\n    watch: {\r\n      value(n) {\r\n        this.isChecked = n;\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style lang=\"stylus\" scoped>\r\n  .lp-check-bool-container\r\n    /*display inline-flex*/\r\n    display flex\r\n    align-items center\r\n    cursor pointer\r\n\r\n  .checked-box\r\n    position relative\r\n    width 16px\r\n    height 16px\r\n    border 2px solid #ff6600\r\n    border-radius 3px\r\n    margin-right 8px !important\r\n    text-align center\r\n\r\n  .not-checked-box\r\n    position relative\r\n    width 16px\r\n    height 16px\r\n    border 2px solid #ff6600\r\n    border-radius 3px\r\n    margin-right 8px !important\r\n    text-align center\r\n\r\n\r\n  .checked-box\r\n    background-color #ff6600\r\n\r\n\r\n  .not-checked-box\r\n    background-color #fff\r\n\r\n\r\n  .checked-icon\r\n    color #fff\r\n    font-size 0.9rem\r\n    font-weight bold\r\n    position absolute\r\n    left 0\r\n    top 0\r\n\r\n\r\n</style>","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!./LpCheckBoxArray.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!./LpCheckBoxArray.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LpCheckBoxArray.vue?vue&type=template&id=fca78d6a&scoped=true&\"\nimport script from \"./LpCheckBoxArray.vue?vue&type=script&lang=js&\"\nexport * from \"./LpCheckBoxArray.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LpCheckBoxArray.vue?vue&type=style&index=0&id=fca78d6a&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  \"fca78d6a\",\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!./LpCheckBoxArray.vue?vue&type=style&index=0&id=fca78d6a&lang=stylus&scoped=true&\"","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!./TemplateAccount.vue?vue&type=style&index=0&id=52db4234&lang=stylus&scoped=true&\""],"sourceRoot":""}