{"version":3,"sources":["webpack:///./public/img/icons/JPG.png","webpack:///./src/components/RankingDropzone.vue","webpack:///src/components/RankingDropzone.vue","webpack:///./src/components/RankingDropzone.vue?51a0","webpack:///./src/components/RankingDropzone.vue?9519","webpack:///./public/img/icons/TXT.png","webpack:///./public/img/icons/PDF.png","webpack:///./src/components/RankingDropzone.vue?8f8f","webpack:///./public/img/icons/PNG.png"],"names":["module","exports","render","_vm","this","_c","_self","class","hover","on","$event","preventDefault","dropFile","apply","arguments","dragEnter","dragLeave","_t","style","files","length","staticClass","attrs","_v","_s","typeDropzone","_e","staticStyle","$t","typeUploadFile","isXImpactModele","uploadFile","validFile","_l","file","i","key","stopPropagation","removeFile","extensions","name","split","ref","loadFile","staticRenderFns","data","pdf","png","jpg","jpeg","txt","acceptedFileTypeOriginal","fileTypeForMatching","props","multiple","type","default","maxLength","acceptFileType","height","mode","computed","methods","checkFormat","code","message","time","Object","checkForDrop","component","VBtn","VIcon"],"mappings":"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","file":"js/chunk-31459364.1083a75a.js","sourcesContent":["module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAA/RAAAP0QFWMBqkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAnNQTFRF////4+Pjks285uLZ6enh4eHV4d/V39/T4t/V39/T4ODU6Ojg6eng6urfu97OhMm36enhZrynasSuVbagYciv5+fdP7CY3tzR2tjMFKCFFqGGGKGHGaKHGqOIG6OJHKOJHaSKHqSKH6SLJKaNJqeOJqePJrmaJ6iPKLmbKLqbKbqbLKqRLLucLqqSLrudMayUMbyeMryeM7yfNa2WNb2fN72gOK+YOa+YOq+ZO7CZO76hPL6iPb+iPrGbP7KbQLKcQL+jQbKcQcCkRbSeRsGmR8GmSbWgTMKoTrejTrqiT7ikUrmlUsSqU8SqVbqnV7uoWLyoWbypWsatXMatX8euYL+sYL+tYb+tYcevYsiwaMKxacKxacqyasOxbMqzbcu0cMW1cca1csa2csy1dMe3ds23eMi5esm6e8q7e864fM65fcq8fsu8fs+6hM2/h8/Bic/CidG+itDCi9DDjdK/kNLGktPHk9TBlNTIltXIl9XJmtbKnNbEnNfMndbFn9fFoNfGodfGotfGo9jHo9rPpdrQptjIrNrKrN3UrtvLrt7Vs+DYtdzNuOLaud3Pvd7QvuXdwd/Sw+fgxODTyOniyuHVy+LVy+rkzOvlzuvm0ePX0+3o1OTZ1eTZ1uTZ2dfK2eXa2fDr2uXb2vDs2/Ds3Obb3dzQ3fHt3ubc4PLv4efd4vPw5Oje5ubd5ujf5+fe5+nf6Ong6end6enf6eng6fb06ufS6+XD6+bM7OO27eGs7t6Y7t6a7t+e79yK796U8Np+8NyH8dl28dp68fn489Vb89Vc89Vd8/r59fv69vv6+Pz7+fz8+/79/P7+/v//////QBdw/QAAABl0Uk5TABI9PV1mZ2hoaWp7jpCht7jDxs/P5/H7/iUEzzAAAAJ3SURBVFjDzdP3UxNBFAfwiL1ERRRvEQMafJ6KvcSKDcWCXbFgwxoVG1jAhr0XFCuWs4sBI+jZwK6xIIb9k8yZkDtjdrN7O874/e3tvPeZ3b09i8Wfeq3VSGnX0EJJg4jz6iOJJrRgABSpERmwsgA0gQ2gCIyAIjUWBIgCM6BITQQBgsABhBd4AEVqSgdevPlQ9eopBQgn6MCTd188vrx/TgEUqRkZeO3x51PoHh7fN6R9fRLw8msA8FRSb6Q5Caism/e8pQJWElAVBD6aA4R3wHoHVv6vwAoQ3wErQHyJqnp2MxtAysUBsKZCALg2HACWl5sG7o0DLQvdJgFXOvgzr8wU4J4NdZnpMgFULAY9U0qYgLIlB/RiLRiTdpsBuJkOclDYAn8m9UZE4MIoX5+831/sgdCMKY4AnOz7u0/epxVHuv0FwLCWVGBX90CfvFdVTydDmLSlAOXr9T65oKgPcAKu+cZGuR9wAtfTgCVEoGgoCAHHeoEQsF0GEcC9EkAEKJkFQkBxKggBZwaCEHA4GYSAVhM50yYEiEGcifnfgR6TeiMUb7PFB1c6D+nIA6zAOQgVYlxbmmfXasd5L/55tCs3sGnVQe8VG0Ijq2vylh4vHcQNOBDagBchdA7P8C0mIjPAeLwT9cdXeS9RBxbg1WgqPmQSGGFLufW5J1qmVdOcTqed+ytg/HAyQnPxDoTy737XdsQHrMtI0V7CaHxCWyzkALLxRsNAwrPqJHYgMX9C0tgHeI5xIAuf6oQ6XGIDpv/Qjn45wQjE5Xpr7nyr3R3HdAR75tbcDO3omTldgouDs7ZlO/7p3xjNC0SHAFGxfPOxUYHBX+Qh6ZuclEPnAAAAAElFTkSuQmCC\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:['input-drop-zone rounded', _vm.hover ? 'hover' : ''],on:{\"drop\":function($event){$event.preventDefault();return _vm.dropFile.apply(null, arguments)},\"dragenter\":_vm.dragEnter,\"dragover\":function($event){$event.preventDefault();return _vm.dragEnter.apply(null, arguments)},\"dragleave\":_vm.dragLeave}},[_vm._t(\"title\"),_c('div',{class:['input-click-zone', _vm.hover ? 'hover' : ''],style:(this.files.length ? ' justify-content: space-evenly' : ' justify-content: center')},[_c('div',{staticClass:\"input-drop-zone__handle-area d-flex flex-column\"},[_c('div',{staticClass:\"input-drop-zone__handle-area-wrapper\"},[(_vm.files.length <= 6)?_c('v-icon',{attrs:{\"size\":100,\"color\":\"rgba(0,0,0, .2)\"}},[_vm._v(\" \"+_vm._s(`mdi-${_vm.typeDropzone}`)+\" \")]):_vm._e()],1),_c('span',{staticStyle:{\"font-size\":\"1.2rem\",\"font-weight\":\"600\",\"color\":\"rgba(0,0,0, .8)\"}},[_vm._v(\" \"+_vm._s(_vm.$t('UPLOAD.DRAGNDROP'))+\" \"+_vm._s(_vm.$t(_vm.typeUploadFile))+\" \")]),_c('br'),_c('span',{staticStyle:{\"font-size\":\"1.2rem\",\"color\":\"rgba(0,0,0, .2)\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"UPLOAD.OR\"))+\" \")]),_c('br'),(_vm.isXImpactModele)?_c('span',{staticStyle:{\"font-size\":\"1rem\",\"font-weight\":\"600\",\"color\":\"rgba(0,0,0, .8)\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"UPLOAD.IMPACT_BUTTONS_TITLE\"))+\" \")]):_vm._e(),_c('br'),_c('div',{staticClass:\"input-drop-zone__active\",staticStyle:{\"font-size\":\"1.2rem\",\"color\":\"rgba(0,0,0, .3)\"}},[_c('v-btn',{staticClass:\"input-drop-zone__button-upload d-flex\",class:{'mr-3': _vm.isXImpactModele},attrs:{\"color\":\"accent\"},on:{\"click\":_vm.uploadFile}},[_vm._v(\" \"+_vm._s(_vm.isXImpactModele ? _vm.$t('UPLOAD.IMPACT_BUTTONS.FROM_FILE') : _vm.$t('UPLOAD.CLICK'))+\" \")]),_vm._t(\"second-button\")],2)]),(_vm.files && _vm.validFile)?_c('div',{staticStyle:{\"display\":\"flex\",\"min-width\":\"100%\",\"flex-direction\":\"row\",\"justify-content\":\"center\",\"align-items\":\"center\"}},[_c('div',{staticClass:\"files-container\"},[_vm._l((_vm.files),function(file,i){return [_c('div',{key:`file-${i}`,staticClass:\"file-item\",on:{\"click\":function($event){$event.stopPropagation();return _vm.removeFile(i)}}},[_c('img',{staticStyle:{\"margin-right\":\"10px\"},attrs:{\"src\":_vm.extensions[file.name.split('.')[1]],\"width\":\"30\",\"height\":\"30\"}}),_c('span',{staticClass:\"file-title\"},[_vm._v(\" \"+_vm._s(file.name)+\" \")]),_c('v-icon',{attrs:{\"color\":\"error\"}},[_vm._v(\" mdi-close \")])],1)]})],2)]):_vm._e()]),_c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[(_vm.files.length > 0)?_c('div',{key:\"1\"},[_vm._t(\"button\")],2):_c('div',{key:\"2\",staticStyle:{\"min-height\":\"45px\",\"margin-top\":\"20px\"}})]),_c('input',{ref:\"files\",staticClass:\"input-drop-zone-input\",attrs:{\"type\":\"file\",\"name\":\"files\",\"multiple\":\"\"},on:{\"change\":_vm.loadFile}}),_vm._t(\"default\")],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    :class=\"['input-drop-zone rounded', hover ? 'hover' : '']\"\n    @drop.prevent=\"dropFile\"\n    @dragenter=\"dragEnter\"\n    @dragover.prevent=\"dragEnter\"\n    @dragleave=\"dragLeave\"\n  >\n    <slot name=\"title\"/>\n  <!-- add error message to explain you can't add more files / disabled click & add only file to add up to 15 -->\n    <div :class=\"['input-click-zone', hover ? 'hover' : '']\"\n      :style=\"this.files.length ? ' justify-content: space-evenly' : ' justify-content: center'\"\n    >\n      <div class=\"input-drop-zone__handle-area d-flex flex-column\">\n        <div class=\"input-drop-zone__handle-area-wrapper\">\n          <!-- make icon shrink based on number of files selected so it frees up space -->\n          <v-icon v-if=\"files.length <= 6\" :size=\"100\" color=\"rgba(0,0,0, .2)\">\n            {{ `mdi-${typeDropzone}` }}\n          </v-icon>\n        </div>\n        <span style=\"font-size: 1.2rem; font-weight: 600; color: rgba(0,0,0, .8)\">\n          {{ $t('UPLOAD.DRAGNDROP') }} {{ $t(typeUploadFile) }}\n        </span> \n        <br>\n        <span style=\"font-size: 1.2rem; color: rgba(0,0,0, .2)\">\n          {{ $t(\"UPLOAD.OR\") }}\n        </span>\n        <br>\n        <span v-if=\"isXImpactModele\" style=\"font-size: 1rem; font-weight: 600; color: rgba(0,0,0, .8)\">\n          {{ $t(\"UPLOAD.IMPACT_BUTTONS_TITLE\") }}\n        </span>\n        <br>\n        <div\n          class=\"input-drop-zone__active\"\n          style=\"font-size: 1.2rem; color: rgba(0,0,0, .3)\"\n        >\n          <v-btn\n            color=\"accent\"\n            class=\"input-drop-zone__button-upload d-flex\"\n            :class=\"{'mr-3': isXImpactModele}\"\n            @click=\"uploadFile\"\n          >\n            {{ isXImpactModele ? $t('UPLOAD.IMPACT_BUTTONS.FROM_FILE') : $t('UPLOAD.CLICK')}}\n          </v-btn>\n          <slot name=\"second-button\"/>\n        </div>\n      </div>\n      <div v-if=\"files && validFile\" style=\"display: flex; min-width: 100%; flex-direction: row; justify-content: center; align-items: center\">\n        <div class=\"files-container\">\n          <template v-for=\"(file, i) in files\">\n            <div class=\"file-item\" :key=\"`file-${i}`\" @click.stop=\"removeFile(i)\">\n              <img :src=\"extensions[file.name.split('.')[1]]\" width=\"30\" height=\"30\" style=\"margin-right: 10px\">\n              <span class=\"file-title\">\n                {{file.name}}\n              </span>\n              <v-icon color=\"error\">\n                mdi-close\n              </v-icon>\n            </div>\n          </template>\n        </div>\n      </div>\n    </div>\n    <transition name=\"fade\" mode=\"out-in\">\n      <div key=\"1\" v-if=\"files.length > 0\">\n        <slot name=\"button\"/>\n      </div>\n      <div key=\"2\" style=\"min-height: 45px; margin-top: 20px\" v-else/>\n    </transition>\n    <input\n      type=\"file\"\n      ref=\"files\"\n      name=\"files\"\n      multiple\n      class=\"input-drop-zone-input\"\n      @change=\"loadFile\"\n    >\n    <slot />\n  </div>\n</template>\n\n<script>\n\nimport PDF from '../../public/img/icons/PDF.png';\nimport JPG from '../../public/img/icons/JPG.png';\nimport PNG from '../../public/img/icons/PNG.png';\nimport TXT from '../../public/img/icons/TXT.png';\n\nexport default {\n  name: 'InputDropzone',\n  data: () => ({\n    hover: false,\n    files: [],\n    extensions: {\n      pdf: PDF,\n      png: PNG,\n      jpg: JPG,\n      jpeg: JPG,\n      txt: TXT,\n    },\n    acceptedFileTypeOriginal: [\"application/pdf\", \"image/png\", \"image/jpeg\", \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\", \"text/plain\"],\n    fileTypeForMatching: [\"application/pdf\"],\n  }),\n  props: {\n    multiple: {\n      type: Boolean,\n      default: false,\n    },\n    maxLength: {\n      type: String,\n      default: '1',\n    },\n    acceptFileType: {\n      type: String,\n      default: '',\n    },\n    height: {\n      type: String,\n      default: '150px',\n    },\n    mode: {\n      type: String,\n      default: 'cv'\n    },\n    typeDropzone: {\n      type: String,\n      default: 'download',\n    },\n    validFile: {\n      type: Boolean,\n      default: false,\n    },\n    module: {\n      type: String,\n      default: '',\n    }\n  },\n  computed: {\n    typeUploadFile() {\n      if (this.module === 'xranking-matching') return this.mode === 'offer' ? 'UPLOAD.TO_LOAD_JOB' : 'UPLOAD.TO_LOAD_CV'\n\n      return this.mode === 'job' ? 'UPLOAD.TO_LOAD_JOB': 'UPLOAD.TO_LOAD_CV'\n    },\n\n    isXImpactModele() {\n      return this.module === 'ximpact' ? true : false\n    },\n  },\n  methods: {\n    checkFormat(fileType) {\n      let chosenTypeToCheck = this.acceptFileType ? this.acceptFileType : this.acceptedFileTypeOriginal;\n     \n      if (chosenTypeToCheck.includes(fileType)) {\n        return true;\n      }\n      else {\n        this.$store.dispatch('messenger/add', \n          { type: 'error', code: 'DEFAULT_MESSAGE', message: this.$t('MESSAGE.CREATIVE.UNSUPPORTED_FORMAT'), time: 5000 })\n        return false; \n      }\n    },\n\n    dropFile (event) {\n      this.hover = false;\n      const newFiles = event.dataTransfer.files || [];\n            \n      if (newFiles.length) {\n        Object.values(newFiles).forEach(newFile => this.checkForDrop(newFile) ? null : this.files.push(newFile))\n        this.$emit('input', this.files);\n        this.$emit('change', this.files);\n        return;\n      }\n      return;\n    },\n\n    checkForDrop (newFile) {\n      if (this.files.some(file => file.name === newFile.name) || this.files.length >= this.maxLength || !this.checkFormat(newFile.type) ) {\n        return true\n      }\n      return false\n    },\n\n    uploadFile () {\n      if (this.files.length < this.maxLength) \n        this.$refs.files.click()\n      return null;\n    }, \n\n    dragEnter (event) {\n      this.hover = true;\n    },\n\n    dragLeave (event) {\n      this.hover = false;\n    },\n\n    removeFile (position) {\n      if (this.files.length > 1) {\n        this.files.splice(position, 1);\n      }\n      else {\n        this.files = [];\n      }\n      this.$emit('input', this.files)\n      this.$emit('change', this.files)\n    },\n\n    loadFile () {\n      const newFiles = this.$refs.files;\n      if (newFiles.files.length && this.checkFormat(newFiles.files[0].type)) {\n        Object.values(newFiles.files).forEach(newFile => \n          this.files.push(newFile)\n        )\n      }\n      \n      if (this.files) {\n        this.$emit('input', this.files);\n        this.$emit('change', this.files);\n        return;\n      }\n      return;\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n  .fade-enter-active,\n  .fade-leave-active {\n      transition: opacity .3s\n  }\n\n  .fade-enter,\n  .fade-leave-to {\n      opacity: 0\n  }\n\n  .input-drop-zone-input {\n    display: none;\n  }\n  /* .input-drop-zone:hover {\n    background-color: rgba(0,0,0,.05);\n  } */\n  .input-drop-zone.hover {\n    background-color: rgba(0,0,0, .1);\n  }\n  /* .input-drop-zone.hover > * {\n    opacity: .5;\n    pointer-events: none; */\n  /* } */\n  .input-drop-zone {\n    user-select: none;\n    /* cursor: pointer; */\n    /* border: solid 2px #ddd; */\n    /* background: #fff; */\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    text-align: center;\n    align-items: center;\n    justify-content: center;\n    transition: all .3s cubic-bezier(.25,.8,.25,1)\n  }\n\n  .input-click-zone {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-evenly;\n    align-items: center;\n    width: 80%;\n    padding: 50px 60px;\n    border: 3px dashed #ddd;\n    border-radius: 15px;\n    background: #fff;\n    box-shadow: 0 0px 0px rgba(0,0,0,0), 0 0px 0px rgba(0,0,0,0);\n    transition: all .3s cubic-bezier(.25,.8,.25,1);\n  }\n\n  .input-click-zone:hover {\n    background: #f7f7f7;\n    border-color: #ccc;\n    cursor: pointer;\n    /* box-shadow: 0 8px 16px rgba(0,0,0,0.1), 0 3px 3px rgba(0,0,0,0.15); */\n  }\n\n  .input-click-zone.hover {\n    border-color: #eec73c;\n    /* box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); */\n  }\n\n  .input-drop-zone__handle-area {\n    margin: 0 50px;\n    width: 100%;\n  }\n\n  .input-drop-zone__active {\n    display: flex;\n    justify-content: center;\n\n    @media (max-width: 1280px) {\n      flex-direction: column;\n      align-items: center;\n    }\n  }\n\n  .files-container {\n    display: flex; \n    flex-direction: row;\n    flex-wrap: wrap;\n\n    /* width: 100%; */\n    /* min-height: 260px; */\n    max-width: 615px;\n    margin-top: 20px;\n\n    align-items: center;\n    justify-content: flex-start;\n  }\n\n  .file-item {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    padding: 10px 10px;\n    border: 2px solid rgba(0,0,0, 0.1);\n    border-radius: 5px;\n    margin: 2px;\n    width: 200px;\n  }\n\n  .file-item:hover {\n    border-color: #f44336;\n  }\n\n  .file-item:active {\n    border-color: #f44336;\n    background-color: #eee;\n  }\n\n  .file-title {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    margin: 0 8px 0 8px;\n    width: 200px\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!./RankingDropzone.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!./RankingDropzone.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RankingDropzone.vue?vue&type=template&id=6b19d832&\"\nimport script from \"./RankingDropzone.vue?vue&type=script&lang=js&\"\nexport * from \"./RankingDropzone.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RankingDropzone.vue?vue&type=style&index=0&id=6b19d832&prod&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  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VBtn,VIcon})\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAADL0lEQVR4nO3bT6gWVRjH8c9VcaEikhW4SQwX/Q8yyDAEkUCyP1jcqFXQLnSVgSsRciVYIREuXAkKcg1ELohibkTJhdJG0qCFK4XKG4a40MoWM5f37W3Oe2fe9z1z3rnNFw6cee6Zc57nd+ecOX/mpaWlpeV/zMSA9z2KD/ESlo7OnUK+wveR26jEJO7gYU3pDl6tJbISvI4/1Rf8WIkwgWvqD35sRHihwKnGi7CoQtk1AfuFUTjSw1N4BAt67MtxGluMaGCsIsDigH3fKBzpYRdew9+KRTiLN3B+2IZ6Kx83FshE6GUpTmHjKBoYd6KK0AQBiChCUwQgkghNEoAIIjRNAPqLMI31VStrIiERluMMnqlSUVPpJ8KzVSppMkP7X2UmWCcncbFk2V3DNDSuAlyvUHYoAZreBaKzAnvxEx5IvxwumybLBtivC6zBd3iybGVNJNQFFuKEeR48YQHexot1OpKKkACba/UiIaEx4LEC2yV82aeu9fg0z3+LqTz/CnZ2lduBX/L8E9g/QP3RmfLfkXWq7x3ZyDtb9iaW5PYlmMntvft4hwasf2RvgVjzgFXYnufv4UieP9hVZi0+itT+0BQ9ASGFQ2V+ky1M4Gnc1nkq4OiQ9Y/1EwArdfrsNXwsexrgOXwQse3SxJ4K79QZUE922ffW0HYpYjuxDJ/12NbhncjtlmYs/gspiS3AXZ33/CxX/Ls7JCW2AF/g1zzf/djvVrydVTsxBbitM7NbiAPYkF9fxbGIbZcmpgD78EeefxOr8UnX3/fI9hiSEkuAW/im63o28Ek8nud/xuFI7ZcmtBh6OMd9cx0+XMTWPL9M9mkN2RH75ziXX4f2/iodbsTga+m3tWrZEgt1gXMB+7wjJMA0fqjTkVSEBPgL78oGqnlNv7fADbwsG7Suy74PnHdU+VR2UvGuzVsj8mVQpgts7+N4mZvbxVBqB1LTCpDagdRUOR6/H7APdTwdiZCvQ/G89FPcsqn0JzJVmMCPYxDcXOlqjOBn2SzNDybKpgfYFC36nPfwe+JAi9IMtlUNZtAfTa2UHWysk633U3IXl2VbbDOJfWlpaWlpFv8AplMPcZXhwKwAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,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\"","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!./RankingDropzone.vue?vue&type=style&index=0&id=6b19d832&prod&lang=scss&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAGcAAABnAH6gGQJAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAelQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaLVX6QAAAKJ0Uk5TAAECAwQFBgcKCwwOEBESExYYGxwdHiQmJygqLC0uLzAxNTY4OTs+P0JERUhJSktNT1BRUlRXWFlcXV5fYGRlZmprc3R1d3h8fn+AgoWIi4yNj5CRkpOUmJmam52foKGjpKeoqaqrra+xsrO1tri6u7y9vr/AwcLDxMXHyMrMzc/Q0dLU1dbY2drc3+Dj5Obn6uvs7u/w8fLz9ff4+fr7/P3+YSuc0QAAAqZJREFUWMPt19lX00AYBfDLohVBKC6IlYoYQAHBBQXccUFFxaWIiODCsLkUdxRZtG4gKCAoFFEK3L/Uh+m0wZOmTfPm4b5Ovt/JTCZfMoBKTnuAZlm8AfMMMFrOm9a7yHsXTOIjecQM0MgSs/HbJOeLbAKcybEJ8Nt6mwDfp9oE+HiVTYAtdgHW2gV41C4wX2wT4IzbJsCxDTYB+hIsA5eXv5nbLAOZlxpDeURqlgF9SlYAIyDBWUpWZsaYSrLUqd8JKQ3TtJzphpQQ0Ma40qbqsxhnsoJAOUlOfujpar7a8mxEjg0LIcQYSfKzEOKnqlkY8Xqu3PF+J0mWB4EKktyn7md7xyJJDwDsIUnWAfDJ8tGDq+VFicdIssIQAE4pAE+XAf4aR+iaM4ZA/vHi1QDQqQD3gh4oAwAkZ7vSE9BtCHST/v0ADigAN3XAdQAo6J0nOdn0KxLAfgCbJJALOGdCwEdHcHbhGAK/k4AMCbQDqCGvSeAcAPef6EAngEIJjBUCjnHeksBuAI00B+4v9J5dB6BWAqNPAJxmqwScAPpJftU0TdM0YfgYEwEA2XMS+MJ8YO2PhwB8HAeAKZJDssgTeR/sGgrug0/0Arj4AoCPc0kA3kYFHFvKHpBB4B25A8h4KaewGcBdkv7W1sORgK6pJbU+Hvnb1QPghATKARQshQY9kZ6CDugnuRdwSKBJ3bg1YDgZkMDSTgA4NGER4EkFcER2oI1F7jVWgMlUBfDVVl0bjBlgXQhgwJMeLEnOf/4v8FoIMREGhoUQUyTJOaHvSOM9zbX1HW/8y7ZyUbw9Uf24ps3GVz+bphakKhBPfaAqvKR59d4+crA7xgySfd76vJXP+wrwvwLVuTGm2ghwWXsVXfEcvnUZMJhYtOO/vhO0h4/AfwHLGaAo+flNNAAAAABJRU5ErkJggg==\""],"sourceRoot":""}