{"version":3,"sources":["webpack:///./src/views/apps/product/product-add/ProductAdd.vue?765b","webpack:///./src/views/apps/product/product-add/ProductAdd.vue?51c8","webpack:///src/views/apps/product/product-add/ProductAdd.vue","webpack:///./src/views/apps/product/product-add/ProductAdd.vue?e55a","webpack:///./src/views/apps/product/product-add/ProductAdd.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","name","directives","rawName","value","expression","domProps","on","$event","target","composing","description","price","$$selectedVal","Array","prototype","filter","call","options","o","selected","map","val","_value","category","multiple","_l","item","index","id","_s","staticStyle","onFileChange","url","_e","ref","onFileChangeImg1","onFileChangeImg2","onFileChangeImg3","onFileChangeImg4","preventDefault","submitAddProduct","staticRenderFns","data","file","file1","file2","file3","file4","image","created","getListProductCategory","computed","methods","image_id","image_1","image_2","image_3","image_4","image_ids","parseInt","status","category_ids","alert","console","log","createProduct","event","files","srcElement","parentElement","children","textContent","component"],"mappings":"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","file":"js/chunk-7db5b4c9.c9d2b976.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductAdd.vue?vue&type=style&index=0&id=4bab8564&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content-wrapper\"},[_c('div',{staticClass:\"row content-header\"},[_c('div',{staticClass:\"content-header-left mb-2 col-12\"},[_c('div',{staticClass:\"row breadcrumbs-top\"},[_c('div',{staticClass:\"col-12 d-flex align-items-center justify-content-between\"},[_c('h2',{staticClass:\"content-header-title float-left pr-1 mb-0\"},[_vm._v(\" Create Product \")]),_c('router-link',{staticClass:\"btn btn-primary\",attrs:{\"to\":{ name: 'apps-product-list'}}},[_vm._v(\" List Product \")])],1)])])]),_c('div',{staticClass:\"content-body\"},[_c('div',{staticClass:\"row match-height\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"card\",attrs:{\"data-v-5cff0742\":\"\"}},[_c('div',{staticClass:\"card-header\",attrs:{\"data-v-5cff0742\":\"\"}}),_c('div',{staticClass:\"card-body\",attrs:{\"data-v-5cff0742\":\"\"}},[_c('form',{staticClass:\"col-12 row\",attrs:{\"data-v-5cff0742\":\"\"}},[_c('div',{staticClass:\"row col-6\",attrs:{\"data-v-5cff0742\":\"\"}},[_c('div',{staticClass:\"col-12\",attrs:{\"data-v-5cff0742\":\"\"}},[_c('div',{staticClass:\"form-row form-group\",attrs:{\"id\":\"__BVID__824\",\"role\":\"group\",\"data-v-5cff0742\":\"\"}},[_c('div',{staticClass:\"col\"},[_c('label',{staticClass:\"col-md-4 col-form-label\",attrs:{\"id\":\"__BVID__824__BV_label_\",\"for\":\"h-first-name\"}},[_vm._v(\" Name\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.name),expression:\"name\"}],staticClass:\"form-control col-11\",attrs:{\"id\":\"h-first-name\",\"type\":\"text\",\"placeholder\":\"Name\"},domProps:{\"value\":(_vm.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.name=$event.target.value}}})])])]),_c('div',{staticClass:\"col-12\",attrs:{\"data-v-5cff0742\":\"\"}},[_c('div',{staticClass:\"form-row form-group\",attrs:{\"id\":\"__BVID__826\",\"role\":\"group\",\"data-v-5cff0742\":\"\"}},[_c('div',{staticClass:\"col\"},[_c('label',{staticClass:\"col-md-4 col-form-label\",attrs:{\"id\":\"__BVID__826__BV_label_\"}},[_vm._v(\"Description\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.description),expression:\"description\"}],staticClass:\"form-control col-11\",attrs:{\"type\":\"text\",\"placeholder\":\"Description\"},domProps:{\"value\":(_vm.description)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.description=$event.target.value}}})])])]),_c('div',{staticClass:\"col-12\",attrs:{\"data-v-5cff0742\":\"\"}},[_c('div',{staticClass:\"form-row form-group\",attrs:{\"id\":\"__BVID__824\",\"role\":\"group\",\"data-v-5cff0742\":\"\"}},[_c('div',{staticClass:\"col\"},[_c('label',{staticClass:\"col-md-4 col-form-label\",attrs:{\"id\":\"__BVID__824__BV_label_\",\"for\":\"h-first-name\"}},[_vm._v(\" Price\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.price),expression:\"price\"}],staticClass:\"col-11 form-control\",attrs:{\"id\":\"h-first-name\",\"type\":\"number\",\"placeholder\":\"Price\"},domProps:{\"value\":(_vm.price)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.price=$event.target.value}}})])])]),_c('div',{staticClass:\"col-12\",attrs:{\"data-v-5cff0742\":\"\"}},[_c('div',{staticClass:\"form-row form-group\",attrs:{\"id\":\"__BVID__826\",\"role\":\"group\",\"data-v-5cff0742\":\"\"}},[_c('div',{staticClass:\"col form-group\"},[_c('label',{staticClass:\"col-md-4 col-form-label\",attrs:{\"id\":\"__BVID__826__BV_label_\"}},[_vm._v(\"Category\")]),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.category),expression:\"category\"}],staticClass:\"form-control col-11\",attrs:{\"id\":\"\",\"name\":\"\"},on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.category=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.getterListProductCategory),function(item,index){return _c('option',{domProps:{\"value\":item.id}},[_vm._v(\" \"+_vm._s(item.name)+\" \")])}),0)])])])]),_c('div',{staticClass:\"row col-6\",attrs:{\"data-v-5cff0742\":\"\"}},[_c('div',{staticClass:\"col-12\",attrs:{\"data-v-5cff0742\":\"\"}},[_c('div',{staticClass:\"form-row form-group\",attrs:{\"role\":\"group\"}},[_c('div',{staticClass:\"col\"},[_c('label',{staticClass:\"col-md-4 col-form-label\",attrs:{\"for\":\"h-first-name\"}},[_vm._v(\" Avatar\")]),_c('div',{staticClass:\"input-file\",staticStyle:{\"cursor\":\"pointer\"}},[_c('label',{staticClass:\"label-input-file\"},[_c('b',[_vm._v(\"Choose File\")]),_c('input',{attrs:{\"id\":\"file\",\"type\":\"file\"},on:{\"change\":function($event){return _vm.onFileChange( $event)}}})])]),_c('div',{attrs:{\"id\":\"preview\"}},[(_vm.url)?_c('img',{attrs:{\"src\":_vm.url}}):_vm._e()])])]),_c('div',{staticClass:\"form-row form-group\",attrs:{\"role\":\"group\"}},[_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"input-file-list\",staticStyle:{\"cursor\":\"pointer\"}},[_c('label',{staticClass:\"label-input-file\"},[_c('b',[_vm._v(\"Choose\")]),_c('input',{ref:\"file1\",attrs:{\"type\":\"file\"},on:{\"change\":function($event){return _vm.onFileChangeImg1( $event)}}})])])]),_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"input-file-list\",staticStyle:{\"cursor\":\"pointer\"}},[_c('label',{staticClass:\"label-input-file\"},[_c('b',[_vm._v(\"Choose\")]),_c('input',{ref:\"file2\",attrs:{\"type\":\"file\"},on:{\"change\":function($event){return _vm.onFileChangeImg2( $event)}}})])])]),_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"input-file-list\",staticStyle:{\"cursor\":\"pointer\"}},[_c('label',{staticClass:\"label-input-file\"},[_c('b',[_vm._v(\"Choose\")]),_c('input',{ref:\"file3\",attrs:{\"type\":\"file\"},on:{\"change\":function($event){return _vm.onFileChangeImg3( $event)}}})])])]),_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"input-file-list\",staticStyle:{\"cursor\":\"pointer\"}},[_c('label',{staticClass:\"label-input-file\"},[_c('b',[_vm._v(\"Choose\")]),_c('input',{ref:\"file4\",attrs:{\"type\":\"file\"},on:{\"change\":function($event){return _vm.onFileChangeImg4( $event)}}})])])])])])]),_c('div',{staticClass:\"offset-md-4 col\",attrs:{\"data-v-5cff0742\":\"\"}},[_c('button',{staticClass:\"btn m-5 btn-primary\",attrs:{\"data-v-5cff0742\":\"\",\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();return _vm.submitAddProduct()}}},[_vm._v(\" Submit \")])])])])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"content-wrapper\">\r\n    <div class=\"row content-header\">\r\n      <div class=\"content-header-left mb-2 col-12\">\r\n        <div class=\"row breadcrumbs-top\">\r\n          <div class=\"col-12 d-flex align-items-center justify-content-between\">\r\n            <h2 class=\"content-header-title float-left pr-1 mb-0\">\r\n              Create Product\r\n            </h2>\r\n            <router-link\r\n              class=\"btn btn-primary\"\r\n              :to=\"{ name: 'apps-product-list'}\"\r\n            >\r\n              List Product\r\n            </router-link>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"content-body\">\r\n      <div class=\"row match-height\">\r\n        <div class=\"col-12\">\r\n          <div\r\n            data-v-5cff0742=\"\"\r\n            class=\"card\"\r\n          ><!----><!---->\r\n            <div\r\n              data-v-5cff0742=\"\"\r\n              class=\"card-header\"\r\n            />\r\n            <div\r\n              data-v-5cff0742=\"\"\r\n              class=\"card-body\"\r\n            ><!----><!---->\r\n              <form\r\n                data-v-5cff0742=\"\"\r\n                class=\"col-12 row\"\r\n              >\r\n                <div\r\n                  data-v-5cff0742=\"\"\r\n                  class=\"row col-6\"\r\n                >\r\n                  <div\r\n                    data-v-5cff0742=\"\"\r\n                    class=\"col-12\"\r\n                  >\r\n                    <div\r\n                      id=\"__BVID__824\"\r\n                      role=\"group\"\r\n                      class=\"form-row form-group\"\r\n                      data-v-5cff0742=\"\"\r\n                    >\r\n                      <div class=\"col\">\r\n                        <label\r\n                          id=\"__BVID__824__BV_label_\"\r\n                          for=\"h-first-name\"\r\n                          class=\"col-md-4 col-form-label\"\r\n                        >\r\n                          Name</label>\r\n                        <input\r\n                          id=\"h-first-name\"\r\n                          v-model=\"name\"\r\n                          type=\"text\"\r\n                          placeholder=\"Name\"\r\n                          class=\"form-control col-11\"\r\n                        ><!----><!----><!----></div>\r\n                    </div>\r\n                  </div>\r\n                  <div\r\n                    data-v-5cff0742=\"\"\r\n                    class=\"col-12\"\r\n                  >\r\n                    <div\r\n                      id=\"__BVID__826\"\r\n                      role=\"group\"\r\n                      class=\"form-row form-group\"\r\n                      data-v-5cff0742=\"\"\r\n                    >\r\n                      <div class=\"col\">\r\n                        <label\r\n                          id=\"__BVID__826__BV_label_\"\r\n                          class=\"col-md-4 col-form-label\"\r\n                        >Description</label>\r\n                        <input\r\n                          v-model=\"description\"\r\n                          type=\"text\"\r\n                          placeholder=\"Description\"\r\n                          class=\"form-control col-11\"\r\n                        ><!---->\r\n                        <!----><!----></div>\r\n                    </div>\r\n                  </div>\r\n                  <div\r\n                    data-v-5cff0742=\"\"\r\n                    class=\"col-12\"\r\n                  >\r\n                    <div\r\n                      id=\"__BVID__824\"\r\n                      role=\"group\"\r\n                      class=\"form-row form-group\"\r\n                      data-v-5cff0742=\"\"\r\n                    >\r\n                      <div class=\"col\">\r\n                        <label\r\n                          id=\"__BVID__824__BV_label_\"\r\n                          for=\"h-first-name\"\r\n                          class=\"col-md-4 col-form-label\"\r\n                        >\r\n                          Price</label>\r\n                        <input\r\n                          id=\"h-first-name\"\r\n                          v-model=\"price\"\r\n                          type=\"number\"\r\n                          placeholder=\"Price\"\r\n                          class=\"col-11 form-control\"\r\n                        ><!----><!----><!----></div>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div\r\n                    data-v-5cff0742=\"\"\r\n                    class=\"col-12\"\r\n                  >\r\n                    <div\r\n                      id=\"__BVID__826\"\r\n                      role=\"group\"\r\n                      class=\"form-row form-group\"\r\n                      data-v-5cff0742=\"\"\r\n                    >\r\n                      <div class=\"col form-group\">\r\n                        <label\r\n                          id=\"__BVID__826__BV_label_\"\r\n                          class=\"col-md-4 col-form-label\"\r\n                        >Category</label>\r\n                        <select\r\n                          id=\"\"\r\n                          v-model=\"category\"\r\n                          class=\"form-control col-11\"\r\n                          name=\"\"\r\n                        >\r\n                          <option\r\n                            v-for=\"(item,index) in getterListProductCategory\"\r\n                            :value=\"item.id\"\r\n                          >\r\n                            {{ item.name }}\r\n                          </option>\r\n                        </select>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  data-v-5cff0742=\"\"\r\n                  class=\"row col-6\"\r\n                >\r\n                  <div\r\n                    data-v-5cff0742=\"\"\r\n                    class=\"col-12\"\r\n                  >\r\n                    <div\r\n                      role=\"group\"\r\n                      class=\"form-row form-group\"\r\n                    >\r\n                      <div class=\"col\">\r\n                        <label\r\n                          for=\"h-first-name\"\r\n                          class=\"col-md-4 col-form-label\"\r\n                        >\r\n                          Avatar</label>\r\n                        <div\r\n                          class=\"input-file\"\r\n                          style=\"cursor: pointer\"\r\n                        >\r\n                          <label class=\"label-input-file\">\r\n                            <b>Choose File</b>\r\n                            <input\r\n                              id=\"file\"\r\n                              type=\"file\"\r\n                              @change=\"onFileChange( $event)\"\r\n                            >\r\n                          </label>\r\n                        </div>\r\n\r\n                        <div id=\"preview\">\r\n                          <img\r\n                            v-if=\"url\"\r\n                            :src=\"url\"\r\n                          >\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div\r\n                      role=\"group\"\r\n                      class=\"form-row form-group\"\r\n                    >\r\n                      <div class=\"col\">\r\n                        <div\r\n                          class=\"input-file-list\"\r\n                          style=\"cursor: pointer\"\r\n                        >\r\n                          <label class=\"label-input-file\">\r\n                            <b>Choose</b>\r\n                            <input\r\n                              ref=\"file1\"\r\n                              type=\"file\"\r\n                              @change=\"onFileChangeImg1( $event)\"\r\n                            >\r\n                          </label>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"col\">\r\n                        <div\r\n                          class=\"input-file-list\"\r\n                          style=\"cursor: pointer\"\r\n                        >\r\n                          <label class=\"label-input-file\">\r\n                            <b>Choose</b>\r\n                            <input\r\n                              ref=\"file2\"\r\n                              type=\"file\"\r\n                              @change=\"onFileChangeImg2( $event)\"\r\n                            >\r\n                          </label>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"col\">\r\n                        <div\r\n                          class=\"input-file-list\"\r\n                          style=\"cursor: pointer\"\r\n                        >\r\n                          <label class=\"label-input-file\">\r\n                            <b>Choose</b>\r\n                            <input\r\n                              ref=\"file3\"\r\n                              type=\"file\"\r\n                              @change=\"onFileChangeImg3( $event)\"\r\n                            >\r\n                          </label>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"col\">\r\n                        <div\r\n                          class=\"input-file-list\"\r\n                          style=\"cursor: pointer\"\r\n                        >\r\n                          <label class=\"label-input-file\">\r\n                            <b>Choose</b>\r\n                            <input\r\n                              ref=\"file4\"\r\n                              type=\"file\"\r\n                              @change=\"onFileChangeImg4( $event)\"\r\n                            >\r\n                          </label>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  data-v-5cff0742=\"\"\r\n                  class=\"offset-md-4 col\"\r\n                >\r\n                  <button\r\n                    data-v-5cff0742=\"\"\r\n                    type=\"button\"\r\n                    class=\"btn m-5 btn-primary\"\r\n                    @click.prevent=\"submitAddProduct()\"\r\n                  >\r\n                    Submit\r\n                  </button>\r\n                </div>\r\n              </form>\r\n            </div><!----><!----></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions } from 'vuex/dist/vuex.esm.browser'\r\nimport { mapGetters } from 'vuex'\r\n\r\nexport default {\r\n\r\n  name: 'ProductAdd',\r\n  data() {\r\n    return {\r\n      name: '',\r\n      price: 0,\r\n      description: '',\r\n      file: '',\r\n      file1: '',\r\n      file2: '',\r\n      file3: '',\r\n      file4: '',\r\n      image: '',\r\n      category: '',\r\n      url: null,\r\n    }\r\n  },\r\n  created() {\r\n    this.getListProductCategory({})\r\n  },\r\n  // eslint-disable-next-line vue/order-in-components\r\n  computed: {\r\n    ...mapGetters(['getterListProductCategory']),\r\n  },\r\n  methods: {\r\n    ...mapActions(['getListProductCategory', 'createProduct']),\r\n    submitAddProduct() {\r\n      const data = {\r\n        name: this.name,\r\n        image_id: this.file,\r\n        image_1: this.file1,\r\n        image_2: this.file2,\r\n        image_3: this.file3,\r\n        image_4: this.file4,\r\n        image_ids: [],\r\n        // eslint-disable-next-line radix\r\n        price: parseInt(this.price),\r\n        status: 1,\r\n        description: this.description,\r\n        category_ids: [this.category],\r\n      }\r\n      if (this.file === '') {\r\n        // eslint-disable-next-line no-alert\r\n        alert('choose avatar product !')\r\n        return false\r\n      }\r\n      console.log('submitAddProduct', data)\r\n      this.createProduct(data)\r\n    },\r\n    onFileChange(event) {\r\n      // eslint-disable-next-line prefer-destructuring\r\n      this.file = event.target.files[0]\r\n      event.srcElement.parentElement.children[0].textContent = event.target.files[0].name\r\n    },\r\n    onFileChangeImg1(event) {\r\n      // eslint-disable-next-line prefer-destructuring\r\n      this.file1 = event.target.files[0]\r\n      event.srcElement.parentElement.children[0].textContent = event.target.files[0].name\r\n    },\r\n    onFileChangeImg2(event) {\r\n      // eslint-disable-next-line prefer-destructuring\r\n      this.file2 = event.target.files[0]\r\n      event.srcElement.parentElement.children[0].textContent = event.target.files[0].name\r\n    },\r\n    onFileChangeImg3(event) {\r\n      // eslint-disable-next-line prefer-destructuring\r\n      this.file3 = event.target.files[0]\r\n      event.srcElement.parentElement.children[0].textContent = event.target.files[0].name\r\n    },\r\n    onFileChangeImg4(event) {\r\n      // eslint-disable-next-line prefer-destructuring\r\n      this.file4 = event.target.files[0]\r\n      event.srcElement.parentElement.children[0].textContent = event.target.files[0].name\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n#preview {\r\n  /*align-items: center;*/\r\n}\r\n\r\n#preview img {\r\n  max-width: 200px;\r\n  max-height: 200px;\r\n  object-fit: cover;\r\n}\r\n\r\n.input-file {\r\n  border: 1px dashed #ccc;\r\n  display: block;\r\n  width: 100%;\r\n  height: 150px;\r\n}\r\n.input-file-list {\r\n  border: 1px dashed #ccc;\r\n  display: block;\r\n  width: 100%;\r\n  height: 150px;\r\n}\r\n\r\n.label-input-file {\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n\r\n.label-input-file b {\r\n  display: block;\r\n  width: 100%;\r\n  font-weight: normal;\r\n  text-align: center;\r\n  padding-top: 73px;\r\n  cursor: pointer;\r\n}\r\n\r\n.label-input-file input {\r\n  width: 0.1px;\r\n  height: 0.1px;\r\n  opacity: 0;\r\n  overflow: hidden;\r\n  position: absolute;\r\n  z-index: -1;\r\n}\r\n\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductAdd.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductAdd.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductAdd.vue?vue&type=template&id=4bab8564&scoped=true&\"\nimport script from \"./ProductAdd.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductAdd.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductAdd.vue?vue&type=style&index=0&id=4bab8564&scoped=true&lang=css&\"\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  \"4bab8564\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}