{"version":3,"sources":["webpack:///./src/views/VehicleThreeSixtyImages/VehicleThreeSixtyImages.vue","webpack:///./src/components/addVehicleThreeSixtyImages.vue","webpack:///src/components/addVehicleThreeSixtyImages.vue","webpack:///./src/components/addVehicleThreeSixtyImages.vue?a60e","webpack:///./src/components/addVehicleThreeSixtyImages.vue?4943","webpack:///./src/components/editVehicleThreeSixtyImages.vue","webpack:///src/components/editVehicleThreeSixtyImages.vue","webpack:///./src/components/editVehicleThreeSixtyImages.vue?800a","webpack:///./src/components/editVehicleThreeSixtyImages.vue?ada3","webpack:///src/views/VehicleThreeSixtyImages/VehicleThreeSixtyImages.vue","webpack:///./src/views/VehicleThreeSixtyImages/VehicleThreeSixtyImages.vue?49bb","webpack:///./src/views/VehicleThreeSixtyImages/VehicleThreeSixtyImages.vue?e66c","webpack:///./src/views/VehicleThreeSixtyImages/VehicleThreeSixtyImages.vue?6cc1","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/addVehicleThreeSixtyImages.vue?fb89","webpack:///./src/components/editVehicleThreeSixtyImages.vue?b88c"],"names":["render","_vm","this","_c","_self","staticClass","ref","attrs","on","$event","toggleAddVehicleThreeSixtyImages","addVehicleThreeSixtyImagesSuccess","currentVehicleThreeSixtyImages","toggleEditVehicleThreeSixtyImages","editVehicleThreeSixtyImagesSuccess","_m","_v","items","columns","editItem","staticRenderFns","save","toggleView","directives","name","rawName","value","newVehicleThreeSixtyImages","ModelId","expression","domProps","target","composing","$set","ColourName","editingImage","_e","getImageSource","editImage","updateImage","updateImageData","updateImageUrl","ImageMeta","LastUpdated","toastTypes","success","error","info","warn","miniToastr","init","types","created","data","uploadedImageData","uploadedImageUrl","components","FileUploader","methods","$emit","isNull","Image","$store","state","cdnUrl","obj","_this","payload","image","response","dispatch","component","deleteVehicleThreeSixtyImages","editingVehicleThreeSixtyImages","imageBytes","selectedFile","originalData","modifiedData","JSON","parse","stringify","ImageBytes","props","_this2","label","field","sort","addVehicleThreeSixtyImagesOpen","editVehicleThreeSixtyImagesOpen","addVehicleThreeSixtyImages","editVehicleThreeSixtyImages","Datatable","getVehicleThreeSixtyImages","VehicleThreeSixtyImages","$refs","addVehicleThreeSixtyImagesModal","hide","show","editVehicleThreeSixtyImagesModal","isLoading","allFiles","handleChanges","files","fileCount","length","_s","isSuccess","_l","output","item","index","key","content","INITIAL","LOADING","SUCCESS","FAILED","errors","status","computed","isInitial","isFailed","validateImg","file","Promise","resolve","reject","img","src","window","URL","createObjectURL","onload","width","height","fieldName","fileList","reset","slice","call","map","url","then","valid","uploadFileReturnFileName","push","sanitizeFileName","fileToBase64","resolveAfterTime","res","base64","fileName","extension","split","pop","reader","FileReader","readAsDataURL","result","onerror","replace","toLowerCase","time","x","setTimeout"],"mappings":"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","file":"js/chunk-08462022.26e2930e.js","sourcesContent":["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.currentVehicleThreeSixtyImages},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(\"VehicleThreeSixtyImages\")])])\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(\"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('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 }","<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\t<div class='row'>\n            <div class=' col-md-4'><label class='' for='ModelId'>ModelId</label><input class=' form-control'   \n                id='ModelId' name='ModelId' v-model='newVehicleThreeSixtyImages.ModelId' placeholder='ModelId' tabindex='0' type='text' value=''>\n                <div\n                    class=''><small></small></div>\n            </div>\n            <div class=' col-md-4'><label class='' for='ColourName'>ColourName</label><input class=' form-control'   \n                id='ColourName' name='ColourName' v-model='newVehicleThreeSixtyImages.ColourName' placeholder='ColourName' tabindex='0' type='text' value=''>\n                <div\n                    class=''><small></small></div>\n            </div>\n<div class='col-md-4'>\n    <label class for='Image'>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'   \n                id='ImageMeta' name='ImageMeta' v-model='newVehicleThreeSixtyImages.ImageMeta' placeholder='ImageMeta' tabindex='0' type='text' value=''>\n                <div\n                    class=''><small></small></div>\n            </div>\n            <div class=' col-md-4'><label class='' for='LastUpdated'>LastUpdated</label><input class=' form-control'   \n                id='LastUpdated' name='LastUpdated' v-model='newVehicleThreeSixtyImages.LastUpdated' placeholder='LastUpdated' tabindex='0' type='text' value=''>\n                <div\n                    class=''><small></small></div>\n            </div>\n    <br/>\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>\nimport _ from 'lodash'; \nimport FileUploader from '@/components/custom/FileUploader.vue'; \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  name: 'addVehicleThreeSixtyImages',\n  created: function() {\n  },\n  data() {\n      return {\n          newVehicleThreeSixtyImages: {},\n        uploadedImageData: {}, \n        uploadedImageUrl: null, \n        editingImage: false \n      }\n  },\n  components: { \n    FileUploader \n  }, \n  methods: {\n    toggleView: function() {\n      this.$emit('closeAddVehicleThreeSixtyImages')\n    },\n\tupdateImageData: function(value) { \n      this.uploadedImageData = value; \n    }, \n\tupdateImageUrl: 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      {\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        }\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 payload = {\n          data: this.newVehicleThreeSixtyImages,\n          image: this.uploadedImageData,\n          success: response => {\n            this.$emit('addVehicleThreeSixtyImagesSuccess')\n          },\n          error: error => { miniToastr['error'](error, 'Error', 1000, null)}\n        }\n        this.$store.dispatch('addVehicleThreeSixtyImages', payload);\n    }\n  }\n}\n</script>\n<style scoped> \n.previewImage { \n  max-height: 100px; \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=627a947d&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=627a947d&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  \"627a947d\",\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(\"Image\")]),(!_vm.editingImage)?_c('div',[_c('img',{staticClass:\"previewImage\",attrs:{\"src\":_vm.getImageSource(_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-4\"},[_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('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\t\n\t<div class='row'>\n<div class='col-md-4'>\n   <label class for='ModelId'>ModelId</label>\n   <input\n     class='form-control'\n     id='ModelId'\n     name='ModelId'\n     v-model='editingVehicleThreeSixtyImages.ModelId'\n     placeholder=' '\n     tabindex='0'\n     type='text'\n   >\n\t\n </div>\n<div class='col-md-4'>\n   <label class for='ColourName'>ColourName</label>\n   <input\n     class='form-control'\n     id='ColourName'\n     name='ColourName'\n     v-model='editingVehicleThreeSixtyImages.ColourName'\n     placeholder=' '\n     tabindex='0'\n     type='text'\n   >\n\t\n </div>\n<div class='col-md-4'>\n    <label class for='Image'>Image</label>\n    <div v-if='!editingImage'>\n      <img v-bind:src='getImageSource(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-4'>\n   <label class for='ImageMeta'>ImageMeta</label>\n   <input\n     class='form-control'\n     id='ImageMeta'\n     name='ImageMeta'\n     v-model='editingVehicleThreeSixtyImages.ImageMeta'\n     placeholder=' '\n     tabindex='0'\n     type='text'\n   >\n\t\n </div>\n<div class='col-md-4'>\n   <label class for='LastUpdated'>LastUpdated</label>\n   <input\n     class='form-control'\n     id='LastUpdated'\n     name='LastUpdated'\n     v-model='editingVehicleThreeSixtyImages.LastUpdated'\n     placeholder=' '\n     tabindex='0'\n     type='text'\n   >\n\t\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>\nimport _ from 'lodash'; \nimport FileUploader from '@/components/custom/FileUploader.vue'; \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 });\n \nexport 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    }; \n  }, \n  components: { \n    FileUploader \n  }, \n  created() { \n    this.originalData = JSON.parse(JSON.stringify(this.editingVehicleThreeSixtyImages)); \n    this.ImageBytes = this.editingVehicleThreeSixtyImages.Image; \n  }, \n \n  props: ['editingVehicleThreeSixtyImages'], \n \n  methods: { \n    toggleView: function() { \n      this.uploadedImageUrl = null;\n      this.$emit('closeEditVehicleThreeSixtyImages'); \n    }, \n \n    save: function() { \n    var data = JSON.parse(JSON.stringify(this.editingVehicleThreeSixtyImages));\n      var payload = {\n          data: data,\n          image: this.uploadedImageData,\n          success: response => {\n            this.$emit('editVehicleThreeSixtyImagesSuccess') \n          },\n          error: error => { miniToastr['error'](error, 'Error', 1000, null)}\n        }\n        this.$store.dispatch('editVehicleThreeSixtyImages', payload);\n    }, \n\tupdateImageData: function(value) { \n      this.uploadedImageData = value; \n    }, \n\tupdateImageUrl: 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      {\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        }\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    deleteVehicleThreeSixtyImages: function() { \n     var payload = {\n      data: this.editingVehicleThreeSixtyImages,\n      success: response => {\n        this.$emit('editVehicleThreeSixtyImagesSuccess') \n      },\n      error: error => { miniToastr['error'](error, 'Error', 1000, null)}\n    }\n    this.$store.dispatch('deleteVehicleThreeSixtyImages', payload);\n    } \n  } \n}; \n</script> \n<style scoped> \n.previewImage { \n  max-height: 100px; \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=6819c933&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=6819c933&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  \"6819c933\",\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 @closeAddVehicleThreeSixtyImages='toggleAddVehicleThreeSixtyImages()' @addVehicleThreeSixtyImagesSuccess='addVehicleThreeSixtyImagesSuccess()'></addVehicleThreeSixtyImages>\n      </b-modal>\n      <b-modal ref='editVehicleThreeSixtyImagesModal' hide-footer>\n        <editVehicleThreeSixtyImages\n          :editingVehicleThreeSixtyImages='currentVehicleThreeSixtyImages'\n          @closeEditVehicleThreeSixtyImages='toggleEditVehicleThreeSixtyImages()'\n          @editVehicleThreeSixtyImagesSuccess='editVehicleThreeSixtyImagesSuccess()'\n        ></editVehicleThreeSixtyImages>\n      </b-modal>\n      <div class='row'>\n        <h2>VehicleThreeSixtyImages</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/addVehicleThreeSixtyImages';\nimport editVehicleThreeSixtyImages from '../../components/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: 'ModelId',\n                field: 'ModelId',\n                sort: 'asc',\n              },\n              {\n                label: 'ColourName',\n                field: 'ColourName',\n                sort: 'asc',\n              },\n              {\n                label: 'Image',\n                field: 'Image',\n                sort: 'asc',\n              },\n              {\n                label: 'ImageMeta',\n                field: 'ImageMeta',\n                sort: 'asc',\n              },\n              {\n                label: 'LastUpdated',\n                field: 'LastUpdated',\n                sort: 'asc',\n              },\n      ],\n      items: [],\n      addVehicleThreeSixtyImagesOpen: false,\n      editVehicleThreeSixtyImagesOpen: false,\n      currentVehicleThreeSixtyImages: {}\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      if (!this.isNull(data) && !this.isNull(data.Image)) {\n        return this.$store.state.cdnUrl + data.Image;\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 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(VehicleThreeSixtyImages) {\n      this.toggleEditVehicleThreeSixtyImages();\n      this.currentVehicleThreeSixtyImages = VehicleThreeSixtyImages;\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      this.toggleEditVehicleThreeSixtyImages();\n      miniToastr['success']('VehicleThreeSixtyImages Edited', 'Success', 1000, null);\n      this.getVehicleThreeSixtyImages();\n    }\n  }\n};\n</script>\n<style scoped>\n.VehicleThreeSixtyImagesThumbnail {\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!./VehicleThreeSixtyImages.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!./VehicleThreeSixtyImages.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./VehicleThreeSixtyImages.vue?vue&type=template&id=6f360ece&scoped=true\"\nimport script from \"./VehicleThreeSixtyImages.vue?vue&type=script&lang=js\"\nexport * from \"./VehicleThreeSixtyImages.vue?vue&type=script&lang=js\"\nimport style0 from \"./VehicleThreeSixtyImages.vue?vue&type=style&index=0&id=6f360ece&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  \"6f360ece\",\n  null\n  \n)\n\nexport default component.exports","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!./VehicleThreeSixtyImages.vue?vue&type=style&index=0&id=6f360ece&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=627a947d&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=6819c933&prod&scoped=true&lang=css\""],"sourceRoot":""}