{"version":3,"sources":["webpack:///./src/views/Helexium/Onboarding/Onboarding.vue","webpack:///src/views/Helexium/Onboarding/Onboarding.vue","webpack:///./src/views/Helexium/Onboarding/Onboarding.vue?1c50","webpack:///./src/views/Helexium/Onboarding/Onboarding.vue?98e1","webpack:///./src/components/charts/ProgressChart.vue","webpack:///src/components/charts/ProgressChart.vue","webpack:///./src/components/charts/ProgressChart.vue?21bb","webpack:///./src/components/charts/ProgressChart.vue?6023","webpack:///./src/components/cardTable/CardTable.vue","webpack:///src/components/cardTable/CardTable.vue","webpack:///./src/components/cardTable/CardTable.vue?d1a9","webpack:///./src/components/cardTable/CardTable.vue?87e8","webpack:///./src/components/charts/ProgressChart.vue?fcc0","webpack:///./src/components/cardTable/CardTable.vue?a98d"],"names":["render","_vm","this","_c","_self","attrs","scopedSlots","_u","key","fn","staticClass","_v","proxy","staticStyle","dataCards","_l","listaItems","item","id","_s","nombre","actividadProgreso","porcentajeAut","porcentajeResp","comentarioResp","directives","name","rawName","modifiers","on","$event","detalleActividad","class","model","value","modalShowDetailsCap","callback","$$v","expression","detailActividad","actividadOnboarding","title","placement","variant","actividadSelected","_f","fechaInicio","fechaFin","fechaCreacion","descripcionOnboarding","usuarioResponsable","nombres","apellidos","porcentajeCierre","_e","comentarioAut","preventDefault","sendActividadProgresoTrabajador","actividadProgresoTrabajador","$set","domProps","changeInput","target","staticRenderFns","Swal","require","moment","locale","data","listaOnboardings","persona","onboardingAdminId","actividadOnboardingId","fechaCierre","descripcionActividad","filter","length","iconName","color","tipo","animated","onActivate","onDeactivate","fechaActual","Date","setDate","getDate","$isLoading","JSON","parse","localStorage","getItem","getData","core","index","window","$","DataTable","isDataTable","destroy","dataTableInstance","language","url","methods","hideModal","res","$store","dispatch","path","fetchAllItemsParallel","error","actividadId","promises","misActividades","actividadesId","split","push","getActividadById","then","actividadProgresoResult","getActividadByOnboardingAdminIdAndActividadOnboardingId","actividad","descripcion","results","Promise","all","$moment","tz","format","fire","text","icon","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","cancelButtonText","result","isConfirmed","filters","formatDate","date","timeSince","dateString","timezone","dateInBogota","moment_timezone","components","CardTable","ProgressChart","component","_vm$titleCheck","borderColor","style","transition","circleColor","circumference","currentProgress","currentPercentage","progressConfirmed","titleCheck","textTotal","props","String","total","Number","confirmed","computed","progressPercentage","Math","floor","min","round","radius","PI","watch","animateProgress","targetProgress","animationDuration","fps","targetValue","startValue","increment","current","animate","requestAnimationFrame","mounted","card","_card$sizeValue","boxShadow","activeCard","showCursorGlow","hideCursorGlow","event","handleMouseMove","toggleActive","showGlow","left","cursorX","top","cursorY","glowStyle","opacity","width","height","backgroundColor","computeBorderRadius","computeAnimateIcon","animatedState","shouldAnimateTitle","fontSize","sizeValue","evaluateValue","type","Array","default","animationFrameId","beat","beatFade","bounce","fade","flip","shake","spin","spinReverse","spinPulse","tipoIcon","circle","squared","shield","water","onResize","addEventListener","beforeDestroy","removeEventListener","forEach","_","checkTitleLength","$nextTick","titleElement","$el","querySelectorAll","scrollWidth","clientWidth","rect","currentTarget","getBoundingClientRect","targetX","clientX","targetY","clientY","cancelAnimationFrame","startX","startY","dx","dy","abs"],"mappings":"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","file":"js/chunk-d6eef2e6.cf1f229f.js","sourcesContent":["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('h4',{staticClass:\"card-title\"},[_c('b',[_vm._v(\"MI ONBOARDING\")])])]},proxy:true}])},[_c('div',{staticClass:\"px-5 py-3\"},[_c('div',{staticClass:\"row\",staticStyle:{\"gap\":\"1rem\"}},[_c('div',{staticClass:\"col\"},[_c('CardTable',{attrs:{\"data\":_vm.dataCards}})],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(\"Nombre actividad\")]),_c('th',[_vm._v(\"Mi avance %\")]),_c('th',[_vm._v(\"Avance Jefe %\")]),_c('th',[_vm._v(\"Comentarios Jefe\")]),_c('th',[_vm._v(\"Detalles\")]),_c('th',[_vm._v(\"Mi Estado\")]),_c('th',[_vm._v(\"Estado Global (Jefe)\")])])]),_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.actividadProgreso.porcentajeAut)+\"%\")]),_c('td',[_vm._v(_vm._s(item.actividadProgreso.porcentajeResp)+\"%\")]),_c('td',[_vm._v(\" \"+_vm._s(item.actividadProgreso.comentarioResp)+\" \")]),_c('td',[_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('vs-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.detailsAct\",modifiers:{\"detailsAct\":true}}],staticClass:\"d-flex bg-danger\",on:{\"click\":function($event){return _vm.detalleActividad(item)}}},[_c('i',{staticClass:\"fas fa-eye\"})])],1)]),_c('td',[_c('h4',[_c('b-badge',{attrs:{\"variant\":`${item.actividadProgreso.porcentajeAut == 100\n                      ? 'success'\n                      : 'warning'\n                      }`}},[_c('i',{class:`fas ${item.actividadProgreso.porcentajeAut == 100\n                        ? 'fa-check'\n                        : 'fa-clock'\n                        }`}),_vm._v(\"  \"+_vm._s(item.actividadProgreso.porcentajeAut == 100 ? \"Terminada\" : \"Pendiente\")+\" \")])],1)]),_c('td',[_c('h4',[_c('b-badge',{attrs:{\"variant\":`${item.actividadProgreso.porcentajeResp == 100\n                      ? 'success'\n                      : 'warning'\n                      }`}},[_c('i',{class:`fas ${item.actividadProgreso.porcentajeResp == 100\n                        ? 'fa-check'\n                        : 'fa-clock'\n                        }`}),_vm._v(\"  \"+_vm._s(item.actividadProgreso.porcentajeResp == 100 ? \"Terminada\" : \"Pendiente\")+\" \")])],1)])])}),0)])]),_c('b-modal',{attrs:{\"id\":\"detailsAct\",\"size\":\"xl\",\"hide-footer\":\"\"},model:{value:(_vm.modalShowDetailsCap),callback:function ($$v) {_vm.modalShowDetailsCap=$$v},expression:\"modalShowDetailsCap\"}},[_c('div',[(_vm.detailActividad.actividadProgreso.actividadOnboarding )?_c('b-card',{attrs:{\"bg-variant\":\"dark\"}},[_c('div',{staticClass:\"row flex-column-reverse flex-lg-row\"},[_c('div',{staticClass:\"col-12 col-lg\"},[_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticStyle:{\"background-color\":\"#df122e\",\"width\":\"7px\",\"border-radius\":\"0 20px 0 20px\",\"height\":\"30px\"}}),_c('span',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                      title: `Actividad asignada`,\n                      placement: 'bottom',\n                      variant: 'primary',\n                    }),expression:\"{\\n                      title: `Actividad asignada`,\\n                      placement: 'bottom',\\n                      variant: 'primary',\\n                    }\"}],staticClass:\"h2 font-weight-bold mb-0\",staticStyle:{\"font-size\":\"1.5rem\",\"font-weight\":\"bolder\",\"margin-left\":\"5px\",\"max-width\":\"100%\",\"white-space\":\"nowrap\",\"overflow\":\"hidden\",\"text-overflow\":\"ellipsis\"}},[_vm._v(\" \"+_vm._s(_vm.detailActividad.actividadSelected.nombre)+\" \")])]),_c('div',{staticClass:\"d-flex align-items-center flex-wrap mt-3\",staticStyle:{\"gap\":\"1.5rem\"}},[_c('div',{staticClass:\"d-flex align-items-center col-5\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center mr-2\"},[_c('i',{staticClass:\"far fa-calendar-check\",staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column\"},[_c('small',{staticClass:\"font-weight-bold text-white-50\"},[_vm._v(\"Fecha inicio\")]),_c('span',{staticStyle:{\"font-weight\":\"bold\",\"font-size\":\"1.1rem\"}},[_vm._v(_vm._s(_vm._f(\"formatDate\")(_vm.detailActividad.fechaInicio))+\" \")])])]),_c('div',{staticStyle:{\"width\":\"1px\",\"height\":\"20px\",\"background-color\":\"#102e5f\"}}),_c('div',{staticClass:\"d-flex align-items-center col-5\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center mr-2\"},[_c('i',{staticClass:\"fa-regular fa-calendar-xmark\",staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column\"},[_c('small',{staticClass:\"font-weight-bold text-white-50\"},[_vm._v(\"Fecha fin\")]),_c('span',{staticClass:\"font-weight-bold\",staticStyle:{\"font-size\":\"1.1rem\"}},[_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(_vm.detailActividad.fechaFin)))])])]),_c('div',{staticClass:\"d-flex align-items-center col-12\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center mr-2\"},[_c('i',{staticClass:\"fa-regular fa-calendar-plus\",staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column\"},[_c('small',{staticClass:\"font-weight-bold text-white-50\"},[_vm._v(\"Fecha último avance\")]),_c('span',{staticClass:\"font-weight-bold\",staticStyle:{\"font-size\":\"1.1rem\"}},[_vm._v(\" \"+_vm._s(_vm._f(\"timeSince\")(_vm.detailActividad.fechaCreacion)))])])])]),_c('div',{staticClass:\"d-flex justify-content-center col-12 mt-4\"},[_c('b-card',{staticClass:\"col-11\"},[_c('div',{staticClass:\"position-absolute\",staticStyle:{\"left\":\"-32px\",\"top\":\"-0px\"}},[_c('i',{staticClass:\"fa-solid fa-chart-line mr-2\",staticStyle:{\"font-size\":\"1.5rem\"}}),_c('span',{staticClass:\"h5 font-weight-bold\"},[_vm._v(\"Descripción\")])]),_c('div',{staticClass:\"content-message mt-3\"},[_vm._v(\" \"+_vm._s(_vm.detailActividad.actividadSelected.descripcionOnboarding)+\" \")])])],1),(_vm.detailActividad.actividadSelected.usuarioResponsable)?_c('div',{staticClass:\"d-flex align-items-center mt-4 flex-wrap\",staticStyle:{\"gap\":\"2rem\"}},[_c('div',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                      title: `Responsable Onboarding`,\n                      placement: 'bottom',\n                      variant: 'primary',\n                    }),expression:\"{\\n                      title: `Responsable Onboarding`,\\n                      placement: 'bottom',\\n                      variant: 'primary',\\n                    }\"}],staticClass:\"d-flex align-items-center\"},[_c('i',{staticClass:\"far fa-user mr-2\",staticStyle:{\"font-size\":\"1rem\"}}),_c('div',{staticClass:\"d-flex flex-column font-weight-bold\"},[_c('small',{staticClass:\"text-white-50\"},[_vm._v(\"Responsable\")]),_c('span',[_vm._v(_vm._s(_vm.detailActividad.actividadSelected.usuarioResponsable.nombres + \" \" + _vm.detailActividad.actividadSelected.usuarioResponsable.apellidos))])])]),_c('div',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                      title: `Porcentaje aprobación`,\n                      placement: 'bottom',\n                      variant: 'primary',\n                    }),expression:\"{\\n                      title: `Porcentaje aprobación`,\\n                      placement: 'bottom',\\n                      variant: 'primary',\\n                    }\"}],staticClass:\"d-flex align-items-center\"},[_c('i',{staticClass:\"fa-solid fa-percent mr-2\",staticStyle:{\"font-size\":\"1rem\"}}),_c('div',{staticClass:\"d-flex flex-column font-weight-bold\"},[_c('small',{staticClass:\"text-white-50\"},[_vm._v(\"Objetivo\")]),_c('span',[_vm._v(_vm._s(_vm.detailActividad.actividadProgreso.actividadOnboarding.porcentajeCierre))])])])]):_vm._e(),_c('div',{staticClass:\"d-flex justify-content-center col-12 mt-4\"},[_c('b-card',{staticClass:\"col-11\"},[_c('div',{staticClass:\"position-absolute\",staticStyle:{\"left\":\"-32px\",\"top\":\"-0px\"}},[_c('i',{staticClass:\"fa-regular fa-comments mr-2\",staticStyle:{\"font-size\":\"1.5rem\"}}),_c('span',{staticClass:\"h5 font-weight-bold\"},[_vm._v(\"Mis comentarios\")])]),_c('div',{staticClass:\"content-message mt-3\"},[_vm._v(\" \"+_vm._s(_vm.detailActividad.actividadProgreso.comentarioAut ? _vm.detailActividad.actividadProgreso.comentarioAut : \"No has realizado ningún comentario.\")+\" \")])])],1),_c('div',{staticClass:\"d-flex flex-column\",staticStyle:{\"gap\":\"20px\"}},[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle\",value:(`collapse-1-inner`),expression:\"`collapse-1-inner`\"}],staticClass:\"mt-2\"},[_vm._v(\"Registrar avance \"),_c('i',{staticClass:\"fas fa-flag-checkered\"})]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":`collapse-1-inner`}},[_c('b-card',[_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.sendActividadProgresoTrabajador(\n                            _vm.detailActividad.actividadSelected\n                          )}}},[_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:(_vm.actividadProgresoTrabajador.comentarioAut),callback:function ($$v) {_vm.$set(_vm.actividadProgresoTrabajador, \"comentarioAut\", $$v)},expression:\"actividadProgresoTrabajador.comentarioAut\"}}),_c('div',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.detailActividad.actividadProgreso.porcentajeAut\n                                ),expression:\"detailActividad.actividadProgreso.porcentajeAut\\n                                \"}],staticClass:\"mr-1 w-100\",attrs:{\"type\":\"range\",\"id\":\"porcentaje\",\"min\":\"0\",\"max\":\"100\",\"step\":\"0\"},domProps:{\"value\":(_vm.detailActividad.actividadProgreso.porcentajeAut\n                                )},on:{\"input\":function($event){_vm.detailActividad.changeInput = true},\"__r\":function($event){return _vm.$set(_vm.detailActividad.actividadProgreso, \"porcentajeAut\", $event.target.value)}}}),_c('span',{class:`px-2 ${_vm.detailActividad.actividadProgreso.porcentajeAut <\n                                50\n                                ? 'text-danger'\n                                : _vm.detailActividad.actividadProgreso\n                                  .porcentajeAut < 80\n                                  ? 'text-warning'\n                                  : 'text-primary'\n                                }`,staticStyle:{\"font-size\":\"30px\"}},[_c('small',[_vm._v(_vm._s(_vm.detailActividad.actividadProgreso.porcentajeAut)+\"%\")])])])],1),_c('div',{staticClass:\"text-right mt-3\"},[_c('b-button',{attrs:{\"block\":\"\",\"type\":\"submit\",\"variant\":\"outline-light\",\"disabled\":!_vm.detailActividad.changeInput}},[_c('i',{staticClass:\"fas fa-flag-checkered\"}),_vm._v(\" Registrar \")])],1)])])],1)],1)]),_c('div',{staticClass:\"col-12 col-lg\"},[_c('b-card',{staticClass:\"banner-content\",staticStyle:{\"height\":\"100%\"}},[_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\",staticStyle:{\"height\":\"100%\"}},[_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\"},[_c('span',{staticClass:\"h3 font-weight-bold mt-3 mb-1 text-uppercase\"},[_vm._v(\" Progreso General \")]),_c('ProgressChart',{attrs:{\"total\":_vm.detailActividad.actividadProgreso.actividadOnboarding.porcentajeCierre,\"confirmed\":_vm.detailActividad.actividadProgreso.porcentajeAut}})],1)])])],1)])]):_vm._e()],1)])],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-container fluid>\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>MI ONBOARDING</b></h4>\r\n          </template>\r\n          <div class=\"px-5 py-3\">\r\n            <div class=\"row\" style=\"gap: 1rem\">\r\n              <div class=\"col\">\r\n                <!-- linar-style cursor glow -->\r\n                <CardTable :data=\"dataCards\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"table-responsive px-4 mt-3\">\r\n            <table id=\"datatable_onboarding\" class=\"table table-bordered table-responsive-md table-striped text-center\">\r\n              <thead>\r\n                <tr>\r\n                  <th>Nombre actividad</th>\r\n                  <th>Mi avance %</th>\r\n                  <th>Avance Jefe %</th>\r\n                  <th>Comentarios Jefe</th>\r\n                  <th>Detalles</th>\r\n                  <th>Mi Estado</th>\r\n                  <th>Estado Global (Jefe)</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.actividadProgreso.porcentajeAut }}%</td>\r\n                  <td>{{ item.actividadProgreso.porcentajeResp }}%</td>\r\n                  <td>\r\n                    {{ item.actividadProgreso.comentarioResp }}\r\n                  </td>\r\n                  <td>\r\n                    <div class=\"d-flex justify-content-center\">\r\n\r\n\r\n                      <vs-button class=\"d-flex bg-danger\" v-b-modal.detailsAct @click=\"detalleActividad(item)\">\r\n                        <i class=\"fas fa-eye\"></i></vs-button>\r\n                    </div>\r\n                  </td>\r\n                  <td>\r\n                    <h4>\r\n                      <b-badge :variant=\"`${item.actividadProgreso.porcentajeAut == 100\r\n                        ? 'success'\r\n                        : 'warning'\r\n                        }`\">\r\n                        <i :class=\"`fas ${item.actividadProgreso.porcentajeAut == 100\r\n                          ? 'fa-check'\r\n                          : 'fa-clock'\r\n                          }`\"></i>&nbsp;\r\n                        {{\r\n                          item.actividadProgreso.porcentajeAut == 100\r\n                            ? \"Terminada\"\r\n                            : \"Pendiente\"\r\n                        }}\r\n                      </b-badge>\r\n                    </h4>\r\n                  </td>\r\n                  <td>\r\n                    <h4>\r\n                      <b-badge :variant=\"`${item.actividadProgreso.porcentajeResp == 100\r\n                        ? 'success'\r\n                        : 'warning'\r\n                        }`\">\r\n                        <i :class=\"`fas ${item.actividadProgreso.porcentajeResp == 100\r\n                          ? 'fa-check'\r\n                          : 'fa-clock'\r\n                          }`\"></i>&nbsp;\r\n                        {{\r\n                          item.actividadProgreso.porcentajeResp == 100\r\n                            ? \"Terminada\"\r\n                            : \"Pendiente\"\r\n                        }}\r\n                      </b-badge>\r\n                    </h4>\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n\r\n       \r\n\r\n          <b-modal id=\"detailsAct\" size=\"xl\" v-model=\"modalShowDetailsCap\" hide-footer>\r\n            <div>\r\n\r\n              <b-card bg-variant=\"dark\" v-if=\"detailActividad.actividadProgreso.actividadOnboarding \">\r\n                <div class=\"row flex-column-reverse flex-lg-row\">\r\n                  <!-- data info capacitacion -->\r\n\r\n                  <div class=\"col-12 col-lg\">\r\n                    <div class=\"d-flex align-items-center\">\r\n                      <div style=\"\r\n                          background-color: #df122e;\r\n                          width: 7px;\r\n                          border-radius: 0 20px 0 20px;\r\n                          height: 30px;\r\n                        \"></div>\r\n                      <span class=\"h2 font-weight-bold mb-0\" v-b-tooltip=\"{\r\n                        title: `Actividad asignada`,\r\n                        placement: 'bottom',\r\n                        variant: 'primary',\r\n                      }\" style=\"\r\n                          font-size: 1.5rem;\r\n                          font-weight: bolder;\r\n                          margin-left: 5px;\r\n                          max-width: 100%;\r\n                          white-space: nowrap;\r\n                          overflow: hidden;\r\n                          text-overflow: ellipsis;\r\n                        \">\r\n                        {{ detailActividad.actividadSelected.nombre }}\r\n                      </span>\r\n                    </div>\r\n                    <!-- access info -->\r\n                    <div class=\"d-flex align-items-center flex-wrap mt-3\" style=\"gap: 1.5rem\">\r\n                      <!-- duracion -->\r\n                      <div class=\"d-flex align-items-center col-5\">\r\n                        <div class=\"d-flex justify-content-center align-items-center mr-2\">\r\n                          <i class=\"far fa-calendar-check\" style=\"font-size: 1.5rem\"></i>\r\n                        </div>\r\n                        <div class=\"d-flex flex-column\">\r\n                          <small class=\"font-weight-bold text-white-50\">Fecha inicio</small>\r\n                          <span style=\"font-weight: bold; font-size: 1.1rem\">{{ detailActividad.fechaInicio | formatDate\r\n                            }}\r\n                          </span>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <!-- divisor -->\r\n                      <div style=\"\r\n                          width: 1px;\r\n                          height: 20px;\r\n                          background-color: #102e5f;\r\n                        \"></div>\r\n\r\n                      <!-- fecha inicio -->\r\n                      <div class=\"d-flex align-items-center col-5\">\r\n                        <div class=\"d-flex justify-content-center align-items-center mr-2\">\r\n                          <i class=\"fa-regular fa-calendar-xmark\" style=\"font-size: 1.5rem\"></i>\r\n                        </div>\r\n                        <div class=\"d-flex flex-column\">\r\n                          <small class=\"font-weight-bold text-white-50\">Fecha fin</small>\r\n                          <span style=\"font-size: 1.1rem\" class=\"font-weight-bold\">\r\n                            {{ detailActividad.fechaFin | formatDate }}</span>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <!-- fecha último avance -->\r\n                      <div class=\"d-flex align-items-center col-12\">\r\n                        <div class=\"d-flex justify-content-center align-items-center mr-2\">\r\n                          <i class=\"fa-regular fa-calendar-plus\" style=\"font-size: 1.5rem\"></i>\r\n                        </div>\r\n                        <div class=\"d-flex flex-column\">\r\n                          <small class=\"font-weight-bold text-white-50\">Fecha último avance</small>\r\n                          <span style=\"font-size: 1.1rem\" class=\"font-weight-bold\">\r\n                            {{ detailActividad.fechaCreacion | timeSince }}</span>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <!-- descripcion -->\r\n                    <div class=\"d-flex justify-content-center col-12 mt-4 \">\r\n                      <b-card class=\" col-11\">\r\n                        <div class=\"position-absolute\" style=\" left: -32px; top: -0px;\">\r\n                          <i class=\"fa-solid fa-chart-line mr-2\" style=\"font-size: 1.5rem;\"></i>\r\n                          <span class=\"h5 font-weight-bold\">Descripción</span>\r\n                        </div>\r\n                        <div class=\" content-message mt-3\">\r\n                          {{ detailActividad.actividadSelected.descripcionOnboarding }}\r\n                        </div>\r\n                      </b-card>\r\n                    </div>\r\n\r\n\r\n                    <!-- otros datos -->\r\n                    <div class=\"d-flex align-items-center mt-4 flex-wrap\" style=\"gap: 2rem\"\r\n                      v-if=\"detailActividad.actividadSelected.usuarioResponsable\">\r\n                      <!-- instructor  -->\r\n                      <div class=\"d-flex align-items-center\" v-b-tooltip=\"{\r\n                        title: `Responsable Onboarding`,\r\n                        placement: 'bottom',\r\n                        variant: 'primary',\r\n                      }\">\r\n                        <i class=\"far fa-user mr-2\" style=\"font-size: 1rem\"></i>\r\n                        <div class=\"d-flex flex-column font-weight-bold\">\r\n                          <small class=\"text-white-50\">Responsable</small>\r\n\r\n                          <span>{{ detailActividad.actividadSelected.usuarioResponsable.nombres + \" \" +\r\n                            detailActividad.actividadSelected.usuarioResponsable.apellidos }}</span>\r\n                        </div>\r\n                      </div>\r\n                      <!-- empresa  -->\r\n                      <div class=\"d-flex align-items-center\" v-b-tooltip=\"{\r\n                        title: `Porcentaje aprobación`,\r\n                        placement: 'bottom',\r\n                        variant: 'primary',\r\n                      }\">\r\n                        <i class=\"fa-solid fa-percent mr-2\" style=\"font-size: 1rem\"></i>\r\n                        <div class=\"d-flex flex-column font-weight-bold\">\r\n                          <small class=\"text-white-50\">Objetivo</small>\r\n\r\n                          <span>{{ detailActividad.actividadProgreso.actividadOnboarding.porcentajeCierre }}</span>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"d-flex justify-content-center col-12 mt-4 \">\r\n                      <b-card class=\" col-11\">\r\n                        <div class=\"position-absolute\" style=\" left: -32px; top: -0px;\">\r\n                          <i class=\"fa-regular fa-comments mr-2\" style=\"font-size: 1.5rem;\"></i>\r\n                          <span class=\"h5 font-weight-bold\">Mis comentarios</span>\r\n                        </div>\r\n                        <div class=\" content-message mt-3\">\r\n                          {{ detailActividad.actividadProgreso.comentarioAut ? detailActividad.actividadProgreso.comentarioAut : \"No has realizado ningún comentario.\" }}\r\n                        </div>\r\n                      </b-card>\r\n                    </div>\r\n                    <!-- actions user -->\r\n                    <div class=\"d-flex flex-column\" style=\"gap: 20px\">\r\n                      <!-- registrar avance -->\r\n                      <b-button v-b-toggle=\"`collapse-1-inner`\" class=\"mt-2\">Registrar avance <i\r\n                          class=\"fas fa-flag-checkered\"></i></b-button>\r\n                      <b-collapse :id=\"`collapse-1-inner`\" class=\"mt-2\">\r\n                        <b-card>\r\n                          <form @submit.prevent=\"\r\n                            sendActividadProgresoTrabajador(\r\n                              detailActividad.actividadSelected\r\n                            )\r\n                            \">\r\n                            <div class=\"d-flex flex-column justify-content-between\" style=\"gap: 20px\">\r\n                              <b-form-textarea class=\"w-100\" v-model=\"actividadProgresoTrabajador.comentarioAut\"\r\n                                placeholder=\"Escriba un comentario...\" minlength=\"10\" maxlength=\"255\"\r\n                                required></b-form-textarea>\r\n                              <div class=\"d-flex justify-content-center align-items-center\">\r\n                                <input class=\"mr-1 w-100\" type=\"range\" id=\"porcentaje\" v-model=\"detailActividad.actividadProgreso.porcentajeAut\r\n                                  \" @input=\"detailActividad.changeInput = true\" min=\"0\" max=\"100\" step=\"0\" />\r\n                                <span style=\"font-size: 30px\" :class=\"`px-2 ${detailActividad.actividadProgreso.porcentajeAut <\r\n                                  50\r\n                                  ? 'text-danger'\r\n                                  : detailActividad.actividadProgreso\r\n                                    .porcentajeAut < 80\r\n                                    ? 'text-warning'\r\n                                    : 'text-primary'\r\n                                  }`\"><small>{{\r\n                                    detailActividad.actividadProgreso.porcentajeAut\r\n                                  }}%</small></span>\r\n                              </div>\r\n                            </div>\r\n                            <div class=\"text-right mt-3\">\r\n                              <b-button block type=\"submit\" variant=\"outline-light\"\r\n                                :disabled=\"!detailActividad.changeInput\">\r\n                                <i class=\"fas fa-flag-checkered\"></i> Registrar\r\n                              </b-button>\r\n                            </div>\r\n                          </form>\r\n                        </b-card>\r\n                      </b-collapse>\r\n                    </div>\r\n                  </div>\r\n                  <!-- grafic progress confirmacion asistentes  -->\r\n                  <div class=\"col-12 col-lg\">\r\n                    <b-card class=\"banner-content\" style=\"height: 100%\">\r\n                      <div class=\"d-flex flex-column justify-content-center align-items-center\" style=\"height: 100%\">\r\n                        <!-- component ProgressChart -->\r\n                        <div class=\"d-flex flex-column justify-content-center align-items-center\">\r\n                          <span class=\" h3 font-weight-bold mt-3 mb-1 text-uppercase\">\r\n                            Progreso General\r\n                          </span>\r\n                          <ProgressChart :total=\"detailActividad.actividadProgreso.actividadOnboarding.porcentajeCierre\"\r\n                            :confirmed=\"detailActividad.actividadProgreso.porcentajeAut\" />\r\n                          \r\n                        </div>\r\n                      </div>\r\n                    </b-card>\r\n                  </div>\r\n                </div>\r\n              </b-card>\r\n            </div>\r\n          </b-modal>\r\n        </card>\r\n      </b-col>\r\n    </b-row>\r\n  </b-container>\r\n</template>\r\n<script>\r\nimport CardTable from \"../../../components/cardTable/CardTable.vue\";\r\nimport { core } from \"../../../config/pluginInit\";\r\nimport moment_timezone from \"moment-timezone\";\r\nconst Swal = require(\"sweetalert2\");\r\nimport moment from 'moment/moment';\r\nimport \"moment/locale/es\"\r\nmoment.locale('es')\r\nimport ProgressChart from \"@/components/charts/ProgressChart.vue\";\r\n\r\nexport default {\r\n  name: \"Onboarding\",\r\n  data() {\r\n    return {\r\n      listaItems: [],\r\n      listaOnboardings: [],\r\n      persona: {},\r\n      actividadProgresoTrabajador: {\r\n        onboardingAdminId: null,\r\n        actividadOnboardingId: null,\r\n        porcentajeAut: 0,\r\n        comentarioAut: \"\",\r\n        porcentajeResp: 0,\r\n        comentarioResp: \"\",\r\n        fechaCreacion: null,\r\n        fechaCierre: null,\r\n      },\r\n      detailActividad: {\r\n        fechaInicio: null,\r\n        fechaFin: null,\r\n        fechaCreacion: null,\r\n        descripcionOnboarding: null,\r\n        descripcionActividad: null,\r\n        usuarioResponsable: null,\r\n        actividadSelected: {},\r\n        actividadProgreso: {},\r\n        changeInput: false,\r\n      },\r\n      dataCards: [\r\n        {\r\n          title: \"Actividades con avances\",\r\n          value: () =>\r\n            this.listaItems.filter(\r\n              (item) => item.actividadProgreso.porcentajeAut > 0\r\n            ).length,\r\n          iconName: \"bolt\",\r\n          color: \"rgba(71, 136, 255, 1)\",\r\n          tipo: \"shield\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n          },\r\n          onDeactivate: () => {\r\n            console.log(\"Deactivate\");\r\n          },\r\n        },\r\n        {\r\n          title: \"Nuevas actividades\",\r\n          value: () => {\r\n            const fechaActual = new Date(); // Obtener la fecha actual\r\n            fechaActual.setDate(fechaActual.getDate() - 3); // Restar tres días\r\n\r\n            return this.listaItems.filter((item) => {\r\n              const fechaCreacion = new Date(\r\n                item.actividadProgreso.fechaCreacion\r\n              );\r\n              return fechaCreacion > fechaActual;\r\n            }).length;\r\n          },\r\n          iconName: \"calendar-plus\",\r\n          color: \"rgba(223, 18, 46, 1)\",\r\n          tipo: \"shield\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\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    this.persona = JSON.parse(localStorage.getItem(\"setPersonaAct\"));\r\n    await this.getData();\r\n    core.index();\r\n    if (window.$.fn.DataTable.isDataTable(\"#datatable_onboarding\")) {\r\n      window.$(\"#datatable_onboarding\").DataTable().destroy();\r\n    }\r\n    this.dataTableInstance = window.$(\"#datatable_onboarding\").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    hideModal() {\r\n      if (this.actividadProgresoTrabajador.comentarioAut !== null) {\r\n        this.actividadProgresoTrabajador.comentarioAut = \"\";\r\n      }\r\n    },\r\n    async getData() {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"OnboardingAdmin/ByPersonaId/\" + this.persona.id,\r\n        });\r\n        console.log(\"list onboardings...\", res);\r\n        if (res.length > 0) {\r\n          this.listaOnboardings = res;\r\n          const data = await this.fetchAllItemsParallel(res);\r\n          console.log(\"------------------->onbordings\", data);\r\n          this.listaItems = data;\r\n        } else {\r\n          this.listaOnboardings = [];\r\n        }\r\n      } catch (error) {\r\n        this.listaOnboardings = [];\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async getActividadById(actividadId) {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"ActividadOnboarding/GetActividad/\" + actividadId,\r\n        });\r\n        console.log(\"actividadById...\", res);\r\n        return res;\r\n      } catch (error) {\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async fetchAllItemsParallel(data) {\r\n      const promises = [];\r\n      for (let item of data) {\r\n        let misActividades = item.actividadesId.split(\",\");\r\n        for (let id of misActividades) {\r\n          promises.push(\r\n            this.getActividadById(id).then(async (actividad) => {\r\n              let actividadProgresoResult =\r\n                await this.getActividadByOnboardingAdminIdAndActividadOnboardingId(\r\n                  item.id,\r\n                  actividad.id\r\n                );\r\n              actividadProgresoResult.changeInput = false;\r\n              return {\r\n                ...actividad,\r\n                fechaInicio: item.fechaInicio,\r\n                fechaFin: item.fechaFin,\r\n                descripcionOnboarding: item.descripcion,\r\n                onboardingAdminId: item.id,\r\n                actividadProgreso: actividadProgresoResult,\r\n              };\r\n            })\r\n          );\r\n        }\r\n      }\r\n      const results = await Promise.all(promises);\r\n      return results;\r\n    },\r\n    async getActividadByOnboardingAdminIdAndActividadOnboardingId(\r\n      onboardingAdminId,\r\n      actividadOnboardingId\r\n    ) {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path:\r\n            \"ActividadProgresoOnboarding/GetActividadByOnboardingIdAndActividadOnboardingId/\" +\r\n            onboardingAdminId +\r\n            \"/\" +\r\n            actividadOnboardingId,\r\n        });\r\n        console.log(\"ActividadProgreso...\", res);\r\n        return res;\r\n      } catch (error) {\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    detalleActividad(item) {\r\n      const {\r\n        actividadProgreso,\r\n        fechaInicio,\r\n        fechaFin,\r\n        descripcionOnboarding,\r\n        descripcion,\r\n        usuarioResponsable,\r\n      } = item;\r\n      this.detailActividad = {\r\n        actividadSelected: item,\r\n        actividadProgreso: actividadProgreso,\r\n        fechaInicio,\r\n        fechaCreacion: actividadProgreso.fechaCreacion,\r\n        fechaFin,\r\n        descripcionOnboarding,\r\n        descripcionActividad: descripcion,\r\n        usuarioResponsable: `${usuarioResponsable.nombres} ${usuarioResponsable.apellidos}`,\r\n      };\r\n      console.log(\"----------->\", this.detailActividad);\r\n    },\r\n    async sendActividadProgresoTrabajador(actividad) {\r\n      try {\r\n        let data = {\r\n          ...this.actividadProgresoTrabajador,\r\n          onboardingAdminId: actividad.onboardingAdminId,\r\n          actividadOnboardingId: actividad.id,\r\n          comentarioAut: this.actividadProgresoTrabajador.comentarioAut,\r\n          porcentajeAut: actividad.actividadProgreso.porcentajeAut,\r\n          fechaCreacion: this.$moment\r\n            .tz(new Date(), \"America/Bogota\")\r\n            .format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n          fechaCierre: this.$moment\r\n            .tz(new Date(), \"America/Bogota\")\r\n            .format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n        };\r\n        let res = await this.$store.dispatch(\"hl_post\", {\r\n          path: \"ActividadOnboarding/CreateActividadProgresoTrabajador/\",\r\n          data,\r\n        });\r\n        console.log(res);\r\n        if (res) {\r\n          // Actualiza el progreso de la actividad en el cliente\r\n          this.detailActividad.fechaCreacion = this.$moment\r\n            .tz(new Date(), \"America/Bogota\")\r\n            .format(\"YYYY-MM-DDTHH:mm:ss\");\r\n          this.detailActividad.actividadProgreso.comentarioAut =\r\n            this.actividadProgresoTrabajador.comentarioAut;\r\n          Swal.fire({\r\n            title: \"Listo!\",\r\n            text: \"Avance registrado correctamente\",\r\n            icon: \"success\",\r\n            showCancelButton: false,\r\n            confirmButtonColor: \"#3085d6\",\r\n            cancelButtonColor: \"#d33\",\r\n            confirmButtonText: \"OK\",\r\n            cancelButtonText: \"Cancelar\",\r\n          }).then(async (result) => {\r\n            if (result.isConfirmed) {\r\n              console.log(\"confirmado\");\r\n              this.actividadProgresoTrabajador.comentarioAut = \"\";\r\n              this.detailActividad.changeInput = false;\r\n            }\r\n          });\r\n        }\r\n      } catch (error) {\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n  },\r\n  filters: {\r\n    formatDate(date) {\r\n\r\n      return date ? moment(date).locale(\"es\").format('D MMM YYYY') : \"No hay fecha registrada\";\r\n    },\r\n    timeSince(dateString, timezone = \"America/Bogota\") {\r\n      const dateInBogota = moment_timezone.tz(dateString, timezone);\r\n      return dateInBogota.format(\"D MMM YYYY hh:mm A\");\r\n    },\r\n  },\r\n  components: { CardTable, ProgressChart },\r\n};\r\n</script>\r\n\r\n<style></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!./Onboarding.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!./Onboarding.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Onboarding.vue?vue&type=template&id=404e9aa6\"\nimport script from \"./Onboarding.vue?vue&type=script&lang=js\"\nexport * from \"./Onboarding.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('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\",staticStyle:{\"gap\":\"1rem\"}},[_c('div',{staticClass:\"progress-chart\"},[_c('svg',{attrs:{\"width\":\"180\",\"height\":\"180\"}},[_c('circle',{attrs:{\"cx\":\"90\",\"cy\":\"90\",\"r\":\"80\",\"fill\":\"none\",\"stroke\":_vm.borderColor,\"stroke-width\":9,\"stroke-opacity\":0.5}}),_c('circle',{style:({\n          transition: 'stroke-dashoffset 2s',\n          filter: `drop-shadow(0px 0px 3px ${_vm.circleColor})`,\n        }),attrs:{\"cx\":90,\"cy\":90,\"r\":\"80\",\"fill\":\"none\",\"stroke\":_vm.circleColor,\"stroke-linecap\":\"round\",\"stroke-width\":12,\"stroke-dasharray\":_vm.circumference,\"stroke-dashoffset\":_vm.circumference * (1 - _vm.currentProgress)}}),_c('text',{staticStyle:{\"fill\":\"var(--text-progress) !important\"},attrs:{\"x\":\"95\",\"y\":\"95\",\"text-anchor\":\"middle\",\"alignment-baseline\":\"middle\",\"font-size\":\"3.5rem\",\"font-weight\":\"bold\"}},[_vm._v(\" \"+_vm._s(_vm.currentPercentage)+\" \"),_c('tspan',{attrs:{\"dy\":\"0.5em\",\"dx\":\"-0.6em\",\"font-size\":\"1.5rem\"}},[_vm._v(\"%\")])])])]),_c('div',{staticClass:\"row d-flex justify-content-center\"},[_c('div',{staticClass:\"col d-flex flex-column align-items-center\"},[_c('vs-avatar',{staticClass:\"mr-1\",attrs:{\"icon\":\"\",\"success\":\"\",\"size\":\"40\"}},[_c('i',{staticClass:\"fas fa-check-circle\",staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column align-items-center mt-2\"},[_c('span',{staticStyle:{\"font-size\":\"2rem\"}},[_vm._v(_vm._s(_vm.progressConfirmed))]),_c('span',{staticClass:\"text-white-50\"},[_vm._v(_vm._s(_vm.titleCheck ?? \"Finalizadas\"))])])],1),_c('div',{staticStyle:{\"width\":\"1px\",\"background-color\":\"#102e5f\"}}),_c('div',{staticClass:\"col d-flex flex-column align-items-center\"},[_c('vs-avatar',{staticClass:\"mr-1\",attrs:{\"icon\":\"\",\"primary\":\"\",\"size\":\"40\"}},[_c('i',{staticClass:\"fas fa-trophy\",staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column align-items-center mt-2\"},[_c('span',{staticStyle:{\"font-size\":\"2rem\"}},[_vm._v(_vm._s(_vm.textTotal))]),_c('span',{staticClass:\"text-white-50\"},[_vm._v(\"Totales\")])])],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"d-flex flex-column justify-content-center align-items-center\"\r\n    style=\"gap: 1rem\"\r\n  >\r\n    <div class=\"progress-chart\">\r\n      <svg width=\"180\" height=\"180\">\r\n        <!-- Reducimos el tamaño del SVG -->\r\n        <!-- Círculo exterior (borde vacío) con sombra en un color diferente -->\r\n        <circle\r\n          cx=\"90\"\r\n          cy=\"90\"\r\n          r=\"80\"\r\n          fill=\"none\"\r\n          :stroke=\"borderColor\"\r\n          :stroke-width=\"9\"\r\n          :stroke-opacity=\"0.5\"\r\n        />\r\n\r\n        <!-- Círculo interior que se llenará con brillo y colores personalizados -->\r\n        <circle\r\n          :cx=\"90\"\r\n          :cy=\"90\"\r\n          r=\"80\"\r\n          fill=\"none\"\r\n          :stroke=\"circleColor\"\r\n          stroke-linecap=\"round\"\r\n          :stroke-width=\"12\"\r\n          :stroke-dasharray=\"circumference\"\r\n          :stroke-dashoffset=\"circumference * (1 - currentProgress)\"\r\n          :style=\"{\r\n            transition: 'stroke-dashoffset 2s',\r\n            filter: `drop-shadow(0px 0px 3px ${circleColor})`,\r\n          }\"\r\n        />\r\n\r\n        <!-- Porcentaje de progreso en el centro arriba del texto existente -->\r\n        <text\r\n          x=\"95\"\r\n          y=\"95\"\r\n          text-anchor=\"middle\"\r\n          alignment-baseline=\"middle\"\r\n          font-size=\"3.5rem\"\r\n          font-weight=\"bold\"\r\n          style=\"fill: var(--text-progress) !important\"\r\n        >\r\n          {{ currentPercentage }}\r\n          <tspan dy=\"0.5em\" dx=\"-0.6em\" font-size=\"1.5rem\">%</tspan>\r\n        </text>\r\n      </svg>\r\n    </div>\r\n    <!-- info progress -->\r\n    <div class=\"row d-flex justify-content-center\">\r\n      <!-- finalizadas -->\r\n      <div class=\"col d-flex flex-column align-items-center\">\r\n        <vs-avatar icon success size=\"40\" class=\"mr-1\">\r\n          <i class=\"fas fa-check-circle\" style=\"font-size: 1.5rem\"></i>\r\n        </vs-avatar>\r\n        <div class=\"d-flex flex-column align-items-center mt-2\">\r\n          <span style=\"font-size: 2rem\">{{ progressConfirmed }}</span>\r\n          <span class=\"text-white-50\">{{ titleCheck ?? \"Finalizadas\" }}</span>\r\n        </div>\r\n      </div>\r\n      <!-- divisor -->\r\n      <div style=\"width: 1px; background-color: #102e5f\"></div>\r\n\r\n      <!-- totales -->\r\n      <div class=\"col d-flex flex-column align-items-center\">\r\n        <vs-avatar icon primary size=\"40\" class=\"mr-1\">\r\n          <i class=\"fas fa-trophy\" style=\"font-size: 1.5rem\"></i>\r\n        </vs-avatar>\r\n        <div class=\"d-flex flex-column align-items-center mt-2\">\r\n          <span style=\"font-size: 2rem\">{{ textTotal }}</span>\r\n          <span class=\"text-white-50\">Totales</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    titleCheck: String,\r\n    total: Number, // total\r\n    confirmed: Number, // confirmado\r\n  },\r\n  data() {\r\n    return {\r\n      currentProgress: 0, // Inicialmente 0\r\n    };\r\n  },\r\n  computed: {\r\n    progressPercentage() {\r\n      return Math.floor(this.confirmed) / Math.floor(this.total);\r\n    },\r\n    borderColor() {\r\n      return \"var(--muted-progress)\"; // Color del borde exterior\r\n    },\r\n    circleColor() {\r\n      // Cambia el color del círculo interior según diferentes rangos de porcentaje\r\n      if (this.progressPercentage < 0.4) {\r\n        return \"#DF122E\"; // Rojo para menos del 40%\r\n      } else if (this.progressPercentage < 0.8) {\r\n        return \"rgb(255, 130, 0)\"; // Amarillo para menos del 80%\r\n      } else {\r\n        return \"rgb(23, 201, 100)\"; // Verde para el resto\r\n      }\r\n    },\r\n    progressConfirmed() {\r\n      return `${this.confirmed}`;\r\n    },\r\n    textTotal() {\r\n      return `${this.total}`;\r\n    },\r\n    currentPercentage() {\r\n      return Math.min(Math.round(this.currentProgress * 100), 100); // Limitar a un máximo de 100%\r\n    },\r\n    circumference() {\r\n      const radius = 80; // Radio del círculo\r\n      return 2 * Math.PI * radius;\r\n    },\r\n  },\r\n  watch: {\r\n    total() {\r\n      this.animateProgress();\r\n    },\r\n    confirmed() {\r\n      this.animateProgress();\r\n    },\r\n  },\r\n  methods: {\r\n    animateProgress() {\r\n      const targetProgress = this.progressPercentage;\r\n      const animationDuration = 1000; // Duración de la animación en milisegundos (1 segundo)\r\n      const fps = 60; // Cuadros por segundo\r\n\r\n      const targetValue = Math.min(targetProgress, 1); // Limitar a un máximo de 1 (o 100%)\r\n      const startValue = this.currentProgress; // Valor actual del progreso\r\n\r\n      const increment =\r\n        (targetValue - startValue) / (animationDuration / (1000 / fps));\r\n      let current = startValue;\r\n\r\n      const animate = () => {\r\n        // Animar incremento o decremento según el valor de `increment`\r\n        if (\r\n          (increment > 0 && current < targetValue) ||\r\n          (increment < 0 && current > targetValue)\r\n        ) {\r\n          current += increment;\r\n          this.currentProgress = current;\r\n          requestAnimationFrame(animate);\r\n        }\r\n      };\r\n\r\n      animate();\r\n    },\r\n  },\r\n  mounted() {\r\n    this.animateProgress();\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.progress-chart {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 180px;\r\n  height: 180px;\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!./ProgressChart.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!./ProgressChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ProgressChart.vue?vue&type=template&id=6428d5f2&scoped=true\"\nimport script from \"./ProgressChart.vue?vue&type=script&lang=js\"\nexport * from \"./ProgressChart.vue?vue&type=script&lang=js\"\nimport style0 from \"./ProgressChart.vue?vue&type=style&index=0&id=6428d5f2&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  \"6428d5f2\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row justify-content-center\",staticStyle:{\"gap\":\"1rem\"}},_vm._l((_vm.data),function(card,index){return _c('div',{key:index,staticClass:\"col-12 col-sm-5 col-md d-flex justify-content-between align-items-center rounded p-2 glow-box bg-dark\",style:({\n      boxShadow:\n        _vm.activeCard === index ? `inset 0 0 0 2px ${card.color}` : 'none',\n    }),on:{\"mouseenter\":function($event){return _vm.showCursorGlow(index)},\"mouseleave\":function($event){return _vm.hideCursorGlow(index)},\"mousemove\":(event) => _vm.handleMouseMove(event, index),\"click\":function($event){return _vm.toggleActive(index)}}},[(_vm.showGlow)?_c('div',{staticClass:\"cursor-glow\",style:({\n        left: _vm.cursorX[index] + 'px',\n        top: _vm.cursorY[index] + 'px',\n        ..._vm.glowStyle(card.color),\n        opacity: _vm.showGlow[index] ? '1' : '0',\n      })}):_vm._e(),_c('div',{class:`d-flex align-items-center justify-content-center`,style:({\n        width: '60px',\n        height: '60px',\n        backgroundColor: card.color,\n        'border-radius': _vm.computeBorderRadius(card.tipo),\n        '-webkit-box-shadow': `0px -1px 33px -8px ${card.color}`,\n        '-moz-box-shadow': `0px -1px 33px -8px ${card.color}`,\n        'box-shadow': `0px -1px 33px -8px ${card.color}`,\n      })},[_c('i',{class:`fas fa-${card.iconName} ${_vm.computeAnimateIcon(\n          card.animated,\n          index\n        )}`,staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column align-items-center\",staticStyle:{\"flex-grow\":\"1\",\"max-width\":\"calc(100% - 60px)\"}},[_c('div',{class:`title-container`},[_c('span',{staticClass:\"font-weight-bold\",class:[\n            _vm.showGlow[index] &&\n            _vm.animatedState[index] &&\n            _vm.shouldAnimateTitle[index]\n              ? 'title-animate'\n              : 'title-static',\n          ]},[_vm._v(\" \"+_vm._s(card.title)+\" \")])]),_c('span',{staticClass:\"font-weight-bold\",style:({\n          fontSize: `${card.sizeValue ?? 40}px`,\n        })},[_vm._v(_vm._s(_vm.evaluateValue(card.value)))])])])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- card table info -->\r\n<template>\r\n  <div class=\"row justify-content-center\" style=\"gap: 1rem\">\r\n    <div\r\n      v-for=\"(card, index) in data\"\r\n      :key=\"index\"\r\n      class=\"col-12 col-sm-5 col-md d-flex justify-content-between align-items-center rounded p-2 glow-box bg-dark\"\r\n      :style=\"{\r\n        boxShadow:\r\n          activeCard === index ? `inset 0 0 0 2px ${card.color}` : 'none',\r\n      }\"\r\n      @mouseenter=\"showCursorGlow(index)\"\r\n      @mouseleave=\"hideCursorGlow(index)\"\r\n      @mousemove=\"(event) => handleMouseMove(event, index)\"\r\n      @click=\"toggleActive(index)\"\r\n    >\r\n      <!-- linar-style cursor glow -->\r\n      <div\r\n        v-if=\"showGlow\"\r\n        class=\"cursor-glow\"\r\n        :style=\"{\r\n          left: cursorX[index] + 'px',\r\n          top: cursorY[index] + 'px',\r\n          ...glowStyle(card.color),\r\n          opacity: showGlow[index] ? '1' : '0',\r\n        }\"\r\n      ></div>\r\n      <div\r\n        :class=\"`d-flex align-items-center justify-content-center`\"\r\n        :style=\"{\r\n          width: '60px',\r\n          height: '60px',\r\n          backgroundColor: card.color,\r\n          'border-radius': computeBorderRadius(card.tipo),\r\n          '-webkit-box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n          '-moz-box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n          'box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n        }\"\r\n      >\r\n        <i\r\n          :class=\"`fas fa-${card.iconName} ${computeAnimateIcon(\r\n            card.animated,\r\n            index\r\n          )}`\"\r\n          style=\"font-size: 1.5rem\"\r\n        ></i>\r\n      </div>\r\n      <div\r\n        class=\"d-flex flex-column align-items-center\"\r\n        style=\"flex-grow: 1; max-width: calc(100% - 60px)\"\r\n      >\r\n        <div :class=\"`title-container`\">\r\n          <span\r\n            :class=\"[\r\n              showGlow[index] &&\r\n              animatedState[index] &&\r\n              shouldAnimateTitle[index]\r\n                ? 'title-animate'\r\n                : 'title-static',\r\n            ]\"\r\n            class=\"font-weight-bold\"\r\n          >\r\n            {{ card.title }}\r\n          </span>\r\n        </div>\r\n        <span\r\n          class=\"font-weight-bold\"\r\n          :style=\"{\r\n            fontSize: `${card.sizeValue ?? 40}px`,\r\n          }\"\r\n          >{{ evaluateValue(card.value) }}</span\r\n        >\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  // Documentación del componente CardTable.js\r\n\r\n  /**\r\n   * Este componente Vue.js se utiliza para renderizar un conjunto de tarjetas de información.\r\n   * Cada tarjeta es interactiva y muestra diferentes tipos de datos y un ícono.\r\n   *\r\n   * Propiedades:\r\n   * - data: Un array de objetos que contiene la información para renderizar cada tarjeta.\r\n   *\r\n   * Estado interno:\r\n   * - showGlow: Un objeto que controla si el efecto de brillo debe mostrarse en cada tarjeta.\r\n   * - cursorX: Un objeto que contiene la coordenada X del cursor para cada tarjeta.\r\n   * - cursorY: Un objeto que contiene la coordenada Y del cursor para cada tarjeta.\r\n   * - animationFrameId: Un objeto que guarda el ID de la solicitud de animación para cada tarjeta.\r\n   * - animatedState: Un objeto que guarda el estado de animación para cada tarjeta.\r\n   * - activeCard: Un número que indica el índice de la tarjeta activa. Null si no hay ninguna tarjeta activa.\r\n   * - shouldAnimateTitle: Un objeto que determina si el título de la tarjeta debe animarse para cada tarjeta.\r\n   *\r\n   * Métodos:\r\n   * - toggleActive: Cambia el estado activo de una tarjeta.\r\n   * - computeBorderRadius: Calcula el radio del borde según el tipo de tarjeta.\r\n   * - computeAnimateIcon: Devuelve la clase de animación apropiada para el ícono.\r\n   * - evaluateValue: Evalúa el valor que debe mostrarse en la tarjeta.\r\n   * - glowStyle: Devuelve el estilo CSS para el efecto de brillo del cursor.\r\n   * - handleMouseMove: Maneja el movimiento del mouse para el efecto de brillo del cursor.\r\n   * - showCursorGlow: Activa el efecto de brillo del cursor.\r\n   * - hideCursorGlow: Desactiva el efecto de brillo del cursor.\r\n   * - onResize: Maneja el evento de cambio de tamaño de la ventana.\r\n   * - checkTitleLength: Verifica la longitud del título para determinar si necesita animación.\r\n   */\r\n\r\n  props: {\r\n    /*\r\n       // Ejemplo de un objeto dentro del array 'data':\r\n          {\r\n          title: \"Finalizadas\",\r\n          value: () => this.listaItems.filter((cap) => cap.estadoCap && cap.disponible).length,\r\n          iconName: \"calendar-check\",\r\n          color: \"rgba(22, 162, 117, 1)\",\r\n          tipo: \"squared\",\r\n          animated: \"shake\",\r\n          onActivate: () => { console.log(\"Tarjeta activada\"); },\r\n          onDeactivate: () => { console.log(\"Tarjeta desactivada\"); }\r\n        },\r\n        */\r\n    data: {\r\n      type: Array,\r\n      default: () => [\r\n        {\r\n          title: \"Título\",\r\n          value: 0,\r\n          sizeValue: 40,\r\n          iconName: \"crown\",\r\n          color: \"rgba(223, 18, 46, 1)\",\r\n          tipo: \"circle\",\r\n          animated: \"shake\",\r\n          onActivate: null,\r\n          onDeactivate: null,\r\n        },\r\n      ],\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      showGlow: {},\r\n      cursorX: {},\r\n      cursorY: {},\r\n      animationFrameId: {},\r\n      animatedState: {},\r\n      activeCard: null,\r\n      shouldAnimateTitle: {},\r\n      animated: {\r\n        beat: \"fa-beat\",\r\n        beatFade: \"fa-beat-fade\",\r\n        bounce: \"fa-bounce\",\r\n        fade: \"fa-fade\",\r\n        flip: \"fa-flip\",\r\n        shake: \"fa-shake\",\r\n        spin: \"fa-spin\",\r\n        spinReverse: \"fa-spin fa-spin-reverse\",\r\n        spinPulse: \"fa-spin-pulse\",\r\n      },\r\n      tipoIcon: {\r\n        circle: \"50%\",\r\n        squared: \"20%\",\r\n        shield: \"49% 51% 48% 52% / 29% 29% 71% 71%\",\r\n        water: \"60% 40% 78% 22% / 73% 66% 34% 27%\",\r\n      },\r\n    };\r\n  },\r\n  /*\r\nEventos de Ciclo de Vida:\r\n- mounted: Se añade un escuchador para el evento de redimensionamiento de la ventana.\r\n- beforeDestroy: Se elimina el escuchador para el evento de redimensionamiento de la ventana.\r\n*/\r\n  mounted() {\r\n    this.onResize();\r\n    window.addEventListener(\"resize\", this.onResize);\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener(\"resize\", this.onResize);\r\n  },\r\n  methods: {\r\n    onResize() {\r\n      this.data.forEach((_, index) => {\r\n        this.checkTitleLength(index);\r\n      });\r\n    },\r\n    checkTitleLength(index) {\r\n      this.$nextTick(() => {\r\n        const titleElement = this.$el.querySelectorAll(\".title-container span\")[\r\n          index\r\n        ];\r\n        if (titleElement) {\r\n          // console.log(\"Client Width: \", titleElement.clientWidth);\r\n          // console.log(\"Scroll Width: \", titleElement.scrollWidth);\r\n\r\n          if (titleElement.scrollWidth > titleElement.clientWidth) {\r\n            this.$set(this.shouldAnimateTitle, index, true);\r\n          } else {\r\n            this.$set(this.shouldAnimateTitle, index, false);\r\n          }\r\n        }\r\n      });\r\n    },\r\n    toggleActive(index) {\r\n      // Desactivar tarjeta anterior si es diferente de la actual\r\n      if (this.activeCard !== null && this.activeCard !== index) {\r\n        if (typeof this.data[this.activeCard].onDeactivate === \"function\") {\r\n          this.data[this.activeCard].onDeactivate();\r\n        }\r\n      }\r\n\r\n      // Cambiar la tarjeta activa\r\n      this.activeCard = this.activeCard === index ? null : index;\r\n\r\n      // Ejecutar la función de activación o desactivación correspondiente\r\n      if (this.activeCard !== null) {\r\n        if (typeof this.data[this.activeCard].onActivate === \"function\") {\r\n          this.data[this.activeCard].onActivate();\r\n        }\r\n      } else {\r\n        if (typeof this.data[index].onDeactivate === \"function\") {\r\n          this.data[index].onDeactivate();\r\n        }\r\n      }\r\n    },\r\n    computeBorderRadius(tipo) {\r\n      return this.tipoIcon[tipo] || \"20% 40% 20% 40%\";\r\n    },\r\n    computeAnimateIcon(tipo, index) {\r\n      if (this.animatedState[index]) {\r\n        return this.animated[tipo] || \"\";\r\n      }\r\n    },\r\n    evaluateValue(value) {\r\n      if (typeof value === \"function\") {\r\n        return value();\r\n      }\r\n      return value;\r\n    },\r\n    glowStyle(color) {\r\n      return {\r\n        boxShadow: `0 0 40px 20px ${color}`,\r\n      };\r\n    },\r\n    handleMouseMove(event, index) {\r\n      const rect = event.currentTarget.getBoundingClientRect();\r\n      const targetX = event.clientX - rect.left;\r\n      const targetY = event.clientY - rect.top;\r\n\r\n      // Cancelar la animación anterior si está en curso\r\n      if (this.animationFrameId[index]) {\r\n        cancelAnimationFrame(this.animationFrameId[index]);\r\n      }\r\n\r\n      // Iniciar una nueva animación\r\n      const animate = () => {\r\n        const startX = this.cursorX[index] || 0;\r\n        const startY = this.cursorY[index] || 0;\r\n        const dx = (targetX - startX) * 0.1; // Factor de suavizado\r\n        const dy = (targetY - startY) * 0.1; // Factor de suavizado\r\n\r\n        this.$set(this.cursorX, index, startX + dx);\r\n        this.$set(this.cursorY, index, startY + dy);\r\n\r\n        if (Math.abs(dx) > 0.1 || Math.abs(dy) > 0.1) {\r\n          // Continuar la animación\r\n          this.animationFrameId[index] = requestAnimationFrame(animate);\r\n        }\r\n      };\r\n\r\n      // Iniciar la animación\r\n      this.animationFrameId[index] = requestAnimationFrame(animate);\r\n    },\r\n    showCursorGlow(index) {\r\n      this.$set(this.animatedState, index, true);\r\n      this.$set(this.showGlow, index, true);\r\n    },\r\n    hideCursorGlow(index) {\r\n      this.$set(this.animatedState, index, false);\r\n      this.$set(this.showGlow, index, false);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/*\r\nEstilos:\r\n- glow-box: Configuración base para el efecto de resplandor.\r\n- cursor-glow: Estilo para el resplandor del cursor.\r\n- title-container: Contenedor para el título de la tarjeta.\r\n- title-animate: Animación para el título de la tarjeta.\r\n- title-static: Estilo estático para el título de la tarjeta.\r\n*/\r\n\r\n.glow-box {\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: box-shadow 0.3s ease;\r\n  cursor: default;\r\n}\r\n\r\n.cursor-glow {\r\n  position: absolute;\r\n  width: 0;\r\n  height: 0;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  transition: left 0.2s, top 0.2s, opacity 0.5s ease;\r\n}\r\n\r\n.title-container {\r\n  max-width: calc(100% - 20px);\r\n  overflow: hidden;\r\n  height: 20px;\r\n}\r\n\r\n.title-animate {\r\n  display: inline-block;\r\n  white-space: nowrap;\r\n  animation: marquee 5s linear infinite;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.title-static {\r\n  display: inline-block;\r\n  max-width: 100%; /* Se ajusta al tamaño del contenedor */\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n@keyframes marquee {\r\n  from {\r\n    transform: translateX(0%);\r\n  }\r\n  to {\r\n    transform: translateX(-100%);\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardTable.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CardTable.vue?vue&type=template&id=73483910&scoped=true\"\nimport script from \"./CardTable.vue?vue&type=script&lang=js\"\nexport * from \"./CardTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./CardTable.vue?vue&type=style&index=0&id=73483910&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"73483910\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProgressChart.vue?vue&type=style&index=0&id=6428d5f2&prod&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardTable.vue?vue&type=style&index=0&id=73483910&prod&scoped=true&lang=css\""],"sourceRoot":""}