{"version":3,"sources":["webpack:///./src/components/PendingCard.vue","webpack:///src/components/PendingCard.vue","webpack:///./src/components/PendingCard.vue?d50e","webpack:///./src/components/PendingCard.vue?311c","webpack:///./src/components/flashcard/FlashcardItem.vue?2f1c","webpack:///./src/components/units/UnitsFrame.vue","webpack:///src/components/units/UnitsFrame.vue","webpack:///./src/components/units/UnitsFrame.vue?4793","webpack:///./src/components/units/UnitsFrame.vue?f33a","webpack:///./src/components/PendingCard.vue?3c09","webpack:///./src/views/app/UnitsAreas.vue","webpack:///./src/components/units/Areas.vue","webpack:///./src/components/units/AreasItem.vue","webpack:///src/components/units/AreasItem.vue","webpack:///./src/components/units/AreasItem.vue?9a3b","webpack:///./src/components/units/AreasItem.vue?ec5b","webpack:///src/components/units/Areas.vue","webpack:///./src/components/units/Areas.vue?5c11","webpack:///./src/components/units/Areas.vue?3ff2","webpack:///src/views/app/UnitsAreas.vue","webpack:///./src/views/app/UnitsAreas.vue?efe1","webpack:///./src/views/app/UnitsAreas.vue?278d","webpack:///./src/components/flashcard/FlashcardItem.vue","webpack:///src/components/flashcard/FlashcardItem.vue","webpack:///./src/components/flashcard/FlashcardItem.vue?8538","webpack:///./src/components/flashcard/FlashcardItem.vue?de84","webpack:///./src/components/units/AreasItem.vue?dd3a"],"names":["render","_vm","this","_c","_self","staticClass","class","pendingTopics","length","_v","attrs","on","$event","showMore","_e","pendingTopicFiltered","_l","card","index","key","id","$vuetify","breakpoint","mobile","$router","push","name","params","tipo","ids","join","staticRenderFns","data","components","FlashcardItem","computed","mapState","slice","methods","mapActions","fetchPendingTopics","component","_t","areas","loading","area","goToArea","_g","$listeners","_s","nombre","props","type","Object","default","AreasItem","allAreasIds","flashcardUnits","map","item","filter","eid","fetchFlashcardsUnits","UnitsFrame","PendingCard","Areas","scopedSlots","_u","fn","hover","domProps","especialidad","pendientes","havePending","Boolean"],"mappings":"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","file":"js/UnitsAreas.f14e59c8.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{staticClass:\"ma-0 pa-0 mt-3\"},[_c('div',{staticClass:\"section__text--title d-flex justify-space-between align-center mb-2\",class:{'mt-5': _vm.pendingTopics.length <= 3}},[_vm._v(\" Pendientes \"),(_vm.pendingTopics.length > 3)?_c('v-btn',{staticClass:\"btn ma-0 pa-0 pl-2\",attrs:{\"exact\":\"\",\"text\":\"\"},on:{\"click\":function($event){_vm.showMore = !_vm.showMore}}},[_c('p',{staticClass:\"btn__text ma-auto\"},[_vm._v(\"Ver todas\")]),_c('v-icon',{attrs:{\"color\":\"primary\"}},[_vm._v(\"mdi-chevron-right\")])],1):_vm._e()],1),(_vm.pendingTopicFiltered.length !== 0)?_c('transition-group',{attrs:{\"name\":\"list\",\"mode\":\"out-in\",\"tag\":\"v-row\"}},_vm._l((_vm.pendingTopicFiltered),function(card,index){return _c('v-col',{key:card.id,staticClass:\"mb-0 flashcard-col list-item\",class:{'pl-4': (index + 1) % 3 === 0 && !_vm.$vuetify.breakpoint.mobile, 'px-2': (index + 1) % 3 === 2 && !_vm.$vuetify.breakpoint.mobile, 'pr-4': (index + 1) % 3 === 1 && !_vm.$vuetify.breakpoint.mobile},attrs:{\"cols\":\"12\",\"sm\":\"6\",\"md\":\"4\"},on:{\"click\":function($event){_vm.$router.push({ name: 'FlashcardSimulator', params: { tipo: 'temas', ids: [card.id].join(',') } })}}},[_c('FlashcardItem',{attrs:{\"item\":card,\"havePending\":true}})],1)}),1):_c('h5',{staticClass:\"text-center\"},[_vm._v(\"No se encontraron flashcards pendientes\")])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container class=\"ma-0 pa-0 mt-3\">\n    <div class=\"section__text--title d-flex justify-space-between align-center mb-2\" :class=\"{'mt-5': pendingTopics.length <= 3}\">\n      Pendientes\n      <v-btn v-if=\"pendingTopics.length > 3\" class=\"btn ma-0 pa-0 pl-2\" exact text @click=\"showMore = !showMore\">\n        <p class=\"btn__text ma-auto\">Ver todas</p>\n        <v-icon color=\"primary\">mdi-chevron-right</v-icon>\n      </v-btn>\n    </div>\n    <transition-group\n      name=\"list\"\n      mode=\"out-in\"\n      tag=\"v-row\"\n      class=\"\"\n      v-if=\"pendingTopicFiltered.length !== 0\"\n    >\n      <v-col\n        v-for=\"(card, index) in pendingTopicFiltered\"\n        :key=\"card.id\"\n        class=\"mb-0 flashcard-col list-item\"\n        :class=\"{'pl-4': (index + 1) % 3 === 0 && !$vuetify.breakpoint.mobile, 'px-2': (index + 1) % 3 === 2 && !$vuetify.breakpoint.mobile, 'pr-4': (index + 1) % 3 === 1 && !$vuetify.breakpoint.mobile}\"\n        cols=\"12\"\n        sm=\"6\"\n        md=\"4\"\n        @click=\"$router.push({ name: 'FlashcardSimulator', params: { tipo: 'temas', ids: [card.id].join(',') } })\"\n      >\n          <FlashcardItem\n            :item=\"card\"\n            :havePending=\"true\"\n          />\n      </v-col>\n    </transition-group>\n    <h5 v-else class=\"text-center\">No se encontraron flashcards pendientes</h5>\n  </v-container>\n</template>\n<script>\nimport FlashcardItem from '@/components/flashcard/FlashcardItem'\nimport { mapState, mapActions } from 'vuex'\n\nexport default {\n  data () {\n    return {\n      showMore: false\n    }\n  },\n  components: {\n    FlashcardItem\n  },\n  computed: {\n    ...mapState('flashcard', ['pendingTopics', 'search']),\n    pendingTopicFiltered () {\n      if (this.showMore) {\n        return this.pendingTopics\n      } else {\n        return this.pendingTopics.slice(0, 3)\n      }\n    }\n  },\n  methods: {\n    ...mapActions('flashcard', ['fetchPendingTopics'])\n  },\n  async created () {\n    await this.fetchPendingTopics()\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.btn {\n  &__text {\n    text-transform: none !important;\n    font-weight: 600;\n    color: #0583DA;\n  }\n}\n.list-item {\n  display: inline-block;\n  margin-right: 0;\n}\n.list-enter-active, .list-leave-active {\n  transition: all 0.3s;\n}\n.list-enter, .list-leave-to /* .list-leave-active below version 2.1.8 */ {\n  opacity: 0;\n  transform: translateY(30px);\n}\n</style>\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!./PendingCard.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!./PendingCard.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PendingCard.vue?vue&type=template&id=4a74bb98&scoped=true\"\nimport script from \"./PendingCard.vue?vue&type=script&lang=js\"\nexport * from \"./PendingCard.vue?vue&type=script&lang=js\"\nimport style0 from \"./PendingCard.vue?vue&type=style&index=0&id=4a74bb98&prod&lang=scss&scoped=true\"\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  \"4a74bb98\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FlashcardItem.vue?vue&type=style&index=0&id=0bce6d14&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{staticClass:\"d-flex justify-center\"},[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"11\"}},[_vm._t(\"default\")],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container class=\"d-flex justify-center\">\n    <v-col\n      cols=\"12\"\n      md=\"11\"\n    >\n      <slot />\n    </v-col>\n  </v-container>\n</template>\n\n<script>\nexport default {\n  name: 'UnitsAreasSpecialities'\n}\n</script>\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!./UnitsFrame.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!./UnitsFrame.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./UnitsFrame.vue?vue&type=template&id=b252694e\"\nimport script from \"./UnitsFrame.vue?vue&type=script&lang=js\"\nexport * from \"./UnitsFrame.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PendingCard.vue?vue&type=style&index=0&id=4a74bb98&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('UnitsFrame',[_c('PendingCard'),_c('Areas',{attrs:{\"areas\":_vm.areas}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{staticClass:\"ma-0 pa-0 mt-7 mb-0\"},[_c('div',{staticClass:\"d-flex align-center justify-space-between\"},[_c('p',{staticClass:\"section__text--title\"},[_vm._v(\"Áreas de medicina\")])]),(!_vm.loading)?_c('v-row',{staticClass:\"mt-0\",attrs:{\"dense\":\"\",\"flat\":\"\"}},_vm._l((_vm.areas),function(area,index){return _c('v-col',{key:index,staticClass:\"mb-4 flashcard-col\",attrs:{\"cols\":\"12\"}},[_c('AreasItem',{attrs:{\"area\":area},on:{\"click\":function($event){return _vm.goToArea(area)}}})],1)}),1):_c('div',{staticClass:\"progress__wrapper d-flex justify-center\"},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\"}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-card',_vm._g({staticClass:\"d-flex align-center justify-space-between area__card flashcard-item\",attrs:{\"height\":\"84\"}},_vm.$listeners),[_c('div',{staticClass:\"section__text--title area__name text-start\"},[_vm._v(_vm._s(_vm.area.nombre))])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-card\n    v-on=\"$listeners\"\n    class=\"d-flex align-center justify-space-between area__card flashcard-item\"\n    height=\"84\"\n  >\n    <div class=\"section__text--title area__name text-start\">{{ area.nombre }}</div>\n<!--    <div class=\"section__text&#45;&#45;title d-flex\">-->\n<!--      <div style=\"font-weight: 400; color: #000\" class=\"mr-1\">{{ description.total }}</div>-->\n<!--      /-->\n<!--      <div style=\"font-weight: 400; color: #DB402C\" class=\"mx-1\">{{ description.pendientes }}</div>-->\n<!--      /-->\n<!--      <div style=\"font-weight: 400; color: #F3AC71\" class=\"mx-1\">{{ description.en_aprendizaje }}</div>-->\n<!--      /-->\n<!--      <div style=\"font-weight: 400; color: #0683DA\" class=\"ml-1\">{{ description.masterizadas }}</div>-->\n<!--    </div>-->\n  </v-card>\n</template>\n\n<script>\nexport default {\n  name: 'AreasItem',\n  props: {\n    area: {\n      type: Object,\n      default: function () {\n        return {\n          id: null,\n          nombre: ''\n        }\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.area__name {\n  flex-basis: 50%;\n}\n.area__card {\n  padding: 20px 30px;\n}\n@media (max-width: 375px) {\n  .area__card {\n    flex-direction: column;\n    /* padding-top: 10px !important; */\n    padding-bottom: 20px;\n    height: 95px !important;\n  }\n  .area__name {\n    text-align: center !important;\n  }\n}\n</style>\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!./AreasItem.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!./AreasItem.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AreasItem.vue?vue&type=template&id=2c46cf42&scoped=true\"\nimport script from \"./AreasItem.vue?vue&type=script&lang=js\"\nexport * from \"./AreasItem.vue?vue&type=script&lang=js\"\nimport style0 from \"./AreasItem.vue?vue&type=style&index=0&id=2c46cf42&prod&lang=scss&scoped=true\"\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  \"2c46cf42\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <v-container class=\"ma-0 pa-0 mt-7 mb-0\">\n    <div class=\"d-flex align-center justify-space-between\">\n      <p class=\"section__text--title\">Áreas de medicina</p>\n<!--      <p v-if=\"$vuetify.breakpoint.smAndUp\" class=\"field__text \">-->\n<!--        <span class=\"field__part-text&#45;&#45;total\">Total de Flashcard</span>-->\n<!--        /-->\n<!--        <span class=\"field__part-text&#45;&#45;pendientes\">Pendientes</span>-->\n<!--        /-->\n<!--        <span class=\"field__part-text&#45;&#45;aprendizaje\">En aprendizaje</span>-->\n<!--        /-->\n<!--        <span class=\"field__part-text&#45;&#45;dominadas\">Dominadas</span>-->\n<!--      </p>-->\n    </div>\n    <v-row v-if=\"!loading\" dense flat class=\"mt-0\">\n      <v-col\n        v-for=\"(area, index) in areas\"\n        :key=\"index\"\n        class=\"mb-4 flashcard-col\"\n        cols=\"12\"\n      >\n        <AreasItem\n          :area=\"area\"\n          @click=\"goToArea(area)\"\n        />\n      </v-col>\n    </v-row>\n    <div v-else class=\"progress__wrapper d-flex justify-center\">\n      <v-progress-circular indeterminate/>\n    </div>\n  </v-container>\n</template>\n\n<script>\nimport AreasItem from '@/components/units/AreasItem'\nimport { mapState, mapActions } from 'vuex'\n\nexport default {\n  name: 'Areas',\n  components: {\n    AreasItem\n  },\n  data () {\n    return {\n      areas: [],\n      loading: false\n    }\n  },\n  computed: {\n    ...mapState('flashcard', ['flashcardUnits']),\n    allAreasIds () {\n      return this.flashcardUnits.map(item => item.id).filter(item => item !== -1)\n    }\n  },\n  methods: {\n    ...mapActions('flashcard', ['fetchFlashcardsUnits']),\n    // description (areaName) {\n    //   return this.states.find(item => item.nombre === areaName)\n    // },\n    goToArea (area) {\n      // if (area.pendientes) {\n      if (area.id === -1) {\n        this.$router.push({ name: 'FlashcardSimulator', params: { tipo: 'areas', ids: this.allAreasIds.join(',') } })\n      } else {\n        this.$router.push({ name: 'UnitsAreasSpecialities', params: { eid: area.id } })\n      }\n      // } else {\n      //   this.$root.$confirm({\n      //     title: 'Felicidades!',\n      //     message: 'Por ahora no tienes flashcards pendientes en esta área. Anda practicando otras mientras se desbloquean tus flashcard.',\n      //     acceptText: 'Ok'\n      //   })\n      // }\n    }\n  },\n  async created () {\n    this.loading = true\n    await this.fetchFlashcardsUnits()\n    this.areas = [{ nombre: 'Todas las áreas', id: -1 }, ...this.flashcardUnits]\n    this.loading = false\n  }\n}\n</script>\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!./Areas.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!./Areas.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Areas.vue?vue&type=template&id=b4d1b5cc\"\nimport script from \"./Areas.vue?vue&type=script&lang=js\"\nexport * from \"./Areas.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <UnitsFrame>\n    <PendingCard/>\n    <Areas\n      :areas=\"areas\"\n    />\n  </UnitsFrame>\n</template>\n\n<script>\nimport PendingCard from '@/components/PendingCard.vue'\nimport UnitsFrame from '@/components/units/UnitsFrame'\nimport Areas from '@/components/units/Areas.vue'\n\nexport default {\n  name: 'UnitsAreas',\n  data () {\n    return {\n      areas: []\n    }\n  },\n  components: {\n    UnitsFrame,\n    PendingCard,\n    Areas\n  }\n}\n</script>\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!./UnitsAreas.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!./UnitsAreas.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./UnitsAreas.vue?vue&type=template&id=7930f070\"\nimport script from \"./UnitsAreas.vue?vue&type=script&lang=js\"\nexport * from \"./UnitsAreas.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-hover',{scopedSlots:_vm._u([{key:\"default\",fn:function({ hover }){return [_c('v-card',{staticClass:\"d-flex flex-column justify-end align-start flashcard-item\"},[_c('div',{staticClass:\"card__content d-flex flex-column justify-space-between\"},[_c('p',{staticClass:\"flashcard__text--body\",domProps:{\"textContent\":_vm._s(_vm.item.nombre)}}),_c('div',[_c('p',{staticClass:\"flashcard__text--subtitle ma-0\",domProps:{\"textContent\":_vm._s(_vm.item.especialidad)}}),_c('div',{staticClass:\"d-flex justify-space-between\"},[_c('p',{staticClass:\"flashcard__text--subsubtitle ma-0 mt-1\",attrs:{\"p\":\"\"},domProps:{\"textContent\":_vm._s(_vm.item.area)}}),((hover && _vm.item.pendientes || _vm.$vuetify.breakpoint.mobile) && _vm.havePending)?_c('span',{staticClass:\"my-auto card__detail d-flex justify-center align-center\"},[_c('p',{staticClass:\"card__subtext ma-0\"},[_vm._v(_vm._s(_vm.item.pendientes))])]):_vm._e()])])]),_c('div',{staticClass:\"footer__line\"})])]}}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-hover v-slot=\"{ hover }\">\n    <v-card class=\"d-flex flex-column justify-end align-start flashcard-item\">\n      <div class=\"card__content d-flex flex-column justify-space-between\">\n        <p class=\"flashcard__text--body\" v-text=\"item.nombre\"></p>\n        <div>\n          <p class=\"flashcard__text--subtitle ma-0\" v-text=\"item.especialidad\"></p>\n          <div class=\"d-flex justify-space-between\">\n            <p p class=\"flashcard__text--subsubtitle ma-0 mt-1\" v-text=\"item.area\"></p>\n            <span v-if=\"(hover && item.pendientes || $vuetify.breakpoint.mobile) && havePending\" class=\"my-auto card__detail d-flex justify-center align-center\">\n              <p class=\"card__subtext ma-0\">{{ item.pendientes }}</p>\n            </span>\n          </div>\n        </div>\n      </div>\n      <div class=\"footer__line\"></div>\n    </v-card>\n  </v-hover>\n</template>\n\n<script>\nexport default {\n  name: 'FlashcardItem',\n  props: {\n    havePending: {\n      type: Boolean,\n      default: false\n    },\n    item: {\n      type: Object,\n      default: function () {\n        return {\n          area: '',\n          especialidad: '',\n          id: null,\n          nombre: ''\n        }\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.padd {\n  padding-left: 14px;\n}\n.card {\n  &__content {\n    padding: 30px;\n    width: 100%;\n    height: 100% !important;\n  }\n  &__subtext {\n    font-size: 14px;\n    line-height: 21px;\n  }\n  &__detail {\n    width: 64px;\n    height: 19px;\n    background: #FFFFFF;\n    border: 1px solid #E5E5E5;\n    box-sizing: border-box;\n    border-radius: 3px;\n  }\n}\n</style>\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!./FlashcardItem.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!./FlashcardItem.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FlashcardItem.vue?vue&type=template&id=0bce6d14&scoped=true\"\nimport script from \"./FlashcardItem.vue?vue&type=script&lang=js\"\nexport * from \"./FlashcardItem.vue?vue&type=script&lang=js\"\nimport style0 from \"./FlashcardItem.vue?vue&type=style&index=0&id=0bce6d14&prod&lang=scss&scoped=true\"\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  \"0bce6d14\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AreasItem.vue?vue&type=style&index=0&id=2c46cf42&prod&lang=scss&scoped=true\""],"sourceRoot":""}