{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.array.reduce.js","webpack:///./src/views/Helexium/Onboarding/Onboarding_admin.vue","webpack:///src/views/Helexium/Onboarding/Onboarding_admin.vue","webpack:///./src/views/Helexium/Onboarding/Onboarding_admin.vue?b9f2","webpack:///./src/views/Helexium/Onboarding/Onboarding_admin.vue?100e","webpack:///./src/components/btnCardTable/btnAddCardTable.vue","webpack:///src/components/btnCardTable/btnAddCardTable.vue","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?5447","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?17d6","webpack:///./node_modules/core-js/internals/engine-is-node.js","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?372d","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","webpack:///./node_modules/core-js/internals/array-method-is-strict.js","webpack:///./node_modules/core-js/internals/array-reduce.js","webpack:///./src/components/cardTable/CardTable.vue?b3fb"],"names":["$","$reduce","left","arrayMethodIsStrict","CHROME_VERSION","IS_NODE","CHROME_BUG","FORCED","target","proto","forced","reduce","callbackfn","length","arguments","this","undefined","render","_vm","_c","_self","attrs","scopedSlots","_u","key","fn","staticClass","_v","proxy","staticStyle","dataCards","_l","listaItems","item","id","_s","persona","nombres","apellidos","personaUbicacion","nombre","_f","fechaInicio","fechaFin","descripcion","directives","name","rawName","modifiers","on","$event","filterData","estado","class","listaActividades","index","value","expression","actividadProgreso","porcentajeResp","fechaCreacion","porcentajeAut","comentarioAut","comentarioResp","preventDefault","sendActividadProgresoResponsable","model","newComentarioResp","callback","$$v","$set","domProps","changeInput","staticRenderFns","Swal","require","data","evaluarActividad","actividadProgresoResponsable","onboardingAdminId","actividadOnboardingId","fechaCierre","title","filter","plan","iconName","color","tipo","animated","onActivate","dataTableInstance","search","draw","onDeactivate","totalAct","actividadesId","split","$isLoading","JSON","parse","localStorage","getItem","getData","core","window","DataTable","isDataTable","destroy","language","url","methods","mapMutations","updatePendientesOnboardings","newValue","setPendientesOnboardings","res","$store","dispatch","path","rol","nivel","updatedItems","Promise","all","map","ubicacion","getPersonaUbicacion","onboarding","pendientesOnboardings","error","$moment","tz","Date","format","actividadIndex","findIndex","a","fire","text","icon","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","cancelButtonText","then","result","isConfirmed","todasEn100","every","actividad","updateEstadoOnboarding","NuevoEstado","forEach","actividadId","personaId","cargo","actividades","actividadProgresoPromises","getActividadByOnboardingAdminIdAndActividadOnboardingId","dataPromises","getActividadById","dataFilter","fetchAllDataParallel","actividadProgresoResults","fetchActividadProgresoForActividades","i","filters","formatDate","date","formattedDate","toLocaleDateString","timeSince","dateString","timezone","dateInBogota","moment_timezone","components","CardTable","BtnAddCardTable","component","variant","isHovered","props","type","String","default","global","classof","module","exports","process","card","style","boxShadow","activeCard","showCursorGlow","hideCursorGlow","event","handleMouseMove","toggleActive","showGlow","cursorX","top","cursorY","glowStyle","opacity","_e","width","height","backgroundColor","computeBorderRadius","computeAnimateIcon","animatedState","shouldAnimateTitle","evaluateValue","Array","animationFrameId","beat","beatFade","bounce","fade","flip","shake","spin","spinReverse","spinPulse","tipoIcon","circle","squared","shield","water","mounted","onResize","addEventListener","beforeDestroy","removeEventListener","_","checkTitleLength","$nextTick","titleElement","$el","querySelectorAll","scrollWidth","clientWidth","rect","currentTarget","getBoundingClientRect","targetX","clientX","targetY","clientY","cancelAnimationFrame","animate","startX","startY","dx","dy","Math","abs","requestAnimationFrame","fails","METHOD_NAME","argument","method","call","aCallable","toObject","IndexedObject","lengthOfArrayLike","$TypeError","TypeError","createMethod","IS_RIGHT","that","argumentsLength","memo","O","self","right"],"mappings":"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","file":"js/chunk-5deecb3c.88f05c38.js","sourcesContent":["'use strict';\nvar $ = require('../internals/export');\nvar $reduce = require('../internals/array-reduce').left;\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\nvar CHROME_VERSION = require('../internals/engine-v8-version');\nvar IS_NODE = require('../internals/engine-is-node');\n\n// Chrome 80-82 has a critical bug\n// https://bugs.chromium.org/p/chromium/issues/detail?id=1049982\nvar CHROME_BUG = !IS_NODE && CHROME_VERSION > 79 && CHROME_VERSION < 83;\nvar FORCED = CHROME_BUG || !arrayMethodIsStrict('reduce');\n\n// `Array.prototype.reduce` method\n// https://tc39.es/ecma262/#sec-array.prototype.reduce\n$({ target: 'Array', proto: true, forced: FORCED }, {\n  reduce: function reduce(callbackfn /* , initialValue */) {\n    var length = arguments.length;\n    return $reduce(this, callbackfn, length, length > 1 ? arguments[1] : undefined);\n  }\n});\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-container',{attrs:{\"fluid\":\"\"}},[_c('b-row',[_c('b-col',{attrs:{\"sm\":\"12\"}},[_c('card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('div',{staticClass:\"d-flex flex-column align-items-start\"},[_c('h4',{staticClass:\"card-title\"},[_c('b',[_vm._v(\"ONBOARDING\")])])])]},proxy:true}])},[_c('div',{staticClass:\"px-5 py-3\"},[_c('div',{staticClass:\"row\",staticStyle:{\"gap\":\"1rem\"}},[_c('div',{staticClass:\"col-12 col-md-10\"},[_c('CardTable',{attrs:{\"data\":_vm.dataCards}})],1),_c('div',{staticClass:\"col-12 col-md\"},[_c('BtnAddCardTable',{attrs:{\"text\":\"Nuevo Onboarding\",\"url\":\"Onboarding_agregar\"}})],1)])]),_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_onboarding\"}},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Trabajador\")]),_c('th',[_vm._v(\"Cargo\")]),_c('th',[_vm._v(\"Fecha inicio\")]),_c('th',[_vm._v(\"Fecha fin\")]),_c('th',[_vm._v(\"Descripcion\")]),_c('th',[_vm._v(\"Más Detalles\")]),_c('th',[_vm._v(\"Estado Onboarding\")])])]),_c('tbody',_vm._l((_vm.listaItems),function(item){return _c('tr',{key:item.id},[_c('td',[_vm._v(\" \"+_vm._s(item.persona.nombres + \" \" + item.persona.apellidos)+\" \")]),_c('td',[_vm._v(_vm._s(item.personaUbicacion.nombre))]),_c('td',[_vm._v(_vm._s(_vm._f(\"formatDate\")(item.fechaInicio)))]),_c('td',[_vm._v(_vm._s(_vm._f(\"formatDate\")(item.fechaFin)))]),_c('td',[_vm._v(_vm._s(item.descripcion))]),_c('td',[_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.my-modal\",modifiers:{\"my-modal\":true}}],staticClass:\"d-flex\",on:{\"click\":function($event){return _vm.filterData(_vm.listaItems, item.id)}}},[_c('i',{staticClass:\"fas fa-eye\"})])],1)]),_c('td',[_c('h4',[_c('b-badge',{attrs:{\"variant\":`${item.estado ? 'success' : 'warning'}`}},[_c('i',{class:`fas ${\n                          item.estado ? 'fa-check' : 'fa-clock'\n                        }`}),_vm._v(\"  \"+_vm._s(item.estado ? \"Terminado\" : \"Pendiente\")+\" \")])],1)])])}),0)])]),_c('b-modal',{attrs:{\"title\":\"Detalles Onboarding\",\"id\":\"my-modal\",\"body-bg-variant\":\"dark\",\"header-bg-variant\":\"dark\",\"footer-bg-variant\":\"dark\",\"size\":\"lg\",\"hide-footer\":\"\"}},[_c('h4',{staticClass:\"mb-2\"},[_vm._v(\"Lista Actividades\")]),(_vm.listaActividades.length)?_vm._l((_vm.listaActividades),function(item,index){return _c('div',{key:item.id,staticClass:\"mb-2\"},[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle\",value:(`collapse-${index}`),expression:\"`collapse-${index}`\"}],staticClass:\"d-flex justify-content-between align-items-center\",attrs:{\"block\":\"\",\"variant\":\"primary\"}},[_c('span',{staticClass:\"text-truncate\"},[_c('i',{class:`fas ${\n                      item.actividadProgreso.porcentajeResp == 100\n                        ? 'fa-check'\n                        : 'fa-clock'\n                    }`}),_vm._v(_vm._s(index + 1)+\". \"+_vm._s(item.nombre))]),_c('i',{staticClass:\"fas fa-chevron-down\"})]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":`collapse-${index}`}},[_c('b-card',{staticClass:\"position-relative\"},[_c('small',{staticClass:\"position-absolute text-success\",staticStyle:{\"right\":\"5px\",\"top\":\"5px\"}},[_vm._v(\"último progreso: \"+_vm._s(_vm._f(\"timeSince\")(item.actividadProgreso.fechaCreacion)))]),_c('p',{staticClass:\"card-text font-italic\"},[_c('b',[_vm._v(\"Descripcion: \")]),_vm._v(_vm._s(item.descripcion)+\" \")]),_c('p',{staticClass:\"card-text font-italic\"},[_c('b',[_vm._v(\"Avance actividad: \")]),_vm._v(_vm._s(item.actividadProgreso.porcentajeAut)+\"% \")]),_c('p',{staticClass:\"card-text font-italic\"},[_c('b',[_vm._v(\"Comentario trabajador: \")]),_vm._v(_vm._s(item.actividadProgreso.comentarioAut)+\" \")]),_c('hr'),_c('p',{staticClass:\"card-text font-italic\"},[_c('b',{staticClass:\"text-info\"},[_vm._v(\"Mi comentario: \")]),_vm._v(_vm._s(item.actividadProgreso.comentarioResp)+\" \")]),_c('div',{staticClass:\"d-flex flex-column\",staticStyle:{\"gap\":\"20px\"}},[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle\",value:(`collapse-${index}-inner`),expression:\"`collapse-${index}-inner`\"}]},[_vm._v(\" Evaluar actividad \"),_c('i',{staticClass:\"fas fa-star\"})]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":`collapse-${index}-inner`}},[_c('b-card',[_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.sendActividadProgresoResponsable(item, item.id)}}},[_c('div',{staticClass:\"d-flex flex-column justify-content-between\",staticStyle:{\"gap\":\"20px\"}},[_c('b-form-textarea',{staticClass:\"w-100\",attrs:{\"placeholder\":\"Escriba un comentario...\",\"minlength\":\"10\",\"maxlength\":\"255\",\"required\":\"\"},model:{value:(\n                                item.actividadProgreso.newComentarioResp\n                              ),callback:function ($$v) {_vm.$set(item.actividadProgreso, \"newComentarioResp\", $$v)},expression:\"\\n                                item.actividadProgreso.newComentarioResp\\n                              \"}}),_c('div',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(\n                                  item.actividadProgreso.porcentajeResp\n                                ),expression:\"\\n                                  item.actividadProgreso.porcentajeResp\\n                                \"}],staticClass:\"mr-1 w-100\",attrs:{\"type\":\"range\",\"id\":\"porcentaje\",\"min\":\"0\",\"max\":\"100\",\"step\":\"0\"},domProps:{\"value\":(\n                                  item.actividadProgreso.porcentajeResp\n                                )},on:{\"input\":function($event){item.changeInput = true},\"__r\":function($event){return _vm.$set(item.actividadProgreso, \"porcentajeResp\", $event.target.value)}}}),_c('span',{class:`px-2 ${\n                                  item.actividadProgreso.porcentajeResp < 50\n                                    ? 'text-danger'\n                                    : item.actividadProgreso.porcentajeResp <\n                                      80\n                                    ? 'text-warning'\n                                    : 'text-info'\n                                }`,staticStyle:{\"font-size\":\"30px\"}},[_c('small',[_vm._v(_vm._s(item.actividadProgreso.porcentajeResp)+\"%\")])])])],1),_c('div',{staticClass:\"text-center mt-3\"},[_c('b-button',{attrs:{\"block\":\"\",\"type\":\"submit\",\"variant\":\"outline-light\",\"disabled\":!item.changeInput}},[_c('i',{staticClass:\"fas fa-thumbs-up\"}),_vm._v(\" Evaluar \")])],1)])])],1)],1)])],1)],1)}):_c('p',[_vm._v(\"cargando actividades...\")])],2)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-container fluid>\n    <b-row>\n      <b-col sm=\"12\">\n        <card>\n          <template v-slot:headerTitle>\n            <div class=\"d-flex flex-column align-items-start\">\n              <h4 class=\"card-title\"><b>ONBOARDING</b></h4>\n            </div>\n          </template>\n          <div class=\"px-5 py-3\">\n            <div class=\"row\" style=\"gap: 1rem\">\n              <div class=\"col-12 col-md-10\">\n                <!-- linar-style cursor glow -->\n                <CardTable :data=\"dataCards\" />\n              </div>\n              <!-- btn new onboarding -->\n              <div class=\"col-12 col-md\">\n                <BtnAddCardTable\n                  text=\"Nuevo Onboarding\"\n                  url=\"Onboarding_agregar\"\n                />\n              </div>\n            </div>\n          </div>\n          <div class=\"table-responsive px-4 mt-3\">\n            <table\n              id=\"datatable_onboarding\"\n              class=\"table table-bordered table-responsive-md table-striped text-center\"\n            >\n              <thead>\n                <tr>\n                  <th>Trabajador</th>\n                  <th>Cargo</th>\n                  <th>Fecha inicio</th>\n                  <th>Fecha fin</th>\n                  <th>Descripcion</th>\n                  <th>Más Detalles</th>\n                  <th>Estado Onboarding</th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr v-for=\"item in listaItems\" :key=\"item.id\">\n                  <td>\n                    {{ item.persona.nombres + \" \" + item.persona.apellidos }}\n                  </td>\n                  <td>{{ item.personaUbicacion.nombre }}</td>\n                  <td>{{ item.fechaInicio | formatDate }}</td>\n                  <td>{{ item.fechaFin | formatDate }}</td>\n                  <td>{{ item.descripcion }}</td>\n                  <td>\n                    <div class=\"d-flex justify-content-center\">\n                      <b-button\n                        class=\"d-flex\"\n                        v-b-modal.my-modal\n                        @click=\"filterData(listaItems, item.id)\"\n                      >\n                        <i class=\"fas fa-eye\"></i\n                      ></b-button>\n                    </div>\n                  </td>\n                  <td>\n                    <h4>\n                      <b-badge\n                        :variant=\"`${item.estado ? 'success' : 'warning'}`\"\n                      >\n                        <i\n                          :class=\"`fas ${\n                            item.estado ? 'fa-check' : 'fa-clock'\n                          }`\"\n                        ></i\n                        >&nbsp;\n                        {{ item.estado ? \"Terminado\" : \"Pendiente\" }}\n                      </b-badge>\n                    </h4>\n                  </td>\n                </tr>\n              </tbody>\n            </table>\n          </div>\n\n          <!-- modal ver mas datalles -->\n          <b-modal\n            title=\"Detalles Onboarding\"\n            id=\"my-modal\"\n            body-bg-variant=\"dark\"\n            header-bg-variant=\"dark\"\n            footer-bg-variant=\"dark\"\n            size=\"lg\"\n            hide-footer\n          >\n            <h4 class=\"mb-2\">Lista Actividades</h4>\n            <template v-if=\"listaActividades.length\">\n              <div\n                class=\"mb-2\"\n                v-for=\"(item, index) in listaActividades\"\n                :key=\"item.id\"\n              >\n                <b-button\n                  block\n                  class=\"d-flex justify-content-between align-items-center\"\n                  v-b-toggle=\"`collapse-${index}`\"\n                  variant=\"primary\"\n                  ><span class=\"text-truncate\"\n                    ><i\n                      :class=\"`fas ${\n                        item.actividadProgreso.porcentajeResp == 100\n                          ? 'fa-check'\n                          : 'fa-clock'\n                      }`\"\n                    ></i\n                    >{{ index + 1 }}. {{ item.nombre }}</span\n                  >\n                  <i class=\"fas fa-chevron-down\"></i\n                ></b-button>\n                <b-collapse :id=\"`collapse-${index}`\" class=\"mt-2\">\n                  <b-card class=\"position-relative\">\n                    <small\n                      class=\"position-absolute text-success\"\n                      style=\"right: 5px; top: 5px\"\n                      >último progreso:\n                      {{\n                        item.actividadProgreso.fechaCreacion | timeSince\n                      }}</small\n                    >\n                    <p class=\"card-text font-italic\">\n                      <b>Descripcion: </b>{{ item.descripcion }}\n                    </p>\n                    <p class=\"card-text font-italic\">\n                      <b>Avance actividad: </b\n                      >{{ item.actividadProgreso.porcentajeAut }}%\n                    </p>\n                    <p class=\"card-text font-italic\">\n                      <b>Comentario trabajador: </b\n                      >{{ item.actividadProgreso.comentarioAut }}\n                    </p>\n                    <hr />\n                    <p class=\"card-text font-italic\">\n                      <b class=\"text-info\">Mi comentario: </b\n                      >{{ item.actividadProgreso.comentarioResp }}\n                    </p>\n                    <!-- actions admin -->\n                    <div class=\"d-flex flex-column\" style=\"gap: 20px\">\n                      <!-- calificar actividad -->\n                      <b-button v-b-toggle=\"`collapse-${index}-inner`\">\n                        Evaluar actividad <i class=\"fas fa-star\"></i>\n                      </b-button>\n                      <b-collapse :id=\"`collapse-${index}-inner`\" class=\"mt-2\">\n                        <b-card>\n                          <form\n                            @submit.prevent=\"\n                              sendActividadProgresoResponsable(item, item.id)\n                            \"\n                          >\n                            <div\n                              class=\"d-flex flex-column justify-content-between\"\n                              style=\"gap: 20px\"\n                            >\n                              <b-form-textarea\n                                class=\"w-100\"\n                                v-model=\"\n                                  item.actividadProgreso.newComentarioResp\n                                \"\n                                placeholder=\"Escriba un comentario...\"\n                                minlength=\"10\"\n                                maxlength=\"255\"\n                                required\n                              ></b-form-textarea>\n                              <div\n                                class=\"d-flex justify-content-center align-items-center\"\n                              >\n                                <input\n                                  class=\"mr-1 w-100\"\n                                  type=\"range\"\n                                  id=\"porcentaje\"\n                                  v-model=\"\n                                    item.actividadProgreso.porcentajeResp\n                                  \"\n                                  @input=\"item.changeInput = true\"\n                                  min=\"0\"\n                                  max=\"100\"\n                                  step=\"0\"\n                                />\n                                <span\n                                  style=\"font-size: 30px\"\n                                  :class=\"`px-2 ${\n                                    item.actividadProgreso.porcentajeResp < 50\n                                      ? 'text-danger'\n                                      : item.actividadProgreso.porcentajeResp <\n                                        80\n                                      ? 'text-warning'\n                                      : 'text-info'\n                                  }`\"\n                                  ><small\n                                    >{{\n                                      item.actividadProgreso.porcentajeResp\n                                    }}%</small\n                                  ></span\n                                >\n                              </div>\n                            </div>\n                            <div class=\"text-center mt-3\">\n                              <b-button\n                                block\n                                type=\"submit\"\n                                variant=\"outline-light\"\n                                :disabled=\"!item.changeInput\"\n                              >\n                                <i class=\"fas fa-thumbs-up\"></i> Evaluar\n                              </b-button>\n                            </div>\n                          </form>\n                        </b-card>\n                      </b-collapse>\n                    </div>\n                  </b-card>\n                </b-collapse>\n              </div>\n            </template>\n            <p v-else>cargando actividades...</p>\n          </b-modal>\n        </card>\n      </b-col>\n    </b-row>\n  </b-container>\n</template>\n<script>\nimport { mapMutations } from \"vuex\";\nimport { core } from \"../../../config/pluginInit\";\nimport moment_timezone from \"moment-timezone\";\nimport CardTable from \"../../../components/cardTable/CardTable.vue\";\nimport BtnAddCardTable from \"../../../components/btnCardTable/btnAddCardTable.vue\";\nconst Swal = require(\"sweetalert2\");\nexport default {\n  name: \"Onboarding_admin\",\n  data() {\n    return {\n      listaItems: [],\n      listaActividades: [],\n      evaluarActividad: 0,\n      persona: {},\n      actividadProgresoResponsable: {\n        onboardingAdminId: null,\n        actividadOnboardingId: null,\n        porcentajeAut: 0,\n        comentarioAut: \"\",\n        porcentajeResp: 0,\n        comentarioResp: \"\",\n        fechaCreacion: null,\n        fechaCierre: null,\n      },\n      dataCards: [\n        {\n          title: \"Terminandos\",\n          value: () => this.listaItems.filter((plan) => plan.estado).length,\n          iconName: \"calendar-check\",\n          color: \"rgba(22, 162, 117, 1)\",\n          tipo: \"circle\",\n          animated: \"bounce\",\n          onActivate: () => {\n            console.log(\"Activated\");\n            this.dataTableInstance.search(\"Terminado\").draw();\n          },\n          onDeactivate: () => {\n            console.log(\"Deactivate\");\n            this.dataTableInstance.search(\"\").draw();\n          },\n        },\n        {\n          title: \"Pendientes\",\n          value: () => this.listaItems.filter((plan) => !plan.estado).length,\n          iconName: \"clock\",\n          color: \"rgba(254, 114, 28, 1)\",\n          tipo: \"circle\",\n          animated: \"bounce\",\n          onActivate: () => {\n            console.log(\"Activated\");\n            this.dataTableInstance.search(\"Pendiente\").draw();\n          },\n          onDeactivate: () => {\n            console.log(\"Deactivate\");\n            this.dataTableInstance.search(\"\").draw();\n          },\n        },\n        {\n          title: \"Total actividades\",\n          value: () =>\n            this.listaItems.reduce(\n              (totalAct, plan) =>\n                totalAct + plan.actividadesId.split(\",\").length,\n              0\n            ),\n          iconName: \"bolt\",\n          color: \"rgba(71, 136, 255, 1)\",\n          tipo: \"circle\",\n          animated: \"bounce\",\n          onActivate: () => console.log(\"Activated\"),\n          onDeactivate: () => console.log(\"Deactivate\"),\n        },\n      ],\n    };\n  },\n  async mounted() {\n    this.$isLoading(true);\n    this.persona = JSON.parse(localStorage.getItem(\"setPersonaAct\"));\n    await this.getData();\n    core.index();\n    if (window.$.fn.DataTable.isDataTable(\"#datatable_onboarding\")) {\n      window.$(\"#datatable_onboarding\").DataTable().destroy();\n    }\n    this.dataTableInstance = window.$(\"#datatable_onboarding\").DataTable({\n      language: {\n        url: \"//cdn.datatables.net/plug-ins/1.10.15/i18n/Spanish.json\",\n      },\n    });\n    this.$isLoading(false);\n  },\n  methods: {\n    ...mapMutations([\"setPendientesOnboardings\"]),\n    updatePendientesOnboardings(newValue) {\n      this.setPendientesOnboardings(newValue);\n    },\n    async getData() {\n      try {\n        let res = await this.$store.dispatch(\"hl_get\", {\n          path: `${\n            this.persona.rol.nivel == 4\n              ? \"OnboardingAdmin/\"\n              : \"OnboardingAdmin/ByResponsableId/\" + this.persona.id\n          }`,\n        });\n        console.log(\"list onboardings...\", res);\n        if (res.length > 0) {\n          // Utilizamos Promise.all para esperar a que todas las promesas se resuelvan\n          const updatedItems = await Promise.all(\n            res.map(async (onboarding) => {\n              let ubicacion = await this.getPersonaUbicacion(\n                onboarding.persona.id\n              );\n              console.log(\"-------->cargo\", ubicacion);\n              return {\n                ...onboarding,\n                personaUbicacion: ubicacion,\n              };\n            })\n          );\n          // Ahora updatedItems es un array de objetos de onboarding que han sido enriquecidos con personaUbicacion\n          this.listaItems = updatedItems;\n          const pendientesOnboardings = this.listaItems.filter((onboarding) => {\n            console.log(\"--------------------onboarding\", onboarding);\n            return onboarding.estado == 0;\n          });\n          this.updatePendientesOnboardings(pendientesOnboardings.length);\n        } else {\n          this.updatePendientesOnboardings(0);\n          this.listaItems = [];\n        }\n      } catch (error) {\n        this.listaItems = [];\n        console.log(\"err\", error);\n      }\n    },\n    async sendActividadProgresoResponsable(item, actividadOnboardingId) {\n      console.log(this.listaActividades);\n      try {\n        let data = {\n          ...this.actividadProgresoResponsable,\n          porcentajeResp: item.actividadProgreso.porcentajeResp,\n          comentarioResp: item.actividadProgreso.newComentarioResp,\n          fechaCreacion: this.$moment\n            .tz(new Date(), \"America/Bogota\")\n            .format(\"YYYY-MM-DDTHH:mm:ss\"),\n          fechaCierre: this.$moment\n            .tz(new Date(), \"America/Bogota\")\n            .format(\"YYYY-MM-DDTHH:mm:ss\"),\n          actividadOnboardingId,\n        };\n        let res = await this.$store.dispatch(\"hl_post\", {\n          path: \"ActividadOnboarding/CreateActividadProgresoResponsable/\",\n          data,\n        });\n        console.log(res);\n        if (res) {\n          this.actividadProgresoResponsable.fechaCreacion = this.$moment\n            .tz(new Date(), \"America/Bogota\")\n            .format(\"YYYY-MM-DDTHH:mm:ss\");\n          // Actualiza el progreso de la actividad en el cliente\n          let actividadIndex = this.listaActividades.findIndex(\n            (a) => a.id === actividadOnboardingId\n          );\n          if (actividadIndex !== -1) {\n            this.listaActividades[actividadIndex].actividadProgreso = {\n              ...this.listaActividades[actividadIndex].actividadProgreso,\n              porcentajeResp: item.actividadProgreso.porcentajeResp,\n              comentarioResp: item.actividadProgreso.newComentarioResp,\n              fechaCreacion: this.actividadProgresoResponsable.fechaCreacion,\n            };\n          }\n          Swal.fire({\n            title: \"Listo!\",\n            text: \"Evaluacion registrada correctamente\",\n            icon: \"success\",\n            showCancelButton: false,\n            confirmButtonColor: \"#3085d6\",\n            cancelButtonColor: \"#d33\",\n            confirmButtonText: \"OK\",\n            cancelButtonText: \"Cancelar\",\n          }).then(async (result) => {\n            if (result.isConfirmed) {\n              console.log(\"confirmado\");\n              item.actividadProgreso.newComentarioResp = \"\";\n              item.changeInput = false;\n              const todasEn100 = this.listaActividades.every(\n                (actividad) => actividad.actividadProgreso.porcentajeResp == 100\n              );\n              // Luego del bucle, actuamos según si todas las actividades estaban en 100 o no\n              if (todasEn100) {\n                console.log(\n                  \"Todas las actividades tienen un porcentajeResp de 100\"\n                );\n                this.updateEstadoOnboarding(\n                  this.actividadProgresoResponsable.onboardingAdminId,\n                  { NuevoEstado: 1 }\n                );\n                this.listaItems.forEach((onboarding) => {\n                  if (\n                    onboarding.id ==\n                    this.actividadProgresoResponsable.onboardingAdminId\n                  )\n                    onboarding.estado = 1;\n                });\n                const pendientesOnboardings = this.listaItems.filter(\n                  (onboarding) => {\n                    console.log(\"--------------------onboarding\", onboarding);\n                    return onboarding.estado == 0;\n                  }\n                );\n                this.updatePendientesOnboardings(pendientesOnboardings.length);\n              } else {\n                console.log(\n                  \"No todas las actividades tienen un porcentajeResp de 100\"\n                );\n                this.updateEstadoOnboarding(\n                  this.actividadProgresoResponsable.onboardingAdminId,\n                  { NuevoEstado: 0 }\n                );\n                this.listaItems.forEach((onboarding) => {\n                  if (\n                    onboarding.id ==\n                    this.actividadProgresoResponsable.onboardingAdminId\n                  )\n                    onboarding.estado = 0;\n                });\n                const pendientesOnboardings = this.listaItems.filter(\n                  (onboarding) => {\n                    console.log(\"--------------------onboarding\", onboarding);\n                    return onboarding.estado == 0;\n                  }\n                );\n                this.updatePendientesOnboardings(pendientesOnboardings.length);\n              }\n            }\n          });\n        }\n      } catch (error) {\n        console.log(\"err\", error);\n      }\n    },\n    async getActividadById(actividadId) {\n      try {\n        let res = await this.$store.dispatch(\"hl_get\", {\n          path: \"ActividadOnboarding/GetActividad/\" + actividadId,\n        });\n        console.log(\"actividadById...\", res);\n        return res;\n      } catch (error) {\n        console.log(\"err\", error);\n      }\n    },\n    async getPersonaUbicacion(personaId) {\n      try {\n        let res = await this.$store.dispatch(\"hl_get\", {\n          path: \"PersonaUbicacion/GetByPersona/\" + personaId,\n        });\n        console.log(\"personaUbicacion...\", res);\n        this.personaUbicacion = res;\n        return res.cargo;\n      } catch (error) {\n        this.personaUbicacion = null;\n        console.log(\"err\", error);\n      }\n    },\n    async getActividadByOnboardingAdminIdAndActividadOnboardingId(\n      onboardingAdminId,\n      actividadOnboardingId\n    ) {\n      try {\n        let res = await this.$store.dispatch(\"hl_get\", {\n          path:\n            \"ActividadProgresoOnboarding/GetActividadByOnboardingIdAndActividadOnboardingId/\" +\n            onboardingAdminId +\n            \"/\" +\n            actividadOnboardingId,\n        });\n        console.log(\"ActividadProgreso...\", res);\n        return res;\n      } catch (error) {\n        console.log(\"err\", error);\n      }\n    },\n    async fetchActividadProgresoForActividades(onboardingAdminId, actividades) {\n      let actividadProgresoPromises = actividades.map((actividad) =>\n        this.getActividadByOnboardingAdminIdAndActividadOnboardingId(\n          onboardingAdminId,\n          actividad.id\n        )\n      );\n      return await Promise.all(actividadProgresoPromises);\n    },\n    async fetchAllDataParallel(data) {\n      let dataPromises = data.map((id) => this.getActividadById(id));\n      return await Promise.all(dataPromises);\n    },\n    async updateEstadoOnboarding(onboardingAdminId, data) {\n      try {\n        let res = await this.$store.dispatch(\"hl_post\", {\n          path: \"OnboardingAdmin/UpdateEstado/\" + onboardingAdminId,\n          data,\n        });\n        console.log(res);\n        return res;\n      } catch (error) {\n        console.log(\"err\", error);\n      }\n    },\n    filterData(data, id) {\n      this.actividadProgresoResponsable.onboardingAdminId = id;\n      let dataFilter = data.filter((item) => item.id === id);\n      let actividades = dataFilter[0].actividadesId.split(\",\");\n      console.log(actividades);\n      this.fetchAllDataParallel(actividades).then(async (result) => {\n        // Aquí obtenemos actividadProgreso para cada actividad en result\n        let actividadProgresoResults =\n          await this.fetchActividadProgresoForActividades(id, result);\n        for (let i = 0; i < result.length; i++) {\n          result[i].actividadProgreso = actividadProgresoResults[i];\n          result[i].actividadProgreso.changeInput = false;\n          result[i].actividadProgreso.newComentarioResp = \"\";\n        }\n        this.listaActividades = result;\n        console.log(result);\n      });\n    },\n  },\n  filters: {\n    formatDate(date) {\n      const formattedDate = new Date(date).toLocaleDateString(\"es-ES\");\n      return formattedDate;\n    },\n    timeSince(dateString, timezone = \"America/Bogota\") {\n      const dateInBogota = moment_timezone.tz(dateString, timezone);\n      return dateInBogota.format(\"YYYY-MM-DD hh:mm A\");\n    },\n  },\n  components: { CardTable, BtnAddCardTable },\n};\n</script>\n\n<style></style>\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!./Onboarding_admin.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!./Onboarding_admin.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Onboarding_admin.vue?vue&type=template&id=1300dd6b\"\nimport script from \"./Onboarding_admin.vue?vue&type=script&lang=js\"\nexport * from \"./Onboarding_admin.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vs-button',{staticClass:\"btn-add\",attrs:{\"gradient\":\"\",\"success\":_vm.variant === 'success',\"danger\":_vm.variant === 'danger',\"warn\":_vm.variant === 'warn',\"to\":`${_vm.url}`},on:{\"mouseover\":function($event){_vm.isHovered = true},\"mouseleave\":function($event){_vm.isHovered = false}}},[_c('i',{class:`fas fa-${_vm.icon} position-absolute ${_vm.isHovered ? 'fa-beat' : ''}`,staticStyle:{\"right\":\"0\",\"top\":\"0\",\"font-size\":\"1.5rem\"}}),_vm._v(\" \"+_vm._s(_vm.text)+\" \")])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--btn add card table -->\r\n<template>\r\n  <vs-button\r\n    @mouseover=\"isHovered = true\"\r\n    @mouseleave=\"isHovered = false\"\r\n    gradient\r\n    :success=\"variant === 'success'\"\r\n    :danger=\"variant === 'danger'\"\r\n    :warn=\"variant === 'warn'\"\r\n    class=\"btn-add\"\r\n    :to=\"`${url}`\"\r\n  >\r\n    <i\r\n      :class=\"`fas fa-${icon} position-absolute ${isHovered ? 'fa-beat' : ''}`\"\r\n      style=\"right: 0; top: 0; font-size: 1.5rem\"\r\n    ></i>\r\n    {{ text }}\r\n  </vs-button>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    variant: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    icon: {\r\n      type: String,\r\n      default: \"circle-plus\",\r\n    },\r\n    text: {\r\n      type: String,\r\n      default: \"Click Me!\",\r\n    },\r\n    url: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      isHovered: false,\r\n    };\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.btn-add {\r\n  position: relative;\r\n  height: 81px;\r\n  width: 100%;\r\n  font-size: 0.9rem;\r\n  font-weight: bold;\r\n  margin: 0;\r\n  overflow: visible;\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!./btnAddCardTable.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!./btnAddCardTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./btnAddCardTable.vue?vue&type=template&id=d3c5740e&scoped=true\"\nimport script from \"./btnAddCardTable.vue?vue&type=script&lang=js\"\nexport * from \"./btnAddCardTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./btnAddCardTable.vue?vue&type=style&index=0&id=d3c5740e&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  \"d3c5740e\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar global = require('../internals/global');\nvar classof = require('../internals/classof-raw');\n\nmodule.exports = classof(global.process) === 'process';\n","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!./btnAddCardTable.vue?vue&type=style&index=0&id=d3c5740e&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 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\",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 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 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=09c1d471&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=09c1d471&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  \"09c1d471\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar fails = require('../internals/fails');\n\nmodule.exports = function (METHOD_NAME, argument) {\n  var method = [][METHOD_NAME];\n  return !!method && fails(function () {\n    // eslint-disable-next-line no-useless-call -- required for testing\n    method.call(null, argument || function () { return 1; }, 1);\n  });\n};\n","'use strict';\nvar aCallable = require('../internals/a-callable');\nvar toObject = require('../internals/to-object');\nvar IndexedObject = require('../internals/indexed-object');\nvar lengthOfArrayLike = require('../internals/length-of-array-like');\n\nvar $TypeError = TypeError;\n\n// `Array.prototype.{ reduce, reduceRight }` methods implementation\nvar createMethod = function (IS_RIGHT) {\n  return function (that, callbackfn, argumentsLength, memo) {\n    var O = toObject(that);\n    var self = IndexedObject(O);\n    var length = lengthOfArrayLike(O);\n    aCallable(callbackfn);\n    var index = IS_RIGHT ? length - 1 : 0;\n    var i = IS_RIGHT ? -1 : 1;\n    if (argumentsLength < 2) while (true) {\n      if (index in self) {\n        memo = self[index];\n        index += i;\n        break;\n      }\n      index += i;\n      if (IS_RIGHT ? index < 0 : length <= index) {\n        throw new $TypeError('Reduce of empty array with no initial value');\n      }\n    }\n    for (;IS_RIGHT ? index >= 0 : length > index; index += i) if (index in self) {\n      memo = callbackfn(memo, self[index], index, O);\n    }\n    return memo;\n  };\n};\n\nmodule.exports = {\n  // `Array.prototype.reduce` method\n  // https://tc39.es/ecma262/#sec-array.prototype.reduce\n  left: createMethod(false),\n  // `Array.prototype.reduceRight` method\n  // https://tc39.es/ecma262/#sec-array.prototype.reduceright\n  right: createMethod(true)\n};\n","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=09c1d471&prod&scoped=true&lang=css\""],"sourceRoot":""}