{"version":3,"sources":["webpack:///./src/views/pages/Products/Detail Tabs/Info.vue?bfea","webpack:///./src/views/pages/Products/ProductDetail.vue?52bd","webpack:///./src/views/pages/Products/Detail Tabs/Info.vue?6a55","webpack:///src/views/pages/Products/Detail Tabs/Info.vue","webpack:///./src/views/pages/Products/Detail Tabs/Info.vue?c00a","webpack:///./src/views/pages/Products/Detail Tabs/Info.vue?cde0","webpack:///src/views/pages/Products/ProductDetail.vue","webpack:///./src/views/pages/Products/ProductDetail.vue?57db","webpack:///./src/views/pages/Products/ProductDetail.vue?1e8f","webpack:///./src/views/pages/Products/ProductDetail.vue?e911"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","$t","name","params","id","$route","header","link_iframe","on","iframeLoad","_e","getHeader","photosData","fulldata","getClientId","staticRenderFns","scopedSlots","_u","key","fn","ref","ready","productName","productCode","productBarcode","categoryName","width","height","frameCount","slot","staticStyle","obj","selectedPropertyId","data","_l","item","indextr","propertyName","value","props","categories","properties","files","selectedCategoryId","selectedProductFiles","methods","getDetailCategories","created","component","components","Detail","photos","iframeDocument","completeData","iframe","document","getElementById","contentDocument","querySelector","length","forEach","index"],"mappings":"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","file":"js/chunk-1d50c8b2.efa01b94.js","sourcesContent":["import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Info.vue?vue&type=style&index=0&id=192b133a&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Info.vue?vue&type=style&index=0&id=192b133a&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('vx-card',[_c('div',{staticClass:\"container-fluid\"},[_c('vs-row',[_c('vs-col',{attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"flex-start\",\"vs-align\":\"flex-start\",\"vs-lg\":\"6\",\"vs-sm\":\"6\",\"vs-md\":\"6\"}},[_c('vs-button',{attrs:{\"icon\":\"arrow_back\",\"to\":\"/products\"}},[_vm._v(_vm._s(_vm.$t(\"back\")))])],1),_c('vs-col',{attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"flex-end\",\"vs-align\":\"flex-end\",\"vs-lg\":\"6\",\"vs-sm\":\"6\",\"vs-md\":\"6\"}},[_c('router-link',{attrs:{\"to\":{\n                    name: 'Product Edit',\n                    params: { id: _vm.$route.params.id },\n                  }}},[_c('vs-button',{attrs:{\"icon\":\"edit\"}},[_vm._v(_vm._s(_vm.$t(\"edit\")))])],1)],1)],1),_c('vs-row',[_c('vs-col',{attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-lg\":\"12\",\"vs-sm\":\"12\",\"vs-md\":\"12\"}},[_c('h3',[_vm._v(_vm._s(_vm.header))])])],1),_c('div',{staticClass:\"row mt-6 orta\"},[_c('div',{staticClass:\"col-md-7 shadow-lg mb-5 bg-white rounded\"},[(_vm.link_iframe != '')?_c('iframe',{attrs:{\"id\":\"iframes\",\"src\":_vm.link_iframe,\"height\":\"500px\",\"width\":\"100%\",\"frameborder\":\"0\"},on:{\"load\":_vm.iframeLoad}}):_vm._e()])]),_c('vx-card',[_c('div',{staticClass:\"header text-center mb-6\"},[_c('h1',[_vm._v(_vm._s(_vm.$t(\"info\")))])]),_c('Detail',{attrs:{\"id\":_vm.$route.params.id},on:{\"headerName\":_vm.getHeader,\"getData\":_vm.photosData,\"alldata\":_vm.fulldata,\"clientId\":_vm.getClientId}})],1)],1)])],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"row mt-5\"},[_c('div',{staticClass:\"col-md-12\"},[_c('vs-table',{staticClass:\"w-full\",attrs:{\"stripe\":\"\",\"data\":[1]},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){return [_c('vs-tr',{staticClass:\"table-line\"},[_c('vs-td',[_vm._v(_vm._s(_vm.ready.productName))]),_c('vs-td',[_vm._v(_vm._s(_vm.ready.productCode))]),_c('vs-td',[_vm._v(_vm._s(_vm.ready.productBarcode))]),_c('vs-td',[_vm._v(_vm._s(_vm.ready.categoryName))]),_c('vs-td',[_vm._v(_vm._s(_vm.ready.width))]),_c('vs-td',[_vm._v(_vm._s(_vm.ready.height))]),_c('vs-td',[_vm._v(_vm._s(_vm.ready.frameCount))])],1)]}}])},[_c('template',{slot:\"thead\"},[_c('vs-th',{staticClass:\"colors\"},[_vm._v(_vm._s(_vm.$t(\"productName\")))]),_c('vs-th',{staticClass:\"colors\"},[_vm._v(_vm._s(_vm.$t(\"productCode\")))]),_c('vs-th',{staticClass:\"colors\"},[_vm._v(_vm._s(_vm.$t(\"barcod\")))]),_c('vs-th',{staticClass:\"colors\"},[_vm._v(_vm._s(_vm.$t(\"categoryName\")))]),_c('vs-th',{staticClass:\"colors\"},[_vm._v(_vm._s(_vm.$t(\"width\")))]),_c('vs-th',{staticClass:\"colors\"},[_vm._v(_vm._s(_vm.$t(\"height\")))]),_c('vs-th',{staticClass:\"colors\"},[_vm._v(_vm._s(_vm.$t(\"frameCount\")))])],1)],2)],1)]),_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"50px\"}},[_c('div',{staticClass:\"col-md-6\"},[_c('vs-collapse',{attrs:{\"type\":\"border\"}},[_c('vs-collapse-item',{attrs:{\"icon-arrow\":\"arrow_downward\",\"open\":\"\"}},[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_vm._v(_vm._s(_vm.$t('features')))]),_c('vs-table',{staticClass:\"w-full\",staticStyle:{\"height\":\"200px\"},attrs:{\"max-items\":\"20\",\"stripe\":\"\",\"data\":_vm.obj.selectedPropertyId,\"maxHeight\":\"200px\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(item,indextr){return _c('vs-tr',{key:indextr,staticClass:\"table-line\"},[_c('vs-td',{staticClass:\"table-rows\",attrs:{\"data\":item.propertyName}},[_vm._v(_vm._s(item.propertyName))]),_c('vs-td',{staticClass:\"table-rows\",attrs:{\"data\":item.value}},[_vm._v(_vm._s(item.value))])],1)})}}])},[_c('template',{slot:\"thead\"},[_c('vs-th',{staticClass:\"table-rows colors\",attrs:{\"sort-key\":\"featureName\"}},[_vm._v(_vm._s(_vm.$t(\"featureName\")))]),_c('vs-th',{staticClass:\"table-rows colors\",attrs:{\"sort-key\":\"value\"}},[_vm._v(_vm._s(_vm.$t(\"value\")))])],1)],2)],1)],1)],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"container-fluid\">\r\n      <div class=\"row mt-5\">\r\n        <div class=\"col-md-12\">\r\n          <vs-table stripe class=\"w-full\" :data=\"[1]\">\r\n            <template slot=\"thead\">\r\n              <vs-th class=\"colors\">{{$t(\"productName\")}}</vs-th>\r\n              <vs-th class=\"colors\">{{$t(\"productCode\")}}</vs-th>\r\n              <vs-th class=\"colors\">{{$t(\"barcod\")}}</vs-th>\r\n              <vs-th class=\"colors\">{{$t(\"categoryName\")}}</vs-th>\r\n              <vs-th class=\"colors\">{{$t(\"width\")}}</vs-th>\r\n              <vs-th class=\"colors\">{{$t(\"height\")}}</vs-th>\r\n              <vs-th class=\"colors\">{{$t(\"frameCount\")}}</vs-th>\r\n            </template>\r\n            <template slot-scope=\"{}\">\r\n              <vs-tr class=\"table-line\">\r\n                <vs-td>{{ ready.productName }}</vs-td>\r\n                <vs-td>{{ ready.productCode }}</vs-td>\r\n                <vs-td>{{ ready.productBarcode }}</vs-td>\r\n                <vs-td>{{ ready.categoryName }}</vs-td>\r\n                <vs-td>{{ ready.width }}</vs-td>\r\n                <vs-td>{{ ready.height }}</vs-td>\r\n                <vs-td>{{ ready.frameCount }}</vs-td>\r\n              </vs-tr>\r\n            </template>\r\n          </vs-table>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\" style=\"margin-top:50px\">\r\n        <div class=\"col-md-6\">\r\n          <vs-collapse type=\"border\">\r\n            <vs-collapse-item icon-arrow=\"arrow_downward\" open>\r\n              <div slot=\"header\">{{$t('features')}}</div>\r\n              <vs-table\r\n                max-items=\"20\"\r\n                stripe\r\n                :data=\"obj.selectedPropertyId\"\r\n                class=\"w-full\"\r\n                maxHeight=\"200px\"\r\n                style=\"height:200px\"\r\n              >\r\n                <template slot=\"thead\">\r\n                  <vs-th class=\"table-rows colors\" sort-key=\"featureName\">{{$t(\"featureName\")}}</vs-th>\r\n                  <vs-th class=\"table-rows colors\" sort-key=\"value\">{{$t(\"value\")}}</vs-th>\r\n                </template>\r\n                <template slot-scope=\"{data}\">\r\n                  <vs-tr class=\"table-line\" :key=\"indextr\" v-for=\"(item, indextr) in data\">\r\n                    <vs-td class=\"table-rows\" :data=\"item.propertyName\">{{ item.propertyName }}</vs-td>\r\n                    <vs-td class=\"table-rows\" :data=\"item.value\">{{ item.value }}</vs-td>\r\n                  </vs-tr>\r\n                </template>\r\n              </vs-table>\r\n            </vs-collapse-item>\r\n          </vs-collapse>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport http from \"../../../../http/http-helper\";\r\n\r\nexport default {\r\n  props: [\"id\"],\r\n  data() {\r\n    return {\r\n      value: this.id,\r\n      categories: [],\r\n      properties: [],\r\n      files: [],\r\n      obj: {\r\n        selectedCategoryId: [],\r\n        selectedPropertyId: [],\r\n        selectedProductFiles: [],\r\n      },\r\n      ready: {\r\n        productName: \"\",\r\n        productCode: \"\",\r\n        productBarcode: \"\",\r\n        categoryName: \"\",\r\n        frameCount: \"\",\r\n        width: \"\",\r\n        height: \"\",\r\n      },\r\n    };\r\n  },\r\n  methods: {\r\n    getDetailCategories() {\r\n      this.obj.selectedCategoryId = [];\r\n      this.obj.selectedPropertyId = [];\r\n      this.obj.selectedProductFiles = [];\r\n      http\r\n        .get(`/products/getbyproductid?productId=${this.value}`)\r\n        .then((response) => {\r\n          response.productProperties.forEach((element) => {\r\n            this.obj.selectedPropertyId.push({\r\n              id: element.propertyId,\r\n              propertyName: element.propertyName,\r\n              value: element.value,\r\n            });\r\n          });\r\n          response.productFiles.forEach((element) => {\r\n            this.obj.selectedProductFiles.push(element);\r\n          });\r\n          this.$emit(\"alldata\", response.productSettings);\r\n          this.$emit(\"getData\", response.productFiles);\r\n          this.$emit(\"headerName\", response.name);\r\n          this.$emit(\"clientId\", response.clientViewCode);\r\n          this.ready.productName = response.name;\r\n          this.ready.productCode = response.productCode;\r\n          this.ready.productBarcode = response.productBarcode;\r\n          this.ready.categoryName = response.categoryName;\r\n          this.ready.width = response.width;\r\n          this.ready.height = response.height;\r\n          this.ready.frameCount = response.frameCount;\r\n        });\r\n    },\r\n  },\r\n  created() {\r\n    this.getDetailCategories();\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.check {\r\n  width: 80%;\r\n}\r\n.width {\r\n  width: 60px !important;\r\n}\r\n.colors {\r\n  background-color: rgb(211, 211, 211);\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!./Info.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!./Info.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Info.vue?vue&type=template&id=192b133a&scoped=true&\"\nimport script from \"./Info.vue?vue&type=script&lang=js&\"\nexport * from \"./Info.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Info.vue?vue&type=style&index=0&id=192b133a&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  \"192b133a\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <div class=\"container-fluid\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <vx-card>\r\n            <div class=\"container-fluid\">\r\n              <vs-row>\r\n                <vs-col\r\n                  vs-type=\"flex\"\r\n                  vs-justify=\"flex-start\"\r\n                  vs-align=\"flex-start\"\r\n                  vs-lg=\"6\"\r\n                  vs-sm=\"6\"\r\n                  vs-md=\"6\"\r\n                >\r\n                  <vs-button icon=\"arrow_back\" to=\"/products\">{{\r\n                    $t(\"back\")\r\n                  }}</vs-button>\r\n                </vs-col>\r\n\r\n                <vs-col\r\n                  vs-type=\"flex\"\r\n                  vs-justify=\"flex-end\"\r\n                  vs-align=\"flex-end\"\r\n                  vs-lg=\"6\"\r\n                  vs-sm=\"6\"\r\n                  vs-md=\"6\"\r\n                >\r\n                  <router-link\r\n                    :to=\"{\r\n                      name: 'Product Edit',\r\n                      params: { id: $route.params.id },\r\n                    }\"\r\n                  >\r\n                    <vs-button icon=\"edit\">{{ $t(\"edit\") }}</vs-button>\r\n                  </router-link>\r\n                </vs-col>\r\n              </vs-row>\r\n              <vs-row>\r\n                <vs-col\r\n                  vs-type=\"flex\"\r\n                  vs-justify=\"center\"\r\n                  vs-align=\"center\"\r\n                  vs-lg=\"12\"\r\n                  vs-sm=\"12\"\r\n                  vs-md=\"12\"\r\n                >\r\n                  <h3>{{ header }}</h3>\r\n                </vs-col>\r\n              </vs-row>\r\n\r\n              <div class=\"row mt-6 orta\">\r\n                <div class=\"col-md-7 shadow-lg mb-5 bg-white rounded\">\r\n                  <iframe\r\n                    v-if=\"link_iframe != ''\"\r\n                    id=\"iframes\"\r\n                    :src=\"link_iframe\"\r\n                    height=\"500px\"\r\n                    width=\"100%\"\r\n                    frameborder=\"0\"\r\n                    v-on:load=\"iframeLoad\"\r\n                  ></iframe>\r\n                </div>\r\n              </div>\r\n              <vx-card>\r\n                <div class=\"header text-center mb-6\">\r\n                  <h1>{{ $t(\"info\") }}</h1>\r\n                </div>\r\n                <Detail\r\n                  :id=\"$route.params.id\"\r\n                  @headerName=\"getHeader\"\r\n                  @getData=\"photosData\"\r\n                  @alldata=\"fulldata\"\r\n                  @clientId=\"getClientId\"\r\n                ></Detail>\r\n              </vx-card>\r\n            </div>\r\n          </vx-card>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n/* eslint-disable */\r\nimport Detail from \"./Detail Tabs/Info\";\r\n\r\nexport default {\r\n  components: {\r\n    Detail,\r\n  },\r\n  data() {\r\n    return {\r\n      header: this.$route.params.name,\r\n      photos: [],\r\n      link_iframe: \"\",\r\n      iframeDocument: \"\",\r\n      completeData: [],\r\n    };\r\n  },\r\n  methods: {\r\n    iframeLoad() {\r\n      this.iframe = document.getElementById(\"iframes\");\r\n      this.iframeDocument = this.iframe.contentDocument.querySelector(\"div\");\r\n      if (this.completeData.length > 0) {\r\n        this.completeData.forEach((item, index) => {\r\n          if (index == 0)\r\n            this.iframeDocument.setAttribute(\r\n              \"data-reverse_spin\",\r\n              this.completeData[0].settingValue\r\n            );\r\n          if (index == 1)\r\n            this.iframeDocument.setAttribute(\r\n              \"data-manual_spin_interaction\",\r\n              this.completeData[1].settingValue\r\n            );\r\n          if (index == 2)\r\n            this.iframeDocument.setAttribute(\r\n              \"data-manual_spin_sensitivity\",\r\n              this.completeData[2].settingValue\r\n            );\r\n          if (index == 3)\r\n            this.iframeDocument.setAttribute(\r\n              \"data-manual_spin_inertia\",\r\n              this.completeData[3].settingValue\r\n            );\r\n          if (index == 5)\r\n            this.iframeDocument.setAttribute(\r\n              \"data-auto_spin\",\r\n              this.completeData[5].settingValue\r\n            );\r\n          if (index == 6)\r\n            this.iframeDocument.setAttribute(\r\n              \"data-auto_spin_speed\",\r\n              this.completeData[6].settingValue\r\n            );\r\n          if (index == 8)\r\n            this.iframeDocument.setAttribute(\r\n              \"data-zoom_speed\",\r\n              this.completeData[8].settingValue\r\n            );\r\n          if (index == 9)\r\n            this.iframeDocument.setAttribute(\r\n              \"data-fullscreen_icon_variant\",\r\n              this.completeData[9].settingValue\r\n            );\r\n          if (index == 10)\r\n            this.iframeDocument.setAttribute(\r\n              \"data-fullscreen_icon_size\",\r\n              this.completeData[10].settingValue\r\n            );\r\n          if (index == 12)\r\n            this.iframeDocument.setAttribute(\r\n              \"data-background_color\",\r\n              this.completeData[12].settingValue\r\n            );\r\n          if (index == 16)\r\n            this.iframeDocument.setAttribute(\r\n              \"data-fullscreen\",\r\n              this.completeData[16].settingValue\r\n            );\r\n          if (index == 17)\r\n            this.iframeDocument.setAttribute(\r\n              \"data-zoom\",\r\n              this.completeData[17].settingValue\r\n            );\r\n          if (index == 18)\r\n            this.iframeDocument.setAttribute(\r\n              \"data-manual_spin\",\r\n              this.completeData[18].settingValue\r\n            );\r\n          if (index == 19)\r\n            this.iframeDocument.setAttribute(\r\n              \"data-auto_spin\",\r\n              this.completeData[19].settingValue\r\n            );\r\n        });\r\n      }\r\n    },\r\n    getHeader(header) {\r\n      this.header = header;\r\n    },\r\n    photosData(data) {\r\n      data.forEach((element) => {\r\n        this.photos.push(\r\n          \"https://api.360photoboxcloud.com/\" + element.fileName\r\n        );\r\n      });\r\n    },\r\n    fulldata(data) {\r\n      this.completeData = data;\r\n    },\r\n    getClientId(code) {\r\n      this.link_iframe = `https://panel.360photoboxcloud.com/viewer360/viewer.html?id=${code}`;\r\n    },\r\n  },\r\n  created() {\r\n    //this.link_iframe = `https://panel.360photoboxcloud.com/viewer360/viewer.html?id=${this.$route.params.id}`;\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.orta {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n.height {\r\n  height: 450px !important;\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!./ProductDetail.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!./ProductDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProductDetail.vue?vue&type=template&id=10627409&scoped=true&\"\nimport script from \"./ProductDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./ProductDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProductDetail.vue?vue&type=style&index=0&id=10627409&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  \"10627409\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductDetail.vue?vue&type=style&index=0&id=10627409&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductDetail.vue?vue&type=style&index=0&id=10627409&scoped=true&lang=css&\""],"sourceRoot":""}