{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.array.reduce.js","webpack:///./src/views/Helexium/PerfilMedallas/PerfilMedallas.vue?12fe","webpack:///./node_modules/core-js/internals/engine-is-node.js","webpack:///./src/views/Helexium/PerfilMedallas/PerfilMedallas.vue","webpack:///src/views/Helexium/PerfilMedallas/PerfilMedallas.vue","webpack:///./src/views/Helexium/PerfilMedallas/PerfilMedallas.vue?ac29","webpack:///./src/views/Helexium/PerfilMedallas/PerfilMedallas.vue?de46","webpack:///./node_modules/core-js/internals/array-method-is-strict.js","webpack:///./node_modules/core-js/internals/array-reduce.js"],"names":["$","$reduce","left","arrayMethodIsStrict","CHROME_VERSION","IS_NODE","CHROME_BUG","FORCED","target","proto","forced","reduce","callbackfn","length","arguments","this","undefined","global","classof","module","exports","process","render","_vm","_c","_self","staticClass","scopedSlots","_u","key","fn","_v","proxy","listaMedallas","attrs","staticStyle","_l","medalla","index","directives","name","rawName","modifiers","on","$event","showModalMedalla","_s","personas","imagen","descripcion","selectedMedalla","user","isRecent","nombre","comentario","_e","_f","fecha","staticRenderFns","data","usuario","id","$isLoading","JSON","parse","localStorage","getItem","getData","error","methods","getCollapseId","medallaId","usuarioId","res","$store","dispatch","path","emisor","getPersonaByID","emisorId","medallasAgrupadas","acumulador","medallas","push","fechaObtencion","Object","values","nombres","apellidos","currentDate","moment_timezone","emissionDate","tz","daysDifference","diff","filters","formatDate","date","format","component","fails","METHOD_NAME","argument","method","call","aCallable","toObject","IndexedObject","lengthOfArrayLike","$TypeError","TypeError","createMethod","IS_RIGHT","that","argumentsLength","memo","O","self","i","right"],"mappings":"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","file":"js/chunk-f506d63e.c27f8f20.js","sourcesContent":["'use strict';\nvar $ = require('../internals/export');\nvar $reduce = require('../internals/array-reduce').left;\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\nvar CHROME_VERSION = require('../internals/engine-v8-version');\nvar IS_NODE = require('../internals/engine-is-node');\n\n// Chrome 80-82 has a critical bug\n// https://bugs.chromium.org/p/chromium/issues/detail?id=1049982\nvar CHROME_BUG = !IS_NODE && CHROME_VERSION > 79 && CHROME_VERSION < 83;\nvar FORCED = CHROME_BUG || !arrayMethodIsStrict('reduce');\n\n// `Array.prototype.reduce` method\n// https://tc39.es/ecma262/#sec-array.prototype.reduce\n$({ target: 'Array', proto: true, forced: FORCED }, {\n  reduce: function reduce(callbackfn /* , initialValue */) {\n    var length = arguments.length;\n    return $reduce(this, callbackfn, length, length > 1 ? arguments[1] : undefined);\n  }\n});\n","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!./PerfilMedallas.vue?vue&type=style&index=0&id=21ac315e&prod&scoped=true&lang=css\"","'use strict';\nvar global = require('../internals/global');\nvar classof = require('../internals/classof-raw');\n\nmodule.exports = classof(global.process) === 'process';\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-card',[_c('div',{staticClass:\"custom-container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h2',{staticClass:\"card-title\"},[_c('b',[_vm._v(\"Mis Medallas\")])])]},proxy:true}])},[_c('div',{staticClass:\"card-body\"},[(_vm.listaMedallas.length)?[_c('div',{staticClass:\"row justify-content-center list-medallas\"},[_c('vs-button',{staticClass:\"col-12 col-lg-5 py-3 myBtn\",attrs:{\"to\":\"enviar_medallas\",\"gradient\":\"\",\"size\":\"large\"}},[_c('div',{staticClass:\"row w-100\"},[_c('div',{staticClass:\"col-3\"},[_c('i',{staticClass:\"fas fa-paper-plane mr-1 icon-paper\"})]),_c('div',{staticClass:\"col d-flex flex-column align-items-start\"},[_c('span',{staticClass:\"text-white font-weight-bold\",staticStyle:{\"font-size\":\"1.5rem\"}},[_vm._v(\"Enviar medallas\")]),_c('p',{staticStyle:{\"line-height\":\"1.5\"}},[_vm._v(\" Puedes enviar medallas a tus compañeros... \")])])])]),_vm._l((_vm.listaMedallas),function(medalla,index){return _c('div',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal_medallas\",modifiers:{\"modal_medallas\":true}}],key:index,staticClass:\"col-12 col-lg-5 bg-dark rounded position-relative\",on:{\"click\":function($event){return _vm.showModalMedalla(medalla)}}},[_c('vs-tooltip',{staticClass:\"position-absolute\",staticStyle:{\"display\":\"grid\",\"place-items\":\"center\",\"top\":\"0\",\"right\":\"0\",\"width\":\"30px\",\"height\":\"30px\"},scopedSlots:_vm._u([{key:\"tooltip\",fn:function(){return [_vm._v(\"Cantidad de medallas\")]},proxy:true}],null,true)},[_c('vs-button',{staticClass:\"font-weight-bold\",attrs:{\"circle\":\"\",\"danger\":\"\",\"relief\":\"\"}},[_vm._v(\" \"+_vm._s(medalla.personas.length)+\" \")])],1),_c('div',{staticClass:\"row py-3\"},[_c('div',{staticClass:\"col d-flex align-items-center\"},[_c('img',{staticClass:\"w-100\",attrs:{\"src\":medalla.imagen,\"alt\":medalla.descripcion}})]),_c('div',{staticClass:\"col-8 d-flex flex-column justify-content-center\",staticStyle:{\"gap\":\"0.2rem\"}},[_c('span',{staticClass:\"h4 font-weight-bold\"},[_vm._v(_vm._s(medalla.descripcion))])])])],1)})],2)]:_c('div',{staticClass:\"d-flex flex-column align-items-center\"},[_c('p',{staticClass:\"font-weight-bolder h3\"},[_vm._v(\"No tienes medallas aún...\")]),_c('vs-button',{staticClass:\"col-12 col-lg-5 py-3 myBtn\",attrs:{\"to\":\"enviar_medallas\",\"gradient\":\"\",\"size\":\"large\"}},[_c('div',{staticClass:\"row w-100\"},[_c('div',{staticClass:\"col-3\"},[_c('i',{staticClass:\"fas fa-paper-plane mr-1 icon-paper\"})]),_c('div',{staticClass:\"col d-flex flex-column align-items-start\"},[_c('span',{staticClass:\"text-white font-weight-bold\",staticStyle:{\"font-size\":\"1.5rem\"}},[_vm._v(\"Enviar medallas\")]),_c('p',{staticStyle:{\"line-height\":\"1.5\"}},[_vm._v(\" Puedes enviar medallas a tus compañeros... \")])])])])],1)],2)])],1)])]),_c('b-modal',{attrs:{\"size\":\"lg\",\"id\":\"modal_medallas\",\"hide-footer\":\"\",\"hide-header\":\"\",\"body-class\":\"body-modal-custom\"}},[_c('b-card',{staticClass:\"w-100\"},[_c('div',{staticClass:\"row\",staticStyle:{\"gap\":\"1rem\"}},[_c('div',{staticClass:\"col-12 bg-dark rounded position-relative\"},[_c('vs-tooltip',{staticClass:\"position-absolute\",staticStyle:{\"display\":\"grid\",\"place-items\":\"center\",\"top\":\"0\",\"right\":\"0\",\"width\":\"30px\",\"height\":\"30px\"},scopedSlots:_vm._u([{key:\"tooltip\",fn:function(){return [_vm._v(\"Cantidad de medallas\")]},proxy:true}])},[_c('vs-button',{staticClass:\"font-weight-bold\",attrs:{\"circle\":\"\",\"danger\":\"\",\"relief\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.selectedMedalla.personas.length)+\" \")])],1),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col d-flex align-items-center\"},[_c('img',{staticClass:\"w-100\",attrs:{\"src\":_vm.selectedMedalla.imagen,\"alt\":_vm.selectedMedalla.descripcion}})]),_c('div',{staticClass:\"col-8 col-lg-10 d-flex flex-column justify-content-center\",staticStyle:{\"gap\":\"0.2rem\"}},[_c('span',{staticClass:\"h4 font-weight-bold\"},[_vm._v(_vm._s(_vm.selectedMedalla.descripcion))])])])],1),_c('div',{staticClass:\"mt-4\"},[_c('h3',{staticClass:\"text-capitalize font-weight-bold font-italic\"},[_vm._v(\" listado de usuarios \")]),_c('p',{staticClass:\"text-white-50 font-italic h4\"},[_vm._v(\" Todos los usuarios que te han enviado ésta medalla, puedes ver su nombre, comentario y fecha de emisión... \")])]),_c('div',{staticClass:\"col-12\"},_vm._l((_vm.selectedMedalla.personas),function(user,index){return _c('div',{key:index,staticClass:\"row rounded py-3 mb-3\",staticStyle:{\"background\":\"#0f213f\"}},[_c('div',{staticClass:\"col mb-2 mb-lg-0 d-flex justify-content-center align-items-center\"},[_c('vs-avatar',{staticClass:\"rounded\",attrs:{\"dark\":\"\",\"size\":\"60\",\"badge\":user.isRecent,\"badge-position\":\"top-right\"}},[_c('i',{staticClass:\"fas fa-user text-info\",staticStyle:{\"font-size\":\"1.5rem\"}})])],1),_c('div',{staticClass:\"col-12 col-lg-10 d-flex flex-column justify-content-between\"},[_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(user.nombre))]),(user.comentario)?_c('p',{staticClass:\"text-white-50\",staticStyle:{\"line-height\":\"1.5\",\"font-size\":\"1rem\"}},[_vm._v(\" \"+_vm._s(user.comentario)+\" \")]):_vm._e(),_c('span',{staticClass:\"text-capitalize\"},[_c('i',{staticClass:\"fas fa-circle-check mr-1\"}),_vm._v(\" fecha emisión: \"),_c('em',{staticClass:\"text-info\"},[_vm._v(_vm._s(_vm._f(\"formatDate\")(user.fecha)))])])])])}),0)])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card>\r\n    <div class=\"custom-container\">\r\n      <div class=\"row\">\r\n        <div class=\"col-12\">\r\n          <card>\r\n            <template v-slot:headerTitle>\r\n              <h2 class=\"card-title\"><b>Mis Medallas</b></h2>\r\n            </template>\r\n            <!-- card body -->\r\n            <div class=\"card-body\">\r\n              <template v-if=\"listaMedallas.length\">\r\n                <div class=\"row justify-content-center list-medallas\">\r\n                  <!-- btn enviar medallas -->\r\n                  <vs-button\r\n                    class=\"col-12 col-lg-5 py-3 myBtn\"\r\n                    to=\"enviar_medallas\"\r\n                    gradient\r\n                    size=\"large\"\r\n                  >\r\n                    <div class=\"row w-100\">\r\n                      <div class=\"col-3\">\r\n                        <i class=\"fas fa-paper-plane mr-1 icon-paper\"></i>\r\n                      </div>\r\n                      <div class=\"col d-flex flex-column align-items-start\">\r\n                        <span\r\n                          class=\"text-white font-weight-bold\"\r\n                          style=\"font-size: 1.5rem\"\r\n                          >Enviar medallas</span\r\n                        >\r\n                        <p style=\"line-height: 1.5\">\r\n                          Puedes enviar medallas a tus compañeros...\r\n                        </p>\r\n                      </div>\r\n                    </div>\r\n                  </vs-button>\r\n                  <!-- lista medallas -->\r\n                  <div\r\n                    class=\"col-12 col-lg-5 bg-dark rounded position-relative\"\r\n                    @click=\"showModalMedalla(medalla)\"\r\n                    v-b-modal.modal_medallas\r\n                    v-for=\"(medalla, index) in listaMedallas\"\r\n                    :key=\"index\"\r\n                  >\r\n                    <!-- cantidad medalals -->\r\n                    <vs-tooltip\r\n                      class=\"position-absolute\"\r\n                      style=\"\r\n                        display: grid;\r\n                        place-items: center;\r\n                        top: 0;\r\n                        right: 0;\r\n                        width: 30px;\r\n                        height: 30px;\r\n                      \"\r\n                    >\r\n                      <vs-button class=\"font-weight-bold\" circle danger relief>\r\n                        {{ medalla.personas.length }}\r\n                      </vs-button>\r\n                      <template #tooltip>Cantidad de medallas</template>\r\n                    </vs-tooltip>\r\n                    <div class=\"row py-3\">\r\n                      <!-- imagen medalla -->\r\n                      <div class=\"col d-flex align-items-center\">\r\n                        <img\r\n                          class=\"w-100\"\r\n                          :src=\"medalla.imagen\"\r\n                          :alt=\"medalla.descripcion\"\r\n                        />\r\n                      </div>\r\n\r\n                      <div\r\n                        class=\"col-8 d-flex flex-column justify-content-center\"\r\n                        style=\"gap: 0.2rem\"\r\n                      >\r\n                        <!-- descripcion -->\r\n                        <span class=\"h4 font-weight-bold\">{{\r\n                          medalla.descripcion\r\n                        }}</span>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </template>\r\n              <div class=\"d-flex flex-column align-items-center\" v-else>\r\n                <p class=\"font-weight-bolder h3\">No tienes medallas aún...</p>\r\n                <!-- btn enviar medallas -->\r\n                <vs-button\r\n                  class=\"col-12 col-lg-5 py-3 myBtn\"\r\n                  to=\"enviar_medallas\"\r\n                  gradient\r\n                  size=\"large\"\r\n                >\r\n                  <div class=\"row w-100\">\r\n                    <div class=\"col-3\">\r\n                      <i class=\"fas fa-paper-plane mr-1 icon-paper\"></i>\r\n                    </div>\r\n                    <div class=\"col d-flex flex-column align-items-start\">\r\n                      <span\r\n                        class=\"text-white font-weight-bold\"\r\n                        style=\"font-size: 1.5rem\"\r\n                        >Enviar medallas</span\r\n                      >\r\n                      <p style=\"line-height: 1.5\">\r\n                        Puedes enviar medallas a tus compañeros...\r\n                      </p>\r\n                    </div>\r\n                  </div>\r\n                </vs-button>\r\n              </div>\r\n            </div>\r\n          </card>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- modal info medalla -->\r\n    <b-modal\r\n      size=\"lg\"\r\n      id=\"modal_medallas\"\r\n      hide-footer\r\n      hide-header\r\n      body-class=\"body-modal-custom\"\r\n    >\r\n      <b-card class=\"w-100\">\r\n        <div class=\"row\" style=\"gap: 1rem\">\r\n          <!-- medalla info -->\r\n          <div class=\"col-12 bg-dark rounded position-relative\">\r\n            <!-- cantidad medalals -->\r\n            <vs-tooltip\r\n              class=\"position-absolute\"\r\n              style=\"\r\n                display: grid;\r\n                place-items: center;\r\n                top: 0;\r\n                right: 0;\r\n                width: 30px;\r\n                height: 30px;\r\n              \"\r\n            >\r\n              <vs-button class=\"font-weight-bold\" circle danger relief>\r\n                {{ selectedMedalla.personas.length }}\r\n              </vs-button>\r\n              <template #tooltip>Cantidad de medallas</template>\r\n            </vs-tooltip>\r\n            <div class=\"row\">\r\n              <!-- imagen medalla -->\r\n              <div class=\"col d-flex align-items-center\">\r\n                <img\r\n                  class=\"w-100\"\r\n                  :src=\"selectedMedalla.imagen\"\r\n                  :alt=\"selectedMedalla.descripcion\"\r\n                />\r\n              </div>\r\n\r\n              <div\r\n                class=\"col-8 col-lg-10 d-flex flex-column justify-content-center\"\r\n                style=\"gap: 0.2rem\"\r\n              >\r\n                <!-- descripcion -->\r\n                <span class=\"h4 font-weight-bold\">{{\r\n                  selectedMedalla.descripcion\r\n                }}</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"mt-4\">\r\n            <h3 class=\"text-capitalize font-weight-bold font-italic\">\r\n              listado de usuarios\r\n            </h3>\r\n            <p class=\"text-white-50 font-italic h4\">\r\n              Todos los usuarios que te han enviado ésta medalla, puedes ver su\r\n              nombre, comentario y fecha de emisión...\r\n            </p>\r\n          </div>\r\n          <!-- lista de usuario -->\r\n          <div class=\"col-12\">\r\n            <div\r\n              class=\"row rounded py-3 mb-3\"\r\n              style=\"background: #0f213f\"\r\n              v-for=\"(user, index) in selectedMedalla.personas\"\r\n              :key=\"index\"\r\n            >\r\n              <div\r\n                class=\"col mb-2 mb-lg-0 d-flex justify-content-center align-items-center\"\r\n              >\r\n                <vs-avatar\r\n                  class=\"rounded\"\r\n                  dark\r\n                  size=\"60\"\r\n                  :badge=\"user.isRecent\"\r\n                  badge-position=\"top-right\"\r\n                >\r\n                  <i\r\n                    class=\"fas fa-user text-info\"\r\n                    style=\"font-size: 1.5rem\"\r\n                  ></i>\r\n                </vs-avatar>\r\n              </div>\r\n              <div\r\n                class=\"col-12 col-lg-10 d-flex flex-column justify-content-between\"\r\n              >\r\n                <span class=\"font-weight-bold\">{{ user.nombre }}</span>\r\n                <p\r\n                  v-if=\"user.comentario\"\r\n                  class=\"text-white-50\"\r\n                  style=\"line-height: 1.5; font-size: 1rem\"\r\n                >\r\n                  {{ user.comentario }}\r\n                </p>\r\n                <span class=\"text-capitalize\">\r\n                  <i class=\"fas fa-circle-check mr-1\"></i> fecha emisión:\r\n                  <em class=\"text-info\">{{ user.fecha | formatDate }}</em>\r\n                </span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </b-card>\r\n    </b-modal>\r\n  </b-card>\r\n</template>\r\n\r\n<script>\r\nimport moment_timezone from \"moment-timezone\";\r\nexport default {\r\n  name: \"PerfilMedallas\",\r\n  data() {\r\n    return {\r\n      usuario: {},\r\n      selectedMedalla: {\r\n        id: null,\r\n        descripcion: null,\r\n        imagen: null,\r\n        personas: [\r\n          {\r\n            nombre: null,\r\n            fecha: null,\r\n            comentario: null,\r\n            isRecent: null,\r\n          },\r\n        ],\r\n      },\r\n      listaMedallas: [\r\n        {\r\n          id: null,\r\n          descripcion: null,\r\n          imagen: null,\r\n          personas: [\r\n            {\r\n              nombre: null,\r\n              fecha: null,\r\n              comentario: null,\r\n              isRecent: null,\r\n            },\r\n          ],\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  async mounted() {\r\n    try {\r\n      this.$isLoading(true);\r\n      this.usuario = JSON.parse(localStorage.getItem(\"setPersonaAct\"));\r\n      this.listaMedallas = [];\r\n      await this.getData(this.usuario.id);\r\n      this.$isLoading(false);\r\n    } catch (error) {\r\n      this.$isLoading(false);\r\n      console.log(\"error\", error);\r\n    }\r\n  },\r\n  methods: {\r\n    getCollapseId(medallaId) {\r\n      return `comentario-${medallaId}`;\r\n    },\r\n    async getData(usuarioId) {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"MedallasPersona/ListByUsuario/\" + usuarioId,\r\n        });\r\n\r\n        console.log(\"list medallas... \", res);\r\n\r\n        if (res.length > 0) {\r\n          // Itera sobre las medallas y agrega la información de la persona a cada medalla\r\n          for (let index in res) {\r\n            res[index].emisor = await this.getPersonaByID(res[index].emisorId);\r\n          }\r\n\r\n          // Utiliza reduce para agrupar las medallas por ID\r\n          const medallasAgrupadas = res.reduce((acumulador, emisor) => {\r\n            const id = emisor.medallas.id;\r\n\r\n            // Si ya hay un grupo con este ID, agrégalo; de lo contrario, crea uno nuevo\r\n            if (acumulador[id]) {\r\n              acumulador[id].personas.push({\r\n                comentario: emisor.comentario,\r\n                fecha: emisor.fechaObtencion,\r\n                nombre: emisor.emisor,\r\n                isRecent: this.isRecent(emisor.fechaObtencion),\r\n              });\r\n            } else {\r\n              acumulador[id] = {\r\n                id: emisor.medallas.id,\r\n                imagen: emisor.medallas.imagen,\r\n                descripcion: emisor.medallas.descripcion,\r\n                personas: [\r\n                  {\r\n                    comentario: emisor.comentario,\r\n                    fecha: emisor.fechaObtencion,\r\n                    nombre: emisor.emisor,\r\n                    isRecent: this.isRecent(emisor.fechaObtencion),\r\n                  },\r\n                ],\r\n              };\r\n            }\r\n\r\n            return acumulador;\r\n          }, {});\r\n\r\n          // Convierte el objeto en un array de objetos\r\n          this.listaMedallas = Object.values(medallasAgrupadas);\r\n          console.log(\r\n            \"medallas agrupadas----------------->\",\r\n            this.listaMedallas\r\n          );\r\n        } else {\r\n          this.listaMedallas = [];\r\n        }\r\n      } catch (error) {\r\n        this.listaMedallas = [];\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n\r\n    async getPersonaByID(emisorId) {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"Persona/GetPersona/\" + emisorId,\r\n        });\r\n        console.log(\"emisor... \", `${res.nombres} ${res.apellidos}`);\r\n        return `${res.nombres} ${res.apellidos}`;\r\n      } catch (error) {\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    showModalMedalla(data) {\r\n      this.selectedMedalla = data;\r\n    },\r\n    isRecent(fecha) {\r\n      // Obtener la fecha actual en el formato de moment_timezone\r\n      const currentDate = moment_timezone();\r\n\r\n      // Convertir la fecha de emisión a un objeto moment_timezone\r\n      const emissionDate = moment_timezone.tz(fecha, \"America/Bogota\");\r\n\r\n      // Calcular la diferencia en días\r\n      const daysDifference = currentDate.diff(emissionDate, \"days\");\r\n\r\n      // Devolver true si la diferencia es menor a 3 días, false en caso contrario\r\n      return daysDifference < 3;\r\n    },\r\n  },\r\n  filters: {\r\n    formatDate(date) {\r\n      return moment_timezone.tz(date, \"America/Bogota\").format(\"MMM D, YYYY\");\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.list-medallas {\r\n  max-height: 600px;\r\n  overflow-y: scroll;\r\n  gap: 1rem;\r\n}\r\n\r\n.icon-paper {\r\n  font-size: 4rem;\r\n  animation: leftAndRight 2s ease-in-out infinite;\r\n}\r\n@keyframes leftAndRight {\r\n  0%,\r\n  100% {\r\n    transform: rotate(10deg) translateY(0);\r\n  }\r\n  50% {\r\n    transform: rotate(10deg) translateY(-10px);\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PerfilMedallas.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PerfilMedallas.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PerfilMedallas.vue?vue&type=template&id=21ac315e&scoped=true\"\nimport script from \"./PerfilMedallas.vue?vue&type=script&lang=js\"\nexport * from \"./PerfilMedallas.vue?vue&type=script&lang=js\"\nimport style0 from \"./PerfilMedallas.vue?vue&type=style&index=0&id=21ac315e&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  \"21ac315e\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar fails = require('../internals/fails');\n\nmodule.exports = function (METHOD_NAME, argument) {\n  var method = [][METHOD_NAME];\n  return !!method && fails(function () {\n    // eslint-disable-next-line no-useless-call -- required for testing\n    method.call(null, argument || function () { return 1; }, 1);\n  });\n};\n","'use strict';\nvar aCallable = require('../internals/a-callable');\nvar toObject = require('../internals/to-object');\nvar IndexedObject = require('../internals/indexed-object');\nvar lengthOfArrayLike = require('../internals/length-of-array-like');\n\nvar $TypeError = TypeError;\n\n// `Array.prototype.{ reduce, reduceRight }` methods implementation\nvar createMethod = function (IS_RIGHT) {\n  return function (that, callbackfn, argumentsLength, memo) {\n    var O = toObject(that);\n    var self = IndexedObject(O);\n    var length = lengthOfArrayLike(O);\n    aCallable(callbackfn);\n    var index = IS_RIGHT ? length - 1 : 0;\n    var i = IS_RIGHT ? -1 : 1;\n    if (argumentsLength < 2) while (true) {\n      if (index in self) {\n        memo = self[index];\n        index += i;\n        break;\n      }\n      index += i;\n      if (IS_RIGHT ? index < 0 : length <= index) {\n        throw new $TypeError('Reduce of empty array with no initial value');\n      }\n    }\n    for (;IS_RIGHT ? index >= 0 : length > index; index += i) if (index in self) {\n      memo = callbackfn(memo, self[index], index, O);\n    }\n    return memo;\n  };\n};\n\nmodule.exports = {\n  // `Array.prototype.reduce` method\n  // https://tc39.es/ecma262/#sec-array.prototype.reduce\n  left: createMethod(false),\n  // `Array.prototype.reduceRight` method\n  // https://tc39.es/ecma262/#sec-array.prototype.reduceright\n  right: createMethod(true)\n};\n"],"sourceRoot":""}