{"version":3,"sources":["webpack:///./src/views/Helexium/Capacitaciones/FileUploadAndPreviewPdf.vue","webpack:///src/views/Helexium/Capacitaciones/FileUploadAndPreviewPdf.vue","webpack:///./src/views/Helexium/Capacitaciones/FileUploadAndPreviewPdf.vue?21cd","webpack:///./src/views/Helexium/Capacitaciones/FileUploadAndPreviewPdf.vue?2a29","webpack:///./src/components/charts/ProgressChart.vue","webpack:///src/components/charts/ProgressChart.vue","webpack:///./src/components/charts/ProgressChart.vue?8578","webpack:///./src/components/charts/ProgressChart.vue?6023","webpack:///./src/components/cardTable/CardTable.vue?7db9","webpack:///./src/components/cardTable/CardTable.vue","webpack:///src/components/cardTable/CardTable.vue","webpack:///./src/components/cardTable/CardTable.vue?7201","webpack:///./src/components/cardTable/CardTable.vue?87e8","webpack:///./src/components/charts/ProgressChart.vue?0699","webpack:///./src/views/Helexium/Capacitaciones/FileUploadAndPreviewPdf.vue?b28c"],"names":["render","_vm","this","_c","_self","fileUploaded","state","staticClass","_m","file_url","attrs","_v","_e","on","$event","preventDefault","onFileDrop","ref","onFileChange","selectedFile","_s","name","type","formatFileSize","size","isPdf","previewUrl","sendFile","isSendFile","staticRenderFns","Swal","require","props","data","Array","item","Object","asistente","folders","String","mounted","item_data","find","id","estadoUploadCertificado","replace","numeroDocumento","Math","random","estadoUploadFiles","numeroContrato","computed","methods","fileInput","$refs","file","files","URL","createObjectURL","k","sizes","i","floor","log","parseFloat","pow","toFixed","event","dataTransfer","url","modifiedFile","File","uploadFile","$store","dispatch","filename","res","path","success","fire","title","text","icon","confirmButtonColor","confirmButtonText","error","component","_vm$titleCheck","staticStyle","borderColor","style","transition","filter","circleColor","circumference","currentProgress","currentPercentage","progressConfirmed","titleCheck","textTotal","total","Number","confirmed","progressPercentage","min","round","radius","PI","watch","animateProgress","targetProgress","animationDuration","fps","targetValue","startValue","increment","current","animate","requestAnimationFrame","_l","card","index","key","showCursorGlow","hideCursorGlow","handleMouseMove","toggleActive","showGlow","class","animatedState","shouldAnimateTitle","evaluateValue","value","default","iconName","color","tipo","animated","onActivate","onDeactivate","cursorX","cursorY","animationFrameId","activeCard","beat","beatFade","bounce","fade","flip","shake","spin","spinReverse","spinPulse","tipoIcon","circle","squared","shield","water","onResize","window","addEventListener","beforeDestroy","removeEventListener","forEach","_","checkTitleLength","$nextTick","titleElement","$el","querySelectorAll","scrollWidth","clientWidth","$set","computeBorderRadius","computeAnimateIcon","glowStyle","boxShadow","rect","currentTarget","getBoundingClientRect","targetX","clientX","left","targetY","clientY","top","cancelAnimationFrame","startX","startY","dx","dy","abs"],"mappings":"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","file":"js/chunk-013d26ac.ce678f5d.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.fileUploaded.state)?_c('div',{staticClass:\"uploaded-file mb-2\"},[_vm._m(0),(_vm.fileUploaded.file_url)?_c('object',{staticClass:\"text-white-50\",attrs:{\"data\":_vm.fileUploaded.file_url,\"width\":\"100%\",\"height\":\"500\"}},[_vm._v(\" Tu navegador no admite la visualización de archivos PDF. Puedes \"),_c('a',{staticClass:\"text-warning pointer\",attrs:{\"href\":_vm.fileUploaded.file_url,\"target\":\"_blank\",\"download\":\"\"}},[_vm._v(\"descargarlo aquí\")]),_vm._v(\" en su lugar. \")]):_vm._e()]):_vm._e(),_c('div',{staticClass:\"file-upload-container\"},[_c('label',{staticClass:\"file-upload-label\",attrs:{\"for\":\"fileInput\"},on:{\"dragover\":function($event){$event.preventDefault();},\"dragenter\":function($event){$event.preventDefault();},\"dragleave\":function($event){$event.preventDefault();},\"drop\":_vm.onFileDrop}},[_vm._m(1),_vm._m(2)]),_c('input',{ref:\"fileInput\",attrs:{\"type\":\"file\",\"id\":\"fileInput\",\"accept\":\".pdf\"},on:{\"change\":_vm.onFileChange,\"dragover\":function($event){$event.preventDefault();},\"dragenter\":function($event){$event.preventDefault();},\"dragleave\":function($event){$event.preventDefault();},\"drop\":_vm.onFileDrop}}),(_vm.selectedFile)?_c('div',{staticClass:\"file-upload-preview\"},[_c('h3',{staticClass:\"preview-title\"},[_vm._v(\"Archivo Seleccionado:\")]),_c('div',{staticClass:\"file-info\"},[_c('p',[_c('strong',[_vm._v(\"Nombre del Archivo:\")]),_vm._v(\" \"+_vm._s(_vm.selectedFile.name))]),_c('p',[_c('strong',[_vm._v(\"Tipo de Archivo:\")]),_vm._v(\" \"+_vm._s(_vm.selectedFile.type))]),_c('p',[_c('strong',[_vm._v(\"Tamaño del Archivo:\")]),_vm._v(\" \"+_vm._s(_vm.formatFileSize(_vm.selectedFile.size))+\" \")])]),(_vm.isPdf)?_c('div',{staticClass:\"pdf-preview\"},[_c('object',{staticClass:\"text-white-50\",attrs:{\"data\":_vm.previewUrl,\"type\":\"application/pdf\",\"width\":\"100%\",\"height\":\"500\"}},[_vm._v(\" Tu navegador no admite la visualización de archivos PDF. Puedes \"),_c('a',{staticClass:\"text-warning pointer\",attrs:{\"href\":_vm.previewUrl,\"target\":\"_blank\",\"download\":\"\"}},[_vm._v(\"descargarlo aquí\")]),_vm._v(\" en su lugar. \")])]):_c('div',[_c('p',{staticClass:\"text-white-50\"},[_vm._v(\" No se puede previsualizar el archivo seleccionado. Debe ser un archivo PDF. \")])]),(_vm.isPdf)?_c('button',{staticClass:\"send-button\",on:{\"click\":_vm.sendFile}},[_vm._v(\" \"+_vm._s(_vm.isSendFile ? \"Subiendo...\" : \"Subir PDF\")+\" \"),(_vm.isSendFile)?_c('i',{staticClass:\"fas fa-spinner fa-spin-pulse\"}):_vm._e()]):_vm._e()]):_vm._e()])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"d-flex justify-content-end\"},[_c('i',{staticClass:\"fas fa-check-circle text-success mr-2 mb-2\"}),_c('h4',[_vm._v(\"Archivo PDF subido\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"upload-icon\"},[_c('i',{staticClass:\"fas fa-cloud-upload-alt\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"upload-text\"},[_c('span',[_vm._v(\"Subir un archivo PDF\")]),_c('span',{staticClass:\"small-text\"},[_vm._v(\"(Haga clic o arrastre y suelte)\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <!-- file cargado -->\r\n    <div v-if=\"fileUploaded.state\" class=\"uploaded-file mb-2\">\r\n      <div class=\"d-flex justify-content-end\">\r\n        <i class=\"fas fa-check-circle text-success mr-2 mb-2\"></i>\r\n        <h4>Archivo PDF subido</h4>\r\n      </div>\r\n      <object\r\n        :data=\"fileUploaded.file_url\"\r\n        width=\"100%\"\r\n        height=\"500\"\r\n        v-if=\"fileUploaded.file_url\"\r\n        class=\"text-white-50\"\r\n      >\r\n        Tu navegador no admite la visualización de archivos PDF. Puedes\r\n        <a\r\n          class=\"text-warning pointer\"\r\n          :href=\"fileUploaded.file_url\"\r\n          target=\"_blank\"\r\n          download\r\n          >descargarlo aquí</a\r\n        >\r\n        en su lugar.\r\n      </object>\r\n    </div>\r\n\r\n    <!-- cargar file -->\r\n    <div class=\"file-upload-container\">\r\n      <label\r\n        for=\"fileInput\"\r\n        class=\"file-upload-label\"\r\n        @dragover.prevent\r\n        @dragenter.prevent\r\n        @dragleave.prevent\r\n        @drop=\"onFileDrop\"\r\n      >\r\n        <div class=\"upload-icon\">\r\n          <i class=\"fas fa-cloud-upload-alt\"></i>\r\n        </div>\r\n        <div class=\"upload-text\">\r\n          <span>Subir un archivo PDF</span>\r\n          <span class=\"small-text\">(Haga clic o arrastre y suelte)</span>\r\n        </div>\r\n      </label>\r\n      <input\r\n        type=\"file\"\r\n        id=\"fileInput\"\r\n        @change=\"onFileChange\"\r\n        ref=\"fileInput\"\r\n        accept=\".pdf\"\r\n        @dragover.prevent\r\n        @dragenter.prevent\r\n        @dragleave.prevent\r\n        @drop=\"onFileDrop\"\r\n      />\r\n      <div class=\"file-upload-preview\" v-if=\"selectedFile\">\r\n        <h3 class=\"preview-title\">Archivo Seleccionado:</h3>\r\n        <div class=\"file-info\">\r\n          <p><strong>Nombre del Archivo:</strong> {{ selectedFile.name }}</p>\r\n          <p><strong>Tipo de Archivo:</strong> {{ selectedFile.type }}</p>\r\n          <p>\r\n            <strong>Tamaño del Archivo:</strong>\r\n            {{ formatFileSize(selectedFile.size) }}\r\n          </p>\r\n        </div>\r\n        <div v-if=\"isPdf\" class=\"pdf-preview\">\r\n          <object\r\n            :data=\"previewUrl\"\r\n            type=\"application/pdf\"\r\n            width=\"100%\"\r\n            height=\"500\"\r\n            class=\"text-white-50\"\r\n          >\r\n            Tu navegador no admite la visualización de archivos PDF. Puedes\r\n            <a\r\n              class=\"text-warning pointer\"\r\n              :href=\"previewUrl\"\r\n              target=\"_blank\"\r\n              download\r\n              >descargarlo aquí</a\r\n            >\r\n            en su lugar.\r\n          </object>\r\n        </div>\r\n        <div v-else>\r\n          <p class=\"text-white-50\">\r\n            No se puede previsualizar el archivo seleccionado. Debe ser un\r\n            archivo PDF.\r\n          </p>\r\n        </div>\r\n        <button v-if=\"isPdf\" @click=\"sendFile\" class=\"send-button\">\r\n          {{ isSendFile ? \"Subiendo...\" : \"Subir PDF\" }}\r\n          <i v-if=\"isSendFile\" class=\"fas fa-spinner fa-spin-pulse\"></i>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst Swal = require(\"sweetalert2\");\r\nexport default {\r\n  props: {\r\n    data: Array,\r\n    item: Object,\r\n    asistente: Object,\r\n    folders: String,\r\n  },\r\n  data() {\r\n    return {\r\n      selectedFile: null,\r\n      previewUrl: null,\r\n      isSendFile: null,\r\n      fileUploaded: {\r\n        state: false,\r\n        file_url: null,\r\n      },\r\n    };\r\n  },\r\n  mounted() {\r\n    let item_data = this.data.find((item) => item.id === this.item.id);\r\n\r\n    if (this.asistente) {\r\n      if (item_data.estadoUploadCertificado != 0) {\r\n        this.fileUploaded.state = true;\r\n        this.fileUploaded.file_url = `https://www.helexiumfiles.com/${this.folders.replace(\r\n          /\\|/g,\r\n          \"/\"\r\n        )}/${this.item.id}/${\r\n          this.asistente.numeroDocumento\r\n        }.pdf?${Math.random()}`;\r\n      }\r\n    } else if (item_data.estadoUploadFiles != 0) {\r\n      this.fileUploaded.state = true;\r\n      this.fileUploaded.file_url = `https://www.helexiumfiles.com/${this.folders.replace(\r\n        /\\|/g,\r\n        \"/\"\r\n      )}/${this.item.id}/${this.item.numeroContrato}.pdf?${Math.random()}`;\r\n    }\r\n\r\n    console.log(item_data);\r\n    console.log(\"fileUploaded\", this.fileUploaded);\r\n  },\r\n  computed: {\r\n    isPdf() {\r\n      return this.selectedFile.type === \"application/pdf\";\r\n    },\r\n  },\r\n  methods: {\r\n    onFileChange() {\r\n      const fileInput = this.$refs.fileInput;\r\n      const file = fileInput.files[0];\r\n\r\n      if (file) {\r\n        this.selectedFile = file;\r\n        console.log(this.selectedFile, this.data, this.item);\r\n        if (this.isPdf) {\r\n          this.previewUrl = URL.createObjectURL(file);\r\n        }\r\n      }\r\n    },\r\n    formatFileSize(size) {\r\n      if (size === 0) return \"0 Bytes\";\r\n      const k = 1024;\r\n      const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\", \"TB\"];\r\n      const i = Math.floor(Math.log(size) / Math.log(k));\r\n      return parseFloat((size / Math.pow(k, i)).toFixed(2)) + \" \" + sizes[i];\r\n    },\r\n    onFileDrop(event) {\r\n      event.preventDefault();\r\n      const file = event.dataTransfer.files[0];\r\n      this.selectedFile = file;\r\n      console.log(this.selectedFile, this.data, this.item);\r\n      if (this.isPdf) {\r\n        this.previewUrl = URL.createObjectURL(file);\r\n      }\r\n    },\r\n    async sendFile() {\r\n      console.log(this.selectedFile, this.data, this.item);\r\n      try {\r\n        this.isSendFile = true;\r\n        let url = `.|site1|${this.folders}|${this.item.id}`;\r\n\r\n        // Crear un nuevo objeto File con el nombre deseado\r\n        const modifiedFile = new File(\r\n          [this.selectedFile],\r\n          this.asistente\r\n            ? this.asistente.numeroDocumento + \".pdf\"\r\n            : this.item.numeroContrato + \".pdf\"\r\n        );\r\n\r\n        let uploadFile = await this.$store.dispatch(\"onFileCustom\", {\r\n          filename: modifiedFile.name,\r\n          file: modifiedFile,\r\n          url: url,\r\n        });\r\n\r\n        if (uploadFile) {\r\n          let res = await this.$store.dispatch(\"hl_get\", {\r\n            path: this.asistente\r\n              ? `PlanCapacitacionProgreso/UpdateEstadoUploadCertificado/` +\r\n                this.item.id +\r\n                \"?isTrue=true\"\r\n              : `PlanRegistroCapacitaciones/ToggleEstadoUploadFiles/` +\r\n                this.item.id +\r\n                \"?isTrue=true\",\r\n          });\r\n\r\n          if (res.success) {\r\n            console.log(res);\r\n            if (this.asistente) {\r\n              this.item.estadoUploadCertificado = 1;\r\n              this.data.find(\r\n                (item) => item.id === this.item.id\r\n              ).estadoUploadCertificado = 1;\r\n            } else {\r\n              this.item.estadoUploadFiles = 1;\r\n              this.data.find(\r\n                (item) => item.id === this.item.id\r\n              ).estadoUploadFiles = 1;\r\n            }\r\n            this.isSendFile = false;\r\n            this.selectedFile = null;\r\n            this.fileUploaded.state = true;\r\n            this.fileUploaded.file_url = `https://www.helexiumfiles.com/${this.folders.replace(\r\n              /\\|/g,\r\n              \"/\"\r\n            )}/${this.item.id}/${\r\n              this.asistente\r\n                ? this.asistente.numeroDocumento\r\n                : this.item.numeroContrato\r\n            }.pdf?${Math.random()}`;\r\n\r\n            Swal.fire({\r\n              title: \"Listo!\",\r\n              text: \"Se ha subido el archivo.\",\r\n              icon: \"success\",\r\n              confirmButtonColor: \"#3085d6\",\r\n              confirmButtonText: \"OK\",\r\n            });\r\n          }\r\n        }\r\n      } catch (error) {\r\n        this.isSendFile = false;\r\n        console.log(error);\r\n        return null;\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\nobject {\r\n  border-radius: 10px;\r\n}\r\n.file-upload-container {\r\n  text-align: center;\r\n}\r\n\r\n.file-upload-label {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background-color: #4788ff;\r\n  color: #fff;\r\n  padding: 20px;\r\n  border-radius: 10px;\r\n  cursor: pointer;\r\n  transition: background-color 0.3s;\r\n  user-select: none;\r\n  border: 2px dashed transparent;\r\n  transition: all 0.3s ease-in-out;\r\n  min-height: 100px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n.file-upload-label.dragover {\r\n  border-color: #4788ff;\r\n}\r\n\r\n.upload-icon {\r\n  background-color: #3498db;\r\n  border-radius: 50%;\r\n  width: 70px;\r\n  height: 70px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.upload-icon i {\r\n  font-size: 36px;\r\n  color: #fff;\r\n}\r\n\r\n.upload-text {\r\n  display: flex;\r\n  flex-direction: column;\r\n  text-align: center;\r\n}\r\n\r\n.small-text {\r\n  font-size: 12px;\r\n  color: #ccc;\r\n  margin-top: 5px;\r\n}\r\n\r\n.file-upload-label:hover {\r\n  background-color: #2980b9;\r\n}\r\n\r\n#fileInput {\r\n  display: none;\r\n}\r\n\r\n.file-upload-preview {\r\n  border: 2px dotted #2980b9;\r\n  padding: 20px;\r\n  border-radius: 10px;\r\n  margin-top: 20px;\r\n  background-color: #0c1a30;\r\n  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.preview-title {\r\n  color: #fff;\r\n  font-size: 20px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.file-info {\r\n  text-align: left;\r\n}\r\n\r\n.pdf-preview {\r\n  margin-top: 20px;\r\n}\r\n\r\n.send-button {\r\n  background-color: #4788ff;\r\n  color: #fff;\r\n  padding: 10px 20px;\r\n  border: none;\r\n  border-radius: 5px;\r\n  cursor: pointer;\r\n  transition: background-color 0.3s;\r\n  font-size: 16px;\r\n  margin-top: 10px;\r\n}\r\n\r\n.send-button:hover {\r\n  background-color: #2980b9;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FileUploadAndPreviewPdf.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!./FileUploadAndPreviewPdf.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FileUploadAndPreviewPdf.vue?vue&type=template&id=5ff9f7d2&scoped=true\"\nimport script from \"./FileUploadAndPreviewPdf.vue?vue&type=script&lang=js\"\nexport * from \"./FileUploadAndPreviewPdf.vue?vue&type=script&lang=js\"\nimport style0 from \"./FileUploadAndPreviewPdf.vue?vue&type=style&index=0&id=5ff9f7d2&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  \"5ff9f7d2\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\",staticStyle:{\"gap\":\"1rem\"}},[_c('div',{staticClass:\"progress-chart bg-danger\",staticStyle:{\"border-radius\":\"50%\"}},[_c('svg',{attrs:{\"width\":\"180\",\"height\":\"180\"}},[_c('circle',{attrs:{\"cx\":\"90\",\"cy\":\"90\",\"r\":\"80\",\"fill\":\"none\",\"stroke\":_vm.borderColor,\"stroke-width\":9,\"stroke-opacity\":0.5}}),_c('circle',{style:({\n          transition: 'stroke-dashoffset 2s',\n          filter: `drop-shadow(0px 0px 3px ${_vm.circleColor})`,\n        }),attrs:{\"cx\":90,\"cy\":90,\"r\":\"80\",\"fill\":\"none\",\"stroke\":_vm.circleColor,\"stroke-linecap\":\"round\",\"stroke-width\":12,\"stroke-dasharray\":_vm.circumference,\"stroke-dashoffset\":_vm.circumference * (1 - _vm.currentProgress)}}),_c('text',{staticClass:\"text-white\",staticStyle:{\"fill\":\"var(--white) !important\"},attrs:{\"x\":\"95\",\"y\":\"95\",\"text-anchor\":\"middle\",\"alignment-baseline\":\"middle\",\"font-size\":\"3.5rem\",\"font-weight\":\"bold\"}},[_vm._v(\" \"+_vm._s(_vm.currentPercentage)+\" \"),_c('tspan',{attrs:{\"dy\":\"0.5em\",\"dx\":\"-0.6em\",\"font-size\":\"1.5rem\"}},[_vm._v(\"%\")])])])]),_c('div',{staticClass:\"row d-flex justify-content-center\"},[_c('div',{staticClass:\"col d-flex flex-column align-items-center\"},[_c('vs-avatar',{staticClass:\"mr-1\",attrs:{\"icon\":\"\",\"success\":\"\",\"size\":\"40\"}},[_c('i',{staticClass:\"fas fa-check-circle\",staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column align-items-center mt-2\"},[_c('span',{staticStyle:{\"font-size\":\"2rem\"}},[_vm._v(_vm._s(_vm.progressConfirmed))]),_c('span',{staticClass:\"text-white-50\"},[_vm._v(_vm._s(_vm.titleCheck ?? \"Finalizadas\"))])])],1),_c('div',{staticStyle:{\"width\":\"1px\",\"background-color\":\"#102e5f\"}}),_c('div',{staticClass:\"col d-flex flex-column align-items-center\"},[_c('vs-avatar',{staticClass:\"mr-1\",attrs:{\"icon\":\"\",\"primary\":\"\",\"size\":\"40\"}},[_c('i',{staticClass:\"fas fa-trophy\",staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column align-items-center mt-2\"},[_c('span',{staticStyle:{\"font-size\":\"2rem\"}},[_vm._v(_vm._s(_vm.textTotal))]),_c('span',{staticClass:\"text-white-50\"},[_vm._v(\"Totales\")])])],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"d-flex flex-column justify-content-center align-items-center\"\r\n    style=\"gap: 1rem\"\r\n  >\r\n    <div class=\"progress-chart bg-danger \" style=\"border-radius: 50%;\"  >\r\n      <svg width=\"180\" height=\"180\">\r\n        <!-- Reducimos el tamaño del SVG -->\r\n        <!-- Círculo exterior (borde vacío) con sombra en un color diferente -->\r\n        <circle\r\n       \r\n          cx=\"90\"\r\n          cy=\"90\"\r\n          r=\"80\"\r\n          fill=\"none\"\r\n          :stroke=\"borderColor\"\r\n          :stroke-width=\"9\"\r\n          :stroke-opacity=\"0.5\"\r\n        />\r\n\r\n        <!-- Círculo interior que se llenará con brillo y colores personalizados -->\r\n        <circle\r\n        \r\n          :cx=\"90\"\r\n          :cy=\"90\"\r\n          r=\"80\"\r\n          fill=\"none\"\r\n          :stroke=\"circleColor\"\r\n          stroke-linecap=\"round\"\r\n          :stroke-width=\"12\"\r\n          :stroke-dasharray=\"circumference\"\r\n          :stroke-dashoffset=\"circumference * (1 - currentProgress)\"\r\n          :style=\"{\r\n            transition: 'stroke-dashoffset 2s',\r\n            filter: `drop-shadow(0px 0px 3px ${circleColor})`,\r\n          }\"\r\n        />\r\n\r\n        <!-- Porcentaje de progreso en el centro arriba del texto existente -->\r\n        <text\r\n          class=\"text-white\"\r\n          x=\"95\"\r\n          y=\"95\"\r\n          text-anchor=\"middle\"\r\n          alignment-baseline=\"middle\"\r\n          font-size=\"3.5rem\"\r\n          font-weight=\"bold\"\r\n          style=\"fill: var(--white) !important;\"\r\n          >\r\n          {{ currentPercentage }}\r\n          <tspan dy=\"0.5em\" dx=\"-0.6em\" font-size=\"1.5rem\">%</tspan>\r\n        </text>\r\n      </svg>\r\n    </div>\r\n    <!-- info progress -->\r\n    <div class=\"row d-flex justify-content-center\">\r\n      <!-- finalizadas -->\r\n      <div class=\"col d-flex flex-column align-items-center\">\r\n        <vs-avatar icon success size=\"40\" class=\"mr-1\">\r\n          <i class=\"fas fa-check-circle\" style=\"font-size: 1.5rem\"></i>\r\n        </vs-avatar>\r\n        <div class=\"d-flex flex-column align-items-center mt-2\">\r\n          <span style=\"font-size: 2rem\">{{ progressConfirmed }}</span>\r\n          <span class=\"text-white-50\">{{ titleCheck ?? \"Finalizadas\" }}</span>\r\n        </div>\r\n      </div>\r\n      <!-- divisor -->\r\n      <div style=\"width: 1px; background-color: #102e5f\"></div>\r\n\r\n      <!-- totales -->\r\n      <div class=\"col d-flex flex-column align-items-center\">\r\n        <vs-avatar icon primary size=\"40\" class=\"mr-1\">\r\n          <i class=\"fas fa-trophy\" style=\"font-size: 1.5rem\"></i>\r\n        </vs-avatar>\r\n        <div class=\"d-flex flex-column align-items-center mt-2\">\r\n          <span style=\"font-size: 2rem\">{{ textTotal }}</span>\r\n          <span class=\"text-white-50\">Totales</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    titleCheck: String,\r\n    total: Number, // total\r\n    confirmed: Number, // confirmado\r\n  },\r\n  data() {\r\n    return {\r\n      currentProgress: 0, // Inicialmente 0\r\n    };\r\n  },\r\n  computed: {\r\n    progressPercentage() {\r\n      return Math.floor(this.confirmed) / Math.floor(this.total);\r\n    },\r\n    borderColor() {\r\n      return \"var(--muted-progress)\"; // Color del borde exterior\r\n    },\r\n    circleColor() {\r\n      // Cambia el color del círculo interior según diferentes rangos de porcentaje\r\n      if (this.progressPercentage < 0.4) {\r\n        return \"#DF122E\"; // Rojo para menos del 40%\r\n      } else if (this.progressPercentage < 0.8) {\r\n        return \"rgb(255, 130, 0)\"; // Amarillo para menos del 80%\r\n      } else {\r\n        return \"rgb(23, 201, 100)\"; // Verde para el resto\r\n      }\r\n    },\r\n    progressConfirmed() {\r\n      return `${this.confirmed}`;\r\n    },\r\n    textTotal() {\r\n      return `${this.total}`;\r\n    },\r\n    currentPercentage() {\r\n      return Math.min(Math.round(this.currentProgress * 100), 100); // Limitar a un máximo de 100%\r\n    },\r\n    circumference() {\r\n      const radius = 80; // Radio del círculo\r\n      return 2 * Math.PI * radius;\r\n    },\r\n  },\r\n  watch: {\r\n    total() {\r\n      this.animateProgress();\r\n    },\r\n    confirmed() {\r\n      this.animateProgress();\r\n    },\r\n  },\r\n  methods: {\r\n    animateProgress() {\r\n      const targetProgress = this.progressPercentage;\r\n      const animationDuration = 1000; // Duración de la animación en milisegundos (1 segundo)\r\n      const fps = 60; // Cuadros por segundo\r\n\r\n      const targetValue = Math.min(targetProgress, 1); // Limitar a un máximo de 1 (o 100%)\r\n      const startValue = this.currentProgress; // Valor actual del progreso\r\n      const increment =\r\n        (targetValue - startValue) / (animationDuration / (1000 / fps));\r\n      let current = startValue;\r\n\r\n      const animate = () => {\r\n        if (\r\n          (increment > 0 && current < targetValue) ||\r\n          (increment < 0 && current > targetValue)\r\n        ) {\r\n          current += increment;\r\n          this.currentProgress = current;\r\n          requestAnimationFrame(animate);\r\n        }\r\n      };\r\n\r\n      animate();\r\n    },\r\n  },\r\n  mounted() {\r\n    // Inicia la animación cuando el componente se monta en el DOM\r\n    this.animateProgress();\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.progress-chart {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 180px;\r\n  height: 180px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProgressChart.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!./ProgressChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ProgressChart.vue?vue&type=template&id=fee72486&scoped=true\"\nimport script from \"./ProgressChart.vue?vue&type=script&lang=js\"\nexport * from \"./ProgressChart.vue?vue&type=script&lang=js\"\nimport style0 from \"./ProgressChart.vue?vue&type=style&index=0&id=fee72486&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  \"fee72486\",\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/@vue/cli-service/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!./CardTable.vue?vue&type=style&index=0&id=05b4a934&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row justify-content-center\",staticStyle:{\"gap\":\"1rem\"}},_vm._l((_vm.data),function(card,index){return _c('div',{key:index,staticClass:\"col-12 col-sm-5 col-md d-flex justify-content-between text-primary rounded align-items-center bg-dark p-2\",on:{\"mouseenter\":function($event){return _vm.showCursorGlow(index)},\"mouseleave\":function($event){return _vm.hideCursorGlow(index)},\"mousemove\":(event) => _vm.handleMouseMove(event, index),\"click\":function($event){return _vm.toggleActive(index)}}},[(_vm.showGlow)?_c('div'):_vm._e(),_c('div',{staticClass:\"d-flex flex-column align-items-center\",staticStyle:{\"flex-grow\":\"1\",\"max-width\":\"calc(100% )\"}},[_c('div',{class:`title-container`},[_c('span',{staticClass:\"font-weight-bold\",class:[\n            _vm.showGlow[index] &&\n            _vm.animatedState[index] &&\n            _vm.shouldAnimateTitle[index]\n              ? 'title-animate'\n              : 'title-static',\n          ]},[_vm._v(\" \"+_vm._s(card.title)+\" \")])]),_c('span',{staticClass:\"font-weight-bold\",staticStyle:{\"font-size\":\"40px\"}},[_vm._v(_vm._s(_vm.evaluateValue(card.value)))])])])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- card table info -->\r\n<template>\r\n  <div class=\"row justify-content-center\" style=\"gap: 1rem; \">\r\n    <div\r\n      v-for=\"(card, index) in data\"\r\n      :key=\"index\"\r\n      class=\"col-12 col-sm-5 col-md d-flex justify-content-between text-primary rounded align-items-center bg-dark p-2\"\r\n      @mouseenter=\"showCursorGlow(index)\"\r\n      @mouseleave=\"hideCursorGlow(index)\"\r\n      @mousemove=\"(event) => handleMouseMove(event, index)\"\r\n      @click=\"toggleActive(index)\"\r\n    >\r\n      <!-- linar-style cursor glow -->\r\n      <div\r\n        v-if=\"showGlow\"\r\n\r\n      ></div>\r\n      <!-- <div\r\n        :class=\"`d-flex align-items-center justify-content-center`\"\r\n        :style=\"{\r\n          width: '60px',\r\n          height: '60px',\r\n  \r\n        }\"\r\n      >\r\n        <i\r\n          :class=\"`fas fa-${card.iconName} ${computeAnimateIcon(\r\n            // card.animated,\r\n            index\r\n          )}`\"\r\n          style=\"font-size: 4rem\"\r\n        ></i>\r\n      </div> -->\r\n      <div\r\n        class=\"d-flex flex-column align-items-center\"\r\n        style=\"flex-grow: 1; max-width: calc(100% )\"\r\n      >\r\n        <div :class=\"`title-container`\">\r\n          <span\r\n            :class=\"[\r\n              showGlow[index] &&\r\n              animatedState[index] &&\r\n              shouldAnimateTitle[index]\r\n                ? 'title-animate'\r\n                : 'title-static',\r\n            ]\"\r\n            class=\"font-weight-bold\"\r\n          >\r\n            {{ card.title }}\r\n          </span>\r\n        </div>\r\n        <span class=\"font-weight-bold\" style=\"font-size: 40px\">{{\r\n          evaluateValue(card.value)\r\n        }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  // Documentación del componente CardTable.js\r\n\r\n  /**\r\n   * Este componente Vue.js se utiliza para renderizar un conjunto de tarjetas de información.\r\n   * Cada tarjeta es interactiva y muestra diferentes tipos de datos y un ícono.\r\n   *\r\n   * Propiedades:\r\n   * - data: Un array de objetos que contiene la información para renderizar cada tarjeta.\r\n   *\r\n   * Estado interno:\r\n   * - showGlow: Un objeto que controla si el efecto de brillo debe mostrarse en cada tarjeta.\r\n   * - cursorX: Un objeto que contiene la coordenada X del cursor para cada tarjeta.\r\n   * - cursorY: Un objeto que contiene la coordenada Y del cursor para cada tarjeta.\r\n   * - animationFrameId: Un objeto que guarda el ID de la solicitud de animación para cada tarjeta.\r\n   * - animatedState: Un objeto que guarda el estado de animación para cada tarjeta.\r\n   * - activeCard: Un número que indica el índice de la tarjeta activa. Null si no hay ninguna tarjeta activa.\r\n   * - shouldAnimateTitle: Un objeto que determina si el título de la tarjeta debe animarse para cada tarjeta.\r\n   *\r\n   * Métodos:\r\n   * - toggleActive: Cambia el estado activo de una tarjeta.\r\n   * - computeBorderRadius: Calcula el radio del borde según el tipo de tarjeta.\r\n   * - computeAnimateIcon: Devuelve la clase de animación apropiada para el ícono.\r\n   * - evaluateValue: Evalúa el valor que debe mostrarse en la tarjeta.\r\n   * - glowStyle: Devuelve el estilo CSS para el efecto de brillo del cursor.\r\n   * - handleMouseMove: Maneja el movimiento del mouse para el efecto de brillo del cursor.\r\n   * - showCursorGlow: Activa el efecto de brillo del cursor.\r\n   * - hideCursorGlow: Desactiva el efecto de brillo del cursor.\r\n   * - onResize: Maneja el evento de cambio de tamaño de la ventana.\r\n   * - checkTitleLength: Verifica la longitud del título para determinar si necesita animación.\r\n   */\r\n\r\n  props: {\r\n    /*\r\n       // Ejemplo de un objeto dentro del array 'data':\r\n          {\r\n          title: \"Finalizadas\",\r\n          value: () => this.listaItems.filter((cap) => cap.estadoCap && cap.disponible).length,\r\n          iconName: \"calendar-check\",\r\n          color: \"rgba(22, 162, 117, 1)\",\r\n          tipo: \"squared\",\r\n          animated: \"shake\",\r\n          onActivate: () => { console.log(\"Tarjeta activada\"); },\r\n          onDeactivate: () => { console.log(\"Tarjeta desactivada\"); }\r\n        },\r\n        */\r\n    data: {\r\n      type: Array,\r\n      default: () => [\r\n        {\r\n          title: \"Título\",\r\n          value: 0,\r\n          iconName: \"crown\",\r\n          color: \"rgba(223, 18, 46, 1)\",\r\n          tipo: \"circle\",\r\n          animated: \"shake\",\r\n          onActivate: null,\r\n          onDeactivate: null,\r\n        },\r\n      ],\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      showGlow: {},\r\n      cursorX: {},\r\n      cursorY: {},\r\n      animationFrameId: {},\r\n      animatedState: {},\r\n      activeCard: null,\r\n      shouldAnimateTitle: {},\r\n      animated: {\r\n        beat: \"fa-beat\",\r\n        beatFade: \"fa-beat-fade\",\r\n        bounce: \"fa-bounce\",\r\n        fade: \"fa-fade\",\r\n        flip: \"fa-flip\",\r\n        shake: \"fa-shake\",\r\n        spin: \"fa-spin\",\r\n        spinReverse: \"fa-spin fa-spin-reverse\",\r\n        spinPulse: \"fa-spin-pulse\",\r\n      },\r\n      tipoIcon: {\r\n        circle: \"50%\",\r\n        squared: \"20%\",\r\n        shield: \"49% 51% 48% 52% / 29% 29% 71% 71%\",\r\n        water: \"60% 40% 78% 22% / 73% 66% 34% 27%\",\r\n      },\r\n    };\r\n  },\r\n  /*\r\nEventos de Ciclo de Vida:\r\n- mounted: Se añade un escuchador para el evento de redimensionamiento de la ventana.\r\n- beforeDestroy: Se elimina el escuchador para el evento de redimensionamiento de la ventana.\r\n*/\r\n  mounted() {\r\n    this.onResize();\r\n    window.addEventListener(\"resize\", this.onResize);\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener(\"resize\", this.onResize);\r\n  },\r\n  methods: {\r\n    onResize() {\r\n      this.data.forEach((_, index) => {\r\n        this.checkTitleLength(index);\r\n      });\r\n    },\r\n    checkTitleLength(index) {\r\n      this.$nextTick(() => {\r\n        const titleElement = this.$el.querySelectorAll(\".title-container span\")[\r\n          index\r\n        ];\r\n        if (titleElement) {\r\n          console.log(\"Client Width: \", titleElement.clientWidth);\r\n          console.log(\"Scroll Width: \", titleElement.scrollWidth);\r\n\r\n          if (titleElement.scrollWidth > titleElement.clientWidth) {\r\n            this.$set(this.shouldAnimateTitle, index, true);\r\n          } else {\r\n            this.$set(this.shouldAnimateTitle, index, false);\r\n          }\r\n        }\r\n      });\r\n    },\r\n    toggleActive(index) {\r\n      // Desactivar tarjeta anterior si es diferente de la actual\r\n      if (this.activeCard !== null && this.activeCard !== index) {\r\n        if (typeof this.data[this.activeCard].onDeactivate === \"function\") {\r\n          this.data[this.activeCard].onDeactivate();\r\n        }\r\n      }\r\n\r\n      // Cambiar la tarjeta activa\r\n      this.activeCard = this.activeCard === index ? null : index;\r\n\r\n      // Ejecutar la función de activación o desactivación correspondiente\r\n      if (this.activeCard !== null) {\r\n        if (typeof this.data[this.activeCard].onActivate === \"function\") {\r\n          this.data[this.activeCard].onActivate();\r\n        }\r\n      } else {\r\n        if (typeof this.data[index].onDeactivate === \"function\") {\r\n          this.data[index].onDeactivate();\r\n        }\r\n      }\r\n    },\r\n    computeBorderRadius(tipo) {\r\n      return this.tipoIcon[tipo] || \"20% 40% 20% 40%\";\r\n    },\r\n    computeAnimateIcon(tipo, index) {\r\n      if (this.animatedState[index]) {\r\n        return this.animated[tipo] || \"\";\r\n      }\r\n    },\r\n    evaluateValue(value) {\r\n      if (typeof value === \"function\") {\r\n        return value();\r\n      }\r\n      return value;\r\n    },\r\n    glowStyle(color) {\r\n      return {\r\n        boxShadow: `0 0 40px 20px ${color}`,\r\n      };\r\n    },\r\n    handleMouseMove(event, index) {\r\n      const rect = event.currentTarget.getBoundingClientRect();\r\n      const targetX = event.clientX - rect.left;\r\n      const targetY = event.clientY - rect.top;\r\n\r\n      // Cancelar la animación anterior si está en curso\r\n      if (this.animationFrameId[index]) {\r\n        cancelAnimationFrame(this.animationFrameId[index]);\r\n      }\r\n\r\n      // Iniciar una nueva animación\r\n      const animate = () => {\r\n        const startX = this.cursorX[index] || 0;\r\n        const startY = this.cursorY[index] || 0;\r\n        const dx = (targetX - startX) * 0.1; // Factor de suavizado\r\n        const dy = (targetY - startY) * 0.1; // Factor de suavizado\r\n\r\n        this.$set(this.cursorX, index, startX + dx);\r\n        this.$set(this.cursorY, index, startY + dy);\r\n\r\n        if (Math.abs(dx) > 0.1 || Math.abs(dy) > 0.1) {\r\n          // Continuar la animación\r\n          this.animationFrameId[index] = requestAnimationFrame(animate);\r\n        }\r\n      };\r\n\r\n      // Iniciar la animación\r\n      this.animationFrameId[index] = requestAnimationFrame(animate);\r\n    },\r\n    showCursorGlow(index) {\r\n      this.$set(this.animatedState, index, true);\r\n      this.$set(this.showGlow, index, true);\r\n    },\r\n    hideCursorGlow(index) {\r\n      this.$set(this.animatedState, index, false);\r\n      this.$set(this.showGlow, index, false);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/*\r\nEstilos:\r\n- glow-box: Configuración base para el efecto de resplandor.\r\n- cursor-glow: Estilo para el resplandor del cursor.\r\n- title-container: Contenedor para el título de la tarjeta.\r\n- title-animate: Animación para el título de la tarjeta.\r\n- title-static: Estilo estático para el título de la tarjeta.\r\n*/\r\n\r\n.glow-box {\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: box-shadow 0.3s ease;\r\n  cursor: default;\r\n}\r\n\r\n.cursor-glow {\r\n  position: absolute;\r\n  width: 0;\r\n  height: 0;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  transition: left 0.2s, top 0.2s, opacity 0.5s ease;\r\n}\r\n\r\n.title-container {\r\n  max-width: calc(100% - 20px);\r\n  overflow: hidden;\r\n  height: 20px;\r\n}\r\n\r\n.title-animate {\r\n  display: inline-block;\r\n  white-space: nowrap;\r\n  animation: marquee 5s linear infinite;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.title-static {\r\n  display: inline-block;\r\n  max-width: 100%; /* Se ajusta al tamaño del contenedor */\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n@keyframes marquee {\r\n  from {\r\n    transform: translateX(0%);\r\n  }\r\n  to {\r\n    transform: translateX(-100%);\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardTable.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!./CardTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CardTable.vue?vue&type=template&id=05b4a934&scoped=true\"\nimport script from \"./CardTable.vue?vue&type=script&lang=js\"\nexport * from \"./CardTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./CardTable.vue?vue&type=style&index=0&id=05b4a934&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  \"05b4a934\",\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/@vue/cli-service/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!./ProgressChart.vue?vue&type=style&index=0&id=fee72486&prod&scoped=true&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/@vue/cli-service/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!./FileUploadAndPreviewPdf.vue?vue&type=style&index=0&id=5ff9f7d2&prod&scoped=true&lang=css\""],"sourceRoot":""}