{"version":3,"sources":["webpack:///./src/views/Helexium/Cargos/Cargos.vue","webpack:///src/views/Helexium/Cargos/Cargos.vue","webpack:///./src/views/Helexium/Cargos/Cargos.vue?8e43","webpack:///./src/views/Helexium/Cargos/Cargos.vue?cb99","webpack:///./src/components/ButtonGroup/ButtonGroup.vue?d352","webpack:///./src/components/ButtonGroup/ButtonGroup.vue","webpack:///src/components/ButtonGroup/ButtonGroup.vue","webpack:///./src/components/ButtonGroup/ButtonGroup.vue?ad6d","webpack:///./src/components/ButtonGroup/ButtonGroup.vue?d71a"],"names":["render","_vm","this","_c","_self","attrs","staticClass","_v","_s","row","titulo","tipoCompetencia","descripcion","scopedSlots","_u","key","fn","proxy","usuario","rol","nivel","on","$event","$router","push","_e","staticStyle","_l","listaItems","item","id","nombre","tipoCargo","cargoDependienciaId","internalItem","area","sucursal","estado","preventDefault","toggleState","dataIcons","staticRenderFns","Swal","require","components","ButtonGroup","name","data","logoEmpresa","type","tooltip","title","value","iconName","color","tipo","animated","onActivate","Id","onDeactivate","$isLoading","JSON","parse","localStorage","getItem","getData","core","index","window","$","DataTable","language","url","error","methods","showModal","$bvModal","show","map","response","$store","getters","fetchPut","path","result","json","fire","text","icon","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","cancelButtonText","then","isConfirmed","dispatch","res","empresa","length","Array","component","card","directives","rawName","placement","customClass","expression","style","boxShadow","activeCard","toggleActive","class","props","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-11c74668.d1b0d8d4.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-container',{attrs:{\"fluid\":\"\"}},[_c('b-modal',{attrs:{\"id\":\"my-modal\",\"title\":\"Descripción Competencia\",\"body-bg-variant\":\"dark\",\"header-bg-variant\":\"dark\",\"footer-bg-variant\":\"dark\",\"size\":\"md\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"text-center\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 text-left\"},[_c('span',[_vm._v(\" Nombre Competencia: \")]),_c('p',{staticClass:\"mt-3\"},[_vm._v(\" \"+_vm._s(_vm.row.titulo)+\" \")])]),_c('div',{staticClass:\"col-12 text-left mt-3\"},[_c('span',[_vm._v(\" Tipo Competencia: \")]),_c('p',{staticClass:\"mt-3\"},[_vm._v(\" \"+_vm._s(_vm.row.tipoCompetencia.descripcion)+\" \")])]),_c('div',{staticClass:\"col-12 text-left mt-3\"},[_c('span',[_vm._v(\" Descripción: \")]),_c('p',{staticClass:\"mt-3\"},[_vm._v(\" \"+_vm._s(_vm.row.descripcion)+\" \")])])])])]),_c('b-row',[_c('b-col',{attrs:{\"sm\":\"12\"}},[_c('card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h4',{staticClass:\"card-title\"},[_c('b',[_vm._v(\"LISTA DE CARGOS\")])])]},proxy:true}])},[_c('div',{staticClass:\"text-right px-4 mt-4 responsive-xl-md\"},[_c('div',{staticClass:\"d-flex justify-content-end\"},[(_vm.usuario.rol.nivel == 4 || _vm.usuario.rol.nivel == 3)?_c('vs-button',{attrs:{\"icon\":\"\",\"gradient\":\"\",\"animation-type\":\"vertical\",\"success\":\"\"},on:{\"click\":function($event){return _vm.$router.push('cargos_agregar')}},scopedSlots:_vm._u([{key:\"animate\",fn:function(){return [_c('i',{staticClass:\"fas fa-plus\"})]},proxy:true}],null,false,1455716888)},[_c('i',{staticClass:\"fas fa-plus px-1\"}),_vm._v(\" Agregar cargo \")]):_vm._e()],1)]),_c('div',{staticClass:\"text-right px-4 mt-4 pb-0 mb-0 responsive-sm\",staticStyle:{\"margin-bottom\":\"-73px !important\",\"z-index\":\"999 !important\"}},[_c('button',{staticClass:\"btn-circle btn-success text-succes\",staticStyle:{\"background-color\":\"#06bb82 !important\"},on:{\"click\":function($event){return _vm.$router.push('Empresas_agregar')}}},[_c('i',{staticClass:\"fas fa-plus\"})])]),_c('div',{staticClass:\"table-responsive px-4 mt-3\"},[_c('table',{staticClass:\"table table-bordered table-responsive-md table-striped text-center\",attrs:{\"id\":\"datatable_cargos\"}},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Nombre cargo\")]),_c('th',[_vm._v(\"Nivel cargo\")]),_c('th',[_vm._v(\"Cargo superior\")]),_c('th',[_vm._v(\"Área\")]),_c('th',[_vm._v(\"Sucursal\")]),_c('th',[_vm._v(\"Estado\")]),_c('th',[_vm._v(\"Opciones\")])])]),_c('tbody',_vm._l((_vm.listaItems),function(item){return _c('tr',{key:item.id},[_c('td',[_vm._v(_vm._s(item.nombre))]),_c('td',[_vm._v(_vm._s(item.tipoCargo.descripcion))]),(item.cargoDependienciaId != null && item.cargoDependienciaId != '')?_c('td',[_vm._l((_vm.listaItems),function(internalItem){return [(internalItem.id == item.cargoDependienciaId)?_c('span',{key:internalItem.id},[_vm._v(\" \"+_vm._s(internalItem.nombre)+\" \")]):_vm._e()]}),_vm._v(\" \"+_vm._s(item.tipoCargo.descripcion)+\" \")],2):_c('td',[_vm._v(\"--\")]),_c('td',[_vm._v(_vm._s(item.area.descripcion))]),_c('td',[_vm._v(\" \"+_vm._s(item.sucursal.descripcion)+\" \")]),_c('td',[(item.estado != null)?_c('div',{staticClass:\"pointer\",on:{\"click\":function($event){$event.preventDefault();return _vm.toggleState(item.id)}}},[(item.estado == 1)?_c('span',{staticClass:\"badge badge-success\"},[_vm._v(\"Activo\")]):_c('span',{staticClass:\"badge badge-danger\"},[_vm._v(\"Inactivo\")])]):_c('div',[_c('span',[_c('i',{staticClass:\"fas fa-spinner fa-spin\"})])])]),_c('td',{staticStyle:{\"width\":\"150px !important\"}},[_c('ButtonGroup',{attrs:{\"Id\":item.id,\"data\":_vm.dataIcons}})],1)])}),0)])])])],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-container fluid>\r\n    <b-modal id=\"my-modal\" title=\"Descripción Competencia\" body-bg-variant=\"dark\" header-bg-variant=\"dark\" footer-bg-variant=\"dark\" size=\"md\" hide-footer>\r\n      <div class=\"text-center\">\r\n        <div class=\"row\">\r\n          <div class=\"col-12 text-left\">\r\n            <span> Nombre Competencia: </span>\r\n            <p class=\"mt-3\">\r\n              {{ row.titulo }}\r\n            </p>\r\n          </div>\r\n          <div class=\"col-12 text-left mt-3\">\r\n            <span> Tipo Competencia: </span>\r\n            <p class=\"mt-3\">\r\n              {{ row.tipoCompetencia.descripcion }}\r\n            </p>\r\n          </div>\r\n          <div class=\"col-12 text-left mt-3\">\r\n            <span> Descripción: </span>\r\n            <p class=\"mt-3\">\r\n              {{ row.descripcion }}\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </b-modal>\r\n    <b-row>\r\n      <b-col sm=\"12\">\r\n        <card>\r\n          <template v-slot:headerTitle>\r\n            <h4 class=\"card-title\"><b>LISTA DE CARGOS</b></h4>\r\n          </template>\r\n          <div class=\"text-right px-4 mt-4 responsive-xl-md\">\r\n            <div class=\"d-flex justify-content-end\">\r\n              <vs-button\r\n                v-if=\"usuario.rol.nivel == 4 || usuario.rol.nivel == 3\"\r\n                class=\"\"\r\n                icon\r\n                gradient\r\n                animation-type=\"vertical\"\r\n                success\r\n                @click=\"$router.push('cargos_agregar')\"\r\n              >\r\n                <i class=\"fas fa-plus px-1\"></i>\r\n                Agregar cargo\r\n                <template #animate >\r\n                  <i class=\"fas fa-plus\" ></i> \r\n                </template>\r\n              </vs-button>\r\n            </div>\r\n          </div>\r\n          <!-- button-sm -->\r\n          <div class=\"text-right px-4 mt-4 pb-0 mb-0 responsive-sm \" style=\"margin-bottom: -73px !important; z-index: 999 !important;\">\r\n            <button class=\"btn-circle  btn-success text-succes\" style=\" background-color: #06bb82 !important;\" @click=\"$router.push('Empresas_agregar')\"><i class=\"fas fa-plus \"></i></button>\r\n          </div>\r\n          <!-- end button-sm -->\r\n          <div class=\"table-responsive px-4 mt-3\">\r\n            <table id=\"datatable_cargos\" class=\"table table-bordered table-responsive-md table-striped text-center\">\r\n              <thead>\r\n                <tr>\r\n                  <th>Nombre cargo</th>\r\n                  <th>Nivel cargo</th>\r\n                  <th>Cargo superior</th>\r\n                  <th>Área</th>\r\n                  <th>Sucursal</th>\r\n                  <th>Estado</th>\r\n                  <th>Opciones</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                <tr v-for=\"item in listaItems\" :key=\"item.id\">\r\n                  <td>{{ item.nombre }}</td>\r\n                  <td>{{ item.tipoCargo.descripcion }}</td>\r\n                  <td v-if=\"item.cargoDependienciaId != null && item.cargoDependienciaId != ''\">\r\n                    <template v-for=\"internalItem of listaItems\">\r\n                      <span v-if=\"internalItem.id == item.cargoDependienciaId\" :key=\"internalItem.id\">\r\n                        {{ internalItem.nombre }}\r\n                      </span>\r\n                    </template>\r\n                    {{ item.tipoCargo.descripcion }}\r\n                  </td>\r\n                  <td v-else>--</td>\r\n                  <td>{{ item.area.descripcion }}</td>\r\n                  <td>\r\n                    {{ item.sucursal.descripcion }}\r\n                  </td>\r\n                  <td>\r\n                    <div @click.prevent=\"toggleState(item.id)\" class=\"pointer\" v-if=\"item.estado != null\">\r\n                      <span v-if=\"item.estado == 1\" class=\"badge badge-success\">Activo</span>\r\n                      <span v-else class=\"badge badge-danger\">Inactivo</span>\r\n                    </div>\r\n                    <div v-else>\r\n                      <span >\r\n                        <i class=\"fas fa-spinner fa-spin\"></i>\r\n                      </span>  \r\n                    </div>\r\n                  </td>\r\n                  <td style=\"width:150px !important; \"><ButtonGroup :Id=\"item.id\"  :data=\"dataIcons\"></ButtonGroup></td>\r\n\r\n                  <!-- <td>\r\n                    <span class=\"pointer\"\r\n                      ><i v-if=\"usuario.rol.nivel == 4 || usuario.rol.nivel == 3\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Editar cargo\" @click=\"$router.push('Cargos_editar/' + item.id)\" class=\"fas fa-solid fa-pen px-1 text-success\"></i>\r\n                      <i data-toggle=\"tooltip\" data-placement=\"top\" title=\"Perfil de cargo\" @click=\"$router.push('Cargos_perfil/' + item.id)\" class=\"fas fa-solid fa-address-card px-1 text-info\"></i>\r\n                    </span>\r\n                  </td> -->\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </card>\r\n      </b-col>\r\n    </b-row>\r\n  </b-container>\r\n</template>\r\n<script>\r\nimport { core } from \"../../../config/pluginInit\";\r\nimport ButtonGroup from \"../../../components/ButtonGroup/ButtonGroup.vue\";\r\n\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      usuario: {},\r\n      row: {\r\n        titulo: \"\",\r\n        tipoCompetencia: {\r\n          descripcion: \"\",\r\n        },\r\n        descripcion: \"\",\r\n      },\r\n      dataIcons:[\r\n      {   type:\"success\",\r\n          tooltip: \"Editar cargos\",\r\n          title:\"\",\r\n          value: () =>\r\n            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('Cargos_editar/' + Id);\r\n          },\r\n          onDeactivate: () => {\r\n            console.log(\"Deactivate\");\r\n          },\r\n      }, \r\n      {   type:\"primary\",\r\n        tooltip: \"Perfil de cargos\",\r\n        title:\"\",\r\n        value: () =>\r\n        0,\r\n        iconName: \"address-card\",\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('Cargos_perfil/' + Id);\r\n\r\n        },\r\n        onDeactivate: () => {\r\n          console.log(\"Deactivate\");\r\n        },\r\n      },\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      await this.getData();\r\n      core.index();\r\n      window.$(\"#datatable_cargos\").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    } catch (error) {\r\n      this.$isLoading(false);\r\n      console.log(\"error\", error);\r\n    }\r\n  },\r\n  methods: {\r\n    showModal(item) {\r\n      this.row = item;\r\n      this.$bvModal.show(\"my-modal\");\r\n    },\r\n    async toggleState(id)\r\n    {\r\n      this.listaItems = this.listaItems.map(item => {\r\n        if(item.id === id) {\r\n          item.estado = null\r\n        }\r\n        return item\r\n      })\r\n      const response = await this.$store.getters.fetchPut({path: `cargo/HiddenToggle/${id}`})\r\n      const result = await response.json()\r\n      this.listaItems = this.listaItems.map(item => {\r\n        if(item.id === id) {\r\n          item.estado = result.estado\r\n        }\r\n        return item\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: \"Competencia/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      \r\n      try {\r\n        console.log(\"departamentoss.....................\");\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"Cargo/TodosLosCargosPorEmpresa/\" + this.usuario.empresa.id,\r\n        });\r\n        console.log(\"get cargos... \", res);\r\n        if (res.length > 0) {\r\n          this.listaItems = new Array(...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 lang=\"scss\"></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!./Cargos.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!./Cargos.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Cargos.vue?vue&type=template&id=816f6684\"\nimport script from \"./Cargos.vue?vue&type=script&lang=js\"\nexport * from \"./Cargos.vue?vue&type=script&lang=js\"\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","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=2f71f339&prod&scoped=true&lang=css\"","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\":\"\",\"gradient\":\"\",\"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        gradient\r\n            \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    }\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}\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!./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/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=2f71f339&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=2f71f339&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  \"2f71f339\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}