{"version":3,"sources":["webpack:///./src/views/Helexium/EntregasApp/VehiculosDisponibles.vue?3b40","webpack:///./src/views/Helexium/EntregasApp/VehiculosDisponibles.vue","webpack:///src/views/Helexium/EntregasApp/VehiculosDisponibles.vue","webpack:///./src/views/Helexium/EntregasApp/VehiculosDisponibles.vue?5ddf","webpack:///./src/views/Helexium/EntregasApp/VehiculosDisponibles.vue?d0ce","webpack:///./node_modules/core-js/modules/es.array.at.js","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/cardTable/CardTable.vue?a98d","webpack:///./node_modules/core-js/modules/es.string.at-alternative.js"],"names":["render","_vm","this","_c","_self","attrs","loading","staticClass","_v","_e","dataCards","_l","listaItems","item","key","id","_s","placa","descripcion","class","estadoVehiculo","directives","name","rawName","value","title","placement","customClass","expression","on","$event","preventDefault","getInfoVehiculoPorPlaca","model","showModal","callback","$$v","vehiculo","marca","conductor","staticRenderFns","components","CardTable","data","persona","listaInfoVehiculos","length","iconName","color","tipo","animated","onActivate","dataTableInstance","search","draw","onDeactivate","filter","computed","availableVehiclesCount","unavailableVehiclesCount","watch","handler","newValue","summaryCards","immediate","JSON","parse","localStorage","getItem","getData","$nextTick","window","$","fn","DataTable","isDataTable","destroy","language","url","methods","res","$store","dispatch","path","empresa","success","error","_data$vehiculo","_data$informacionGene","_data$conductoresAsig","_data$conductoresAsig2","_data$vehiculo2","informacionGeneral","conductoresAsignados","at","conductorAsignado","nombresApellidosConductor","nombres","apellidos","component","toObject","lengthOfArrayLike","toIntegerOrInfinity","addToUnscopables","target","proto","index","O","len","relativeIndex","k","undefined","staticStyle","card","_card$sizeValue","style","boxShadow","activeCard","showCursorGlow","hideCursorGlow","event","handleMouseMove","toggleActive","showGlow","left","cursorX","top","cursorY","glowStyle","opacity","width","height","backgroundColor","computeBorderRadius","computeAnimateIcon","animatedState","shouldAnimateTitle","fontSize","sizeValue","evaluateValue","props","type","Array","default","animationFrameId","beat","beatFade","bounce","fade","flip","shake","spin","spinReverse","spinPulse","tipoIcon","circle","squared","shield","water","mounted","onResize","addEventListener","beforeDestroy","removeEventListener","forEach","_","checkTitleLength","titleElement","$el","querySelectorAll","scrollWidth","clientWidth","$set","rect","currentTarget","getBoundingClientRect","targetX","clientX","targetY","clientY","cancelAnimationFrame","animate","startX","startY","dx","dy","Math","abs","requestAnimationFrame","uncurryThis","requireObjectCoercible","toString","fails","charAt","FORCED","forced","S"],"mappings":"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","file":"js/chunk-45d931a0.a3e29167461cf7fb04b4.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VehiculosDisponibles.vue?vue&type=style&index=0&id=847c00ce&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('HXContentCard',{attrs:{\"title\":\"Listado Vehículos\"}},[_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.loading)?_c('div',{staticClass:\"text-center\"},[_c('div',{},[_c('div',{staticClass:\"emoji-container\"},[_c('span',{staticClass:\"emoji\",attrs:{\"role\":\"img\",\"aria-label\":\"Car\"}},[_vm._v(\"🚗\")]),_c('span',{staticClass:\"emoji\",attrs:{\"role\":\"img\",\"aria-label\":\"Hourglass\"}},[_vm._v(\"⏳\")]),_c('span',{staticClass:\"emoji\",attrs:{\"role\":\"img\",\"aria-label\":\"Thinking\"}},[_vm._v(\"🤔\")])]),_c('span',{staticClass:\"h2 font-weight-bold\"},[_vm._v(\"Cargando datos...\")]),_c('p',{staticClass:\"loading-message\"},[_vm._v(\"Espere un momento mientras preparamos la información.\")])])]):_vm._e()]),(!_vm.loading)?_c('div',[_c('div',{staticClass:\"px-4 mt-3\"},[_c('CardTable',{attrs:{\"data\":_vm.dataCards}})],1),_c('div',{staticClass:\"px-4 mt-3\"},[_c('table',{staticClass:\"table table-bordered table-responsive-md table-striped text-center\",attrs:{\"id\":\"datatable_registroServicios\"}},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Placa Vehículo\")]),_c('th',[_vm._v(\"Sucursal\")]),_c('th',[_vm._v(\"Estado del Vehículo\")]),_c('th',[_vm._v(\"Acciones\")])])]),_c('tbody',_vm._l((_vm.listaItems),function(item){return _c('tr',{key:item.id,staticClass:\"animated-row\"},[_c('td',[_vm._v(\" \"+_vm._s(item.placa)+\" \")]),_c('td',[_vm._v(_vm._s(item.descripcion))]),_c('td',[_c('span',{staticClass:\"badge\",class:{\n                                'badge-success': item.estadoVehiculo === 'Disponible',\n                                'badge-danger': item.estadoVehiculo === 'No Disponible'\n                            },attrs:{\"title\":'Estado: ' + item.estadoVehiculo}},[_vm._v(\" \"+_vm._s(item.estadoVehiculo)+\" \")])]),_c('td',[_c('vs-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                                title: 'Ver Conductor asignado',\n                                placement: 'top',\n                                customClass: 'font_tooltip',\n                            }),expression:\"{\\n                                title: 'Ver Conductor asignado',\\n                                placement: 'top',\\n                                customClass: 'font_tooltip',\\n                            }\"}],attrs:{\"info\":\"\",\"icon\":\"\"},on:{\"click\":function($event){$event.preventDefault();return _vm.getInfoVehiculoPorPlaca(item.placa)}}},[_c('i',{staticClass:\"fa-solid fa-truck-ramp-box\"})])],1)])}),0)])])]):_vm._e(),_c('vs-dialog',{attrs:{\"width\":\"550px\",\"not-center\":\"\"},model:{value:(_vm.showModal),callback:function ($$v) {_vm.showModal=$$v},expression:\"showModal\"}},[_c('div',{staticClass:\"modal-header\"},[_c('i',{staticClass:\"fas fa-car-side fa-3x text-primary\"}),_c('span',{staticClass:\"modal-title text-center\"},[_vm._v(\"¡Información del vehículo!\")])]),(_vm.vehiculo)?_c('div',{staticClass:\"modal-content animated fadeIn\"},[_c('div',{staticClass:\"vehicle-details\"},[_c('div',{staticClass:\"detail-item\"},[_c('i',{staticClass:\"fas fa-id-card fa-2x text-info\"}),_c('div',[_c('h5',[_vm._v(\"Placa\")]),_c('p',[_vm._v(_vm._s(_vm.vehiculo.placa))])])]),_c('div',{staticClass:\"detail-item\"},[_c('i',{staticClass:\"fas fa-cogs fa-2x text-warning\"}),_c('div',[_c('h5',[_vm._v(\"Último modelo asignado\")]),_c('p',[_vm._v(_vm._s(_vm.vehiculo.marca || 'No disponible'))])])]),_c('div',{staticClass:\"detail-item\"},[_c('i',{staticClass:\"fas fa-user-tie fa-2x text-success\"}),_c('div',[_c('h5',[_vm._v(\"Último conductor asignado\")]),_c('p',[_vm._v(_vm._s(_vm.vehiculo.conductor || 'No disponible'))])])])]),_c('div',{staticClass:\"text-center mt-4\"},[_c('p',{staticClass:\"ready-message\",class:{ 'available': _vm.vehiculo.estadoVehiculo === 'Disponible', 'unavailable': _vm.vehiculo.estadoVehiculo === 'No Disponible' }},[_c('i',{class:_vm.vehiculo.estadoVehiculo === 'Disponible' ? 'fas fa-check-circle' : 'fas fa-times-circle'}),_vm._v(\" \"+_vm._s(_vm.vehiculo.estadoVehiculo === 'Disponible' ? '¡Listo para la acción!' : 'No disponible en este momento')+\" \")])])]):_c('div',{staticClass:\"modal-content animated fadeIn\"},[_c('div',{staticClass:\"text-center\"},[_c('i',{staticClass:\"fas fa-exclamation-triangle fa-3x text-warning mb-3\"}),_c('h4',[_vm._v(\"No se encontró información para este vehículo\")]),_c('p',[_vm._v(\"Por favor, intente nuevamente más tarde.\")])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <HXContentCard title=\"Listado Vehículos\">\r\n        <!-- Pantalla de carga -->\r\n        <transition name=\"fade\">\r\n            <div v-if=\"loading\" class=\"text-center\">\r\n                <div class=\"\">\r\n                    <div class=\"emoji-container\">\r\n                        <span class=\"emoji\" role=\"img\" aria-label=\"Car\">🚗</span>\r\n                        <span class=\"emoji\" role=\"img\" aria-label=\"Hourglass\">⏳</span>\r\n                        <span class=\"emoji\" role=\"img\" aria-label=\"Thinking\">🤔</span>\r\n                    </div>\r\n                    <span class=\"h2 font-weight-bold\">Cargando datos...</span>\r\n                    <p class=\"loading-message\">Espere un momento mientras preparamos la información.</p>\r\n                </div>\r\n            </div>\r\n        </transition>\r\n\r\n        <!-- Contenido principal -->\r\n        <div v-if=\"!loading\">\r\n            <!-- Tarjetas de Resumen -->\r\n            <div class=\"px-4 mt-3\">\r\n\r\n                <CardTable :data=\"dataCards\" />\r\n            </div>\r\n\r\n\r\n            <!-- Tabla de Vehículos -->\r\n            <div class=\"px-4 mt-3\">\r\n                <table id=\"datatable_registroServicios\"\r\n                    class=\"table table-bordered table-responsive-md table-striped text-center\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>Placa Vehículo</th>\r\n                            <th>Sucursal</th>\r\n                            <th>Estado del Vehículo</th>\r\n                            <th>Acciones</th>\r\n                        </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                        <tr v-for=\"(item) in listaItems\" :key=\"item.id\" class=\"animated-row\">\r\n                            <td>\r\n                                {{ item.placa }}\r\n                            </td>\r\n                            <td>{{ item.descripcion }}</td>\r\n                            <td>\r\n                                <span class=\"badge\" :class=\"{\r\n                                    'badge-success': item.estadoVehiculo === 'Disponible',\r\n                                    'badge-danger': item.estadoVehiculo === 'No Disponible'\r\n                                }\" :title=\"'Estado: ' + item.estadoVehiculo\">\r\n                                    {{ item.estadoVehiculo }}\r\n                                </span>\r\n                            </td>\r\n                            <td>\r\n                                <vs-button info v-b-tooltip=\"{\r\n                                    title: 'Ver Conductor asignado',\r\n                                    placement: 'top',\r\n                                    customClass: 'font_tooltip',\r\n                                }\" @click.prevent=\"getInfoVehiculoPorPlaca(item.placa)\" icon>\r\n                                    <i class=\"fa-solid fa-truck-ramp-box\"></i>\r\n                                </vs-button>\r\n                            </td>\r\n                        </tr>\r\n                    </tbody>\r\n                </table>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- Modal con la información del Vehículo -->\r\n        <vs-dialog v-model=\"showModal\" width=\"550px\" not-center>\r\n            <div class=\"modal-header\">\r\n                <i class=\"fas fa-car-side fa-3x text-primary\"></i>\r\n                <span class=\"modal-title text-center\">¡Información del vehículo!</span>\r\n            </div>\r\n\r\n            <div v-if=\"vehiculo\" class=\"modal-content animated fadeIn\">\r\n                <div class=\"vehicle-details\">\r\n                    <div class=\"detail-item\">\r\n                        <i class=\"fas fa-id-card fa-2x text-info\"></i>\r\n                        <div>\r\n                            <h5>Placa</h5>\r\n                            <p>{{ vehiculo.placa }}</p>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"detail-item\">\r\n                        <i class=\"fas fa-cogs fa-2x text-warning\"></i>\r\n                        <div>\r\n                            <h5>Último modelo asignado</h5>\r\n                            <p>{{ vehiculo.marca || 'No disponible' }}</p>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"detail-item\">\r\n                        <i class=\"fas fa-user-tie fa-2x text-success\"></i>\r\n                        <div>\r\n                            <h5>Último conductor asignado</h5>\r\n                            <p>{{ vehiculo.conductor || 'No disponible' }}</p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"text-center mt-4\">\r\n                    <p class=\"ready-message\"\r\n                        :class=\"{ 'available': vehiculo.estadoVehiculo === 'Disponible', 'unavailable': vehiculo.estadoVehiculo === 'No Disponible' }\">\r\n                        <i\r\n                            :class=\"vehiculo.estadoVehiculo === 'Disponible' ? 'fas fa-check-circle' : 'fas fa-times-circle'\"></i>\r\n                        {{ vehiculo.estadoVehiculo ===\r\n                            'Disponible' ? '¡Listo para la acción!' : 'No disponible en este momento' }}\r\n                    </p>\r\n                </div>\r\n            </div>\r\n            <div v-else class=\"modal-content animated fadeIn\">\r\n                <div class=\"text-center\">\r\n                    <i class=\"fas fa-exclamation-triangle fa-3x text-warning mb-3\"></i>\r\n                    <h4>No se encontró información para este vehículo</h4>\r\n                    <p>Por favor, intente nuevamente más tarde.</p>\r\n                </div>\r\n            </div>\r\n        </vs-dialog>\r\n    </HXContentCard>\r\n</template>\r\n\r\n<script>\r\nimport CardTable from \"../../../components/cardTable/CardTable.vue\";\r\n\r\nexport default {\r\n    name: \"DashboardFlota\",\r\n    components: {\r\n        CardTable,\r\n    },\r\n    data() {\r\n        return {\r\n            persona: {},\r\n            listaItems: [],\r\n            loading: true,\r\n            vehiculo: null,\r\n            listaInfoVehiculos: {},\r\n            showModal: false,\r\n            dataCards: [\r\n                {\r\n                    title: \"Total de Vehículos\",\r\n                    value: () => this.listaItems.length,\r\n                    iconName: \"fas fa-car\",\r\n                    color: \"rgba(254, 114, 28, 1)\",\r\n                    tipo: \"squared\",\r\n                    animated: \"bounce\",\r\n                    onActivate: () => {\r\n                        this.dataTableInstance.search(\"\").draw();\r\n                    },\r\n                    onDeactivate: () => {\r\n                        this.dataTableInstance.search(\"\").draw();\r\n                    },\r\n                },\r\n                {\r\n                    title: \"Vehículos Disponibles\",\r\n                    value: () => this.listaItems.filter(item => item.estadoVehiculo === \"Disponible\").length,\r\n                    iconName: \"fas fa-check-circle\",\r\n                    color: \"rgba(22, 162, 117, 1)\",\r\n                    tipo: \"squared\",\r\n                    animated: \"bounce\",\r\n                    onActivate: () => {\r\n                        this.dataTableInstance.search(\"\").draw();\r\n                    },\r\n                    onDeactivate: () => {\r\n                        this.dataTableInstance.search(\"\").draw();\r\n                    },\r\n                },\r\n                {\r\n                    title: \"Vehículos No Disponibles\",\r\n                    value: () => this.listaItems.filter(item => item.estadoVehiculo === \"No Disponible\").length,\r\n                    iconName: \"fas fa-times-circle\",\r\n                    color: \"rgba(71, 136, 255, 1)\",\r\n                    tipo: \"squared\",\r\n                    animated: \"bounce\",\r\n                    onActivate: () => {\r\n                        this.dataTableInstance.search(\"\").draw();\r\n                    },\r\n                    onDeactivate: () => {\r\n                        this.dataTableInstance.search(\"\").draw();\r\n                    },\r\n                },\r\n            ],\r\n        };\r\n    },\r\n    computed: {\r\n        availableVehiclesCount() {\r\n            return this.listaItems.filter(item => item.estadoVehiculo === \"Disponible\").length;\r\n        },\r\n        unavailableVehiclesCount() {\r\n            return this.listaItems.filter(item => item.estadoVehiculo === \"No Disponible\").length;\r\n        },\r\n    },\r\n    watch: {\r\n        listaItems: {\r\n            handler(newValue) {\r\n                this.summaryCards[0].value = newValue.length;\r\n                this.summaryCards[1].value = this.availableVehiclesCount;\r\n                this.summaryCards[2].value = this.unavailableVehiclesCount;\r\n            },\r\n            immediate: true,\r\n        },\r\n    },\r\n    async mounted() {\r\n        this.persona = JSON.parse(localStorage.getItem(\"setPersonaAct\"));\r\n        await this.getData();\r\n\r\n        this.$nextTick(() => {\r\n            if (window.$.fn.DataTable.isDataTable(\"#datatable_registroServicios\")) {\r\n                window.$(\"#datatable_registroServicios\").DataTable().destroy();\r\n            }\r\n            this.dataTableInstance = window\r\n                .$(\"#datatable_registroServicios\")\r\n                .DataTable({\r\n                    language: {\r\n                        url: \"//cdn.datatables.net/plug-ins/1.10.15/i18n/Spanish.json\",\r\n                    },\r\n                });\r\n        });\r\n    },\r\n    methods: {\r\n        async getData() {\r\n            try {\r\n                let res = await this.$store.dispatch(\"hl_get\", {\r\n                    path: \"VehiculosDisponibles/GetVehiculosDisponibles/\" + this.persona.empresa.id,\r\n                });\r\n                if (res.success) {\r\n                    this.listaItems = res.data;\r\n                } else {\r\n                    this.listaItems = [];\r\n                    console.log(\"No se encontraron vehículos para esta empresa\");\r\n                }\r\n            } catch (error) {\r\n                console.error(\"Error al obtener los datos:\", error);\r\n            } finally {\r\n                this.loading = false;\r\n            }\r\n        },\r\n        async getInfoVehiculoPorPlaca(placa) {\r\n            try {\r\n                // Realizar la petición al endpoint\r\n                let res = await this.$store.dispatch(\"hl_get\", {\r\n                    path: `Vehiculo/GetConductorModeloVehiculo/${placa}`,\r\n                });\r\n\r\n                const data = await res;\r\n\r\n                if (\r\n                    (!data.informacionGeneral || data.informacionGeneral.length === 0) &&\r\n                    (!data.conductoresAsignados || data.conductoresAsignados.length === 0)\r\n                ) {\r\n                    this.vehiculo = null; // No hay datos\r\n                    this.showModal = true;\r\n                    return;\r\n                }\r\n\r\n                // Llenar los datos del vehículo\r\n                this.vehiculo = {\r\n                    placa: data.vehiculo?.placa || 'No disponible',\r\n                    marca: data.informacionGeneral?.at(-1)?.marca || 'No disponible',\r\n                    conductor: data.conductoresAsignados?.at(-1)?.conductorAsignado?.nombresApellidosConductor?.nombres + ' ' +\r\n                        data.conductoresAsignados?.at(-1)?.conductorAsignado?.nombresApellidosConductor?.apellidos || 'No disponible',\r\n                    estadoVehiculo: data.vehiculo?.estadoVehiculo || 'No Disponible'\r\n                };\r\n\r\n                // Mostrar el modal con los datos\r\n                this.showModal = true;\r\n\r\n            } catch (error) {\r\n                console.error('Error al obtener información del vehículo:', error);\r\n\r\n                this.vehiculo = null; // No hay datos\r\n                this.showModal = true; // Mostrar modal de error\r\n            }\r\n        }\r\n    },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.modal-content {\r\n    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\r\n    border-radius: 15px;\r\n    padding: 30px;\r\n    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);\r\n}\r\n\r\n.modal-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.modal-title {\r\n    font-size: 1.8rem;\r\n    margin-left: 10px;\r\n}\r\n\r\n.vehicle-details {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n}\r\n\r\n.detail-item {\r\n    display: flex;\r\n    align-items: center;\r\n    background-color: rgba(255, 255, 255, 0.7);\r\n    padding: 15px;\r\n    border-radius: 10px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.detail-item:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.detail-item i {\r\n    margin-right: 15px;\r\n}\r\n\r\n.detail-item h5 {\r\n    font-size: 1.2rem;\r\n    color: #34495e;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.detail-item p {\r\n    font-size: 1.1rem;\r\n    color: #7f8c8d;\r\n    margin: 0;\r\n}\r\n\r\n.ready-message {\r\n    font-size: 1.3rem;\r\n    font-weight: bold;\r\n    padding: 10px 20px;\r\n    border-radius: 50px;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.ready-message.available {\r\n    background-color: #27ae60;\r\n    color: white;\r\n}\r\n\r\n.ready-message.unavailable {\r\n    background-color: #e74c3c;\r\n    color: white;\r\n}\r\n\r\n.ready-message i {\r\n    margin-right: 10px;\r\n}\r\n\r\n.animated {\r\n    animation-duration: 0.5s;\r\n    animation-fill-mode: both;\r\n}\r\n\r\n@keyframes fadeIn {\r\n    from {\r\n        opacity: 0;\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n.fadeIn {\r\n    animation-name: fadeIn;\r\n}\r\n\r\n/* Estilos adicionales para mejorar la apariencia general */\r\n.emoji-container {\r\n    font-size: 2.5rem;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.animated-card {\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.animated-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.animated-row {\r\n    transition: background-color 0.3s ease;\r\n}\r\n\r\n.animated-row:hover {\r\n    background-color: rgba(0, 0, 0, 0.05);\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!./VehiculosDisponibles.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!./VehiculosDisponibles.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./VehiculosDisponibles.vue?vue&type=template&id=847c00ce&scoped=true\"\nimport script from \"./VehiculosDisponibles.vue?vue&type=script&lang=js\"\nexport * from \"./VehiculosDisponibles.vue?vue&type=script&lang=js\"\nimport style0 from \"./VehiculosDisponibles.vue?vue&type=style&index=0&id=847c00ce&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  \"847c00ce\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar $ = require('../internals/export');\nvar toObject = require('../internals/to-object');\nvar lengthOfArrayLike = require('../internals/length-of-array-like');\nvar toIntegerOrInfinity = require('../internals/to-integer-or-infinity');\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\n// `Array.prototype.at` method\n// https://tc39.es/ecma262/#sec-array.prototype.at\n$({ target: 'Array', proto: true }, {\n  at: function at(index) {\n    var O = toObject(this);\n    var len = lengthOfArrayLike(O);\n    var relativeIndex = toIntegerOrInfinity(index);\n    var k = relativeIndex >= 0 ? relativeIndex : len + relativeIndex;\n    return (k < 0 || k >= len) ? undefined : O[k];\n  }\n});\n\naddToUnscopables('at');\n","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!./CardTable.vue?vue&type=style&index=0&id=73483910&prod&scoped=true&lang=css\"","'use strict';\nvar $ = require('../internals/export');\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar toIntegerOrInfinity = require('../internals/to-integer-or-infinity');\nvar toString = require('../internals/to-string');\nvar fails = require('../internals/fails');\n\nvar charAt = uncurryThis(''.charAt);\n\nvar FORCED = fails(function () {\n  // eslint-disable-next-line es/no-array-string-prototype-at -- safe\n  return '𠮷'.at(-2) !== '\\uD842';\n});\n\n// `String.prototype.at` method\n// https://tc39.es/ecma262/#sec-string.prototype.at\n$({ target: 'String', proto: true, forced: FORCED }, {\n  at: function at(index) {\n    var S = toString(requireObjectCoercible(this));\n    var len = S.length;\n    var relativeIndex = toIntegerOrInfinity(index);\n    var k = relativeIndex >= 0 ? relativeIndex : len + relativeIndex;\n    return (k < 0 || k >= len) ? undefined : charAt(S, k);\n  }\n});\n"],"sourceRoot":""}