{"version":3,"sources":["webpack:///./src/views/Vehicle360/Vehicle360.vue?a91e","webpack:///./src/components/custom/editVehicleThreeSixtyImages.vue?ee6b","webpack:///./src/components/custom/FileUploader.vue","webpack:///src/components/custom/FileUploader.vue","webpack:///./src/components/custom/FileUploader.vue?f3a9","webpack:///./src/components/custom/FileUploader.vue?9997","webpack:///./src/components/custom/FileUploader.vue?c991","webpack:///./src/components/custom/addVehicleThreeSixtyImages.vue?8aad","webpack:///./src/views/Vehicle360/Vehicle360.vue","webpack:///./src/components/custom/addVehicleThreeSixtyImages.vue","webpack:///./src/components/custom/MultiFileUploader.vue","webpack:///src/components/custom/MultiFileUploader.vue","webpack:///./src/components/custom/MultiFileUploader.vue?8ae3","webpack:///./src/components/custom/MultiFileUploader.vue?bf15","webpack:///src/components/custom/addVehicleThreeSixtyImages.vue","webpack:///./src/components/custom/addVehicleThreeSixtyImages.vue?84c7","webpack:///./src/components/custom/addVehicleThreeSixtyImages.vue?fb97","webpack:///./src/components/custom/editVehicleThreeSixtyImages.vue","webpack:///src/components/custom/editVehicleThreeSixtyImages.vue","webpack:///./src/components/custom/editVehicleThreeSixtyImages.vue?7bae","webpack:///./src/components/custom/editVehicleThreeSixtyImages.vue?e629","webpack:///src/views/Vehicle360/Vehicle360.vue","webpack:///./src/views/Vehicle360/Vehicle360.vue?031c","webpack:///./src/views/Vehicle360/Vehicle360.vue?a741","webpack:///./src/components/custom/MultiFileUploader.vue?b051"],"names":["render","_vm","this","_c","_self","attrs","staticClass","isLoading","_e","allFiles","on","$event","handleChanges","target","name","files","fileCount","length","_v","_s","isSuccess","_l","output","item","index","key","content","staticRenderFns","INITIAL","LOADING","SUCCESS","FAILED","data","errors","status","props","computed","isInitial","isFailed","methods","validateImg","file","Promise","resolve","reject","img","Image","src","window","URL","createObjectURL","onload","width","height","fieldName","fileList","_this","reset","slice","call","map","url","then","valid","uploadFileReturnFileName","$emit","push","sanitizeFileName","fileToBase64","resolveAfterTime","res","base64","fileName","extension","split","pop","payload","success","response","error","$store","dispatch","reader","FileReader","readAsDataURL","result","onerror","replace","toLowerCase","time","x","setTimeout","component","ref","toggleAddVehicleThreeSixtyImages","addVehicleThreeSixtyImagesSuccess","current360Item","toggleeditVehicleThreeSixtyImages","editVehicleThreeSixtyImagesSuccess","_m","items","columns","editItem","save","toggleView","directives","rawName","value","newVehicleThreeSixtyImages","ModelId","expression","domProps","composing","$set","ColourName","editingImage","getImageSource","editImage","updateImage","updateImageData","updateImageUrl","ImageMeta","LastUpdated","showMultiFileUploader","getImages","console","log","state","currentThreeSixtyItem","config","baseURL","baseUrl","headers","onUploadProgress","progressEvent","Math","round","loaded","total","self1","FormData","axios","get","concat","forEach","formData","_","append","post","beforeMount","mounted","$nextTick","toastTypes","info","warn","miniToastr","init","types","created","uploadedImageData","uploadedImageUrl","components","FileUploader","MultiFileUploader","isNull","cdnUrl","obj","JSON","parse","stringify","$data","image","watch","val","deleteVehicleThreeSixtyImages","editingVehicleThreeSixtyImages","getImageSourceThumb","imageBytes","selectedFile","originalData","modifiedData","ImageBytes","getCurrentData","_this2","label","field","sort","addVehicleThreeSixtyImagesOpen","editVehicleThreeSixtyImagesOpen","addVehicleThreeSixtyImages","editVehicleThreeSixtyImages","Datatable","getVehicleThreeSixtyImages","Colour","dataItem","$refs","addVehicleThreeSixtyImagesModal","hide","show","editVehicleThreeSixtyImagesModal"],"mappings":"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","file":"js/chunk-5cd1bcd0.5acbcec7.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!./Vehicle360.vue?vue&type=style&index=0&id=28c8d38b&prod&scoped=true&lang=css\"","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!./editVehicleThreeSixtyImages.vue?vue&type=style&index=0&id=1680cfda&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('form',{attrs:{\"enctype\":\"multipart/form-data\",\"novalidate\":\"\",\"id\":\"form\"}},[_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"box-inner\"},[(!_vm.isLoading)?_c('div',{staticClass:\"dropzone\"},[_c('input',{staticClass:\"input-file\",attrs:{\"type\":\"file\",\"multiple\":\"\",\"accept\":_vm.allFiles ? '*' : 'image/*'},on:{\"change\":function($event){_vm.handleChanges($event.target.name, $event.target.files);\n                _vm.fileCount = $event.target.files.length;}}}),_c('ul',{staticClass:\"box-notes\"},[_c('li',{staticClass:\"first\"},[_vm._v(\" \"+_vm._s(_vm.allFiles ? \"Drag a file here\" : \"Drag an image here\")+\" \")]),_c('li',{staticClass:\"second\"},[_vm._v(\"or\")]),_c('li',{staticClass:\"third link\"},[_vm._v(\"Browse files\")])])]):_vm._e(),(_vm.isLoading)?_c('div',{staticClass:\"status\"},[_c('span',{staticClass:\"loader\"},[_c('svg',{attrs:{\"width\":\"30px\",\"height\":\"30px\",\"viewBox\":\"0 0 30 30\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"data-svg\":\"spinner\"}},[_c('circle',{attrs:{\"fill\":\"none\",\"stroke\":\"#454b54\",\"cx\":\"15\",\"cy\":\"15\",\"r\":\"14\"}})])])]):_vm._e()])])]),(_vm.isSuccess)?_c('div',{staticClass:\"output\"},[_c('div',{staticClass:\"background-img-css\"},[_c('span',[_vm._v(\"Preview\")]),_c('pre',[_vm._v(\"          \"),_vm._l((this.output),function(item,index){return _c('img',{key:index,staticClass:\"previewImage\",attrs:{\"src\":item.content}})}),_vm._v(\"\\n          \"),_vm._v(\"\\n        \")],2)])]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <form enctype=\"multipart/form-data\" novalidate id=\"form\">\n      <div class=\"box\">\n        <div class=\"box-inner\">\n          <div class=\"dropzone\" v-if=\"!isLoading\">\n            <input\n              type=\"file\"\n              multiple\n              :accept=\"allFiles ? '*' : 'image/*'\"\n              class=\"input-file\"\n              @change=\"\n                handleChanges($event.target.name, $event.target.files);\n                fileCount = $event.target.files.length;\n              \"\n            />\n            <ul class=\"box-notes\">\n              <li class=\"first\">\n                {{ allFiles ? \"Drag a file here\" : \"Drag an image here\" }}\n              </li>\n              <li class=\"second\">or</li>\n              <li class=\"third link\">Browse files</li>\n            </ul>\n          </div>\n          <div class=\"status\" v-if=\"isLoading\">\n            <span class=\"loader\">\n              <svg\n                width=\"30px\"\n                height=\"30px\"\n                viewBox=\"0 0 30 30\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                data-svg=\"spinner\"\n              >\n                <circle\n                  fill=\"none\"\n                  stroke=\"#454b54\"\n                  cx=\"15\"\n                  cy=\"15\"\n                  r=\"14\"\n                ></circle>\n              </svg>\n            </span>\n          </div>\n        </div>\n      </div>\n    </form>\n    <div class=\"output\" v-if=\"isSuccess\">\n      <div class=\"background-img-css\">\n        <span>Preview</span>\n        <pre>\n          <img\n  v-for=\"(item, index) in this.output\"\n  :key=\"index\"\n  v-bind:src=\"item.content\"\n  class=\"previewImage\"\n>\n          <!-- <code v-for=\"(item, index) in this.output\" :key=\"index\">\n          .{{item.name}} {background-image: url(\"{{item.content}}\");}\n          </code> -->\n        </pre>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nconst INITIAL = 0,\n  LOADING = 1,\n  SUCCESS = 2,\n  FAILED = 3;\n\nexport default {\n  name: \"FileUploader\",\n\n  data() {\n    return {\n      errors: null,\n      status: null, // INITIAL, LOADING, SUCCESS, FAILED\n      output: [],\n    };\n  },\n  props: [\"uploadFileReturnFileName\", \"allFiles\"],\n  computed: {\n    isInitial() {\n      return this.status === INITIAL;\n    },\n    isLoading() {\n      return this.status === LOADING;\n    },\n    isSuccess() {\n      return this.status === SUCCESS;\n    },\n    isFailed() {\n      return this.status === FAILED;\n    },\n  },\n  methods: {\n    validateImg(file) {\n      return new Promise((resolve, reject) => {\n        let img = new Image();\n        img.src = window.URL.createObjectURL(file);\n        img.onload = () => {\n          if (img.width === 100 && img.height === 100) {\n            resolve(true);\n          } else {\n            resolve(false);\n          }\n        };\n      });\n    },\n    handleChanges(fieldName, fileList) {\n      this.reset(); // reset upload\n\n      if (!fileList.length) return;\n      this.status = LOADING;\n\n      [].slice.call(fileList).map((file) => {\n        var url = URL.createObjectURL(file);\n        this.validateImg(file).then((valid) => {\n          if (valid) {\n            if (!this.uploadFileReturnFileName) {\n              this.$emit(\"ImageDataChanged\", file);\n              this.$emit(\"ImageURLDataChanged\", url);\n            }\n            this.status = SUCCESS;\n            this.output.push({\n              name: this.sanitizeFileName(file.name),\n              content: url,\n            });\n            if (this.uploadFileReturnFileName) {\n              this.status = LOADING;\n              this.fileToBase64(file)\n                .then(this.resolveAfterTime(1500))\n                .then((res) => {\n                  var data = {\n                    base64: res,\n                    fileName: file.name,\n                    extension: file.name.split(\".\").pop(),\n                  };\n\n                  var payload = {\n                    data: data,\n                    success: (response) => {\n                      this.$emit(\"ImageUploaded\", response.data);\n                      this.status = SUCCESS;\n                    },\n                    error: (error) => {\n                      this.status = FAILED;\n                    },\n                  };\n                  this.$store.dispatch(\"uploadFile\", payload);\n                });\n            }\n          } else {\n            \n          }\n        });\n      });\n    },\n    fileToBase64(file) {\n      return new Promise((resolve, reject) => {\n        const reader = new FileReader();\n        reader.readAsDataURL(file);\n        reader.onload = () => {\n          let res = reader.result;\n          resolve(res);\n        };\n        reader.onerror = (error) => reject(error);\n      });\n    },\n    sanitizeFileName(name) {\n      return name\n        .replace(/\\.[^/.]+$/, \"\")\n        .replace(/[^a-z0-9]/gi, \"_\")\n        .toLowerCase();\n    },\n    resolveAfterTime(time) {\n      return (x) => {\n        return new Promise((resolve) => setTimeout(() => resolve(x), time));\n      };\n    },\n    reset() {\n      this.status = INITIAL;\n      this.errors = null;\n      this.output = [];\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n.previewImage {\n  max-height: 100px;\n}\n.box {\n  padding: 10px;\n  position: relative;\n\n  .box-inner {\n    color: #2c3e50;\n    min-height: 200px;\n    position: relative;\n    cursor: pointer;\n    border-radius: 3px;\n    border: 2px dashed #86bdf9;\n    border-radius: 10px;\n    z-index: 100;\n\n    .box-notes {\n      list-style: none;\n      height: 200px;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-direction: column;\n\n      li {\n        &.first {\n          font-weight: 600;\n          font-size: 24px;\n        }\n\n        &.link {\n          color: #fff;\n          padding: 10px 20px;\n          border-radius: 5px;\n          background: #176eff;\n          box-shadow: 0 0 35px rgba(140, 150, 160, 0.2);\n        }\n\n        &:not(:last-child) {\n          margin-bottom: 20px;\n        }\n      }\n    }\n  }\n\n  .loader {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 120px;\n    height: 120px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 100;\n\n    > * {\n      animation: rotate 1.4s linear infinite;\n    }\n    > * > * {\n      stroke-dasharray: 88px;\n      stroke-dashoffset: 0;\n      transform-origin: center;\n      animation: spinner 1.4s ease-in-out infinite;\n      animation-name: spinner;\n      animation-duration: 1.4s;\n      animation-timing-function: ease-in-out;\n      animation-delay: 0s;\n      animation-iteration-count: infinite;\n      animation-direction: normal;\n      animation-fill-mode: none;\n      animation-play-state: running;\n      stroke-width: 1;\n      stroke-linecap: round;\n      position: relative;\n    }\n  }\n  &::after {\n    content: \"\";\n    background: #f6f9fe;\n    width: 100%;\n    height: 100%;\n    border-radius: 5px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    opacity: 1;\n    transition: all 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);\n  }\n  &:hover {\n    &::after {\n      opacity: 0.6;\n    }\n  }\n}\n\n.output {\n  span {\n    padding-top: 10px;\n    display: block;\n    text-align: initial;\n  }\n  pre {\n    background: #e5e5e5;\n    color: #2c3e50;\n    padding: 14px;\n    border-radius: 3px;\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    overflow-x: scroll;\n\n    &,\n    code {\n      font-family: \"Source Code Pro\", monospace;\n      max-width: 500px;\n      text-align: left;\n      white-space: nowrap;\n      word-spacing: normal;\n      word-break: break-word;\n      word-wrap: break-word;\n      line-height: 1.5;\n      -moz-tab-size: 4;\n      -o-tab-size: 4;\n      tab-size: 4;\n      -webkit-hyphens: none;\n      -ms-hyphens: none;\n      hyphens: none;\n      position: relative;\n    }\n  }\n}\n\ninput[type=\"file\"] {\n  display: block;\n}\n\n.input-file {\n  opacity: 0;\n  width: 100%;\n  height: 200px;\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n}\n\n@keyframes rotate {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(270deg);\n  }\n}\n\n@keyframes spinner {\n  0% {\n    stroke-dashoffset: 88px;\n  }\n  50% {\n    stroke-dashoffset: 22px;\n    transform: rotate(135deg);\n  }\n  100% {\n    stroke-dashoffset: 88px;\n    transform: rotate(450deg);\n  }\n}\n</style>\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!./FileUploader.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!./FileUploader.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FileUploader.vue?vue&type=template&id=0ebe4f20&scoped=true\"\nimport script from \"./FileUploader.vue?vue&type=script&lang=js\"\nexport * from \"./FileUploader.vue?vue&type=script&lang=js\"\nimport style0 from \"./FileUploader.vue?vue&type=style&index=0&id=0ebe4f20&prod&scoped=true&lang=scss\"\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  \"0ebe4f20\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FileUploader.vue?vue&type=style&index=0&id=0ebe4f20&prod&scoped=true&lang=scss\"","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!./addVehicleThreeSixtyImages.vue?vue&type=style&index=0&id=9b506804&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"container\"},[_c('b-modal',{ref:\"addVehicleThreeSixtyImagesModal\",attrs:{\"hide-footer\":\"\"}},[_c('addVehicleThreeSixtyImages',{on:{\"closeAddVehicleThreeSixtyImages\":function($event){return _vm.toggleAddVehicleThreeSixtyImages()},\"addVehicleThreeSixtyImagesSuccess\":function($event){return _vm.addVehicleThreeSixtyImagesSuccess()}}})],1),_c('b-modal',{ref:\"editVehicleThreeSixtyImagesModal\",attrs:{\"hide-footer\":\"\"}},[_c('editVehicleThreeSixtyImages',{attrs:{\"editingVehicleThreeSixtyImages\":_vm.current360Item},on:{\"closeEditVehicleThreeSixtyImages\":function($event){return _vm.toggleeditVehicleThreeSixtyImages()},\"editVehicleThreeSixtyImagesSuccess\":function($event){return _vm.editVehicleThreeSixtyImagesSuccess()}}})],1),_vm._m(0),_c('div',{staticClass:\"row\"},[_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleAddVehicleThreeSixtyImages()}}},[_vm._v(\"Add\")])]),_c('div',{staticClass:\"row\"},[_c('br'),_c('datatable',{staticClass:\"text-center\",attrs:{\"dataItems\":_vm.items,\"dataColumns\":_vm.columns,\"searching\":true,\"sorting\":true,\"order\":[1, \"dec\"],\"striped\":\"\",\"bordered\":\"\"},on:{\"rowClicked\":_vm.editItem,\"editRow\":_vm.editItem}})],1)],1)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row\"},[_c('h2',[_vm._v(\"360 View\")])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container\"},[_c('h2',[_vm._v(\"Add A VehicleThreeSixtyImages\")]),_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.save()}}},[_vm._v(\"Save\")]),_c('button',{staticClass:\"btn btn-warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleView()}}},[_vm._v(\"Cancel\")]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"ModelId\"}},[_vm._v(\"ModelId\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newVehicleThreeSixtyImages.ModelId),expression:\"newVehicleThreeSixtyImages.ModelId\"}],staticClass:\"form-control\",attrs:{\"id\":\"ModelId\",\"name\":\"ModelId\",\"placeholder\":\"ModelId\",\"tabindex\":\"0\",\"type\":\"text\",\"value\":\"\"},domProps:{\"value\":(_vm.newVehicleThreeSixtyImages.ModelId)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.newVehicleThreeSixtyImages, \"ModelId\", $event.target.value)}}}),_vm._m(0)]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"ColourName\"}},[_vm._v(\"ColourName\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newVehicleThreeSixtyImages.ColourName),expression:\"newVehicleThreeSixtyImages.ColourName\"}],staticClass:\"form-control\",attrs:{\"id\":\"ColourName\",\"name\":\"ColourName\",\"placeholder\":\"ColourName\",\"tabindex\":\"0\",\"type\":\"text\",\"value\":\"\"},domProps:{\"value\":(_vm.newVehicleThreeSixtyImages.ColourName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.newVehicleThreeSixtyImages, \"ColourName\", $event.target.value)}}}),_vm._m(1)]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"Image\"}},[_vm._v(\"Thumbnail Image\")]),(!_vm.editingImage)?_c('div',[_c('img',{staticClass:\"previewImage\",attrs:{\"src\":_vm.getImageSource(_vm.newVehicleThreeSixtyImages)}}),_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.editImage()}}},[_vm._v(\"Update Image\")])]):_vm._e(),(_vm.editingImage)?_c('div',[_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.updateImage()}}},[_vm._v(\"Update\")]),_c('button',{staticClass:\"btn btn-warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.editImage()}}},[_vm._v(\"Cancel\")]),_c('FileUploader',{on:{\"ImageDataChanged\":_vm.updateImageData,\"ImageURLDataChanged\":_vm.updateImageUrl}})],1):_vm._e()]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"ImageMeta\"}},[_vm._v(\"ImageMeta\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newVehicleThreeSixtyImages.ImageMeta),expression:\"newVehicleThreeSixtyImages.ImageMeta\"}],staticClass:\"form-control\",attrs:{\"id\":\"ImageMeta\",\"name\":\"ImageMeta\",\"placeholder\":\"ImageMeta\",\"tabindex\":\"0\",\"type\":\"text\",\"value\":\"\"},domProps:{\"value\":(_vm.newVehicleThreeSixtyImages.ImageMeta)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.newVehicleThreeSixtyImages, \"ImageMeta\", $event.target.value)}}}),_vm._m(2)]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"LastUpdated\"}},[_vm._v(\"LastUpdated\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newVehicleThreeSixtyImages.LastUpdated),expression:\"newVehicleThreeSixtyImages.LastUpdated\"}],staticClass:\"form-control\",attrs:{\"id\":\"LastUpdated\",\"name\":\"LastUpdated\",\"placeholder\":\"LastUpdated\",\"tabindex\":\"0\",\"type\":\"text\",\"value\":\"\"},domProps:{\"value\":(_vm.newVehicleThreeSixtyImages.LastUpdated)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.newVehicleThreeSixtyImages, \"LastUpdated\", $event.target.value)}}}),_vm._m(3)]),_c('br')]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"Image\"}},[_vm._v(\"Upload 360 view Files\")]),(_vm.showMultiFileUploader())?_c('div',[_c('MultiFileUploader',{attrs:{\"ModelId\":_vm.newVehicleThreeSixtyImages.ModelId,\"Colour\":_vm.newVehicleThreeSixtyImages.ColourName}})],1):_vm._e()])]),_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.save()}}},[_vm._v(\"Save\")]),_c('button',{staticClass:\"btn btn-warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleView()}}},[_vm._v(\"Cancel\")]),_c('br'),_c('br')])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{},[_c('small')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{},[_c('small')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{},[_c('small')])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{},[_c('small')])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('form',{attrs:{\"enctype\":\"multipart/form-data\",\"novalidate\":\"\",\"id\":\"form\"}},[_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"box-inner\"},[(!_vm.isLoading)?_c('div',{staticClass:\"dropzone\"},[_c('input',{staticClass:\"input-file\",attrs:{\"type\":\"file\",\"multiple\":\"\",\"accept\":\"image/*\"},on:{\"change\":function($event){_vm.handleChanges($event.target.name, $event.target.files); _vm.fileCount = $event.target.files.length}}}),_vm._m(0)]):_vm._e(),(_vm.isLoading)?_c('div',{staticClass:\"status\"},[_c('span',{staticClass:\"loader\"},[_c('svg',{attrs:{\"width\":\"30\",\"height\":\"30\",\"viewBox\":\"0 0 30 30\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"data-svg\":\"spinner\"}},[_c('circle',{attrs:{\"fill\":\"none\",\"stroke\":\"#454b54\",\"cx\":\"15\",\"cy\":\"15\",\"r\":\"14\"}})])])]):_vm._e()])])]),(_vm.isSuccess)?_c('div',{staticClass:\"output\"},[_c('div',{staticClass:\"background-img-css\"},[_c('span',[_vm._v(\"Preview\")]),_c('pre',[_vm._v(\"        \"),_vm._l((this.output),function(item,index){return _c('div',{key:index,staticClass:\"imgHolder\",on:{\"loadstart\":_vm.getImages,\"loadeddata\":_vm.getImages}},[_vm._v(\"\\n          \"),_c('img',{staticClass:\"previewImage\",attrs:{\"src\":item}}),_vm._v(\"\\n          \"),_c('span',[_vm._v(_vm._s(index))]),_vm._v(\"\\n        \")])}),_vm._v(\"\\n        \"),_vm._v(\"\\n      \")],2)])]):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('ul',{staticClass:\"box-notes\"},[_c('li',{staticClass:\"first\"},[_vm._v(\"Drag an image here \")]),_c('li',{staticClass:\"second\"},[_vm._v(\"or\")]),_c('li',{staticClass:\"third link\"},[_vm._v(\"Browse files\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <form enctype=\"multipart/form-data\" novalidate id=\"form\">\n      <div class=\"box\">\n        <div class=\"box-inner\">\n          <div class=\"dropzone\" v-if=\"!isLoading\">\n            <input type=\"file\" multiple accept=\"image/*\" class=\"input-file\" @change=\"handleChanges($event.target.name, $event.target.files); fileCount = $event.target.files.length\">\n            <ul class=\"box-notes\">\n              <li class=\"first\">Drag an image here </li>\n              <li class=\"second\">or</li>\n              <li class=\"third link\">Browse files</li>\n            </ul>\n          </div>\n          <div class=\"status\" v-if=\"isLoading\">\n            <span class=\"loader\">\n              <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" xmlns=\"http://www.w3.org/2000/svg\" data-svg=\"spinner\">\n                <circle fill=\"none\" stroke=\"#454b54\" cx=\"15\" cy=\"15\" r=\"14\"></circle>\n              </svg>\n            </span>\n          </div>\n        </div>\n      </div>\n    </form>\n    <div class=\"output\" v-if=\"isSuccess\">\n      <div class=\"background-img-css\">\n        <span>Preview</span>\n        <pre>\n          <div @loadstart=\"getImages\" @loadeddata=\"getImages\" class=\"imgHolder\" v-for=\"(item, index) in this.output\" :key=\"index\">\n            <img v-bind:src=\"item\"  class=\"previewImage\">\n            <span>{{index}}</span>\n          </div>\n          <!-- <code v-for=\"(item, index) in this.output\" :key=\"index\">\n          .{{item.name}} {background-image: url(\"{{item.content}}\");}\n          </code> -->\n        </pre>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n  import _ from 'lodash'\n  const INITIAL = 0,\n    LOADING = 1,\n    SUCCESS = 2,\n    FAILED = 3;\n\n  import axios from 'axios';\n\n  export default {\n    name: \"MultiFileUploader\",\n\n    data() {\n      return {\n        errors: null,\n        status: null, // INITIAL, LOADING, SUCCESS, FAILED\n        output: []\n      };\n    },\n    computed: {\n      isInitial() {\n        console.log('Initial')\n        return this.status === INITIAL;\n      },\n      isLoading() {\n        console.log('Loading')\n        return this.status === LOADING;\n      },\n      isSuccess() {\n        console.log('Success')\n        return this.status === SUCCESS;\n      },\n      isFailed() {\n        console.log('Failed')\n        return this.status === FAILED;\n      }\n    },\n    methods: {\n\n      getImages() {\n\n        if (!(this.$store.state.currentThreeSixtyItem.ModelId && this.$store.state.currentThreeSixtyItem.ColourName)) {\n          return \"\"\n        }\n        var config = {\n          baseURL: this.$store.state.baseUrl, //'http://localhost:57626/',\n          headers: {\n            //'Content-Type': 'multipart/form-data'\n            'Content-Type': 'application/json'\n          },\n          onUploadProgress: function (progressEvent) {\n            //this.total=progressEvent.loaded * 100;\n            var percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);\n            total = progressEvent.loaded * 100;\n          },\n\n        }\n        var self1 = this;\n\n        var formData = new FormData();\n        axios.get( this.$store.state.baseUrl +  `Import360?path=${this.$store.state.currentThreeSixtyItem.ModelId}&colour=${this.$store.state.currentThreeSixtyItem.ColourName}`,\n            config)\n          .then(response => {\n            // returning the data here allows the caller to get it through another .then(...)\n            console.log(response.data);\n            response.data.forEach(function (item, index) {\n\n              console.log(item);\n              self1.output.push(item);\n            })\n            return response;\n          });\n      },\n\n\n      handleChanges(fieldName, fileList) {\n        this.reset(); // reset upload\n\n        if (!fileList.length) return;\n        this.status = LOADING;\n        var formData = new FormData();\n        var config = {\n          baseURL: this.$store.state.baseUrl,\n          headers: {\n            'Content-Type': 'multipart/form-data'\n          },\n          onUploadProgress: function (progressEvent) {\n            //this.total=progressEvent.loaded * 100;\n            var total = 0;\n            var percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);\n            total = progressEvent.loaded * 100;\n          }\n        }\n        _.forEach(fileList, function (item, index) {\n          formData.append(item.name, item);\n        });\n        var self1 = this;\n        \n        axios.post(this.$store.state.baseUrl + `Import360?path=${this.$store.state.currentThreeSixtyItem.ModelId}&colour=${this.$store.state.currentThreeSixtyItem.ColourName}`,\n          formData, config).then(response => {\n          self1.status = SUCCESS;\n          self1.getImages();\n        });\n    \n      },\n      fileToBase64(file) {\n        return new Promise((resolve, reject) => {\n          const reader = new FileReader();\n          reader.readAsDataURL(file);\n          reader.onload = () => {\n            let res = reader.result;\n            resolve(res);\n          };\n          reader.onerror = error => reject(error);\n        });\n      },\n      sanitizeFileName(name) {\n        return name\n          .replace(/\\.[^/.]+$/, \"\")\n          .replace(/[^a-z0-9]/gi, \"_\")\n          .toLowerCase();\n      },\n      resolveAfterTime(time) {\n        return x => {\n          return new Promise(resolve => setTimeout(() => resolve(x), time));\n        };\n      },\n      reset() {\n        this.status = INITIAL;\n        this.errors = null;\n        this.output = [];\n      }\n\n\n    },\n    props: ['ModelId', 'Colour'],\n    beforeMount() {\n\n\n\n    },\n    mounted: function () {\n      this.$nextTick(function () {\n        //this.getImages();\n\n      });\n\n    }\n  };\n\n</script>\n\n<style scoped lang=\"scss\">\n  .imgHolder {\n\n    position: relative;\n  }\n\n  .imgHolder span {\n    position: absolute;\n    right: 10px;\n    top: 10px;\n  }\n\n  .previewImage {\n    max-height: 100px;\n  }\n\n  .box {\n    padding: 10px;\n    position: relative;\n\n    .box-inner {\n      color: #2c3e50;\n      min-height: 200px;\n      position: relative;\n      cursor: pointer;\n      border-radius: 3px;\n      border: 2px dashed #86bdf9;\n      border-radius: 10px;\n      z-index: 100;\n\n      .box-notes {\n        list-style: none;\n        height: 200px;\n        margin: 0;\n        padding: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column;\n\n        li {\n          &.first {\n            font-weight: 600;\n            font-size: 24px;\n          }\n\n          &.link {\n            color: #fff;\n            padding: 10px 20px;\n            border-radius: 5px;\n            background: #176eff;\n            box-shadow: 0 0 35px rgba(140, 150, 160, 0.2);\n          }\n\n          &:not(:last-child) {\n            margin-bottom: 20px;\n          }\n        }\n      }\n    }\n\n    .loader {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 100;\n\n      >* {\n        animation: rotate 1.4s linear infinite;\n      }\n\n      >*>* {\n        stroke-dasharray: 88px;\n        stroke-dashoffset: 0;\n        transform-origin: center;\n        animation: spinner 1.4s ease-in-out infinite;\n        animation-name: spinner;\n        animation-duration: 1.4s;\n        animation-timing-function: ease-in-out;\n        animation-delay: 0s;\n        animation-iteration-count: infinite;\n        animation-direction: normal;\n        animation-fill-mode: none;\n        animation-play-state: running;\n        stroke-width: 1;\n        stroke-linecap: round;\n        position: relative;\n      }\n    }\n\n    &::after {\n      content: \"\";\n      background: #f6f9fe;\n      width: 100%;\n      height: 100%;\n      border-radius: 5px;\n      position: absolute;\n      top: 0;\n      left: 0;\n      opacity: 1;\n      transition: all 0.3s cubic-bezier(0.45, 0.05, 0.55, 0.95);\n    }\n\n    &:hover {\n      &::after {\n        opacity: 0.6;\n      }\n    }\n  }\n\n  .output {\n    span {\n      padding-top: 10px;\n      display: block;\n      text-align: initial;\n    }\n\n    pre {\n      background: #e5e5e5;\n      color: #2c3e50;\n      padding: 14px;\n      border-radius: 3px;\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      overflow-x: scroll;\n\n      &,\n      code {\n        font-family: \"Source Code Pro\", monospace;\n        max-width: 500px;\n        text-align: left;\n        white-space: nowrap;\n        word-spacing: normal;\n        word-break: break-word;\n        word-wrap: break-word;\n        line-height: 1.5;\n        -moz-tab-size: 4;\n        -o-tab-size: 4;\n        tab-size: 4;\n        -webkit-hyphens: none;\n        -ms-hyphens: none;\n        hyphens: none;\n        position: relative;\n      }\n    }\n  }\n\n  input[type=\"file\"] {\n    display: block;\n  }\n\n  .input-file {\n    opacity: 0;\n    width: 100%;\n    height: 200px;\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n  }\n\n  @keyframes rotate {\n    0% {\n      transform: rotate(0deg);\n    }\n\n    100% {\n      transform: rotate(270deg);\n    }\n  }\n\n  @keyframes spinner {\n    0% {\n      stroke-dashoffset: 88px;\n    }\n\n    50% {\n      stroke-dashoffset: 22px;\n      transform: rotate(135deg);\n    }\n\n    100% {\n      stroke-dashoffset: 88px;\n      transform: rotate(450deg);\n    }\n  }\n\n</style>\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!./MultiFileUploader.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!./MultiFileUploader.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MultiFileUploader.vue?vue&type=template&id=3e2bf206&scoped=true\"\nimport script from \"./MultiFileUploader.vue?vue&type=script&lang=js\"\nexport * from \"./MultiFileUploader.vue?vue&type=script&lang=js\"\nimport style0 from \"./MultiFileUploader.vue?vue&type=style&index=0&id=3e2bf206&prod&scoped=true&lang=scss\"\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  \"3e2bf206\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class='container'>\n    <h2>Add A VehicleThreeSixtyImages</h2>\n    <button @click='save()' type='button' class='btn btn-success'>Save</button>\n    <button @click='toggleView()' type='button' class='btn btn-warning'>Cancel</button>\n    <div class='row'>\n      <div class=' col-md-4'><label class='' for='ModelId'>ModelId</label><input class=' form-control' id='ModelId'\n          name='ModelId' v-model='newVehicleThreeSixtyImages.ModelId' placeholder='ModelId' tabindex='0' type='text'\n          value=''>\n        <div class=''><small></small></div>\n      </div>\n      <div class=' col-md-4'><label class='' for='ColourName'>ColourName</label><input class=' form-control' id='ColourName'\n          name='ColourName' v-model='newVehicleThreeSixtyImages.ColourName' placeholder='ColourName' tabindex='0' type='text'\n          value=''>\n        <div class=''><small></small></div>\n      </div>\n      <div class='col-md-4'>\n        <label class for='Image'>Thumbnail Image</label>\n        <div v-if='!editingImage'>\n          <img v-bind:src='getImageSource(newVehicleThreeSixtyImages)' class='previewImage'>\n          <button @click='editImage()' type='button' class='btn btn-success'>Update Image</button>\n        </div>\n        <div v-if='editingImage'>\n          <button @click='updateImage()' type='button' class='btn btn-success'>Update</button>\n          <button @click='editImage()' type='button' class='btn btn-warning'>Cancel</button>\n          <FileUploader @ImageDataChanged='updateImageData' @ImageURLDataChanged='updateImageUrl' />\n        </div>\n      </div>\n      <div class=' col-md-4'><label class='' for='ImageMeta'>ImageMeta</label><input class=' form-control' id='ImageMeta'\n          name='ImageMeta' v-model='newVehicleThreeSixtyImages.ImageMeta' placeholder='ImageMeta' tabindex='0' type='text'\n          value=''>\n        <div class=''><small></small></div>\n      </div>\n      <div class=' col-md-4'><label class='' for='LastUpdated'>LastUpdated</label><input class=' form-control' id='LastUpdated'\n          name='LastUpdated' v-model='newVehicleThreeSixtyImages.LastUpdated' placeholder='LastUpdated' tabindex='0'\n          type='text' value=''>\n        <div class=''><small></small></div>\n      </div>\n      <br />\n    </div>\n    <div class='row'>\n      <div class='col-md-4'>\n        <label class for='Image'>Upload 360 view Files</label>\n        <div v-if=\"showMultiFileUploader()\">\n          <MultiFileUploader :ModelId='newVehicleThreeSixtyImages.ModelId' :Colour='newVehicleThreeSixtyImages.ColourName' />\n        </div>\n      </div>\n    </div>\n    <button @click='save()' type='button' class='btn btn-success'>Save</button>\n    <button @click='toggleView()' type='button' class='btn btn-warning'>Cancel</button>\n    <br />\n    <br />\n  </div>\n\n</template>\n<script>\n  import _ from 'lodash';\n  import FileUploader from '@/components/custom/FileUploader.vue';\n  import MultiFileUploader from '@/components/custom/MultiFileUploader';\n  import miniToastr from 'mini-toastr'; // https://github.com/se-panfilov/mini-toastr\n  const toastTypes = {\n    success: 'success',\n    error: 'error',\n    info: 'info',\n    warn: 'warn'\n  };\n  miniToastr.init({\n    types: toastTypes\n  });\n  export default {\n    name: 'addVehicleThreeSixtyImages',\n    created: function () {},\n    data() {\n      return {\n        newVehicleThreeSixtyImages: {},\n        editingImage: false,\n        uploadedImageData: {},\n        uploadedImageUrl: null,\n      }\n    },\n    components: {\n      FileUploader,\n      MultiFileUploader\n    },\n\n    methods: {\n\n      showMultiFileUploader() {\n        if (this.newVehicleThreeSixtyImages.ModelId && this.newVehicleThreeSixtyImages.ColourName) {\n          return true;\n        }\n        return false;\n      },\n      toggleView: function () {\n        this.$emit('closeAddVehicleThreeSixtyImages')\n      },\n      updateImageData: function (value) {\n        this.uploadedImageData = value;\n      },\n      updateImageUrl: function (value) {\n        this.uploadedImageUrl = value;\n      },\n      editImage: function () {\n        this.editingImage = !this.editingImage;\n      },\n      updateImage: function () {\n        this.editingImage = !this.editingImage;\n      },\n      getImageSource(data) {\n        if (this.uploadedImageUrl) {\n          return this.uploadedImageUrl;\n        }\n        if (!this.isNull(data) && !this.isNull(data.Image)) {\n          if (data.Image) {\n            return this.$store.state.cdnUrl + data.Image;\n          } else {\n            return data.Image;\n          }\n        }\n        return '';\n      },\n      isNull: function (obj) {\n        if (typeof obj === 'undefined' || obj === null || obj === 'null') {\n          return true;\n        }\n        return false;\n      },\n      save: function () {\n        var data = JSON.parse(JSON.stringify(this.newVehicleThreeSixtyImages));\n\n        data['Image'] = this.$data.uploadedImageData;\n\n        var payload = {\n          data: this.newVehicleThreeSixtyImages,\n          image: this.uploadedImageData,\n          success: response => {\n            this.$emit('addVehicleThreeSixtyImagesSuccess')\n          },\n          error: error => {\n            miniToastr['error'](error, 'Error', 1000, null)\n          }\n        }\n        this.$store.dispatch('addVehicleThreeSixtyImages', payload);\n      }\n    },\n    watch: {\n      newVehicleThreeSixtyImages(val) {\n        this.$store.state.currentThreeSixtyItem = val\n      }\n    },\n  }\n\n</script>\n<style scoped>\n  .previewImage {\n    max-height: 100px;\n  }\n\n</style>\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!./addVehicleThreeSixtyImages.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!./addVehicleThreeSixtyImages.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./addVehicleThreeSixtyImages.vue?vue&type=template&id=9b506804&scoped=true\"\nimport script from \"./addVehicleThreeSixtyImages.vue?vue&type=script&lang=js\"\nexport * from \"./addVehicleThreeSixtyImages.vue?vue&type=script&lang=js\"\nimport style0 from \"./addVehicleThreeSixtyImages.vue?vue&type=style&index=0&id=9b506804&prod&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  \"9b506804\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container\"},[_c('h2',[_vm._v(\"Edit VehicleThreeSixtyImages\")]),_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.save()}}},[_vm._v(\"Save\")]),_c('button',{staticClass:\"btn btn-warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleView()}}},[_vm._v(\"Cancel\")]),_c('button',{staticClass:\"btn btn-danger\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.deleteVehicleThreeSixtyImages()}}},[_vm._v(\"Delete\")]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"ModelId\"}},[_vm._v(\"ModelId\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editingVehicleThreeSixtyImages.ModelId),expression:\"editingVehicleThreeSixtyImages.ModelId\"}],staticClass:\"form-control\",attrs:{\"id\":\"ModelId\",\"name\":\"ModelId\",\"placeholder\":\" \",\"tabindex\":\"0\",\"type\":\"text\"},domProps:{\"value\":(_vm.editingVehicleThreeSixtyImages.ModelId)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.editingVehicleThreeSixtyImages, \"ModelId\", $event.target.value)}}})]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"ColourName\"}},[_vm._v(\"ColourName\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editingVehicleThreeSixtyImages.ColourName),expression:\"editingVehicleThreeSixtyImages.ColourName\"}],staticClass:\"form-control\",attrs:{\"id\":\"ColourName\",\"name\":\"ColourName\",\"placeholder\":\" \",\"tabindex\":\"0\",\"type\":\"text\"},domProps:{\"value\":(_vm.editingVehicleThreeSixtyImages.ColourName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.editingVehicleThreeSixtyImages, \"ColourName\", $event.target.value)}}})]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"Image\"}},[_vm._v(\"Colour Thumbnail\")]),(!_vm.editingImage)?_c('div',[_c('img',{staticClass:\"previewImage\",attrs:{\"src\":_vm.getImageSourceThumb(_vm.editingVehicleThreeSixtyImages)}}),_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.editImage()}}},[_vm._v(\"Update Image\")])]):_vm._e(),(_vm.editingImage)?_c('div',[_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.updateImage()}}},[_vm._v(\"Update\")]),_c('button',{staticClass:\"btn btn-warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.editImage()}}},[_vm._v(\"Cancel\")]),_c('FileUploader',{on:{\"ImageDataChanged\":_vm.updateImageData,\"ImageURLDataChanged\":_vm.updateImageUrl}})],1):_vm._e()]),_c('div',{staticClass:\"col-md-2\"},[_c('label',{attrs:{\"for\":\"ImageMeta\"}},[_vm._v(\"ImageMeta\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editingVehicleThreeSixtyImages.ImageMeta),expression:\"editingVehicleThreeSixtyImages.ImageMeta\"}],staticClass:\"form-control\",attrs:{\"id\":\"ImageMeta\",\"name\":\"ImageMeta\",\"placeholder\":\" \",\"tabindex\":\"0\",\"type\":\"text\"},domProps:{\"value\":(_vm.editingVehicleThreeSixtyImages.ImageMeta)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.editingVehicleThreeSixtyImages, \"ImageMeta\", $event.target.value)}}})]),_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"LastUpdated\"}},[_vm._v(\"LastUpdated\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editingVehicleThreeSixtyImages.LastUpdated),expression:\"editingVehicleThreeSixtyImages.LastUpdated\"}],staticClass:\"form-control\",attrs:{\"id\":\"LastUpdated\",\"name\":\"LastUpdated\",\"placeholder\":\" \",\"tabindex\":\"0\",\"type\":\"text\"},domProps:{\"value\":(_vm.editingVehicleThreeSixtyImages.LastUpdated)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.editingVehicleThreeSixtyImages, \"LastUpdated\", $event.target.value)}}})])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('label',{attrs:{\"for\":\"Image\"}},[_vm._v(\"Upload 360 view Files\")]),(_vm.showMultiFileUploader())?_c('div',[_c('MultiFileUploader',{attrs:{\"ModelId\":_vm.editingVehicleThreeSixtyImages.ModelId,\"Colour\":_vm.editingVehicleThreeSixtyImages.ColourName}})],1):_vm._e()])]),_c('br'),_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.save()}}},[_vm._v(\"Save\")]),_c('button',{staticClass:\"btn btn-warning\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.toggleView()}}},[_vm._v(\"Cancel\")]),_c('br'),_c('br')])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class='container'>\n    <h2>Edit VehicleThreeSixtyImages</h2>\n    <button @click='save()' type='button' class='btn btn-success'>Save</button>\n\n    <button @click='toggleView()' type='button' class='btn btn-warning'>Cancel</button>\n\n    <button @click='deleteVehicleThreeSixtyImages()' type='button' class='btn btn-danger'>Delete</button>\n\n    <div class='row'>\n      <div class='col-md-4'>\n        <label class for='ModelId'>ModelId</label>\n        <input class='form-control' id='ModelId' name='ModelId' v-model='editingVehicleThreeSixtyImages.ModelId'\n          placeholder=' ' tabindex='0' type='text'>\n\n      </div>\n      <div class='col-md-4'>\n        <label class for='ColourName'>ColourName</label>\n        <input class='form-control' id='ColourName' name='ColourName' v-model='editingVehicleThreeSixtyImages.ColourName'\n          placeholder=' ' tabindex='0' type='text'>\n\n      </div>\n      <div class='col-md-4'>\n        <label class for='Image'>Colour Thumbnail</label>\n        <div v-if='!editingImage'>\n          <img v-bind:src='getImageSourceThumb(editingVehicleThreeSixtyImages)' class='previewImage'>\n          <button @click='editImage()' type='button' class='btn btn-success'>Update Image</button>\n        </div>\n        <div v-if='editingImage'>\n          <button @click='updateImage()' type='button' class='btn btn-success'>Update</button>\n          <button @click='editImage()' type='button' class='btn btn-warning'>Cancel</button>\n          <FileUploader @ImageDataChanged='updateImageData' @ImageURLDataChanged='updateImageUrl' />\n        </div>\n      </div>\n      <div class='col-md-2'>\n        <label class for='ImageMeta'>ImageMeta</label>\n        <input class='form-control' id='ImageMeta' name='ImageMeta' v-model='editingVehicleThreeSixtyImages.ImageMeta'\n          placeholder=' ' tabindex='0' type='text'>\n\n      </div>\n      <div class='col-md-4'>\n        <label class for='LastUpdated'>LastUpdated</label>\n        <input class='form-control' id='LastUpdated' name='LastUpdated' v-model='editingVehicleThreeSixtyImages.LastUpdated'\n          placeholder=' ' tabindex='0' type='text'>\n\n      </div>\n\n    </div>\n    <div class='row'>\n      <div class='col-md-4'>\n        <label class for='Image'>Upload 360 view Files</label>\n        <div v-if=\"showMultiFileUploader()\">\n          <MultiFileUploader :ModelId='editingVehicleThreeSixtyImages.ModelId' :Colour='editingVehicleThreeSixtyImages.ColourName' />\n        </div>\n      </div>\n    </div>\n    <br />\n    <button @click='save()' type='button' class='btn btn-success'>Save</button>\n    <button @click='toggleView()' type='button' class='btn btn-warning'>Cancel</button>\n    <br />\n    <br />\n  </div>\n\n</template>\n<script>\n  import _ from 'lodash';\n  import axios from 'axios';\n  import FileUploader from '@/components/custom/FileUploader';\n  import MultiFileUploader from '@/components/custom/MultiFileUploader';\n  import miniToastr from 'mini-toastr'; // https://github.com/se-panfilov/mini-toastr\n  import {\n    EventBus\n  } from '@/shared/EventBus'\n\n\n  const toastTypes = {\n    success: 'success',\n    error: 'error',\n    info: 'info',\n    warn: 'warn'\n  };\n  miniToastr.init({\n    types: toastTypes\n  });\n\n  export default {\n    name: 'EditVehicleThreeSixtyImages',\n\n    data() {\n      return {\n        imageBytes: {},\n        selectedFile: {},\n        originalData: {},\n        modifiedData: {},\n        uploadedImageData: {},\n        uploadedImageUrl: null,\n        editingImage: false,\n        output: []\n      };\n    },\n    components: {\n      MultiFileUploader,\n      FileUploader\n    },\n    created() {\n      this.originalData = JSON.parse(JSON.stringify(this.editingVehicleThreeSixtyImages));\n      this.ImageBytes = this.editingVehicleThreeSixtyImages.Image;\n    },\n    mounted() {\n\n    },\n\n    props: ['editingVehicleThreeSixtyImages'],\n\n    methods: {\n      getCurrentData() {\n        var data = this.$store.state.currentThreeSixtyItem;\n        console.log(data);\n        var config = {\n          baseURL: this.$store.state.baseUrl,\n          headers: {\n            'Content-Type': 'application/json'\n          },\n          onUploadProgress: function (progressEvent) {\n            var percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);\n            total = progressEvent.loaded * 100;\n          },\n\n        }\n        var self1 = this;\n\n        var formData = new FormData();\n        axios.get(`Import360?path=${data.ModelId}&colour=${data.ColourName}`, config)\n          .then(response => {\n            console.log(response.data);\n            response.data.forEach(function (item, index) {\n              console.log(item);\n              self1.output.push(item);\n            })\n            return response;\n          });\n        return self1.output;\n      },\n      showMultiFileUploader() {\n        if (this.$store.state.currentThreeSixtyItem && this.$store.state.currentThreeSixtyItem.ModelId) {\n          return true;\n        }\n        return false;\n      },\n      toggleView: function () {\n        this.$emit(\"closeEditVehicleThreeSixtyImages\");\n      },\n      save: function () {\n        var data = JSON.parse(JSON.stringify(this.editingVehicleThreeSixtyImages));\n        // data['Image'] = this.$data.uploadedImageData;\n        var payload = {\n          data: data,\n          image: this.uploadedImageData,\n          success: response => {\n            this.$emit('editVehicleThreeSixtyImagesSuccess')\n          },\n          error: error => {\n            miniToastr['error'](error, 'Error', 1000, null)\n          }\n        }\n        this.$store.dispatch('editVehicleThreeSixtyImages', payload);\n      },\n      updateImageData: function (value) {\n        this.uploadedImageData = value;\n      },\n      updateImageUrl: function (value) {\n        this.uploadedImageUrl = value;\n      },\n      editImage: function () {\n        this.editingImage = !this.editingImage;\n      },\n      updateImage: function () {\n        this.editingImage = !this.editingImage;\n      },\n      getImageSourceThumb(data) {\n        if (this.uploadedImageUrl) {\n          return this.uploadedImageUrl;\n        }\n        if (!this.isNull(data) && !this.isNull(data.Image)) {\n          if (data.Image) {\n            return this.$store.state.cdnUrl + data.Image;\n          } else {\n            return data.Image;\n          }\n        }\n        return '';\n      },\n      getImageSource(data) {\n        console.log(data);\n        var config = {\n          baseURL: this.$store.state.baseUrl,\n          headers: {\n            'Content-Type': 'application/json'\n          },\n          onUploadProgress: function (progressEvent) {\n            var percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);\n            total = progressEvent.loaded * 100;\n          },\n\n        }\n        var self1 = this;\n        var formData = new FormData();\n        axios.get(`/Import360?path=${data.ModelId}&colour=${data.ColourName}`, config)\n          .then(response => {\n            console.log(response.data);\n            response.data.forEach(function (item, index) {\n              console.log(item);\n              self1.output.push(item);\n            })\n            return response;\n          });\n        return self1.output;\n      },\n      isNull: function (obj) {\n        if (typeof obj === 'undefined' || obj === null || obj === 'null') {\n          return true;\n        }\n        return false;\n      },\n      deleteVehicleThreeSixtyImages: function () {\n        var payload = {\n          data: this.editingVehicleThreeSixtyImages,\n          success: response => {\n            this.$emit('editVehicleThreeSixtyImagesSuccess')\n          },\n          error: error => {\n            miniToastr['error'](error, 'Error', 1000, null)\n          }\n        }\n        this.$store.dispatch('deleteVehicleThreeSixtyImages', payload);\n      }\n    },\n    computed: {\n      currentThreeSixtyItem() {\n        this.$store.state.currentThreeSixtyItem\n      }\n    },\n    watch: {\n      currentThreeSixtyItem(val) {\n        this.getCurrentData();\n      }\n    },\n    beforeMount() {}\n  };\n\n</script>\n<style scoped>\n  .previewImage {\n    max-height: 100px;\n  }\n\n  .imgHolder {\n\n    position: relative;\n  }\n\n  .imgHolder span {\n    position: absolute;\n    right: 10px;\n    top: 10px;\n  }\n\n  .previewImage {\n    max-height: 100px;\n  }\n\n</style>\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!./editVehicleThreeSixtyImages.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!./editVehicleThreeSixtyImages.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./editVehicleThreeSixtyImages.vue?vue&type=template&id=1680cfda&scoped=true\"\nimport script from \"./editVehicleThreeSixtyImages.vue?vue&type=script&lang=js\"\nexport * from \"./editVehicleThreeSixtyImages.vue?vue&type=script&lang=js\"\nimport style0 from \"./editVehicleThreeSixtyImages.vue?vue&type=style&index=0&id=1680cfda&prod&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  \"1680cfda\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class='card'>\n    <div class='container'>\n      <b-modal ref='addVehicleThreeSixtyImagesModal' hide-footer>\n        <addVehicleThreeSixtyImages \n        \n        @closeAddVehicleThreeSixtyImages='toggleAddVehicleThreeSixtyImages()' @addVehicleThreeSixtyImagesSuccess='addVehicleThreeSixtyImagesSuccess()'></addVehicleThreeSixtyImages>\n      </b-modal>\n      <b-modal ref='editVehicleThreeSixtyImagesModal' hide-footer>\n        <editVehicleThreeSixtyImages\n          :editingVehicleThreeSixtyImages='current360Item'\n          @closeEditVehicleThreeSixtyImages='toggleeditVehicleThreeSixtyImages()'\n          @editVehicleThreeSixtyImagesSuccess='editVehicleThreeSixtyImagesSuccess()'\n        ></editVehicleThreeSixtyImages>\n      </b-modal>\n      <div class='row'>\n        <h2>360 View</h2>\n      </div>\n      <div class='row'>\n        <button @click='toggleAddVehicleThreeSixtyImages()' type='button' class='btn btn-success'>Add</button>\n      </div>\n      <div class='row'>\n        <br>\n        <datatable :dataItems='items' @rowClicked='editItem' :dataColumns='columns' :searching='true' :sorting='true' @editRow='editItem' :order='[1, \"dec\"]' class='text-center' striped bordered />\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport addVehicleThreeSixtyImages  from '../../components/custom/addVehicleThreeSixtyImages';\nimport editVehicleThreeSixtyImages from '../../components/custom/editVehicleThreeSixtyImages';\nimport VueNotifications from 'vue-notifications';\nimport {    Datatable  } from '../../mdb/components/Datatable';\nimport miniToastr from 'mini-toastr'; // https://github.com/se-panfilov/mini-toastr\nconst toastTypes = {\n  success: 'success',\n  error: 'error',\n  info: 'info',\n  warn: 'warn'\n};\nminiToastr.init({ types: toastTypes });\nexport default {\n  data() {\n    return {\n      columns: [\n              {\n                label: 'Id',\n                field: 'Id',\n                sort: 'asc',\n              },\n              {\n                label: 'Model Id',\n                field: 'ModelId',\n                sort: 'asc',\n              },\n              {\n                label: 'Colour Name',\n                field: 'ColourName',\n                sort: 'asc',\n              },\n              {\n                label: 'Image',\n                field: 'Image',\n                sort: 'asc',\n              },\n              {\n                label: 'Image Meta',\n                field: 'ImageMeta',\n                sort: 'asc',\n              },\n              {\n                label: 'Last Updated',\n                field: 'LastUpdated',\n                sort: 'asc',\n              }\n      ],\n      items: [],\n      addVehicleThreeSixtyImagesOpen: false,\n      editVehicleThreeSixtyImagesOpen: false,\n      current360Item: {},\n      output: []\n    };\n  },\n  components: {\n    addVehicleThreeSixtyImages,\n    editVehicleThreeSixtyImages,\n    Datatable,\n  },\n  created: function() {\n    this.getVehicleThreeSixtyImages();\n    this.addVehicleThreeSixtyImagesOpen = false;\n    this.editVehicleThreeSixtyImagesOpen = false;\n  },\n  methods: {\n    getImageSource(data) {\n\n\n\n         var config = {\n                      baseURL: baseUrl,//'http://localhost:57626/', //'http://localhost:57626/',\n                      headers: {\n                      //'Content-Type': 'multipart/form-data'\n                      'Content-Type': 'application/json'\n                      },\n                      onUploadProgress: function(progressEvent){\n                      //this.total=progressEvent.loaded * 100;\n                      var percentCompleted = Math.round((progressEvent.loaded * 100)/ progressEvent.total);\n                      total=progressEvent.loaded * 100;\n                      },\n          \n                     }\n        var self1 = this;\n\n        var formData = new FormData();\n        //var imagefile = document.querySelector('#fileUploader');\n        //formData.append(\"image\", imagefile.files[0]);\n        //axios.get('import360?path=elantra&colour=white', formData, config)\n        return axios.get(`Import360?path=${data.ModelId}&colour=${data.Colour}`,config)\n            .then(response => {\n              // returning the data here allows the caller to get it through another .then(...)\n              console.log(response.data);\n              response.data.forEach(function(item,index){\n\n                console.log(item);\n                self1.output.push(item) ;\n                })\n              //self1.output =  JSON.parse(   response.data              );\n                \n              return response.data;\n              }).data;\n    },\n    isNull: function(obj) {\n      if (typeof obj === 'undefined' || obj === null || obj === 'null') {\n        return true;\n      }\n      return false;\n    },\n    getVehicleThreeSixtyImages() {\n      var payload = {\n        success: response => {\n          this.items = response.data;\n        },\n        error: error => { miniToastr['error'](error, 'Error', 1000, null)}\n      }\n      this.$store.dispatch('getVehicleThreeSixtyImages', payload);\n    },\n    editItem(dataItem) {\n      this.toggleeditVehicleThreeSixtyImages();\n      console.log(dataItem);\n      this.$store.state.currentThreeSixtyItem  = dataItem;\n      this.current360Item = dataItem;\n    },\n    toggleAddVehicleThreeSixtyImages() {\n      if(this.addVehicleThreeSixtyImagesOpen)\n      {\n        this.$refs.addVehicleThreeSixtyImagesModal.hide()\n      }\n      else{\n        this.$refs.addVehicleThreeSixtyImagesModal.show()\n      }\n      this.addVehicleThreeSixtyImagesOpen = !this.addVehicleThreeSixtyImagesOpen;\n    },\n    addVehicleThreeSixtyImagesSuccess() {\n      this.toggleAddVehicleThreeSixtyImages();\n      miniToastr['success']('VehicleThreeSixtyImages Added', 'Success', 1000, null);\n      this.getVehicleThreeSixtyImages();\n    },\n    toggleeditVehicleThreeSixtyImages() {\n      if(this.editVehicleThreeSixtyImagesOpen)\n      {\n        this.$refs.editVehicleThreeSixtyImagesModal.hide()\n      }\n      else{\n        this.$refs.editVehicleThreeSixtyImagesModal.show()\n      }\n      this.editVehicleThreeSixtyImagesOpen = !this.editVehicleThreeSixtyImagesOpen;\n    },\n    editVehicleThreeSixtyImagesSuccess() {\n      \n      this.toggleeditVehicleThreeSixtyImages();\n      miniToastr['success']('getVehicleThreeSixtyImages Edited', 'Success', 1000, null);\n      this.getVehicleThreeSixtyImages();\n    }\n  }\n};\n</script>\n<style scoped>\n.dataItemThumbnail {\n  height: 50px;\n}\n</style>\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!./Vehicle360.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!./Vehicle360.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Vehicle360.vue?vue&type=template&id=28c8d38b&scoped=true\"\nimport script from \"./Vehicle360.vue?vue&type=script&lang=js\"\nexport * from \"./Vehicle360.vue?vue&type=script&lang=js\"\nimport style0 from \"./Vehicle360.vue?vue&type=style&index=0&id=28c8d38b&prod&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  \"28c8d38b\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MultiFileUploader.vue?vue&type=style&index=0&id=3e2bf206&prod&scoped=true&lang=scss\""],"sourceRoot":""}