{"version":3,"sources":["webpack:///./src/views/Helexium/Nomina/LiquidadorNomina/LiquidadorNomina.vue?1b3f","webpack:///./src/views/Helexium/Nomina/LiquidadorNomina/LiquidadorNomina.vue","webpack:///src/views/Helexium/Nomina/LiquidadorNomina/LiquidadorNomina.vue","webpack:///./src/views/Helexium/Nomina/LiquidadorNomina/LiquidadorNomina.vue?d8f9","webpack:///./src/views/Helexium/Nomina/LiquidadorNomina/LiquidadorNomina.vue?f4e2","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"],"names":["render","_vm","this","_c","_self","staticClass","_v","attrs","resumenTrabajadoresToCard","liquidacionExistente","disableButtonLiquidacion","on","enviarNominaIndividual","waitingAportes","_e","_l","resumenTrabajadores","trabajador","key","id","_s","nombres","apellidos","numeroDocumento","error","mapError","index","waiting","staticRenderFns","Swal","require","components","CardTable","props","liquidacionId","type","String","required","responseLiquidacion","$store","getters","fetchGet","path","liquidacionGeneral","json","idSeguimientoAportesEnLinea","then","response","liquidacion","empresa","numeroDeErrores","filter","length","numeroDeAciertos","finally","window","$","DataTable","data","userAportesEnLinea","passwordAportesEnLinea","computed","title","value","iconName","color","tipo","animated","methods","APIAportes","tkAportesEnLinea","JSON","parse","localStorage","getItem","Date","fecha","token","body","user","password","ambiente","fetch","method","headers","stringify","Error","setItem","informacionGeneral","tipoXML","enviarDatosAportesEnLinea","enviarNominaDeAjuste","disableButtonLiquidacio","getTokenAportes","resultLiquidacion","successful","idTrack","descripcion","join","fetchPost","ok","fire","text","icon","confirmButtonText","$router","push","message","erroresString","replace","split","map","trim","component","staticStyle","card","$event","showCursorGlow","hideCursorGlow","event","handleMouseMove","toggleActive","showGlow","class","animatedState","shouldAnimateTitle","evaluateValue","Array","default","onActivate","onDeactivate","cursorX","cursorY","animationFrameId","activeCard","beat","beatFade","bounce","fade","flip","shake","spin","spinReverse","spinPulse","tipoIcon","circle","squared","shield","water","mounted","onResize","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","animate","startX","startY","dx","dy","Math","abs","requestAnimationFrame"],"mappings":"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","file":"js/chunk-cccadd72.0bc2c5b5.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!./LiquidadorNomina.vue?vue&type=style&index=0&id=cb116a2c&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container-fluid\"},[_c('b-card',{},[_c('h3',[_vm._v(\" Liquidador de Nómina \")]),_c('div',[_c('CardTable',{staticClass:\"px-3 py-2\",attrs:{\"data\":_vm.resumenTrabajadoresToCard}}),(!_vm.liquidacionExistente)?_c('div',{staticClass:\"my-2\"},[_c('div',{staticClass:\"d-flex\"},[_c('vs-button',{attrs:{\"disabled\":_vm.disableButtonLiquidacion},on:{\"click\":_vm.enviarNominaIndividual}},[(!_vm.waitingAportes)?_c('span',[_vm._v(\" Liquidar nomina \")]):_c('i',{staticClass:\"fa fa-spinner fa-spin\"})])],1),(_vm.disableButtonLiquidacion)?_c('p',[_vm._v(\"Todos los trabajadores previamente seleccionados deben tener la información actualizada\")]):_vm._e()]):_c('div',[_c('p',[_vm._v(\"Esta nómina ya fue liquidada\")])]),_c('table',{staticClass:\"table table-bordered table-responsive-md table-striped text-center\",attrs:{\"id\":\"table_liquidador\"}},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Nombres\")]),_c('th',[_vm._v(\"Identificación\")]),_c('th',[_vm._v(\"Listo para liquidar\")])])]),_c('tbody',[_vm._l((_vm.resumenTrabajadores),function(trabajador){return _c('tr',{key:trabajador.id},[_c('td',{staticClass:\"text-center\"},[_vm._v(_vm._s(trabajador.nombres + trabajador.apellidos))]),_c('td',{staticClass:\"text-center\"},[_vm._v(_vm._s(trabajador.numeroDocumento))]),_c('td',{staticClass:\"text-center\"},[(!trabajador.error)?[_vm._v(\"Todo en orden\")]:_vm._e(),_c('ul',{staticClass:\"p-0\"},_vm._l((_vm.mapError(trabajador.error)),function(error,index){return _c('li',{key:index},[_vm._v(_vm._s(error))])}),0)],2)])}),(_vm.waiting)?_c('tr',[_c('td',[_c('icon',{staticClass:\"fa fa-spinner fa-spin\"})],1),_c('td',[_c('icon',{staticClass:\"fa fa-spinner fa-spin\"})],1),_c('td',[_c('icon',{staticClass:\"fa fa-spinner fa-spin\"})],1)]):_vm._e()],2)])],1)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport CardTable from \"@/components/cardTable/CardTable.vue\";\r\nconst Swal = require(\"sweetalert2\");\r\nexport default {\r\n  components: {\r\n    CardTable\r\n  },\r\n  props: {\r\n    liquidacionId: {\r\n      type: String,\r\n      required: true\r\n    }\r\n  },\r\n  async mounted() {\r\n    const responseLiquidacion = await this.$store.getters.fetchGet({ path: `LiquidadorNomina/GetLiquidacion/${this.liquidacionId}` })\r\n    const liquidacionGeneral = await responseLiquidacion.json()\r\n    this.liquidacionExistente = !!liquidacionGeneral.idSeguimientoAportesEnLinea\r\n    \r\n\r\n    this.waiting = true;\r\n    this.$store.getters.fetchGet({\r\n      path: `LiquidadorNomina/GetDataLiquidacion/${this.liquidacionId}`\r\n    })\r\n      .then(response => response.json())\r\n      .then(({ liquidacion, resumenTrabajadores, empresa }) => {\r\n        this.liquidacion = liquidacion\r\n\r\n        this.resumenTrabajadores = resumenTrabajadores\r\n        this.numeroDeErrores = resumenTrabajadores.filter(trabajador => trabajador.error).length\r\n        this.numeroDeAciertos = resumenTrabajadores.filter(trabajador => !trabajador.error).length\r\n        this.empresa = empresa\r\n      })\r\n      .finally(() => {\r\n        this.waiting = false;\r\n      });\r\n\r\n\r\n    window.$(\"#table_liquidador\").DataTable();\r\n  },\r\n  data() {\r\n    return {\r\n      waiting: false,\r\n      liquidacion: null,\r\n      resumenTrabajadores: [],\r\n      numeroDeErrores: null,\r\n      numeroDeAciertos: null,\r\n      waitingAportes: false,\r\n      empresa: {\r\n        id: \"\",\r\n        userAportesEnLinea: \"\",\r\n        passwordAportesEnLinea: \"\",\r\n      },\r\n      liquidacionExistente: false\r\n    }\r\n  },\r\n  computed: {\r\n    resumenTrabajadoresToCard() {\r\n      return [\r\n        {\r\n          title: \"Numero de trabajadores listos para liquidar\",\r\n          value: this.numeroDeAciertos,\r\n          iconName: \"circle-check\",\r\n          color: \"#16a275\",\r\n          tipo: \"squared\",\r\n          animated: \"bounce\",\r\n        },\r\n        {\r\n          title: \"Numero de trabajadores que les falta información\",\r\n          value: this.numeroDeErrores,\r\n          iconName: \"ban\",\r\n          color: \"#f00\",\r\n          tipo: \"squared\",\r\n          animated: \"bounce\",\r\n        }\r\n      ]\r\n    },\r\n    disableButtonLiquidacion() {\r\n      return this.numeroDeErrores > 0 || this.numeroDeAciertos == null\r\n    },\r\n  },\r\n  methods: {\r\n    async getTokenAportes(APIAportes) {\r\n      //Revisa el local storage si existe tkAportesEnLinea\r\n      const tkAportesEnLinea = JSON.parse(localStorage.getItem('tkAportesEnLinea'))\r\n      //Si existe y no ha pasado 1 hora desde que se generó el token, lo usa\r\n      if (tkAportesEnLinea && (new Date() - new Date(tkAportesEnLinea.fecha)) < 3600000) {\r\n        return tkAportesEnLinea.token\r\n      } else {\r\n        const body = {\r\n          user: this.empresa.userAportesEnLinea,\r\n          password: this.empresa.passwordAportesEnLinea,\r\n          ambiente: 2\r\n        }\r\n        console.log(body)\r\n        const response = await fetch(`${APIAportes}/NominaElectronica/Autenticacion`, {\r\n          method: 'POST',\r\n          headers: {\r\n            'accept': 'application/json',\r\n            'Content-Type': 'application/json'\r\n          },\r\n          body: JSON.stringify(body)\r\n        })\r\n\r\n        const { token } = await response.json()\r\n        if (token) {\r\n          localStorage.setItem(\"tkAportesEnLinea\", JSON.stringify({ token, fecha: new Date() }));\r\n        } else {\r\n          throw new Error(\"No se pudo obtener el token\");\r\n        }\r\n        return token;\r\n      }\r\n    },\r\n    enviarNominaIndividual() {\r\n      this.liquidacion.informacionGeneral.tipoXML = \"102\";\r\n      this.enviarDatosAportesEnLinea();\r\n    },\r\n    enviarNominaDeAjuste() {\r\n      this.liquidacion.informacionGeneral.tipoXML = \"103\";\r\n      this.enviarDatosAportesEnLinea();\r\n    },\r\n\r\n    async enviarDatosAportesEnLinea() {\r\n      if (this.disableButtonLiquidacio || this.liquidacionExistente) return;\r\n\r\n      const APIAportes = `https://nominaelectronicaapipruebas.aportesenlinea.com/Api`\r\n\r\n      this.waitingAportes = true\r\n      const token = await this.getTokenAportes(APIAportes)\r\n\r\n      console.log(this.liquidacion);\r\n      const responseLiquidacion = await fetch(`${APIAportes}/NominaElectronica/ProcesarNomina`, {\r\n        method: 'POST',\r\n        headers: {\r\n          'accept': 'application/json',\r\n          'token': token,\r\n          'Content-Type': 'application/json'\r\n        },\r\n        body: JSON.stringify(this.liquidacion)\r\n      })\r\n      const resultLiquidacion = await responseLiquidacion.json();\r\n\r\n\r\n      try {\r\n        if (resultLiquidacion.successful && resultLiquidacion.idTrack) {\r\n          const response = await this.$store.getters.fetchPost({ path: `LiquidadorNomina/liquidacion/${this.liquidacionId}/GuardarIdDeSeguimiento/${resultLiquidacion.idTrack}` })\r\n\r\n          if (response.ok) {\r\n            Swal.fire({\r\n              title: 'Procesando nómina',\r\n              text: resultLiquidacion.descripcion.join('\\n'),\r\n              icon: 'success',\r\n              confirmButtonText: 'Ok'\r\n            })\r\n              .finally(() => {\r\n                this.$router.push({ path: `/helex/nomina_editar/${this.liquidacionId}` })\r\n              })\r\n\r\n          } else {\r\n            throw new Error('Error al guardar el id de seguimiento')\r\n          }\r\n\r\n        } else {\r\n          throw new Error(resultLiquidacion.descripcion.join('\\n'))\r\n        }\r\n      } catch (error) {\r\n        Swal.fire({\r\n          title: 'Error',\r\n          text: error.message,\r\n          icon: 'error',\r\n          confirmButtonText: 'Ok'\r\n        })\r\n      }\r\n      this.waitingAportes = false\r\n    },\r\n    mapError(erroresString) {\r\n      return erroresString.replace(\"Errores: \", \"\").split(\", \").map(error => error.trim());\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"container-fluid \">\r\n    <b-card class=\"\">\r\n      <h3>\r\n        Liquidador de Nómina\r\n      </h3>\r\n      <div>\r\n        <CardTable class=\"px-3 py-2\" :data=\"resumenTrabajadoresToCard\" />\r\n\r\n        <div class=\"my-2\" v-if=\"!liquidacionExistente\">\r\n          <div class=\"d-flex\">\r\n            <vs-button @click=\"enviarNominaIndividual\"   :disabled=\"disableButtonLiquidacion\">\r\n              <span v-if=\"!waitingAportes\"> Liquidar nomina </span>\r\n              <i v-else class=\"fa fa-spinner fa-spin\"></i>\r\n            </vs-button>\r\n          </div>\r\n\r\n          <p v-if=\"disableButtonLiquidacion\">Todos los trabajadores previamente seleccionados deben tener la información\r\n            actualizada</p>\r\n        </div>\r\n        <div v-else>\r\n          <p>Esta nómina ya fue liquidada</p>\r\n        </div>\r\n\r\n        <table id=\"table_liquidador\" class=\"table table-bordered table-responsive-md table-striped text-center\">\r\n          <thead>\r\n            <tr>\r\n              <th>Nombres</th>\r\n              <th>Identificación</th>\r\n              <th>Listo para liquidar</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            <tr v-for=\"trabajador in resumenTrabajadores\" :key=\"trabajador.id\">\r\n              <td class=\"text-center\">{{ trabajador.nombres + trabajador.apellidos }}</td>\r\n              <td class=\"text-center\">{{ trabajador.numeroDocumento }}</td>\r\n              <td class=\"text-center\">\r\n                <template v-if=\"!trabajador.error\">Todo en orden</template>\r\n\r\n                <ul class=\"p-0\">\r\n                  <li v-for=\"(error, index) in mapError(trabajador.error)\" :key=\"index\">{{ error }}</li>\r\n                </ul>\r\n              </td>\r\n            </tr>\r\n            <tr v-if=\"waiting\">\r\n              <td>\r\n                <icon class=\"fa fa-spinner fa-spin\" />\r\n              </td>\r\n              <td>\r\n                <icon class=\"fa fa-spinner fa-spin\" />\r\n              </td>\r\n              <td>\r\n                <icon class=\"fa fa-spinner fa-spin\" />\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n      <!-- <pre class=\"text-white\">{{ liquidacion }}</pre> -->\r\n    </b-card>\r\n  </div>\r\n</template>\r\n\r\n<style scoped>\r\n.wrapper-input {\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-bottom: .5rem;\r\n  margin: 1rem 0 0;\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!./LiquidadorNomina.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!./LiquidadorNomina.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./LiquidadorNomina.vue?vue&type=template&id=cb116a2c&scoped=true\"\nimport script from \"./LiquidadorNomina.vue?vue&type=script&lang=js\"\nexport * from \"./LiquidadorNomina.vue?vue&type=script&lang=js\"\nimport style0 from \"./LiquidadorNomina.vue?vue&type=style&index=0&id=cb116a2c&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  \"cb116a2c\",\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"],"sourceRoot":""}