{"version":3,"sources":["webpack:///./src/views/Helexium/Erp/Contabilidad/Ventas/Facturas/Facturas.vue","webpack:///src/views/Helexium/Erp/Contabilidad/Ventas/Facturas/Facturas.vue","webpack:///./src/views/Helexium/Erp/Contabilidad/Ventas/Facturas/Facturas.vue?395a","webpack:///./src/views/Helexium/Erp/Contabilidad/Ventas/Facturas/Facturas.vue?605f","webpack:///./src/components/Datatable/DataTableLotes.vue?5043","webpack:///./src/components/Datatable/DataTableLotes.vue","webpack:///src/components/Datatable/DataTableLotes.vue","webpack:///./src/components/Datatable/DataTableLotes.vue?b6b8","webpack:///./src/components/Datatable/DataTableLotes.vue?75ab","webpack:///./src/components/cardTable/CardTableV2.vue","webpack:///src/components/cardTable/CardTableV2.vue","webpack:///./src/components/cardTable/CardTableV2.vue?66a5","webpack:///./src/components/cardTable/CardTableV2.vue?9838","webpack:///./src/views/Helexium/Erp/Contabilidad/Ventas/Facturas/Facturas.vue?744d","webpack:///./src/components/cardTable/CardTableV2.vue?c182"],"names":["render","_vm","this","_c","_self","attrs","staticClass","scopedSlots","_u","key","fn","staticStyle","_v","on","$event","$router","push","proxy","dataCards","fetchData","columns","row","_s","formatearNumero","TotalVenta","directives","name","rawName","modifiers","ID","staticRenderFns","components","DataTableLotes","CardTable","data","title","value","iconName","color","tipo","animated","EmpresaId","Divisa","label","sortable","created","Persona","JSON","parse","localStorage","getItem","empresa","id","getData","methods","filtro","orden","cantDatos","paginacion","TotalDatos","params","total","Promise","all","$store","dispatch","path","then","cantidadDatos","Datos","respuesta","forEach","Element","FechaVenta","$moment","tz","format","FechaVencimiento","CalcularCards","numero","Simbolo","Precision","Error","opciones","minimumFractionDigits","parseInt","maximumFractionDigits","formato","Intl","NumberFormat","numeroFormateado","error","response","pagado","pendiente","_response$data$Pagado","_response$data$Pendie","Pagado","Pendiente","component","options","model","max","callback","$$v","expression","search","domProps","target","composing","BusquedaBoton","preventDefault","apply","arguments","_e","SeleccionMultiple","seleccionados","length","totalRegistros","SelccionarTodos","SeleccionSimple","_l","column","index","class","style","width","minWidth","maxWidth","whiteSpace","wordWrap","overflowWrap","ordenar","columna","ascendente","filteredData","rowIndex","SeleccionadosDatosMultiples","SeleccionDatosMultiple","SeleccionadoDatoSimple","SeleccionDatoUnicoSimple","col","_t","loading","isSearching","page","Math","min","totalPages","stopPropagation","props","type","Array","required","default","Function","busquedaRetardada","Boolean","keySeleccion","String","fetchDataAllSelect","abortController","debounceTimeout","seleccion","computed","payload","ceil","clearTimeout","setTimeout","undefined","$emit","some","item","filter","stringify","TodosSeleccionados","map","watch","handleSearch","mounted","$on","dato","card","boxShadow","activeCard","showCursorGlow","hideCursorGlow","event","handleMouseMove","toggleActive","showGlow","left","cursorX","top","cursorY","glowStyle","opacity","height","backgroundColor","computeBorderRadius","computeAnimateIcon","animatedState","shouldAnimateTitle","evaluateValue","onActivate","onDeactivate","animationFrameId","beat","beatFade","bounce","fade","flip","shake","spin","spinReverse","spinPulse","tipoIcon","circle","squared","shield","water","onResize","window","addEventListener","beforeDestroy","removeEventListener","_","checkTitleLength","$nextTick","titleElement","$el","querySelectorAll","scrollWidth","clientWidth","$set","rect","currentTarget","getBoundingClientRect","targetX","clientX","targetY","clientY","cancelAnimationFrame","animate","startX","startY","dx","dy","abs","requestAnimationFrame"],"mappings":"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","file":"js/chunk-3b8837e8.08a8be94.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',{staticClass:\"pb-5\",scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('div',{staticClass:\"d-flex justify-content-between align-items-center px-0 pt-0\"},[_c('h3',{staticClass:\"card-title font-weight-bold\",staticStyle:{\"font-size\":\"30px\"}},[_vm._v(\"Facturas\")]),_c('div',{staticClass:\"d-flex\",staticStyle:{\"gap\":\".4rem\"}},[_c('vs-button',{on:{\"click\":function($event){return _vm.$router.push('NuevaFactura')}}},[_vm._v(\"Nuevo Factura\")])],1)])]},proxy:true}])},[_c('div',{staticClass:\"px-5 py-3\"},[_c('CardTable',{attrs:{\"data\":_vm.dataCards}})],1),_c('div',{staticClass:\"p-5\"},[_c('DataTableLotes',{attrs:{\"fetch-data\":_vm.fetchData,\"columns\":_vm.columns},scopedSlots:_vm._u([{key:\"TotalVenta\",fn:function({ row }){return [_vm._v(\" \"+_vm._s(_vm.formatearNumero(row.TotalVenta))+\" \")]}},{key:\"ID\",fn:function({ row }){return [_c('div',{staticClass:\"d-flex justify-content-center\",staticStyle:{\"gap\":\".5rem\"}},[_c('vs-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],attrs:{\"title\":\"Ver factura\",\"success\":\"\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.$router.push(`InfoFactura/${row.ID}`)}}},[_c('i',{staticClass:\"fa-solid fa-eye\"})]),_c('vs-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],attrs:{\"title\":\"Editar\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.$router.push(`EditarFactura/${row.ID}`)}}},[_c('i',{staticClass:\"fa-solid fa-pen\"})]),_c('vs-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],attrs:{\"title\":\"Eliminar\",\"danger\":\"\",\"icon\":\"\"}},[_c('i',{staticClass:\"fa-solid fa-trash\"})])],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 class='pb-5'>\r\n          <template v-slot:headerTitle>\r\n            <div class=\"d-flex justify-content-between align-items-center px-0  pt-0\">\r\n              <h3 class=\"card-title font-weight-bold\" style='font-size: 30px'>Facturas</h3>\r\n              <div class='d-flex' style='gap: .4rem;'>\r\n                <vs-button @click=\"$router.push('NuevaFactura')\">Nuevo Factura</vs-button>\r\n              </div>\r\n            </div>\r\n          </template>\r\n          <div class=\"px-5 py-3\">\r\n            <CardTable :data=\"dataCards\"/>\r\n          </div>\r\n          <div class='p-5'>\r\n            <DataTableLotes :fetch-data=\"fetchData\" :columns=\"columns\">\r\n              <template v-slot:TotalVenta=\"{ row }\">\r\n                {{ formatearNumero(row.TotalVenta) }}\r\n              </template>\r\n              <template v-slot:ID=\"{ row }\">\r\n                <div class=\"d-flex justify-content-center\" style=\"gap: .5rem;\">\r\n                  <vs-button v-b-tooltip.hover title=\"Ver factura\" success icon\r\n                             @click=\"$router.push(`InfoFactura/${row.ID}`)\">\r\n                    <i class=\"fa-solid fa-eye\"></i>\r\n                  </vs-button>\r\n                  <vs-button v-b-tooltip.hover title=\"Editar\" icon @click=\"$router.push(`EditarFactura/${row.ID}`)\">\r\n                    <i class=\"fa-solid fa-pen\"></i>\r\n                  </vs-button>\r\n                  <vs-button v-b-tooltip.hover title=\"Eliminar\" danger icon>\r\n                    <i class=\"fa-solid fa-trash\"></i>\r\n                  </vs-button>\r\n                </div>\r\n              </template>\r\n            </DataTableLotes>\r\n          </div>\r\n        </card>\r\n      </b-col>\r\n    </b-row>\r\n  </b-container>\r\n</template>\r\n\r\n<script>\r\nimport CardTable from \"../../../../../../components/cardTable/CardTableV2.vue\";\r\nimport DataTableLotes from \"@/components/Datatable/DataTableLotes.vue\";\r\n\r\nexport default {\r\n  components: {\r\n    DataTableLotes,\r\n    CardTable,\r\n  },\r\n  data() {\r\n    return {\r\n      dataCards: [\r\n        {\r\n          title: \"Pagado\",\r\n          value: 0,\r\n          iconName: \"money-bill-1\",\r\n          color: \"rgba(21, 128, 61, 1)\",\r\n          tipo: \"shield\",\r\n          animated: \"bounce\",\r\n        },\r\n        {\r\n          title: \"Pendiente\",\r\n          value: 0,\r\n          iconName: \"money-bill-1\",\r\n          color: \"rgba(71,136,255,1)\",\r\n          tipo: \"shield\",\r\n          animated: \"bounce\",\r\n        }\r\n      ],\r\n      EmpresaId: \"\",\r\n      Divisa: null,\r\n      columns: [\r\n        {label: \"Fecha Facturación\", key: \"FechaVenta\", sortable: true},\r\n        {label: \"Fecha Vencimiento\", key: \"FechaVencimiento\", sortable: true},\r\n        {label: \"Estado\", key: \"Estado\", sortable: false},\r\n        {label: \"Cliente\", key: \"RazonSocial\", sortable: true},\r\n        {label: \"Valor\", key: \"TotalVenta\", sortable: true},\r\n        {label: \"Opciones\", key: \"ID\", sortable: false},\r\n      ],\r\n    }\r\n  },\r\n  created() {\r\n    const Persona = JSON.parse(localStorage.getItem('setPersonaAct'));\r\n    this.EmpresaId = Persona.empresa.id;\r\n    this.getData();\r\n  },\r\n  methods: {\r\n    async fetchData({filtro, orden, cantDatos, paginacion}) {\r\n      if (!this.EmpresaId) {\r\n        console.error(\"EmpresaId no está definido.\");\r\n        return {TotalDatos: 0, data: []};\r\n      }\r\n      let params = {\r\n        filtro: filtro,\r\n        orden: orden,\r\n        cantDatos: cantDatos,\r\n        paginacion: paginacion\r\n      };\r\n      let data = [];\r\n      let total = 0;\r\n      await Promise.all([\r\n        this.$store.dispatch(\"hl_get\", {\r\n          path: `ContVentas/ObtenerCantidadVentasEmpresa/${this.EmpresaId}?filtro=${filtro}`,\r\n        }),\r\n        this.$store.dispatch(\"hl_post\", {\r\n          path: `ContVentas/ObtenerVentasEmpresa/${this.EmpresaId}`,\r\n          data: params,\r\n        })\r\n      ]).then(([cantidadDatos, Datos]) => {\r\n        if (cantidadDatos.respuesta) {\r\n          total = cantidadDatos.data;\r\n        }\r\n        if (Datos.respuesta) {\r\n          data = Datos.data;\r\n          data.forEach(Element => {\r\n            Element.FechaVenta = this.$moment.tz(Element.FechaVenta, \"America/Bogota\").format(\"MM-DD-YYYY\");\r\n            if (Element.FechaVencimiento) {\r\n              Element.FechaVencimiento =\r\n                  this.$moment.tz(Element.FechaVencimiento, \"America/Bogota\").format(\"MM-DD-YYYY\")\r\n            }\r\n\r\n          })\r\n        }\r\n      });\r\n      this.CalcularCards(filtro);\r\n      return {total, data};\r\n    },\r\n    formatearNumero(numero) {\r\n      try {\r\n        if (!this.Divisa || !this.Divisa.Simbolo || !this.Divisa.Precision) {\r\n          throw new Error(\"Configuración de divisa incompleta.\");\r\n        }\r\n        const opciones = {\r\n          minimumFractionDigits: parseInt(this.Divisa.Precision, 10),\r\n          maximumFractionDigits: parseInt(this.Divisa.Precision, 10),\r\n        };\r\n        const formato = new Intl.NumberFormat('es-CO', opciones);\r\n        const numeroFormateado = formato.format(numero);\r\n        return `${this.Divisa.Simbolo} ${numeroFormateado}`;\r\n      } catch (error) {\r\n        console.error(\"Error al formatear el número:\", error.message);\r\n        return numero;\r\n      }\r\n    },\r\n    async getData() {\r\n      await this.$store.dispatch('hl_get',\r\n          {\r\n            path: `GDivisas/ObtenerDivisaEmpresaVentaId/${this.EmpresaId}`\r\n          }).then((response) => {\r\n        if (response.respuesta) {\r\n          this.Divisa = response.data;\r\n        }\r\n      });\r\n    },\r\n    async CalcularCards(filtro) {\r\n      let pagado = 0;\r\n      let pendiente = 0;\r\n\r\n      await this.$store.dispatch(\"hl_get\", {\r\n        path: `ContVentas/ObtenerTotalesEstados/${this.EmpresaId}?filtro=${filtro}`,\r\n      }).then((response) => {\r\n        if (response.respuesta) {\r\n          pagado = response.data.Pagado ?? 0;\r\n          pendiente = response.data.Pendiente ?? 0;\r\n        }\r\n      });\r\n\r\n      this.dataCards[0].value = this.formatearNumero(pagado);\r\n      this.dataCards[1].value = this.formatearNumero(pendiente);\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.vs-input {\r\n  width: 100%;\r\n}\r\n\r\n.header-title {\r\n  width: 100% !important;\r\n}\r\n</style>","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/@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!./Facturas.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!./Facturas.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Facturas.vue?vue&type=template&id=539b217f\"\nimport script from \"./Facturas.vue?vue&type=script&lang=js\"\nexport * from \"./Facturas.vue?vue&type=script&lang=js\"\nimport style0 from \"./Facturas.vue?vue&type=style&index=0&id=539b217f&prod&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","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!./DataTableLotes.vue?vue&type=style&index=0&id=ae5ba1b4&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"justify-content\":\"space-between\"}},[_c('div',[_c('span',{staticStyle:{\"margin-right\":\"10px\"}},[_vm._v(\"Mostrar\")]),_c('b-form-select',{staticStyle:{\"width\":\"3rem\",\"height\":\"1.8rem\",\"padding\":\"5px\",\"border\":\"none\",\"background-color\":\"#ececec\"},attrs:{\"options\":_vm.options,\"required\":\"\"},model:{value:(_vm.max),callback:function ($$v) {_vm.max=$$v},expression:\"max\"}}),_c('span',{staticStyle:{\"margin-left\":\"10px\"}},[_vm._v(\"registros\")])],1),_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_c('span',{staticStyle:{\"margin-right\":\"10px\"}},[_vm._v(\"Buscar:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.search),expression:\"search\"}],staticClass:\"filter-campues\",domProps:{\"value\":(_vm.search)},on:{\"input\":function($event){if($event.target.composing)return;_vm.search=$event.target.value}}}),(_vm.BusquedaBoton)?_c('vs-button',{staticClass:\"\",attrs:{\"title\":\"Buscar\",\"success\":\"\",\"icon\":\"\"},on:{\"click\":function($event){$event.preventDefault();return _vm.getData.apply(null, arguments)}}},[_c('i',{staticClass:\"fa-solid fa-magnifying-glass\"})]):_vm._e()],1)]),_c('div',{staticClass:\"table-responsive mt-3\"},[_c('table',{staticClass:\"table table-responsive-md table-striped text-center\"},[_c('thead',[_c('tr',[(_vm.SeleccionMultiple || _vm.seleccionados.length > 0)?_c('th',{staticClass:\"column-header\",staticStyle:{\"width\":\"50px\"}},[_c('input',{attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":this.data.length > 0 && _vm.seleccionados.length === this.totalRegistros},on:{\"change\":_vm.SelccionarTodos}})]):_vm._e(),(_vm.SeleccionSimple)?_c('th',{staticClass:\"column-header\",staticStyle:{\"width\":\"50px\"}}):_vm._e(),_vm._l((_vm.columns),function(column,index){return _c('th',{key:index,class:{ 'sortable-column': column.sortable, 'column-header': true },style:({\n                width: column.width || 'auto',\n                minWidth: column.minWidth || 'auto',\n                maxWidth: column.maxWidth || 'auto',\n                whiteSpace: 'normal',\n                wordWrap: 'break-word',\n                overflowWrap: 'break-word'\n            }),on:{\"click\":function($event){$event.preventDefault();column.sortable ? _vm.ordenar(column.key) : null}}},[_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"justify-content\":\"center\",\"gap\":\"5px\"}},[_vm._v(\" \"+_vm._s(column.label)+\" \"),(column.sortable)?_c('span',{staticClass:\"sort-icons\"},[(_vm.orden.columna === column.key && _vm.orden.ascendente)?_c('span',{staticStyle:{\"font-size\":\"10px\"}},[_vm._v(\"▲\")]):_vm._e(),(_vm.orden.columna === column.key && !_vm.orden.ascendente)?_c('span',{staticStyle:{\"font-size\":\"10px\"}},[_vm._v(\"▼\")]):_vm._e(),(_vm.orden.columna !== column.key)?_c('span',{staticStyle:{\"color\":\"#cacaca\",\"font-size\":\"10px\"}},[_vm._v(\"▲▼\")]):_vm._e()]):_vm._e()])])})],2)]),_c('tbody',[_vm._l((_vm.filteredData),function(row,rowIndex){return _c('tr',{key:rowIndex},[(_vm.SeleccionMultiple || _vm.seleccionados.length > 0)?_c('td',[_c('input',{attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":_vm.SeleccionadosDatosMultiples(row)},on:{\"change\":function($event){return _vm.SeleccionDatosMultiple(row)}}})]):_vm._e(),(_vm.SeleccionSimple)?_c('td',[_c('input',{attrs:{\"type\":\"radio\"},domProps:{\"checked\":_vm.SeleccionadoDatoSimple(row)},on:{\"change\":function($event){return _vm.SeleccionDatoUnicoSimple(row)}}})]):_vm._e(),_vm._l((_vm.columns),function(col){return _c('td',{key:col.key,staticClass:\"column-text\",style:({ width: col.width || 'auto', minWidth: col.minWidth || 'auto', maxWidth: col.maxWidth || 'auto' })},[_c('span',{staticClass:\"column-text\",staticStyle:{\"display\":\"-webkit-box\",\"-webkit-line-clamp\":\"2\",\"-webkit-box-orient\":\"vertical\",\"overflow\":\"hidden\"},attrs:{\"title\":row[col.key]}},[_vm._t(col.key,function(){return [_vm._v(_vm._s(row[col.key]))]},{\"row\":row,\"column\":col})],2)])})],2)}),(_vm.loading)?_c('tr',{staticStyle:{\"height\":\"10rem\",\"width\":\"100%\"}},[_c('td',{staticClass:\"w-100\",attrs:{\"colspan\":_vm.columns.length + 1}},[_vm._v(\"Buscando registros...\")])]):(_vm.filteredData.length === 0 && !_vm.isSearching && !_vm.loading)?_c('tr',{staticStyle:{\"height\":\"10rem\"}},[_c('td',{staticClass:\"w-100\",attrs:{\"colspan\":_vm.columns.length + 1}},[_vm._v(\"No hay registros\")])]):_vm._e()],2)])]),_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"flex-start\",\"justify-content\":\"space-between\"}},[(_vm.totalRegistros>0)?_c('div',[_vm._v(\"Mostrando registros del \"+_vm._s((_vm.page - 1) * _vm.max + 1)+\" al \"+_vm._s(Math.min(_vm.page * _vm.max, _vm.totalRegistros))+\" de un total de \"+_vm._s(_vm.totalRegistros)+\" registros \")]):_c('div',[_vm._v(\"No hay registros para mostrar\")]),_c('div',[_c('b-pagination',{attrs:{\"total-rows\":_vm.totalPages,\"per-page\":1,\"pills\":\"\",\"aria-controls\":\"my-table\"},on:{\"click\":function($event){$event.stopPropagation();}},model:{value:(_vm.page),callback:function ($$v) {_vm.page=$$v},expression:\"page\"}})],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"d-flex align-items-center\" style=\"justify-content: space-between\">\r\n      <div>\r\n        <span style=\"margin-right: 10px;\">Mostrar</span>\r\n        <b-form-select style=\"width: 3rem; height: 1.8rem; padding: 5px; border: none; background-color: #ececec\"\r\n                       :options=\"options\" v-model=\"max\" required></b-form-select>\r\n        <span style=\"margin-left: 10px;\">registros</span>\r\n      </div>\r\n      <div style=\"display: flex; align-items: center\">\r\n        <span style=\"margin-right: 10px;\">Buscar:</span>\r\n        <input class=\"filter-campues\" v-model=\"search\"/>\r\n        <vs-button v-if=\"BusquedaBoton\" @click.prevent=\"getData\" title='Buscar' success icon\r\n                   class=' '>\r\n          <i class=\"fa-solid fa-magnifying-glass\"></i>\r\n        </vs-button>\r\n      </div>\r\n    </div>\r\n    <div class=\"table-responsive mt-3\">\r\n      <table class=\"table table-responsive-md table-striped text-center\">\r\n        <thead>\r\n        <tr>\r\n          <th v-if=\"SeleccionMultiple || seleccionados.length > 0\" class=\"column-header\" style=\"width: 50px;\">\r\n            <input type=\"checkbox\" :checked=\"this.data.length > 0 && seleccionados.length === this.totalRegistros\"\r\n                   @change=\"SelccionarTodos\"/>\r\n          </th>\r\n          <th v-if=\"SeleccionSimple\" class=\"column-header\" style=\"width: 50px;\"></th>\r\n          <th v-for=\"(column, index) in columns\"\r\n              :key=\"index\"\r\n              :style=\"{\r\n                  width: column.width || 'auto',\r\n                  minWidth: column.minWidth || 'auto',\r\n                  maxWidth: column.maxWidth || 'auto',\r\n                  whiteSpace: 'normal',\r\n                  wordWrap: 'break-word',\r\n                  overflowWrap: 'break-word'\r\n              }\" :class=\"{ 'sortable-column': column.sortable, 'column-header': true }\"\r\n              @click.prevent=\"column.sortable ? ordenar(column.key) : null\">\r\n            <div style=\"display: flex; align-items: center; justify-content: center; gap: 5px;\">\r\n              {{ column.label }}\r\n              <span v-if=\"column.sortable\" class=\"sort-icons\">\r\n                <span v-if=\"orden.columna === column.key && orden.ascendente\" style=\"font-size: 10px\">▲</span>\r\n                <span v-if=\"orden.columna === column.key && !orden.ascendente\" style=\"font-size: 10px\">▼</span>\r\n                <span v-if=\"orden.columna !== column.key\" style=\"color: #cacaca; font-size: 10px\">▲▼</span>\r\n              </span>\r\n            </div>\r\n          </th>\r\n\r\n\r\n        </tr>\r\n        </thead>\r\n        <tbody>\r\n        <tr v-for=\"(row, rowIndex) in filteredData\" :key=\"rowIndex\">\r\n          <td v-if=\"SeleccionMultiple || seleccionados.length > 0\">\r\n            <input type=\"checkbox\" :checked=\"SeleccionadosDatosMultiples(row)\" @change=\"SeleccionDatosMultiple(row)\"/>\r\n          </td>\r\n          <td v-if=\"SeleccionSimple\">\r\n            <input type=\"radio\" :checked=\"SeleccionadoDatoSimple(row)\" @change=\"SeleccionDatoUnicoSimple(row)\"/>\r\n          </td>\r\n          <td v-for=\"(col) in columns\" :key=\"col.key\"\r\n              :style=\"{ width: col.width || 'auto', minWidth: col.minWidth || 'auto', maxWidth: col.maxWidth || 'auto' }\"\r\n              class=\"column-text\">\r\n            <span class=\"column-text\" :title=\"row[col.key]\"\r\n                  style=\"display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;\">\r\n              <slot :name=\"col.key\" :row=\"row\" :column=\"col\">{{ row[col.key] }}</slot>\r\n            </span>\r\n          </td>\r\n        </tr>\r\n        <tr v-if=\"loading\" style=\"height: 10rem; width: 100%\">\r\n          <td :colspan=\"columns.length + 1\" class=\"w-100\">Buscando registros...</td>\r\n        </tr>\r\n        <tr v-else-if=\"filteredData.length === 0 && !isSearching && !loading\" style=\"height: 10rem;\">\r\n          <td :colspan=\"columns.length + 1\" class=\"w-100\">No hay registros</td>\r\n        </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n    <div style=\"display: flex; align-items: flex-start; justify-content: space-between;\">\r\n      <div v-if=\"totalRegistros>0\">Mostrando registros del {{ (page - 1) * max + 1 }} al\r\n        {{ Math.min(page * max, totalRegistros) }} de un total\r\n        de {{ totalRegistros }} registros\r\n      </div>\r\n      <div v-else>No hay registros para mostrar</div>\r\n      <div>\r\n        <b-pagination\r\n            v-model=\"page\"\r\n            :total-rows=\"totalPages\"\r\n            :per-page=\"1\"\r\n            pills\r\n            @click.stop\r\n            aria-controls=\"my-table\"\r\n        ></b-pagination>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    columns: {\r\n      type: Array,\r\n      required: true,\r\n      default: () => [],\r\n    },\r\n    fetchData: {\r\n      type: Function,\r\n      required: true,\r\n    },\r\n    busquedaRetardada: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    SeleccionMultiple: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    SeleccionSimple: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    keySeleccion: {\r\n      type: String,\r\n      required: false,\r\n    },\r\n    fetchDataAllSelect: {\r\n      type: Function,\r\n      required: false,\r\n    },\r\n    BusquedaBoton:{\r\n      type: Boolean,\r\n      default: false,\r\n      required: false,\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      abortController: null,\r\n      // Ajuste tabla\r\n      search: \"\",\r\n      page: 1,\r\n      max: 5,\r\n      totalPages: 0,\r\n      totalRegistros: 0,\r\n      options: [5, 10, 20, 50, 100],\r\n      orden: {\r\n        columna: \"\",\r\n        ascendente: true,\r\n      },\r\n      loading: false,\r\n      debounceTimeout: null,\r\n      isSearching: false,\r\n\r\n      data: [],\r\n      seleccionados: [],\r\n      seleccion: null,\r\n    };\r\n  },\r\n  computed: {\r\n    filteredData() {\r\n      return this.data;\r\n    },\r\n  },\r\n  methods: {\r\n    async getData() {\r\n      this.loading = true;\r\n      this.isSearching = false;\r\n      this.totalRegistros = 0;\r\n      this.data = [];\r\n\r\n      const payload = {\r\n        filtro: this.search,\r\n        orden: this.orden,\r\n        cantDatos: this.max,\r\n        paginacion: this.page,\r\n      };\r\n      try {\r\n        const {total, data} = await this.fetchData(payload);\r\n        this.data = data;\r\n        this.totalRegistros = total;\r\n        this.totalPages = Math.ceil(total / this.max);\r\n      } catch (error) {\r\n        console.error(\"Error fetching data:\", error);\r\n        this.data = [];\r\n      } finally {\r\n        this.loading = false;\r\n      }\r\n    },\r\n    ordenar(columna) {\r\n      if (this.orden.columna === columna) {\r\n        this.orden.ascendente = !this.orden.ascendente;\r\n      } else {\r\n        this.orden.columna = columna;\r\n        this.orden.ascendente = true;\r\n      }\r\n      this.getData();\r\n    },\r\n    async handleSearch() {\r\n      if (this.busquedaRetardada) {\r\n        if (this.search === \"\") {\r\n          await this.getData();\r\n        } else {\r\n          this.loading = true;\r\n          this.isSearching = true;\r\n          // Limpiar el timeout anterior\r\n          clearTimeout(this.debounceTimeout);\r\n          // Reiniciar la data\r\n          this.data = [];\r\n          // Establecer un nuevo timeout\r\n          this.debounceTimeout = setTimeout(async () => {\r\n            await this.getData();\r\n            this.loading = false;\r\n            this.isSearching = false;\r\n          }, 270);\r\n        }\r\n      } else {\r\n        this.loading = true;\r\n        await this.getData();\r\n        this.loading = false;\r\n      }\r\n    },\r\n    SeleccionDatoUnicoSimple(row) {\r\n      if (this.keySeleccion !== undefined) this.seleccion = row[this.keySeleccion];\r\n      else this.seleccion = row;\r\n      this.$emit(\"KeySelectionSimple\", this.seleccion);\r\n      this.$emit(\"KeySelectionSimpleRow\", row);\r\n    },\r\n    SeleccionDatosMultiple(row) {\r\n      if (this.keySeleccion !== undefined) {\r\n        const key = row[this.keySeleccion];\r\n        if (this.seleccionados.some((item) => item === key)) {\r\n          this.seleccionados = this.seleccionados.filter(item => item !== key);\r\n        } else this.seleccionados.push(key);\r\n      } else {\r\n        if (this.seleccionados.some((item) => JSON.stringify(item) === JSON.stringify(row))) {\r\n          this.seleccionados = this.seleccionados.filter(\r\n              (item) => JSON.stringify(item) !== JSON.stringify(row)\r\n          );\r\n        } else {\r\n          this.seleccionados.push(row);\r\n        }\r\n      }\r\n      this.$emit(\"KeySelection\", this.seleccionados);\r\n    },\r\n    SeleccionadosDatosMultiples(row) {\r\n      if (this.keySeleccion === undefined) {\r\n        return this.seleccionados.some((item) => JSON.stringify(item) === JSON.stringify(row));\r\n      } else return this.seleccionados.some((item) => item === row[this.keySeleccion]);\r\n    },\r\n    SeleccionadoDatoSimple(row) {\r\n      if (this.keySeleccion !== undefined) {\r\n        return this.seleccion && this.seleccion === row[this.keySeleccion];\r\n      } else return this.seleccion && this.seleccion === row;\r\n    },\r\n    async SelccionarTodos() {\r\n      var TodosSeleccionados = this.data.length > 0 && this.seleccionados.length === this.totalRegistros;\r\n      if (!TodosSeleccionados) {\r\n        this.seleccionados = await this.fetchDataAllSelect(this.search);\r\n      } else {\r\n        this.seleccionados = [];\r\n      }\r\n      this.$emit(\"KeySelection\", this.seleccionados.map(item => item));\r\n    }\r\n  },\r\n  watch: {\r\n    search: function(){\r\n      if (!this.BusquedaBoton){\r\n        this.handleSearch();\r\n      }\r\n    },\r\n    page: \"getData\",\r\n    max: \"getData\",\r\n  },\r\n  mounted() {\r\n    this.getData();\r\n  },\r\n  created() {\r\n    this.$on(\"actualizar\", this.getData);\r\n    this.$on(\"EstablecesDatoSeleccionadoSimple\", (dato) => {\r\n      this.seleccion = dato;\r\n    });\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.sortable-column {\r\n  cursor: pointer;\r\n  position: relative;\r\n  user-select: none;\r\n}\r\n\r\n.column-header {\r\n  border: 1.5px solid #cacaca;\r\n  padding: 10px !important;\r\n  color: #07459b !important;\r\n}\r\n\r\n.sort-icons {\r\n  margin-left: 5px;\r\n  font-size: 0.8rem;\r\n  vertical-align: middle;\r\n  color: #07459b;\r\n}\r\n\r\n.column-text {\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n.filter-campues {\r\n  color: #363636;\r\n  height: 35px;\r\n  padding-left: 15px;\r\n  padding-right: 15px;\r\n  background-color: #ececec;\r\n  border-color: transparent;\r\n  border-style: solid;\r\n  border-width: 1px;\r\n  border-radius: 5px;\r\n}\r\n\r\n</style>\r\n\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!./DataTableLotes.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!./DataTableLotes.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DataTableLotes.vue?vue&type=template&id=ae5ba1b4&scoped=true\"\nimport script from \"./DataTableLotes.vue?vue&type=script&lang=js\"\nexport * from \"./DataTableLotes.vue?vue&type=script&lang=js\"\nimport style0 from \"./DataTableLotes.vue?vue&type=style&index=0&id=ae5ba1b4&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  \"ae5ba1b4\",\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\",staticStyle:{\"gap\":\"1rem\"}},_vm._l((_vm.data),function(card,index){return _c('div',{key:index,staticClass:\"col-12 col-md d-flex justify-content-between align-items-center rounded p-2 glow-box bg-dark\",style:({\n      boxShadow: _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(card.animated, index)}`,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:[_vm.showGlow[index] && _vm.animatedState[index] && _vm.shouldAnimateTitle[index] ? 'title-animate' : 'title-static']},[_vm._v(\" \"+_vm._s(card.title)+\" \")])]),_c('span',{staticClass:\"font-weight-bold\",staticStyle:{\"font-size\":\"18px\"}},[_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\" style=\"gap: 1rem\">\r\n    <div\r\n      v-for=\"(card, index) in data\"\r\n      :key=\"index\"\r\n      class=\"col-12 col-md d-flex justify-content-between align-items-center rounded p-2 glow-box bg-dark\"\r\n      :style=\"{\r\n        boxShadow: 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 :class=\"`fas fa-${card.iconName} ${computeAnimateIcon(card.animated, index)}`\" style=\"font-size: 1.5rem\"></i>\r\n      </div>\r\n      <div class=\"d-flex flex-column align-items-center\" style=\"flex-grow: 1; max-width: calc(100% - 60px)\">\r\n        <div :class=\"`title-container`\">\r\n          <span :class=\"[showGlow[index] && animatedState[index] && shouldAnimateTitle[index] ? 'title-animate' : 'title-static']\" class=\"font-weight-bold\">\r\n            {{ card.title }}\r\n          </span>\r\n        </div>\r\n        <span class=\"font-weight-bold\" style=\"font-size: 18px\">{{ evaluateValue(card.value) }}</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\")[index];\r\n        if (titleElement) {\r\n          // console.log(\"Client Width: \", titleElement.clientWidth);\r\n          // console.log(\"Scroll Width: \", titleElement.scrollWidth);\r\n\r\n          if (titleElement.scrollWidth > titleElement.clientWidth) {\r\n            this.$set(this.shouldAnimateTitle, index, true);\r\n          } else {\r\n            this.$set(this.shouldAnimateTitle, index, false);\r\n          }\r\n        }\r\n      });\r\n    },\r\n    toggleActive(index) {\r\n      // 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}\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!./CardTableV2.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!./CardTableV2.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CardTableV2.vue?vue&type=template&id=06fcb589&scoped=true\"\nimport script from \"./CardTableV2.vue?vue&type=script&lang=js\"\nexport * from \"./CardTableV2.vue?vue&type=script&lang=js\"\nimport style0 from \"./CardTableV2.vue?vue&type=style&index=0&id=06fcb589&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  \"06fcb589\",\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!./Facturas.vue?vue&type=style&index=0&id=539b217f&prod&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!./CardTableV2.vue?vue&type=style&index=0&id=06fcb589&prod&scoped=true&lang=css\""],"sourceRoot":""}