{"version":3,"sources":["webpack:///./src/views/Helexium/HojaDeVidaVehiculo/secciones/VehiculoPropietario.vue","webpack:///src/views/Helexium/HojaDeVidaVehiculo/secciones/VehiculoPropietario.vue","webpack:///./src/views/Helexium/HojaDeVidaVehiculo/secciones/VehiculoPropietario.vue?29ea","webpack:///./src/views/Helexium/HojaDeVidaVehiculo/secciones/VehiculoPropietario.vue?7364","webpack:///./src/views/Helexium/HojaDeVidaVehiculo/secciones/VehiculoPropietario.vue?a247","webpack:///./src/components/BVForm/RenderSchema.vue","webpack:///src/components/BVForm/RenderSchema.vue","webpack:///./src/components/BVForm/RenderSchema.vue?084a","webpack:///./src/components/BVForm/RenderSchema.vue?db31","webpack:///./src/components/BVForm/RenderSchema.vue?3822"],"names":["render","_vm","this","_c","_self","staticClass","on","$event","isVisibleNuevoRegistro","_v","_s","titleNuevoRegistro","attrs","model","value","callback","$$v","expression","allData","callbackOnSubmit","watchPersona","scopedSlots","_u","key","fn","ultimoRegistroActivo","preventDefault","cerrarRegistro","apply","arguments","_e","proxy","isVisibleHistorial","_l","historial","registro","id","useMoment","fechaDeCreacion","staticRenderFns","components","BVForm","renderSchema","props","vehiculo","type","Object","required","data","JSON","parse","stringify","$store","dispatch","getHistorial","ajustesDeLaVisata","computed","mapGetters","empresaId","getters","userLoggedIn","empresa","methods","response","fetchGet","path","json","reverse","last","reduce","prev","current","estaCerrado","forEach","item","name","split","length","Swal","fire","title","text","icon","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","then","result","isConfirmed","fetchPut","ok","Error","catch","error","message","showConfirmButton","self","vehiculoId","loader","finally","fetchPost","context","identificador","idx","options","find","element","persona","component","_t","schema","index","staticStyle","label","class","renderValue","Array","default","String","Date","toLocaleDateString","includes","indexOf","replace","tipo","descripcion","nombres","apellidos"],"mappings":"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","file":"js/chunk-71afc8f2.d675eb11.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',[_c('div',{staticClass:\"pointer\",on:{\"click\":function($event){_vm.isVisibleNuevoRegistro = !_vm.isVisibleNuevoRegistro}}},[_c('h3',{staticClass:\"py-2 border-collapse\"},[_vm._v(_vm._s(_vm.titleNuevoRegistro))])]),_c('b-collapse',{attrs:{\"id\":\"nuevoRegistro\"},model:{value:(_vm.isVisibleNuevoRegistro),callback:function ($$v) {_vm.isVisibleNuevoRegistro=$$v},expression:\"isVisibleNuevoRegistro\"}},[_c('BVForm',{attrs:{\"observer\":['personaId', 'identificadorPropietario'],\"title\":\"Propietario del vehiculo\",\"schema\":_vm.allData,\"callBackSubmit\":_vm.callbackOnSubmit},on:{\"watcher\":_vm.watchPersona},scopedSlots:_vm._u([{key:\"otherBtns\",fn:function(){return [(_vm.ultimoRegistroActivo)?_c('button',{staticClass:\"btn btn-outline-warning\",on:{\"click\":function($event){$event.preventDefault();return _vm.cerrarRegistro.apply(null, arguments)}}},[_vm._v(\" Cerrar registro \")]):_vm._e()]},proxy:true}])})],1)],1),_c('div',[_c('div',{staticClass:\"pointer\",on:{\"click\":function($event){_vm.isVisibleHistorial = !_vm.isVisibleHistorial}}},[_c('h3',{staticClass:\"py-2 border-collapse\"},[_vm._v(\"Historial\")])]),_c('div',[_c('b-collapse',{attrs:{\"id\":\"historial\"},model:{value:(_vm.isVisibleHistorial),callback:function ($$v) {_vm.isVisibleHistorial=$$v},expression:\"isVisibleHistorial\"}},_vm._l((_vm.historial),function(registro){return _c('renderSchema',{key:registro.id,staticClass:\"mb-5\",attrs:{\"schema\":_vm.allData,\"data\":registro},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('h4',{staticClass:\"mt-4 mb-3\"},[_vm._v(\"Registro del \"+_vm._s(_vm.useMoment( registro.fechaDeCreacion )))])]},proxy:true}],null,true)})}),1)],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport BVForm from \"@/components/BVForm/BVForm.vue\";\r\nimport renderSchema from '@/components/BVForm/RenderSchema.vue'\r\nimport Swal from \"sweetalert2\";\r\nimport { mapGetters } from 'vuex'\r\nexport default {\r\n  components: {\r\n    BVForm,\r\n    renderSchema\r\n  },\r\n  props: {\r\n    vehiculo: {\r\n      type: Object,\r\n      required: true\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      allData: null,\r\n      isVisibleNuevoRegistro: false,\r\n      titleNuevoRegistro: 'Nuevo registro',\r\n      isVisibleHistorial: false,\r\n      historial: [],\r\n      ultimoRegistroActivo: null,\r\n\r\n    }\r\n  },\r\n  async mounted() {\r\n\r\n    this.allData = JSON.parse(JSON.stringify(await this.$store.dispatch('getPropietarioDelVehiculo')))\r\n    await this.getHistorial()\r\n    this.ajustesDeLaVisata()\r\n\r\n  },\r\n  computed: {\r\n    ...mapGetters(['useMoment']),\r\n    empresaId() {\r\n      return this.$store.getters.userLoggedIn.empresa.id\r\n    }\r\n  },\r\n  methods: {\r\n    async getHistorial() {\r\n      const response = await this.$store.getters.fetchGet({ path: `VehiculoHojaDeVida/Propietario/registros/${this.vehiculo.id}` })\r\n      this.historial = await response.json()\r\n       // reverse\r\n       this.historial = this.historial.reverse()\r\n    },\r\n    ajustesDeLaVisata() {\r\n      const last = this.historial.reduce((prev, current) => {\r\n        return (prev.fechaDeCreacion > current.fechaDeCreacion) ? prev : current\r\n      })\r\n\r\n      if (last.estaCerrado == 0) {\r\n        this.ultimoRegistroActivo = last\r\n        this.titleNuevoRegistro = 'Editar registro'\r\n        this.allData.forEach(item => {\r\n          if (item.type == 'date' && last[item.name] != null) {\r\n            last[item.name] = last[item.name].split('T')[0]\r\n          }\r\n          item.value = last[item.name]\r\n        })\r\n        this.isVisibleNuevoRegistro = true\r\n      } else {\r\n        this.isVisibleNuevoRegistro = !this.historial.length\r\n        this.isVisibleHistorial = true\r\n      }\r\n    },\r\n    cerrarRegistro() {\r\n      // pregunta y advierte si desea cerrar el registro una vez realizado no se podra volver a editar\r\n      Swal.fire({\r\n        title: '¿Está seguro de cerrar el registro?',\r\n        text: \"Una vez cerrado no se podrá volver a modificar\",\r\n        icon: 'warning',\r\n        showCancelButton: true,\r\n        confirmButtonColor: '#3085d6',\r\n        cancelButtonColor: '#d33',\r\n\r\n        confirmButtonText: 'Cerrar registro'\r\n      }).then((result) => {\r\n        if (result.isConfirmed) {\r\n          this.$store.getters.fetchPut({ path: `VehiculoHojaDeVida/Propietario/cerrarRegistro/${this.ultimoRegistroActivo.id}` })\r\n            .then(response => {\r\n              if (response.ok) {\r\n                return response.json()\r\n              }\r\n              throw new Error('Error al cerrar el registro')\r\n            })\r\n            .then(async () => {\r\n              await this.getHistorial()\r\n\r\n              this.ultimoRegistroActivo = null\r\n              this.titleNuevoRegistro = 'Nuevo registro'\r\n              this.allData.forEach(item => {\r\n                item.value = null\r\n              })\r\n\r\n              Swal.fire(\r\n                'Registro cerrado',\r\n                'El registro ha sido cerrado',\r\n                'success'\r\n              )\r\n            })\r\n            .catch(error => {\r\n              Swal.fire({\r\n                icon: 'error',\r\n                title: 'Error al cerrar el registro',\r\n                text: error.message,\r\n                showConfirmButton: true,\r\n              })\r\n            })\r\n        }\r\n      })\r\n    },\r\n\r\n    callbackOnSubmit(self) {\r\n      let data = { ...self.data }\r\n      data.vehiculoId = this.vehiculo.id\r\n\r\n      if (this.ultimoRegistroActivo) {\r\n        const { id } = this.ultimoRegistroActivo\r\n\r\n        self.loader = true\r\n        this.$store.getters.fetchPut({ path: `VehiculoHojaDeVida/Propietario/actualizarRegistro/${id}`, data })\r\n          .then(response => {\r\n            if (response.ok) {\r\n              return response.json()\r\n            }\r\n            throw new Error('Error al actualizar')\r\n          })\r\n          .then(async () => {\r\n            await this.getHistorial()\r\n            this.ajustesDeLaVisata()\r\n            Swal.fire({\r\n              icon: 'success',\r\n              title: 'Registro actualizado',\r\n              showConfirmButton: true,\r\n            })\r\n          })\r\n          .catch(error => {\r\n            Swal.fire({\r\n              icon: 'error',\r\n              title: 'Error al actualizar',\r\n              text: error.message,\r\n              showConfirmButton: true,\r\n            })\r\n          })\r\n          .finally(() => {\r\n            self.loader = false\r\n          })\r\n\r\n      }\r\n      else {\r\n        self.loader = true\r\n        this.$store.getters.fetchPost({ path: `VehiculoHojaDeVida/Propietario/crearRegistro`, data })\r\n        .then(response => {\r\n            if (response.ok) {\r\n              return response.json()\r\n            }\r\n            throw new Error('Error al crear el registro')\r\n          })\r\n          .then(async () => {\r\n            await this.getHistorial()\r\n            this.ajustesDeLaVisata()\r\n            Swal.fire({\r\n              icon: 'success',\r\n              title: 'Registro creado',\r\n              showConfirmButton: true,\r\n            })\r\n          })\r\n          .catch(error => {\r\n            Swal.fire({\r\n              icon: 'error',\r\n              title: 'Error al crear el registro',\r\n              text: error.message,\r\n              showConfirmButton: true,\r\n            })\r\n          })\r\n          .finally(() => {\r\n            self.loader = false\r\n          })\r\n      }\r\n\r\n    },\r\n    watchPersona(context) {\r\n      try {\r\n        if (context.name == 'personaId') {\r\n          const { identificador } = this.allData[context.idx].options.find(element => element.id == context.value)\r\n          this.allData[context.idx + 1].value = identificador\r\n\r\n        }\r\n\r\n        if (context.name == 'identificadorPropietario') {\r\n\r\n          const persona = this.allData[context.idx - 1].options.find(element => element.identificador == context.value)\r\n          if (persona) {\r\n            this.allData[context.idx - 1].value = persona.id\r\n          } else {\r\n            this.allData[context.idx - 1].value = null\r\n          }\r\n        }\r\n\r\n      } catch {\r\n        this.allData[context.idx - 1].value = null\r\n      }\r\n      this.allData = [...this.allData]\r\n    }\r\n  }\r\n\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <div>\r\n      <div @click=\"isVisibleNuevoRegistro = !isVisibleNuevoRegistro\" class=\"pointer\">\r\n        <h3 class=\"py-2 border-collapse\">{{ titleNuevoRegistro }}</h3>\r\n      </div>\r\n      <b-collapse id=\"nuevoRegistro\" v-model=\"isVisibleNuevoRegistro\">\r\n        <BVForm \r\n        :observer=\"['personaId', 'identificadorPropietario']\" @watcher=\"watchPersona\"\r\n        title=\"Propietario del vehiculo\" :schema=\"allData\" :callBackSubmit=\"callbackOnSubmit\">\r\n          <template #otherBtns>\r\n            <button v-if=\"ultimoRegistroActivo\" @click.prevent=\"cerrarRegistro\" class=\"btn btn-outline-warning\">\r\n              Cerrar registro\r\n            </button>\r\n          </template>\r\n        </BVForm>\r\n      </b-collapse>\r\n    </div>\r\n    <div>\r\n      <div @click=\"isVisibleHistorial = !isVisibleHistorial\" class=\"pointer\">\r\n        <h3 class=\"py-2 border-collapse\">Historial</h3>\r\n      </div>\r\n      <div>\r\n        <b-collapse id=\"historial\" v-model=\"isVisibleHistorial\">\r\n          <renderSchema class=\"mb-5\" v-for=\"registro in historial\" :key=\"registro.id\" :schema=\"allData\" :data=\"registro\">\r\n            <template #title>\r\n              <h4 class=\"mt-4 mb-3\">Registro del {{useMoment( registro.fechaDeCreacion ) }}</h4>\r\n            </template>\r\n\r\n          </renderSchema>\r\n        </b-collapse>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n</template>\r\n\r\n<style scoped>\r\n.border-collapse {\r\n  border-bottom: .5px solid #dee2e6;\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!./VehiculoPropietario.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!./VehiculoPropietario.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./VehiculoPropietario.vue?vue&type=template&id=4567e1dd&scoped=true\"\nimport script from \"./VehiculoPropietario.vue?vue&type=script&lang=js\"\nexport * from \"./VehiculoPropietario.vue?vue&type=script&lang=js\"\nimport style0 from \"./VehiculoPropietario.vue?vue&type=style&index=0&id=4567e1dd&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  \"4567e1dd\",\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!./VehiculoPropietario.vue?vue&type=style&index=0&id=4567e1dd&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mb-1\"},[_vm._t(\"title\",function(){return [_c('h3',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.title))])]}),_c('div',{staticClass:\"list-item pl-md-3\"},[_vm._l((_vm.schema),function(item,index){return _c('div',{key:index,staticClass:\"row mb-0 pb-0\"},[_c('div',{staticClass:\"col-12 m-0 p-0 key card bg-dark key-background\"},[_c('div',{staticClass:\"row p-0 m-0\"},[_c('div',{staticClass:\"col-1 m-0 pl-0\"},[_c('vs-avatar',{staticStyle:{\"font-size\":\"10px !important\"},attrs:{\"icon\":\"\",\"size\":\"35\",\"color\":(\n                                item.label == `Tipo` ? `primary` \n                                : item.label == `Nombre` ? `success` \n                                : item.label == `Frecuencia` ? `primary`\n                                : item.label == `Persona que debe conocer el resultado` ? `danger`\n                                : item.label == `Fuente de la información` ? `success`\n                                : item.label == `Fórmula o método de cálculo` ? `primary`\n                                : item.label == `Meta o limite del indicador` ? `danger`\n                                : item.label == `Responsable de la medición` ? `success` : ``\n                            )}},[_c('i',{class:(\n                                item.label == `Tipo` ? `fas fa-list` \n                                : item.label == `Nombre` ? `fas fa-user` \n                                : item.label == `Frecuencia` ? `fas fa-calendar-days`\n                                : item.label == `Persona que debe conocer el resultado` ? `fas fa-user-tie`\n                                : item.label == `Fuente de la información` ? `fas fa-file-lines`\n                                : item.label == `Fórmula o método de cálculo` ? `fas fa-square-root-variable`\n                                : item.label == `Meta o limite del indicador` ? `fas fa-triangle-exclamation`\n                                : item.label == `Responsable de la medición` ? `fa-solid fa-address-book` : ``)})])],1),_c('span',{staticClass:\"col ml-0 px-0 mb-0 pr-2 py-2\"},[_vm._v(\" \"+_vm._s(item.label)+\": \")])])]),_c('span',{staticClass:\"value pl-3 pb-0 mb-0 card bg-dark value-background\"},[_vm._v(_vm._s(_vm.renderValue(_vm.data, item)))])])}),_vm._t(\"otherItem\")],2),_vm._t(\"footer\")],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"mb-1\">\r\n        <slot class=\"\" name=\"title\">\r\n            <h3 class=\"mb-0\">{{ title }}</h3>\r\n        </slot>\r\n        <div class=\"list-item pl-md-3\">\r\n            <div class=\"row mb-0 pb-0\" v-for=\"(item, index) in schema\" :key=\"index\">\r\n                <div class=\" col-12 m-0 p-0 key card bg-dark key-background\">\r\n                    <div class=\"row p-0 m-0\">\r\n\r\n                        <div class=\"col-1 m-0 pl-0\">\r\n                            <vs-avatar\r\n\t\t\t\t\t\t\ticon\r\n                            size=\"35\"\r\n\t\t\t\t\t\t\t:color=\"(\r\n                                item.label == `Tipo` ? `primary` \r\n                                : item.label == `Nombre` ? `success` \r\n                                : item.label == `Frecuencia` ? `primary`\r\n                                : item.label == `Persona que debe conocer el resultado` ? `danger`\r\n                                : item.label == `Fuente de la información` ? `success`\r\n                                : item.label == `Fórmula o método de cálculo` ? `primary`\r\n                                : item.label == `Meta o limite del indicador` ? `danger`\r\n                                : item.label == `Responsable de la medición` ? `success` : ``\r\n                            )\"\r\n                            class=\"\"\r\n                            style=\"font-size: 10px !important;\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<i :class=\"(\r\n                                item.label == `Tipo` ? `fas fa-list` \r\n                                : item.label == `Nombre` ? `fas fa-user` \r\n                                : item.label == `Frecuencia` ? `fas fa-calendar-days`\r\n                                : item.label == `Persona que debe conocer el resultado` ? `fas fa-user-tie`\r\n                                : item.label == `Fuente de la información` ? `fas fa-file-lines`\r\n                                : item.label == `Fórmula o método de cálculo` ? `fas fa-square-root-variable`\r\n                                : item.label == `Meta o limite del indicador` ? `fas fa-triangle-exclamation`\r\n                                : item.label == `Responsable de la medición` ? `fa-solid fa-address-book` : ``) \" ></i> \r\n                             \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t</vs-avatar>\r\n                        </div>\r\n                        <span class=\"col ml-0 px-0 mb-0 pr-2 py-2\">\r\n                            {{ item.label }}:\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n\r\n                \r\n                <span class=\"value pl-3 pb-0 mb-0 card bg-dark value-background\">{{ renderValue(data, item) }}</span>\r\n            </div>\r\n            <slot name=\"otherItem\"></slot>\r\n        </div>\r\n        <slot name=\"footer\"></slot>\r\n        \r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n    props: {\r\n        \r\n        schema: {\r\n            type: Array,\r\n            default: () => []\r\n        },\r\n        data: {\r\n            type: Object,\r\n            default: () => ({})\r\n        },\r\n        title: {\r\n            type: String,\r\n            default: \"\"\r\n        }\r\n    },\r\n    methods: {\r\n        \r\n        renderValue(data, item) {\r\n\r\n            let result = data[item.name];\r\n            if (item.type === \"date\" && result) {\r\n                return new Date(result).toLocaleDateString();\r\n            }\r\n\r\n            \r\n            if (item.name.includes(\"Id\") && item.name.indexOf(\"Id\") === item.name.length - 2 && result) {\r\n                const name = item.name.replace(\"Id\", \"\");\r\n                if (data[name].tipo) {\r\n                    return data[name].tipo;\r\n                }\r\n\r\n                if (data[name].descripcion) {\r\n                    return data[name].descripcion;\r\n                }\r\n\r\n                if (data[name].nombres) {\r\n                    return data[name].nombres + \" \" + data[name].apellidos;\r\n                }\r\n            }\r\n\r\n            return result ?? \"---\";\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.list-item {\r\n    display: grid;\r\n    grid-template-columns: 1fr; \r\n    grid-row-gap: 0.5rem; \r\n}\r\n\r\n.row {\r\n    display: grid;\r\n    grid-template-columns: auto 1fr; \r\n    grid-column-gap: 1rem; \r\n}\r\n\r\n.key-background {\r\n    \r\n    padding: 0.5rem;\r\n    padding-bottom: 0% !important;\r\n    width:30vw;\r\n}\r\n\r\n.value-background {\r\n    background-color: blue;\r\n    padding: 0.5rem;\r\n    width: 37vw;\r\n\r\n}\r\n@media (max-width: 767px) {\r\n        .list-item {\r\n            display: grid;\r\n            grid-template-columns: 1fr; \r\n            grid-row-gap: 0.5rem; \r\n        }\r\n\r\n        .row {\r\n            display: grid;\r\n            display: flex;\r\n            grid-template-columns:  1fr; \r\n            grid-column-gap: 1rem; \r\n        }\r\n\r\n        .key-background {\r\n            height: 50px;\r\n            /* padding-top: 2rem; */\r\n            padding-bottom: 0% !important;\r\n            margin-bottom: 10px;\r\n            width:100%;\r\n            padding-top: 10px !important;\r\n\r\n        }\r\n        .value-background {\r\n            /* background-color: blue; */\r\n            /* padding: 1rem; */\r\n            height: 50px;\r\n\r\n            padding-top: 17px !important;\r\n          margin-top: 10px;\r\n            width: 100%;\r\n\r\n        }\r\n}\r\n</style>\r\n<!-- <template>\r\n    <div class=\"mb-4\">\r\n        <slot name=\"title\">\r\n            <h3 class=\"mb-2\">{{ title }}</h3>\r\n        </slot>\r\n        <div class=\"list-item\">\r\n            <div class=\"item\" v-for=\"(item, index) in schema\" :key=\"index\">\r\n                <span class=\"key\">{{ item.label }}:</span>\r\n                <span class=\"value\">{{ renderValue( data, item) }}</span>\r\n            </div>\r\n            <slot name=\"otherItem\"></slot>\r\n        </div>\r\n        <slot name=\"footer\">\r\n\r\n        </slot>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n    props: {\r\n        schema: {\r\n            type: Array,\r\n            default: () => []\r\n        },\r\n        data: {\r\n            type: Object,\r\n            default: () => ({})\r\n        },\r\n        title: {\r\n            type: String,\r\n            default: \"\"\r\n        }\r\n    },\r\n    methods: {\r\n        renderValue( data, item ) {\r\n            let result = data[item.name]\r\n            if( item.type === \"date\" && result ) {\r\n                return new Date(result).toLocaleDateString()\r\n            }\r\n\r\n            // console.log('item', item.name ) \r\n            //comprueba si el nombre del campo termina en Id y que sean los dos ultimos caracteres\r\n            if( item.name.includes(\"Id\") && item.name.indexOf(\"Id\") === item.name.length - 2 && result ) {\r\n                const name = item.name.replace(\"Id\", \"\")\r\n                if (  data[name].tipo  )\r\n                {\r\n                    return data[name].tipo \r\n                }\r\n\r\n                if ( data[name].descripcion )\r\n                {\r\n                    return data[name].descripcion\r\n                }\r\n\r\n                if ( data[name].nombres )\r\n                {\r\n                    return data[name].nombres + \" \" + data[name].apellidos\r\n                }\r\n            }\r\n\r\n            return result ?? \"---\"\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.list-item {\r\n    /* background-color: aqua; */\r\n    display: grid;\r\n    row-gap: 1rem;\r\n    column-gap: 1rem;\r\n    grid-template-columns: repeat(auto-fit, minmax(min(480px, 100%), 1fr));\r\n    grid-auto-flow: dense;\r\n}\r\n\r\n.key {\r\n    color: aliceblue;\r\n}\r\n.item {\r\n    /* background-color: blue; */\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n}\r\n\r\n</style> -->\r\n\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!./RenderSchema.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!./RenderSchema.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./RenderSchema.vue?vue&type=template&id=0182f277&scoped=true\"\nimport script from \"./RenderSchema.vue?vue&type=script&lang=js\"\nexport * from \"./RenderSchema.vue?vue&type=script&lang=js\"\nimport style0 from \"./RenderSchema.vue?vue&type=style&index=0&id=0182f277&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  \"0182f277\",\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!./RenderSchema.vue?vue&type=style&index=0&id=0182f277&prod&scoped=true&lang=css\""],"sourceRoot":""}