{"version":3,"sources":["webpack:///./src/views/Helexium/HistorialClinico/card/cardInfoPaciente.vue","webpack:///src/views/Helexium/HistorialClinico/card/cardInfoPaciente.vue","webpack:///./src/views/Helexium/HistorialClinico/card/cardInfoPaciente.vue?4db5","webpack:///./src/views/Helexium/HistorialClinico/card/cardInfoPaciente.vue?1cd8","webpack:///./src/views/Helexium/HistorialClinico/card/cardInfoPaciente.vue?ab22","webpack:///./src/views/Helexium/HistorialClinico/MedicoOcupacional/MedOcuPersonal.vue","webpack:///src/views/Helexium/HistorialClinico/MedicoOcupacional/MedOcuPersonal.vue","webpack:///./src/views/Helexium/HistorialClinico/MedicoOcupacional/MedOcuPersonal.vue?b8ff","webpack:///./src/views/Helexium/HistorialClinico/MedicoOcupacional/MedOcuPersonal.vue?f2b3","webpack:///./src/views/Helexium/HistorialClinico/MedicoOcupacional/MedOcuPersonal.vue?df46","webpack:///./src/views/Helexium/HistorialClinico/card/CardTableHis.vue?dc5e","webpack:///./src/views/Helexium/HistorialClinico/card/CardTableHis.vue","webpack:///src/views/Helexium/HistorialClinico/card/CardTableHis.vue","webpack:///./src/views/Helexium/HistorialClinico/card/CardTableHis.vue?127f","webpack:///./src/views/Helexium/HistorialClinico/card/CardTableHis.vue?5c6c"],"names":["render","_vm","this","_c","_self","staticClass","attrs","staticStyle","directives","name","rawName","value","usuario","imagenPerfilUrl","expression","_v","_s","nombres","apellidos","_m","staticRenderFns","components","data","file","filename","estadisticasProfile","empresaId","personaId","departamentoId","cargoId","nombre_empresa","departamento","nombreEvaluado","cargo","pulsoEmpresa","pulsoDepartamento","pulsoPersona","personaUbicacion","nombre","$isLoading","JSON","parse","localStorage","getItem","id","empresa","getEstadisticasProfile","error","methods","component","dataCards","cardInfoPaciente","CardTable","dataCicloEvaluacion","autorizacion","title","iconName","color","tipo","animated","onActivate","$router","push","fontFamily","selectedSeccion","secciones","filters","formatDate","date","moment_timezone","tz","format","_l","card","index","key","style","boxShadow","activeCard","on","$event","showCursorGlow","hideCursorGlow","event","handleMouseMove","toggleActive","showGlow","left","cursorX","top","cursorY","glowStyle","opacity","_e","class","width","height","backgroundColor","computeBorderRadius","computeAnimateIcon","evaluateValue","animatedState","shouldAnimateTitle","props","type","Array","default","onDeactivate","animationFrameId","beat","beatFade","bounce","fade","flip","shake","spin","spinReverse","spinPulse","tipoIcon","circle","squared","shield","water","mounted","onResize","window","addEventListener","beforeDestroy","removeEventListener","forEach","_","checkTitleLength","$nextTick","titleElement","$el","querySelectorAll","scrollWidth","clientWidth","$set","rect","currentTarget","getBoundingClientRect","targetX","clientX","targetY","clientY","cancelAnimationFrame","animate","startX","startY","dx","dy","Math","abs","requestAnimationFrame"],"mappings":"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","file":"js/chunk-2d47e779.2bfe5b9b.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"bg-dark px-3 py-4 mb-2 rounded position-relative\",attrs:{\"data-aos\":\"fade-right\",\"data-aos-duration\":\"500\"}},[_c('div',{staticClass:\"position-absolute\",staticStyle:{\"top\":\"0 !important\",\"right\":\"0 !important\"}},[_c('vs-button',{attrs:{\"flat\":\"\",\"icon\":\"\",\"success\":\"\",\"to\":\"/helex/hoja_vida\"}},[_c('i',{staticClass:\"fas fa-id-card\"})])],1),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 col-lg-2 d-flex justify-content-center\",staticStyle:{\"position\":\"relative\",\"align-items\":\"center !important\"}},[_c('div',{staticClass:\"circle-container\"},[_c('vs-tooltip',{attrs:{\"dark\":\"\"}},[_c('label',{staticClass:\"circle\"},[_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.usuario.imagenPerfilUrl),expression:\"usuario.imagenPerfilUrl\"}],staticClass:\"img-fluid bg-img-user\",attrs:{\"src\":_vm.usuario.imagenPerfilUrl,\"data-aos\":\"zoom-in\",\"alt\":\"imagen_perfil\"}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.usuario.imagenPerfilUrl),expression:\"!usuario.imagenPerfilUrl\"}],staticClass:\"icon\"},[_c('i',{staticClass:\"fas fa-user\"})])])])],1)]),_c('div',{staticClass:\"col-12 col-lg d-flex flex-column justify-content-between\"},[_c('div',[_c('h3',{staticClass:\"text-uppercase\",staticStyle:{\"font-weight\":\"700\"}},[_vm._v(\" \"+_vm._s(_vm.usuario.nombres + \" \" + _vm.usuario.apellidos)+\" \")]),_c('h4',{staticClass:\"text\",staticStyle:{\"font-size\":\"700\"}},[_vm._v(\"Gerente\")]),_c('br'),_vm._m(0),_c('br'),_vm._m(1),_c('br'),_vm._m(2),_c('br'),_vm._m(3)]),_c('div',{staticClass:\"d-flex justify-content-between flex-wrap\",staticStyle:{\"gap\":\"1rem\"}})])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"text-white-60\"},[_c('b',[_vm._v(\"Hombre \")]),_vm._v(\" de \"),_c('b',[_vm._v(\"25\")]),_vm._v(\" años \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"text-white-60\"},[_c('b',[_vm._v(\"CC: \")]),_vm._v(\" 0123456789 \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"text-white-60\"},[_c('b',[_vm._v(\"CEL: \")]),_vm._v(\" 3012345678 \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"text-white-60\"},[_c('b',[_vm._v(\"CORREO: \")]),_vm._v(\"administrador@helexium.com \")])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"bg-dark px-3 py-4 mb-2 rounded position-relative\" data-aos=\"fade-right\" data-aos-duration=\"500\">\r\n    <!-- icon -->\r\n    <div class=\"position-absolute\" style=\"top: 0 !important; right: 0 !important\">\r\n      <vs-button flat icon success to=\"/helex/hoja_vida\">\r\n        <i class=\"fas fa-id-card\"></i>\r\n      </vs-button>\r\n    </div>\r\n    <div class=\"row\">\r\n      <!-- agregar foto de perfil -->\r\n      <div class=\"col-12 col-lg-2 d-flex justify-content-center\" style=\"position: relative; align-items: center !important\">\r\n        <div class=\"circle-container\">\r\n          <vs-tooltip dark>\r\n            <label class=\"circle\">\r\n              <img :src=\"usuario.imagenPerfilUrl\" v-show=\"usuario.imagenPerfilUrl\" data-aos=\"zoom-in\" class=\"img-fluid bg-img-user\" alt=\"imagen_perfil\" />\r\n              <div class=\"icon\" v-show=\"!usuario.imagenPerfilUrl\">\r\n                <i class=\"fas fa-user\"></i>\r\n              </div>\r\n            </label>\r\n          </vs-tooltip>\r\n        </div>\r\n      </div>\r\n      <!-- info profile -->\r\n      <div class=\"col-12 col-lg d-flex flex-column justify-content-between\">\r\n        <!-- nombre usuario y rol -->\r\n        <div>\r\n          <h3 class=\"text-uppercase\" style=\"font-weight: 700\">\r\n            {{ usuario.nombres + \" \" + usuario.apellidos }}\r\n          </h3>\r\n          <h4 class=\"text\" style=\"font-size: 700\">Gerente</h4>\r\n          <br />\r\n          <span class=\"text-white-60\"> <b>Hombre </b> de <b>25</b> años </span><br />\r\n          <span class=\"text-white-60\"> <b>CC: </b> 0123456789 </span><br />\r\n          <span class=\"text-white-60\"> <b>CEL: </b> 3012345678 </span><br />\r\n          <span class=\"text-white-60\"> <b>CORREO: </b>administrador@helexium.com </span>\r\n          <!-- <span v-if=\"estadisticasProfile.cargo\" class=\"text-white-50\">\r\n            {{ estadisticasProfile?.cargo }}  \r\n          </span> -->\r\n        </div>\r\n        <!-- info details  -->\r\n        <div class=\"d-flex justify-content-between flex-wrap\" style=\"gap: 1rem\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n// const Swal = require(\"sweetalert2\");\r\n\r\nexport default {\r\n  components: {},\r\n  data() {\r\n    return {\r\n      usuario: {},\r\n      file: null,\r\n      filename: null,\r\n      estadisticasProfile: {\r\n        empresaId: null,\r\n        personaId: null,\r\n        departamentoId: null,\r\n        cargoId: null,\r\n        nombre_empresa: null,\r\n        departamento: null,\r\n        nombreEvaluado: null,\r\n        cargo: null,\r\n        pulsoEmpresa: 0,\r\n        pulsoDepartamento: 0,\r\n        pulsoPersona: 0,\r\n      },\r\n      personaUbicacion: {\r\n        cargo: {\r\n          nombre: \"Cargo\",\r\n        },\r\n      },\r\n    };\r\n  },\r\n  async mounted() {\r\n    try {\r\n      this.$isLoading(true);\r\n      this.usuario = JSON.parse(localStorage.getItem(\"setPersonaAct\"));\r\n      const { id, empresa } = this.usuario;\r\n      await this.getEstadisticasProfile(id, empresa.id);\r\n      // console.log(\"estadisticas\",estadisticasProfile.cargo)\r\n      this.$isLoading(false);\r\n    } catch (error) {\r\n      this.$isLoading(false);\r\n      // console.log(\"error\", error);\r\n    }\r\n  },\r\n  methods: {\r\n    //  async getPersonaUbicacion(personaId) {\r\n    //   try {\r\n    //     let res = await this.$store.dispatch(\"hl_get\", {\r\n    //       path: \"PersonaUbicacion/GetByPersona/\" + personaId,\r\n    //     });\r\n    //     console.log(\"persona ubicacion...\", res);\r\n    //     if (res.cargo) {\r\n    //       this.personaUbicacion = res;\r\n    //     }\r\n    //   } catch (error) {\r\n    //     console.log(\"err\", error);\r\n    //   }\r\n    // },\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n/* agregar imagen perfil */\r\n.circle-container {\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n}\r\n\r\n.circle {\r\n  position: relative;\r\n  width: 115px;\r\n  height: 115px;\r\n  border-radius: 50%;\r\n  border: 2px solid rgb(242, 19, 93);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;\r\n  cursor: pointer;\r\n  overflow: hidden;\r\n  transition: all 1s ease;\r\n}\r\n\r\n.circle input[type=\"file\"] {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  opacity: 0;\r\n  cursor: pointer;\r\n}\r\n\r\n.circle:hover {\r\n  /* glassEffect */\r\n  background: rgba(255, 255, 255, 0.1);\r\n  backdrop-filter: blur(10px);\r\n  border-color: #186bdd;\r\n}\r\n\r\n.circle .icon {\r\n  font-size: 2rem;\r\n  transition: color 0.3s ease-in-out;\r\n}\r\n\r\n.circle:hover .icon {\r\n  color: #186bdd;\r\n}\r\n\r\n.circle img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  border-radius: 50%;\r\n}\r\n\r\n/* imagenperfil */\r\n.circle-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  border-radius: 50%;\r\n}\r\n\r\n.circle-image {\r\n  width: 50%;\r\n  max-width: 300px;\r\n  aspect-ratio: 1/1;\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\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!./cardInfoPaciente.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!./cardInfoPaciente.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./cardInfoPaciente.vue?vue&type=template&id=43423ffa&scoped=true\"\nimport script from \"./cardInfoPaciente.vue?vue&type=script&lang=js\"\nexport * from \"./cardInfoPaciente.vue?vue&type=script&lang=js\"\nimport style0 from \"./cardInfoPaciente.vue?vue&type=style&index=0&id=43423ffa&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  \"43423ffa\",\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!./cardInfoPaciente.vue?vue&type=style&index=0&id=43423ffa&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-container',{attrs:{\"fluid\":\"\"}},[_c('b-row',[_c('b-col',{attrs:{\"lg\":\"12\"}},[_c('section',{staticClass:\"py-0 my-0 bg-nuevo_dashboard-img\"},[_c('div',{staticClass:\"custom-container px-5\"},[_c('div',{staticClass:\"row mt-8\",staticStyle:{\"gap\":\"0.5rem\"}},[_c('div',{staticClass:\"col-12 col-lg-12 p-0\"},[_c('cardInfoPaciente'),_c('div',{staticClass:\"row\",staticStyle:{\"width\":\"100% !important\",\"margin\":\"0 auto\",\"gap\":\"0.5rem\"}},[_c('div',{staticClass:\"col-12 col-lg bg-dark rounded p-0\",attrs:{\"data-aos\":\"fade-up-right\",\"data-aos-duration\":\"1000\"}},[_c('cardChartInfo',{attrs:{\"title\":\"Evaluaciones Departamentos\",\"info\":\"Promedios\"}})],1)])],1)])]),_c('div',{staticClass:\"col-12 col-md-14\",attrs:{\"id\":\"Card\"}},[_c('CardTable',{attrs:{\"data\":_vm.dataCards}})],1),_c('card',[_c('div',{staticClass:\"form1 ml-5 md-5\"},[_c('h3',{staticClass:\"card-title text-white mb-3\"},[_c('b',[_vm._v(\"Antecedentes de Salud\")])]),_c('form')])])],1)])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-container fluid>\r\n    <b-row>\r\n      <b-col lg=\"12\">\r\n    <section class=\"py-0 my-0 bg-nuevo_dashboard-img\">\r\n      <div class=\"custom-container px-5\">\r\n        <!-- row 1 -->\r\n        <div class=\"row mt-8\" style=\"gap: 0.5rem\">\r\n          <div class=\"col-12 col-lg-12 p-0\">\r\n            <!-- info profile -->\r\n            <cardInfoPaciente />\r\n            <div class=\"row\" style=\"width: 100% !important; margin: 0 auto; gap: 0.5rem\">\r\n              <div class=\"col-12 col-lg bg-dark rounded p-0\" data-aos=\"fade-up-right\" data-aos-duration=\"1000\">\r\n                <cardChartInfo title=\"Evaluaciones Departamentos\" info=\"Promedios\" />\r\n              </div>\r\n            </div>\r\n          \r\n          </div>\r\n        </div>\r\n        </div>\r\n        <div id=\"Card\" class=\"col-12 col-md-14\">\r\n      <CardTable :data=\"dataCards\" />\r\n   </div>\r\n   <card>\r\n        <div class=\"form1 ml-5 md-5\" >\r\n        <h3 class=\"card-title text-white mb-3\"><b>Antecedentes de Salud</b></h3>\r\n        <form>\r\n        </form>\r\n    </div>\r\n  </card>\r\n    </section>\r\n  </b-col>\r\n  </b-row>\r\n  </b-container>\r\n\r\n  </template>\r\n\r\n<script>\r\nimport moment_timezone from \"moment-timezone\";\r\n// import modal from \"../../../components/helexium/modalHome.vue\";\r\n// import HeaderStyle10 from \"@/components/partials/backend/HeaderStyle/HeaderStyle10\";\r\nimport CardTable from \"../card/CardTableHis\";\r\n// import BtnAddCardTable from \"../../../components/btnCardTable/btnAddCardTable.vue\";\r\nimport cardInfoPaciente from \"../card/cardInfoPaciente.vue\";\r\n// import cardChartInfo from \"./cardChartInfo.vue\";\r\n\r\nexport default {\r\n  components: {\r\n    // HeaderStyle10,\r\n    cardInfoPaciente,\r\n    // cardChartInfo,\r\n    CardTable,\r\n    // BtnAddCardTable,\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      usuario: {},\r\n      dataCicloEvaluacion: {},\r\n      autorizacion: {},\r\n      dataCards: [\r\n        {\r\n          title: \"Medicina Ocupacional\",\r\n          value: \"Laboral\",\r\n          iconName: \"briefcase\",\r\n          color: \"rgba(46, 134, 193)\",\r\n          tipo: \"squared\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n            this.$router.push({ name: 'MedOcuLaboral' })\r\n          },\r\n        },\r\n        {\r\n          title: \"Medicina Ocupacional\",\r\n          value: \"Eventos\",\r\n          iconName: \"calendar-days\",\r\n          color: \"rgba(46, 134, 193)\",\r\n          fontFamily : \"arial\",\r\n          tipo: \"squared\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n            this.$router.push({ name: 'MedOcuEventos' })\r\n          },\r\n\r\n        },\r\n        {\r\n          title: \"Medicina Ocupacional\",\r\n          value: \"Familiar\",\r\n          iconName: \"people-roof\",\r\n          color: \"rgba(125, 60, 152)\",\r\n          tipo: \"squared\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n            this.$router.push({ name: 'MedOcuFamiliar' })\r\n          },\r\n        },\r\n        {\r\n          title: \"Medicina Ocupacional\",\r\n          value: \"Personal\",\r\n          iconName: \"user-tie\",\r\n          color: \"rgba(125, 60, 152)\",\r\n          tipo: \"squared\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n            this.$router.push({ name: 'MedOcuPersonal' })\r\n          },\r\n        },\r\n        {\r\n          title: \"Medicina Ocupacional\",\r\n          value: \"Habitos\",\r\n          iconName: \"heart-circle-bolt\",\r\n          color: \"rgba(192, 57, 43)\",\r\n          tipo: \"squared\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n            this.$router.push({ name: 'MedOcuHabitos' })\r\n          },\r\n        },\r\n        {\r\n          title: \"Medicina Ocupacional\",\r\n          value: \"Fisico\",\r\n          iconName: \"dumbbell\",\r\n          color: \"rgba(192, 57, 43)\",\r\n          tipo: \"squared\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n            this.$router.push({ name: 'MedOcuFisico' })\r\n          },\r\n        },\r\n        {\r\n          title: \"Medicina Ocupacional\",\r\n          value: \"Otros\",\r\n          iconName: \"ellipsis\",\r\n          color: \"rgba(113, 125, 126)\",\r\n          tipo: \"circle\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n            this.$router.push({ name: 'MedOcuOtros' })\r\n          },\r\n        },\r\n        ]\r\n    };\r\n \r\n  },\r\n  async mounted() {\r\n      this.selectedSeccion = this.secciones[0]\r\n  },\r\n  methods: {\r\n  },\r\n  filters: {\r\n    formatDate(date) {\r\n      return moment_timezone.tz(date, \"America/Bogota\").format(\"MMM D, YYYY\");\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n#Card{\r\n  margin-top: 15px;\r\n  margin-bottom: 15px;\r\n\r\n}\r\n</style>","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!./MedOcuPersonal.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!./MedOcuPersonal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MedOcuPersonal.vue?vue&type=template&id=0e6ad430&scoped=true\"\nimport script from \"./MedOcuPersonal.vue?vue&type=script&lang=js\"\nexport * from \"./MedOcuPersonal.vue?vue&type=script&lang=js\"\nimport style0 from \"./MedOcuPersonal.vue?vue&type=style&index=0&id=0e6ad430&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  \"0e6ad430\",\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!./MedOcuPersonal.vue?vue&type=style&index=0&id=0e6ad430&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!./CardTableHis.vue?vue&type=style&index=0&id=8bc21318&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row\",staticStyle:{\"gap\":\"1rem\"}},_vm._l((_vm.data),function(card,index){return _c('div',{key:index,staticClass:\"col-12 col-md d-flex justify-content-between align-items-center rounded p-2 glow- bg-dark\",style:({\n      boxShadow:\n        _vm.activeCard === index ? `inset 0 0 0 2px ${card.color}` : 'none',\n    }),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',{staticClass:\"cursor-glow\",style:({\n        left: _vm.cursorX[index] + 'px',\n        top: _vm.cursorY[index] + 'px',\n        ..._vm.glowStyle(card.color),\n        opacity: _vm.showGlow[index] ? '1' : '0',\n      })}):_vm._e(),_c('div',{class:`d-flex align-items-center justify-content-center`,style:({\n        width: '60px',\n        height: '60px',\n        backgroundColor: card.color,\n        'border-radius': _vm.computeBorderRadius(card.tipo),\n        '-webkit-box-shadow': `0px -1px 33px -8px ${card.color}`,\n        '-moz-box-shadow': `0px -1px 33px -8px ${card.color}`,\n        'box-shadow': `0px -1px 33px -8px ${card.color}`,\n      })},[_c('i',{class:`fas fa-${card.iconName} ${_vm.computeAnimateIcon(\n          card.animated,\n          index\n        )}`,staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column align-items-center\",staticStyle:{\"flex-grow\":\"1\",\"max-width\":\"calc(100% - 50px)\"}},[_c('div',{class:`title-container`},[_c('span',{staticClass:\"font-weight-bold\",staticStyle:{\"font-size\":\"20px\"}},[_vm._v(_vm._s(_vm.evaluateValue(card.value))+\" \")]),_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          ]})])])])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- card table info -->\r\n<template>\r\n  <div class=\"row\" style=\"gap: 1rem\">\r\n    <div\r\n      v-for=\"(card, index) in data\"\r\n      :key=\"index\"\r\n      class=\"col-12 col-md d-flex justify-content-between align-items-center rounded p-2 glow- bg-dark\"\r\n      :style=\"{\r\n        boxShadow:\r\n          activeCard === index ? `inset 0 0 0 2px ${card.color}` : 'none',\r\n      }\"\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        class=\"cursor-glow\"\r\n        :style=\"{\r\n          left: cursorX[index] + 'px',\r\n          top: cursorY[index] + 'px',\r\n          ...glowStyle(card.color),\r\n          opacity: showGlow[index] ? '1' : '0',\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          backgroundColor: card.color,\r\n          'border-radius': computeBorderRadius(card.tipo),\r\n          '-webkit-box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n          '-moz-box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n          'box-shadow': `0px -1px 33px -8px ${card.color}`,\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: 1.5rem\"\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% - 50px)\"\r\n      >\r\n        <div :class=\"`title-container`\">\r\n          <span class=\"font-weight-bold\" style=\"font-size: 20px\">{{\r\n          evaluateValue(card.value)}}\r\n          </span>\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\r\n        </div>\r\n\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}\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!./CardTableHis.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!./CardTableHis.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CardTableHis.vue?vue&type=template&id=8bc21318&scoped=true\"\nimport script from \"./CardTableHis.vue?vue&type=script&lang=js\"\nexport * from \"./CardTableHis.vue?vue&type=script&lang=js\"\nimport style0 from \"./CardTableHis.vue?vue&type=style&index=0&id=8bc21318&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  \"8bc21318\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}