{"version":3,"sources":["webpack:///./src/views/Helexium/Empresas/Empresa.vue?f2eb","webpack:///./src/views/Helexium/Empresas/Empresa.vue","webpack:///src/views/Helexium/Empresas/Empresa.vue","webpack:///./src/views/Helexium/Empresas/Empresa.vue?7b92","webpack:///./src/views/Helexium/Empresas/Empresa.vue?0f2d","webpack:///./src/components/ButtonGroup/ButtonGroup.vue","webpack:///src/components/ButtonGroup/ButtonGroup.vue","webpack:///./src/components/ButtonGroup/ButtonGroup.vue?2a4d","webpack:///./src/components/ButtonGroup/ButtonGroup.vue?d71a","webpack:///./src/components/ButtonGroup/ButtonGroup.vue?b50a"],"names":["render","_vm","this","_c","_self","attrs","staticClass","logoEmpresa","staticStyle","_v","on","$event","$router","push","scopedSlots","_u","key","fn","proxy","_l","listaItems","item","index","id","_s","nombre","urlLogo","$bvModal","show","sector","descripcion","correo","telefonoContacto","estado","dataIcons","staticRenderFns","Swal","require","components","ButtonGroup","name","data","itemId","type","tooltip","title","value","iconName","color","tipo","animated","onActivate","Id","onDeactivate","deleteRow","$isLoading","core","getData","window","$","DataTable","language","url","methods","EmpresaId","res","$store","dispatch","path","fire","error","text","icon","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","cancelButtonText","then","result","isConfirmed","length","component","card","directives","rawName","placement","customClass","expression","style","boxShadow","activeCard","toggleActive","class","props","Array","default","dataModal","showGlow","cursorX","cursorY","animationFrameId","animatedState","shouldAnimateTitle","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","evaluateValue","glowStyle","handleMouseMove","event","rect","currentTarget","getBoundingClientRect","targetX","clientX","left","targetY","clientY","top","cancelAnimationFrame","animate","startX","startY","dx","dy","Math","abs","requestAnimationFrame","showCursorGlow","hideCursorGlow"],"mappings":"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","file":"js/chunk-7af7d22b.7bf9719b.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!./Empresa.vue?vue&type=style&index=0&id=7407885a&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('HXContentCard',{attrs:{\"title\":\"Lista de Empresas\"}},[_c('b-modal',{attrs:{\"id\":\"modalLogoEmpresa\",\"title\":\"Logo empresa\",\"size\":\"md\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"text-center\"},[(_vm.logoEmpresa)?_c('img',{staticClass:\"img-fluid rounded\",staticStyle:{\"max-width\":\"400px\",\"margin-left\":\"0 auto !important\",\"margin-right\":\"0 auto !important\"},attrs:{\"src\":_vm.logoEmpresa,\"alt\":\"logo-empresa\"}}):_c('p',[_vm._v(\"No hay logo cargado para esta empresa.\")])])]),_c('div',{staticClass:\"text-right px-4 mt-2\"},[_c('div',{staticClass:\"d-flex justify-content-end\"},[_c('vs-button',{staticClass:\"mx-1 text-right\",attrs:{\"icon\":\"\",\"animation-type\":\"vertical\"},on:{\"click\":function($event){return _vm.$router.push('Empresas_agregar')}},scopedSlots:_vm._u([{key:\"animate\",fn:function(){return [_c('i',{staticClass:\"fas fa-plus-circle\"})]},proxy:true}])},[_c('i',{staticClass:\"fas fa-plus-circle px-1\"}),_vm._v(\" Agregar Empresa \")])],1)]),_c('div',{staticClass:\"table-responsive p-4\"},[_c('table',{staticClass:\"table table-bordered table-responsive-md table-striped text-center\",attrs:{\"id\":\"datatable_empresa\"}},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"#\")]),_c('th',[_vm._v(\"Nombre Empresa\")]),_c('th',[_vm._v(\"Imagen\")]),_c('th',[_vm._v(\"Sector\")]),_c('th',[_vm._v(\"Coreo Electrónico\")]),_c('th',[_vm._v(\"Teléfono\")]),_c('th',[_vm._v(\"Estado\")]),_c('th',[_vm._v(\"Opciones\")])])]),_c('tbody',_vm._l((_vm.listaItems),function(item,index){return _c('tr',{key:item.id},[_c('td',[_c('strong',[_vm._v(\" \"+_vm._s(index + 1)+\" \")])]),_c('td',[_vm._v(_vm._s(item.nombre))]),_c('td',{staticClass:\"px-3 text-center\"},[_c('vs-avatar',{staticClass:\"hover_avatar\",on:{\"click\":function($event){_vm.logoEmpresa = item.urlLogo;\n                _vm.$bvModal.show('modalLogoEmpresa');}}},[(item.urlLogo)?_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":item.urlLogo,\"alt\":\"logo-empresa\"}}):_c('i',{staticClass:\"fas fa-building\"})])],1),_c('td',[_vm._v(_vm._s(item.sector.descripcion))]),_c('td',[_vm._v(_vm._s(item.correo))]),_c('td',[_vm._v(_vm._s(item.telefonoContacto))]),_c('td',[_vm._v(_vm._s(item.estado == 1 ? \"Activo\" : \"Inactivo\"))]),_c('td',{staticStyle:{\"width\":\"150px !important\"}},[_c('ButtonGroup',{attrs:{\"Id\":item.id,\"data\":_vm.dataIcons}})],1)])}),0)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <HXContentCard title=\"Lista de Empresas\">\r\n    <!-- modal logo empresa -->\r\n    <b-modal id=\"modalLogoEmpresa\" title=\"Logo empresa\" size=\"md\" hide-footer>\r\n      <div class=\"text-center\">\r\n        <img\r\n          v-if=\"logoEmpresa\"\r\n          class=\"img-fluid rounded\"\r\n          style=\"\r\n            max-width: 400px;\r\n            margin-left: 0 auto !important;\r\n            margin-right: 0 auto !important;\r\n          \"\r\n          :src=\"logoEmpresa\"\r\n          alt=\"logo-empresa\"\r\n        />\r\n        <p v-else>No hay logo cargado para esta empresa.</p>\r\n      </div>\r\n    </b-modal>\r\n    <div class=\"text-right px-4 mt-2\">\r\n      <div class=\"d-flex justify-content-end\">\r\n        <vs-button\r\n          icon\r\n          animation-type=\"vertical\"\r\n          class=\"mx-1 text-right\"\r\n          @click=\"$router.push('Empresas_agregar')\"\r\n        >\r\n          <i class=\"fas fa-plus-circle px-1\"></i>\r\n          Agregar Empresa\r\n          <template #animate>\r\n            <i class=\"fas fa-plus-circle\"></i>\r\n          </template>\r\n        </vs-button>\r\n      </div>\r\n    </div>\r\n    <!-- end button-sm -->\r\n    <div class=\"table-responsive p-4\">\r\n      <table\r\n        id=\"datatable_empresa\"\r\n        class=\"table table-bordered table-responsive-md table-striped text-center\"\r\n      >\r\n        <thead>\r\n          <tr>\r\n            <th>#</th>\r\n            <th>Nombre Empresa</th>\r\n            <th>Imagen</th>\r\n            <th>Sector</th>\r\n            <th>Coreo Electrónico</th>\r\n            <th>Teléfono</th>\r\n            <th>Estado</th>\r\n\r\n            <th>Opciones</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          <tr v-for=\"(item, index) in listaItems\" :key=\"item.id\">\r\n            <td>\r\n              <strong>\r\n                {{ index + 1 }}\r\n              </strong>\r\n            </td>\r\n            <td>{{ item.nombre }}</td>\r\n            <td class=\"px-3 text-center\">\r\n              <vs-avatar\r\n                class=\"hover_avatar\"\r\n                @click=\"\r\n                  logoEmpresa = item.urlLogo;\r\n                  $bvModal.show('modalLogoEmpresa');\r\n                \"\r\n              >\r\n                <img\r\n                  v-if=\"item.urlLogo\"\r\n                  class=\"img-fluid\"\r\n                  :src=\"item.urlLogo\"\r\n                  alt=\"logo-empresa\"\r\n                />\r\n                <i v-else class=\"fas fa-building\"></i>\r\n              </vs-avatar>\r\n            </td>\r\n            <td>{{ item.sector.descripcion }}</td>\r\n            <td>{{ item.correo }}</td>\r\n            <td>{{ item.telefonoContacto }}</td>\r\n            <td>{{ item.estado == 1 ? \"Activo\" : \"Inactivo\" }}</td>\r\n            <td style=\"width: 150px !important\">\r\n              <ButtonGroup :Id=\"item.id\" :data=\"dataIcons\"></ButtonGroup>\r\n            </td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  </HXContentCard>\r\n</template>\r\n<script>\r\nimport { core } from \"../../../config/pluginInit\";\r\nimport ButtonGroup from \"../../../components/ButtonGroup/ButtonGroup.vue\";\r\nconst Swal = require(\"sweetalert2\");\r\n\r\nexport default {\r\n  components: {\r\n    ButtonGroup,\r\n  },\r\n  name: \"DataTable\",\r\n  data() {\r\n    return {\r\n      listaItems: [],\r\n      logoEmpresa: \"\",\r\n      itemId: null,\r\n      dataIcons: [\r\n        {\r\n          type: \"success\",\r\n          tooltip: \"Editar empresa\",\r\n          title: \"\",\r\n          value: () => 10,\r\n          iconName: \"pen\",\r\n          color: \"rgba(22, 162, 117, 1)\",\r\n          tipo: \"squared\",\r\n          animated: \"bounce\",\r\n          onActivate: (Id) => {\r\n            console.log(\"Activated\");\r\n            this.$router.push(\"Empresas_editar/\" + Id);\r\n          },\r\n          onDeactivate: () => {\r\n            console.log(\"Deactivate\");\r\n          },\r\n        },\r\n        //        {\r\n        //          type: \"warning\",\r\n        //          tooltip: \"Crear lista de deducciones y devengados para nómina \",\r\n        //          title: \"\",\r\n        //          value: () => 0,\r\n        //          iconName: \"cog\",\r\n        //          color: \"rgba(22, 162, 117, 1)\",\r\n        //          tipo: \"squared\",\r\n        //          animated: \"bounce\",\r\n        //          onActivate: (Id) => {\r\n        //            this.CrearItemsNomina(Id);\r\n        //            console.log(\"Activated\");\r\n        //          },\r\n        //          onDeactivate: () => {\r\n        //            console.log(\"Deactivate\");\r\n        //          },\r\n        //        },\r\n        {\r\n          type: \"danger\",\r\n          tooltip: \"Eliminar registro\",\r\n          title: \"\",\r\n          value: () => 0,\r\n          iconName: \"trash\",\r\n          color: \"rgba(22, 162, 117, 1)\",\r\n          tipo: \"squared\",\r\n          animated: \"bounce\",\r\n          onActivate: (Id) => {\r\n            console.log(\"Activated\");\r\n            this.deleteRow(Id);\r\n          },\r\n          onDeactivate: () => {\r\n            console.log(\"Deactivate\");\r\n          },\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  async mounted() {\r\n    this.$isLoading(true);\r\n    core.index();\r\n    await this.getData();\r\n    window.$(\"#datatable_empresa\").DataTable({\r\n      language: {\r\n        url: \"//cdn.datatables.net/plug-ins/1.10.15/i18n/Spanish.json\",\r\n      },\r\n    });\r\n    this.$isLoading(false);\r\n  },\r\n  methods: {\r\n    async CrearItemsNomina(EmpresaId) {\r\n      try {\r\n        this.$isLoading(true);\r\n\r\n        let res = await this.$store.dispatch(\"hl_post\", {\r\n          path:\r\n            \"NominaLiquidacion/CrearNominaLiquidacionItemsEmpresa/\" + EmpresaId,\r\n        });\r\n        this.$isLoading(false);\r\n        if (res)\r\n          Swal.fire(\"Listo!\", \"Proceso finalizado correctamente.\", \"success\");\r\n        else\r\n          Swal.fire(\"Error!\", \"Ya existen items para esta empresa.\", \"error\");\r\n      } catch (error) {\r\n        this.$isLoading(false);\r\n        console.log(\"error\", error);\r\n        Swal.fire(\"Error!\", \"Error: \" + error, \"error\");\r\n      }\r\n    },\r\n    async deleteRow(id) {\r\n      Swal.fire({\r\n        title: \"Seguro eliminar registro?\",\r\n        text: \"Después de eliminarlo no podrás recuperarlo!\",\r\n        icon: \"warning\",\r\n        showCancelButton: true,\r\n        confirmButtonColor: \"#3085d6\",\r\n        cancelButtonColor: \"#d33\",\r\n        confirmButtonText: \"Si!\",\r\n        cancelButtonText: \"Cancelar\",\r\n      }).then(async (result) => {\r\n        if (result.isConfirmed) {\r\n          //let loader = this.$loading.show();\r\n          await this.$store.dispatch(\"hl_get\", {\r\n            path: \"Empresa/delete/\" + id,\r\n          });\r\n\r\n          //console.log(\"res\", res);\r\n          //loader.hide()\r\n          await this.getData();\r\n\r\n          Swal.fire(\"Listo!\", \"Registro eliminado correctamente.\", \"success\");\r\n        }\r\n      });\r\n    },\r\n    async getData() {\r\n      //console.log(this.persona.empresa.id);\r\n      try {\r\n        console.log(\"get empresas...\");\r\n        let res = await this.$store.dispatch(\"hl_post\", {\r\n          path: \"Empresa/ListEmpresa\",\r\n        });\r\n        console.log(\"post empresas...\", res);\r\n        if (res.length > 0) {\r\n          this.listaItems = res;\r\n        } else {\r\n          this.listaItems = [];\r\n        }\r\n      } catch (error) {\r\n        this.listaItems = [];\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style>\r\n/* .vs-avatar{\r\nbackground-color: rgb(255, 255, 255) !important;\r\n}\r\n.vs-avatar:hover{\r\n  background-image: url(https://www.w3schools.com/cssref/img_5terre.jpg);\r\n  img\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!./Empresa.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!./Empresa.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Empresa.vue?vue&type=template&id=7407885a\"\nimport script from \"./Empresa.vue?vue&type=script&lang=js\"\nexport * from \"./Empresa.vue?vue&type=script&lang=js\"\nimport style0 from \"./Empresa.vue?vue&type=style&index=0&id=7407885a&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',_vm._l((_vm.data),function(card,index){return _c('div',{key:index,staticStyle:{\"display\":\"inline-block !important\"}},[_c('vs-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n        title: `${card.tooltip}`,\n        placement: 'top',\n\n        customClass: 'font_tooltip',\n      }),expression:\"{\\n        title: `${card.tooltip}`,\\n        placement: 'top',\\n\\n        customClass: 'font_tooltip',\\n      }\"}],key:index,staticClass:\"mx-1 px-0\",style:({ boxShadow: _vm.activeCard === index ? `inset 0 0 0 2px ${card.color}` : 'none' }),attrs:{\"icon\":\"\",\"color\":card.type},on:{\"click\":function($event){return _vm.toggleActive(index)}}},[_c('i',{class:`fas fa-${card.iconName} }`})])],1)}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- card table info -->\r\n<template>\r\n  <div>\r\n    <div v-for=\"(card, index) in data\" :key=\"index\" style=\"display: inline-block !important\">\r\n      <vs-button\r\n        v-b-tooltip=\"{\r\n          title: `${card.tooltip}`,\r\n          placement: 'top',\r\n\r\n          customClass: 'font_tooltip',\r\n        }\"\r\n        icon\r\n        @click=\"toggleActive(index)\"\r\n        :color=\"card.type\"\r\n        class=\"mx-1 px-0\"\r\n        :key=\"index\"\r\n        :style=\"{ boxShadow: activeCard === index ? `inset 0 0 0 2px ${card.color}` : 'none' }\"\r\n      >\r\n        <!-- linar-style cursor glow -->\r\n        <i :class=\"`fas fa-${card.iconName} }`\"></i>\r\n      </vs-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\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    Id: null,\r\n    dataModal: {},\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    // alert(this.data[0].value)\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\")[index];\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      console.log(this.data);\r\n      console.log(\"data modal --->\", index);\r\n      console.log(\"data value --->\", this.data[index].value);\r\n      if (this.data[index].value == 999) {\r\n        console.log(\"data -1\");\r\n        this.data[index].onActivate(this.dataModal);\r\n      } else {\r\n        console.log(\"data <> 1\");\r\n        this.data[index].onActivate(this.Id);\r\n      }\r\n\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.font_tooltip {\r\n  font-size: 14px;\r\n  font-style: italic;\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!./ButtonGroup.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!./ButtonGroup.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ButtonGroup.vue?vue&type=template&id=4486e66b&scoped=true\"\nimport script from \"./ButtonGroup.vue?vue&type=script&lang=js\"\nexport * from \"./ButtonGroup.vue?vue&type=script&lang=js\"\nimport style0 from \"./ButtonGroup.vue?vue&type=style&index=0&id=4486e66b&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  \"4486e66b\",\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!./ButtonGroup.vue?vue&type=style&index=0&id=4486e66b&prod&scoped=true&lang=css\""],"sourceRoot":""}