{"version":3,"sources":["webpack:///./src/views/Helexium/EntregasApp/DetallePuntoEntrega.vue?653c","webpack:///./src/views/Helexium/EntregasApp/DetallePuntoEntrega.vue","webpack:///src/views/Helexium/EntregasApp/DetallePuntoEntrega.vue","webpack:///./src/views/Helexium/EntregasApp/DetallePuntoEntrega.vue?2492","webpack:///./src/views/Helexium/EntregasApp/DetallePuntoEntrega.vue?0858","webpack:///./src/components/cardTable/CardTable.vue","webpack:///src/components/cardTable/CardTable.vue","webpack:///./src/components/cardTable/CardTable.vue?d1a9","webpack:///./src/components/cardTable/CardTable.vue?87e8","webpack:///./src/components/cardTable/CardTable.vue?a98d"],"names":["render","_vm","this","_c","_self","staticClass","attrs","name","dataCards","staticStyle","_v","coordenadas","length","_l","item","index","key","_s","latUbicacionActual","longUbicacionActual","fechaHoraActual","lugarEntrega","latUbicacionEntrega","longUbicacionEntrega","estadoCoordenadas","directives","rawName","value","title","placement","customClass","expression","on","$event","abrirGoogleMaps","_e","volverAListaEntregas","staticRenderFns","components","CardTable","data","iconName","color","tipo","animated","onActivate","dataTableInstance","search","draw","onDeactivate","error","puntoEntregaId","$route","params","id","usuario","JSON","parse","localStorage","getItem","empresaId","empresa","obtenerCoordenadasConductor","methods","response","$store","dispatch","path","success","map","formatearFecha","inicializarDataTable","message","fechaISO","date","Date","opciones","year","month","day","hour","minute","hour12","fechaFormateada","Intl","DateTimeFormat","format","$nextTick","window","$","fn","DataTable","isDataTable","destroy","language","url","pageLength","actualizarDatos","latitudActual","longitudActual","latitudDestino","longitudDestino","open","$router","push","component","card","_card$sizeValue","style","boxShadow","activeCard","showCursorGlow","hideCursorGlow","event","handleMouseMove","toggleActive","showGlow","left","cursorX","top","cursorY","glowStyle","opacity","class","width","height","backgroundColor","computeBorderRadius","computeAnimateIcon","animatedState","shouldAnimateTitle","fontSize","sizeValue","evaluateValue","props","type","Array","default","animationFrameId","beat","beatFade","bounce","fade","flip","shake","spin","spinReverse","spinPulse","tipoIcon","circle","squared","shield","water","mounted","onResize","addEventListener","beforeDestroy","removeEventListener","forEach","_","checkTitleLength","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-c6d2c2a4.681fe6ee0e2055369a53.js","sourcesContent":["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!./DetallePuntoEntrega.vue?vue&type=style&index=0&id=44b90b4e&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('card',[_c('div',{staticClass:\"custom-container\"},[_c('card',{staticClass:\"shadow-none\",attrs:{\"id\":\"resultados-evaluado\"}},[_c('HXContentCard',{attrs:{\"title\":\"Volver A los Puntos de Entrega\",\"toBack\":{ name: 'ListaEntregas' }}}),_c('div',{staticClass:\"col-12 col-md-6 col-lg-12\"},[_c('CardTable',{attrs:{\"data\":_vm.dataCards}})],1),_c('div',{staticClass:\"col-12 col-md-6 col-lg-8\",staticStyle:{\"margin-top\":\"2%\",\"margin-bottom\":\"2%\"}},[_c('span',{staticClass:\"card-title my-2 h2\"},[_c('b',[_vm._v(\"Coordenadas del conductor\")])])]),(_vm.coordenadas.length > 0)?_c('div',{staticClass:\"table-responsive\"},[_c('table',{staticClass:\"table table-bordered table-striped text-center\",attrs:{\"id\":\"datatable_resultadosEvaluacion\"}},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Latitud Ubicación\")]),_c('th',[_vm._v(\"Longitud Ubicación\")]),_c('th',[_vm._v(\"Fecha y Hora\")]),_c('th',[_vm._v(\"Lugar de entrega\")]),_c('th',[_vm._v(\"Latitud Ubicación entrega\")]),_c('th',[_vm._v(\"Longitud Ubicación entrega\")]),_c('th',[_vm._v(\"Estado\")]),_c('th',[_vm._v(\"Acciones\")])])]),_c('tbody',_vm._l((_vm.coordenadas),function(item,index){return _c('tr',{key:index},[_c('td',[_vm._v(_vm._s(item.latUbicacionActual))]),_c('td',[_vm._v(_vm._s(item.longUbicacionActual))]),_c('td',[_vm._v(_vm._s(item.fechaHoraActual))]),_c('td',[_vm._v(_vm._s(item.lugarEntrega))]),_c('td',[_vm._v(_vm._s(item.latUbicacionEntrega))]),_c('td',[_vm._v(_vm._s(item.longUbicacionEntrega))]),_c('td',[_vm._v(_vm._s(item.estadoCoordenadas))]),_c('td',[_c('vs-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                  title: `Ver en Google Maps`,\n                  placement: 'top',\n                  customClass: 'font_tooltip',\n                }),expression:\"{\\n                  title: `Ver en Google Maps`,\\n                  placement: 'top',\\n                  customClass: 'font_tooltip',\\n                }\"}],attrs:{\"icon\":\"\"},on:{\"click\":function($event){return _vm.abrirGoogleMaps(item)}}},[_c('i',{staticClass:\"fas fa-map\"}),_vm._v(\" Ver en Google Maps \")])],1)])}),0)])]):_vm._e(),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.coordenadas.length === 0)?_c('div',{staticClass:\"text-center p-5\"},[_c('div',{staticClass:\"no-results-container\"},[_c('div',{staticClass:\"emoji-container\"},[_c('span',{staticClass:\"emoji\",attrs:{\"role\":\"img\",\"aria-label\":\"Mapa\"}},[_vm._v(\"🗺️\")]),_c('span',{staticClass:\"emoji\",attrs:{\"role\":\"img\",\"aria-label\":\"Lupa\"}},[_vm._v(\"🔍\")]),_c('span',{staticClass:\"emoji\",attrs:{\"role\":\"img\",\"aria-label\":\"Pensando\"}},[_vm._v(\"🤔\")])]),_c('span',{staticClass:\"h2 no-results-title\"},[_vm._v(\"¡Oops! No hay resultados\")]),_c('p',{staticClass:\"no-results-message\"},[_vm._v(\"Parece que no hay coordenadas registradas en este momento.\")]),_c('button',{staticClass:\"refresh-button\",on:{\"click\":_vm.volverAListaEntregas}},[_c('span',{staticClass:\"refresh-icon\",attrs:{\"role\":\"img\",\"aria-label\":\"Volver\"}},[_vm._v(\"↩️\")]),_vm._v(\" Volver a Lista de Entregas \")])])]):_vm._e()])],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <card>\r\n    <div class=\"custom-container\">\r\n      <card class=\"shadow-none\" id=\"resultados-evaluado\">\r\n        <HXContentCard title=\"Volver A los Puntos de Entrega\" :toBack=\"{ name: 'ListaEntregas' }\">\r\n        </HXContentCard>\r\n        <!-- Botones -->\r\n        <div class=\"col-12 col-md-6 col-lg-12\">\r\n          <CardTable :data=\"dataCards\" />\r\n        </div>\r\n\r\n        <div class=\"col-12 col-md-6 col-lg-8\" style=\"margin-top: 2%; margin-bottom: 2%;\">\r\n          <span class=\"card-title my-2 h2\"><b>Coordenadas del conductor</b></span>\r\n        </div>\r\n\r\n        <!-- Tabla de resultados -->\r\n        <div v-if=\"coordenadas.length > 0\" class=\"table-responsive\">\r\n          <table id=\"datatable_resultadosEvaluacion\" class=\"table table-bordered table-striped text-center\">\r\n            <thead>\r\n              <tr>\r\n                <th>Latitud Ubicación</th>\r\n                <th>Longitud Ubicación</th>\r\n                <th>Fecha y Hora</th>\r\n                <th>Lugar de entrega</th>\r\n                <th>Latitud Ubicación entrega</th>\r\n                <th>Longitud Ubicación entrega</th>\r\n                <th>Estado</th>\r\n                <th>Acciones</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody>\r\n              <tr v-for=\"(item, index) in coordenadas\" :key=\"index\">\r\n                <td>{{ item.latUbicacionActual }}</td>\r\n                <td>{{ item.longUbicacionActual }}</td>\r\n                <td>{{ item.fechaHoraActual }}</td>\r\n                <td>{{ item.lugarEntrega }}</td>\r\n                <td>{{ item.latUbicacionEntrega }}</td>\r\n                <td>{{ item.longUbicacionEntrega }}</td>\r\n                <td>{{ item.estadoCoordenadas }}</td>\r\n                <td>\r\n                  <!-- Botón para abrir Google Maps con las coordenadas del conductor y destino -->\r\n                  <vs-button v-b-tooltip=\"{\r\n                    title: `Ver en Google Maps`,\r\n                    placement: 'top',\r\n                    customClass: 'font_tooltip',\r\n                  }\" icon @click=\"abrirGoogleMaps(item)\">\r\n                    <i class=\"fas fa-map\"></i> Ver en Google Maps\r\n                  </vs-button>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n        <transition name=\"fade\">\r\n          <div v-if=\"coordenadas.length === 0\" class=\"text-center p-5\">\r\n            <div class=\"no-results-container\">\r\n              <div class=\"emoji-container\">\r\n                <span class=\"emoji\" role=\"img\" aria-label=\"Mapa\">🗺️</span>\r\n                <span class=\"emoji\" role=\"img\" aria-label=\"Lupa\">🔍</span>\r\n                <span class=\"emoji\" role=\"img\" aria-label=\"Pensando\">🤔</span>\r\n              </div>\r\n              <span class=\"h2 no-results-title\">¡Oops! No hay resultados</span>\r\n              <p class=\"no-results-message\">Parece que no hay coordenadas registradas en este momento.</p>\r\n              <button @click=\"volverAListaEntregas\" class=\"refresh-button\">\r\n                <span class=\"refresh-icon\" role=\"img\" aria-label=\"Volver\">↩️</span> Volver a Lista de Entregas\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </transition>\r\n      </card>\r\n    </div>\r\n  </card>\r\n</template>\r\n\r\n<script>\r\nimport CardTable from \"../../../components/cardTable/CardTable.vue\";\r\n\r\nexport default {\r\n  name: \"DetallePuntoEntrega\",\r\n  components: {\r\n    CardTable,\r\n  },\r\n  data() {\r\n    return {\r\n      dataCards: [\r\n        {\r\n          title: \"Número de coordenadas registradas hasta el momento\",\r\n          value: () => this.coordenadas.length,\r\n          iconName: \"map-marker-alt\",\r\n          color: \"rgba(22, 162, 117, 1)\",\r\n          tipo: \"squared\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            this.dataTableInstance.search(\"\").draw();\r\n          },\r\n          onDeactivate: () => {\r\n            this.dataTableInstance.search(\"\").draw();\r\n          },\r\n        },\r\n      ],\r\n      coordenadas: [],\r\n      error: null,\r\n    };\r\n  },\r\n  async created() {\r\n    const puntoEntregaId = this.$route.params.id;\r\n    this.usuario = JSON.parse(localStorage.getItem(\"setPersonaAct\"));\r\n    const empresaId = this.usuario.empresa.id;\r\n\r\n    if (puntoEntregaId && empresaId) {\r\n      await this.obtenerCoordenadasConductor(puntoEntregaId);\r\n    } else {\r\n      this.error = \"No se proporcionaron parámetros válidos.\";\r\n    }\r\n  },\r\n  methods: {\r\n    async obtenerCoordenadasConductor(puntoEntregaId) {\r\n      try {\r\n        const response = await this.$store.dispatch(\"hl_get\", {\r\n          path: `EntregasApp/GetCoordenadasConductorConPlantilla/${puntoEntregaId}`,\r\n        });\r\n\r\n        if (response.success) {\r\n          this.coordenadas = response.data.map((item) => ({\r\n            ...item,\r\n            fechaHoraActual: this.formatearFecha(item.fechaHoraActual),\r\n          }));\r\n          console.log(\"Estos son los datos recibidos\", this.coordenadas);\r\n          if (this.coordenadas.length > 0) {\r\n            this.inicializarDataTable();\r\n          }\r\n        } else {\r\n          this.error = response.message || \"No se pudieron obtener las coordenadas del conductor.\";\r\n        }\r\n      } catch (error) {\r\n        console.error(\"Error al obtener las coordenadas del conductor:\", error);\r\n        this.error = \"Ocurrió un error al obtener las coordenadas del conductor.\";\r\n      }\r\n    },\r\n\r\n    formatearFecha(fechaISO) {\r\n      const date = new Date(fechaISO);\r\n      const opciones = {\r\n        year: 'numeric',\r\n        month: 'long',\r\n        day: 'numeric',\r\n        hour: '2-digit',\r\n        minute: '2-digit',\r\n        hour12: true,\r\n      };\r\n      const fechaFormateada = new Intl.DateTimeFormat('es-ES', opciones).format(date);\r\n      return fechaFormateada;\r\n    },\r\n\r\n    inicializarDataTable() {\r\n      this.$nextTick(() => {\r\n        if (window.$.fn.DataTable.isDataTable(\"#datatable_resultadosEvaluacion\")) {\r\n          window.$(\"#datatable_resultadosEvaluacion\").DataTable().destroy();\r\n        }\r\n        window.$(\"#datatable_resultadosEvaluacion\").DataTable({\r\n          language: {\r\n            url: \"//cdn.datatables.net/plug-ins/1.10.15/i18n/Spanish.json\",\r\n          },\r\n          pageLength: 5,\r\n        });\r\n      });\r\n    },\r\n\r\n    actualizarDatos() {\r\n      this.obtenerCoordenadasConductor(this.$route.params.id);\r\n    },\r\n\r\n    abrirGoogleMaps(item) {\r\n      const latitudActual = item.latUbicacionActual;\r\n      const longitudActual = item.longUbicacionActual;\r\n      const latitudDestino = item.latUbicacionEntrega;\r\n      const longitudDestino = item.longUbicacionEntrega;\r\n\r\n      console.log(\"Coordenadas origen:\", latitudActual, longitudActual);\r\n      console.log(\"Coordenadas destino:\", latitudDestino, longitudDestino);\r\n\r\n      const url = `https://www.google.com/maps/dir/?api=1&origin=${latitudActual},${longitudActual}&destination=${latitudDestino},${longitudDestino}&travelmode=driving`;\r\n\r\n      window.open(url, '_blank');\r\n    },\r\n    volverAListaEntregas() {\r\n      this.$router.push({ name: 'ListaEntregas' });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.emoji-container {\r\n  font-size: 48px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.emoji {\r\n  margin: 0 10px;\r\n  display: inline-block;\r\n  animation: bounce 2s infinite;\r\n}\r\n\r\n.no-results-title {\r\n  font-size: 28px;\r\n  font-weight: bold;\r\n  margin-bottom: 10px;\r\n  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.no-results-message {\r\n  font-size: 18px;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.refresh-button {\r\n  background-color: white;\r\n  color: black;\r\n  border: none;\r\n  padding: 12px 24px;\r\n  border-radius: 25px;\r\n  font-size: 16px;\r\n  font-weight: bold;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.refresh-button:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);\r\n  background-color: #f0f0f0;\r\n}\r\n\r\n.refresh-icon {\r\n  font-size: 20px;\r\n  vertical-align: middle;\r\n  margin-right: 8px;\r\n}\r\n\r\n@keyframes bounce {\r\n\r\n  0%,\r\n  20%,\r\n  50%,\r\n  80%,\r\n  100% {\r\n    transform: translateY(0);\r\n  }\r\n\r\n  40% {\r\n    transform: translateY(-20px);\r\n  }\r\n\r\n  60% {\r\n    transform: translateY(-10px);\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/@vue/cli-plugin-babel/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!./DetallePuntoEntrega.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/@vue/cli-plugin-babel/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!./DetallePuntoEntrega.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DetallePuntoEntrega.vue?vue&type=template&id=44b90b4e&scoped=true\"\nimport script from \"./DetallePuntoEntrega.vue?vue&type=script&lang=js\"\nexport * from \"./DetallePuntoEntrega.vue?vue&type=script&lang=js\"\nimport style0 from \"./DetallePuntoEntrega.vue?vue&type=style&index=0&id=44b90b4e&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  \"44b90b4e\",\n  null\n  \n)\n\nexport default component.exports","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 align-items-center rounded p-2 glow-box 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% - 60px)\"}},[_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\",style:({\n          fontSize: `${card.sizeValue ?? 40}px`,\n        })},[_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 align-items-center rounded p-2 glow-box 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% - 60px)\"\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\r\n          class=\"font-weight-bold\"\r\n          :style=\"{\r\n            fontSize: `${card.sizeValue ?? 40}px`,\r\n          }\"\r\n          >{{ evaluateValue(card.value) }}</span\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          sizeValue: 40,\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/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=73483910&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=73483910&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  \"73483910\",\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=73483910&prod&scoped=true&lang=css\""],"sourceRoot":""}