{"version":3,"sources":["webpack:///static-appopensalud/js/139.bec6d1d1e1cff5885940.js","webpack:///src/components/base/carousel/CarouselProfessional.vue","webpack:///./src/components/base/carousel/CarouselProfessional.vue","webpack:///./src/components/base/carousel/CarouselProfessional.vue?1383","webpack:///./src/components/base/carousel/CarouselProfessional.vue?9852","webpack:///./src/components/base/carousel/CarouselProfessional.vue?e6c4"],"names":["webpackJsonp","3079","module","__webpack_exports__","__webpack_require__","track","style","transform","move","3460","injectStyle","ssrContext","disposed","normalizeComponent","__vue_styles__","Component","options","__file","3461","exports","content","i","locals","3462","push","3467","render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","cards","professional","key","attrs","src","photo","title","name","subtitle","ratingsNumber","toString","titleLines","subtitleLines","_v","staticStyle","width","height","color","staticRenderFns","_withStripped","esExports"],"mappings":"AAAAA,cAAc,MAERC,KACA,SAAUC,EAAQC,EAAqBC,GAE7C,YCkBA,MACE,YAGE,wBAAyB,WAA7B,yCACI,oBAAqB,WAAzB,0CAEE,KAPF,WAQI,OACE,MAAN,EACM,UACA,eAAN,KAGE,UACE,aADJ,WAEM,MAAN,sBAGE,OACE,OACE,KAAN,MACM,UAAN,GAEI,WACE,KAAN,OACM,UAAN,IAGE,QA7BF,WA8BI,GAAJ,wCACA,uCACA,wCACA,IAEA,gDACA,sBAEA,uDAEI,QAAJ,qCACM,EAAN,uDAEI,IAAJ,IAEI,IADA,EAAJ,sBACA,wBACM,EAAN,oCACQ,IACA,EAAR,yBACQ,EAAR,yCACQ,GAAR,IAEA,OACU,EAAV,wBAIM,EAAN,oCACQ,IACA,EAAR,yBACA,OACU,EAAV,sBAEQ,EAAR,yCACQ,GAAR,MAIM,OAAN,uBACQ,GAAR,IACU,IACA,EAAV,yBACU,EAAV,yCACU,GAAV,IAEA,OACY,EAAZ,0BAEA,WACU,GAAV,EACU,EAAV,sBACA,QACY,EAAZ,yBACY,EAAZ,sBAEU,IAAV,KACU,KAAV,cACYC,EAAMC,MAAMC,UAAY,eAApC,UACYC,EAAO,CAGT,GAAV,sBACU,EAAV,2BAEA,SACA,CACM,GAAN,MACM,GAAN,oCACQ,IACA,EAAR,yBACQ,EAAR,yCAEU,GADV,KACA,KAGA,IAGA,iCACU,EAAV,wBAIM,EAAN,oCACQ,IACA,EAAR,yBACA,OACU,EAAV,sBAGU,GADV,KACA,KAGA,IAGQ,EAAR,6CAkCE,aDiBIC,KACA,SAAUP,EAAQC,EAAqBC,GAE7C,YE1MA,SAASM,GAAaC,GAChBC,GACJ,EAAQ,MAHV,yEAAIA,GAAW,EAKXC,EAAqB,EAAQ,GAS7BC,EAAiBJ,EAKjBK,EAAYF,EACd,IACA,KATgC,EAWhCC,EAPoB,kBAEU,KAShCC,GAAUC,QAAQC,OAAS,wDAkBZ,UAAAF,EAAiB,SFqN1BG,KACA,SAAUhB,EAAQiB,EAASf,GGhQjC,GAAIgB,GAAU,EAAQ,KACA,iBAAZA,KAAsBA,IAAYlB,EAAOmB,EAAID,EAAS,MAC7DA,EAAQE,SAAQpB,EAAOiB,QAAUC,EAAQE,OAE/B,GAAQ,GAAqE,WAAYF,GAAS,OHsRzGG,KACA,SAAUrB,EAAQiB,EAASf,GI9RjCe,EAAUjB,EAAOiB,QAAU,EAAQ,IAAuD,GAE1FA,EAAQK,MAAMtB,EAAOmB,EAAI,wEAAyE,KAGlGF,EAAQK,MAAMtB,EAAOmB,EAAI,w9QAAy9Q,MJuS5+QI,KACA,SAAUvB,EAAQC,EAAqBC,GAE7C,YK/SA,IAAIsB,GAAS,WACX,GAAIC,GAAMC,KACNC,EAAKF,EAAIG,eACTC,EAAKJ,EAAIK,MAAMD,IAAMF,CACzB,OAAOE,GAAG,OAASE,YAAa,uBAC9BF,EAAG,OAASE,YAAa,4BACvBF,EACE,OACEE,YAAa,uBACfN,EAAIO,GAAGP,EAAIQ,MAAO,SAASC,GACzB,MAAOL,GACL,OAEEM,IAAKV,EAAIQ,MAAMC,GACfH,YAAa,4BAGbF,EAAG,yBACDO,OACEC,IAAKH,EAAaI,MAClBC,MAAOL,EAAaM,KACpBC,SAAUP,EAAaQ,cAAcC,WACrCC,WAAY,EACZC,cAAe,MAIrB,KAGJ,KAGJpB,EAAIqB,GAAG,KACPjB,EAAG,OAASE,YAAa,QACvBF,EACE,UAEEE,YAAa,YACbgB,aACE,mBAAoB,cACpB,eAAgB,cAChB1C,UAAW,qBAIbwB,EACE,KACEE,YAAa,cAEbF,EAAG,aACDE,YAAa,iBACbK,OACEY,MAAO,KACPC,OAAQ,KACRZ,IAAK,qDACLa,MAAO,WAIb,KAINzB,EAAIqB,GAAG,KACPjB,EACE,UAEEE,YAAa,YACbgB,aACE,mBAAoB,cACpB,eAAgB,cAChB1C,UAAW,mBAIbwB,EACE,KACEE,YAAa,cAEbF,EAAG,aACDE,YAAa,iBACbK,OACEY,MAAO,KACPC,OAAQ,KACRZ,IAAK,qDACLa,MAAO,WAIb,UAORC,IACJ3B,GAAO4B,eAAgB,CACvB,IAAIC,IAAc7B,OAAQA,EAAQ2B,gBAAiBA,EACpC","file":"static-appopensalud/js/139.bec6d1d1e1cff5885940.js","sourcesContent":["webpackJsonp([139],{\n\n/***/ 3079:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n// import NeuCardFunctions from '../ui/NeuCardFunctions.vue'\n// import NeuCardFunctionsBigText from '../ui/NeuCardFunctionsBigText.vue'\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n  components: {\n    // NeuCardFunctions,\n    // NeuCardFunctionsBigText,\n    'neu-card-professional': function neuCardProfessional() {\n      return __webpack_require__.e/* import() */(129/* duplicate */).then(__webpack_require__.bind(null, 3080));\n    },\n    'neu-card-big-text': function neuCardBigText() {\n      return __webpack_require__.e/* import() */(114/* duplicate */).then(__webpack_require__.bind(null, 2496));\n    }\n  },\n  data: function data() {\n    return {\n      index: 0,\n      slides: [],\n      slideDirection: ''\n    };\n  },\n\n  computed: {\n    slidesLength: function slidesLength() {\n      return this.slides.length;\n    }\n  },\n  props: {\n    cards: {\n      type: Array,\n      required: true\n    },\n    iconColor: {\n      type: String,\n      required: false\n    }\n  },\n  mounted: function mounted() {\n    var prev = document.querySelector('.prev-prof');\n    var next = document.querySelector('.next-prof');\n    var track = document.querySelector('.track-prof');\n    var move = 0;\n    // const movement = document.querySelector('.movement-prof')\n    var cardContainer = document.querySelector('.carousel-container');\n    var cardLenght = this.cards.length - 1;\n    // let carouselWidth = document.querySelector('.carousel-container').offsetWidth\n    var cardWidth = document.querySelector('.card-container').offsetWidth;\n\n    window.addEventListener('resize', function () {\n      cardWidth = document.querySelector('.card-container').offsetWidth;\n    });\n    var index = 0;\n    prev.classList.add('hide');\n    if (window.innerWidth <= 1052) {\n      next.addEventListener('click', function () {\n        index++;\n        prev.classList.remove('hide');\n        track.style.transform = 'translateX(-' + index * cardWidth + 'px)';\n        move = move + 1.2;\n        // movement.style.transform = `translateX(${move}rem)`\n        if (index === cardLenght) {\n          next.classList.add('hide');\n        }\n      });\n\n      prev.addEventListener('click', function () {\n        index--;\n        next.classList.remove('hide');\n        if (index === 0) {\n          prev.classList.add('hide');\n        }\n        track.style.transform = 'translateX(-' + index * cardWidth + 'px)';\n        move = move - 1.2;\n        // movement.style.transform = `translateX(${move}rem)`\n      });\n\n      window.setInterval(function () {\n        if (index < cardLenght) {\n          index++;\n          prev.classList.remove('hide');\n          track.style.transform = 'translateX(-' + index * cardWidth + 'px)';\n          move = move + 1.2;\n          // movement.style.transform = `translateX(${move}rem)`\n          if (index === cardLenght) {\n            next.classList.add('hide');\n          }\n        } else if (index === cardLenght) {\n          index = index - cardLenght;\n          next.classList.add('hide');\n          if (index === cardLenght) {\n            prev.classList.remove('show');\n            prev.classList.add('hide');\n          }\n          var i = -1;\n          for (i = -1; i <= cardLenght; i++) {\n            track.style.transform = 'translateX(-' + index * cardWidth + 'px)';\n            move = 0;\n            // movement.style.transform = `translateX(${move}rem)`\n          }\n          prev.classList.add('hide');\n          next.classList.remove('hide');\n        }\n      }, 5000);\n    } else {\n      var cardLenght2 = cardLenght - 1;\n      next.addEventListener('click', function () {\n        index++;\n        prev.classList.remove('hide');\n        track.style.transform = 'translateX(-' + index * cardWidth + 'px)';\n        if (cardLenght2 <= 3) {\n          move = move + 10.5;\n          // movement.style.transform = `translateX(${move}rem)`\n        } else {\n          move = move + 1.2;\n          // movement.style.transform = `translateX(${move}rem)`\n        }\n        if (track.offsetWidth - index * cardWidth < cardContainer.offsetWidth) {\n          next.classList.add('hide');\n        }\n      });\n\n      prev.addEventListener('click', function () {\n        index--;\n        next.classList.remove('hide');\n        if (index === 0) {\n          prev.classList.add('hide');\n        }\n        if (cardLenght2 <= 3) {\n          move = move - 41.5;\n          // movement.style.transform = `translateX(${move}rem)`\n        } else {\n          move = move - 1.2;\n          // movement.style.transform = `translateX(${move}rem)`\n        }\n        track.style.transform = 'translateX(-' + index * cardWidth + 'px)';\n      });\n      //   window.setInterval(() => {\n      //     if (index < cardLenght2) {\n      //   index++\n      //   prev.classList.remove('hide')\n      //   track.style.transform = `translateX(-${index * cardWidth}px)`\n      //  if (cardLenght2 <= 3) {\n      //     move = move + 41.5\n      //     movement.style.transform = `translateX(${move}rem)`\n      //     } else {\n      //     move = move + 1.5\n      //     movement.style.transform = `translateX(${move}rem)`\n      //   }\n      //   track.style.transform = `translateX(-${index * cardWidth}px)`\n      //   if (track.offsetWidth - (index * cardWidth) < cardContainer.offsetWidth) {\n      //       next.classList.add('hide')\n      //   }\n      //     } if (index === cardLenght2) {\n      //       index = index - cardLenght2\n      //   next.classList.remove('hide')\n      //   if (index === 0) {\n      //       prev.classList.remove('show')\n      //   }\n      // let i = -1\n      //   for (i; i <= cardLenght2; i++) {\n      //   track.style.transform = `translateX(-${index * cardWidth}px)`\n      //   movement.style.transform = `translateX(${0}rem)`\n      //   move = 0\n      //   }\n      //     }\n      //     }, 5000)\n    }\n  },\n\n  methods: {}\n});\n\n/***/ }),\n\n/***/ 3460:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_CarouselProfessional_vue__ = __webpack_require__(3079);\n/* empty harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_60567730_hasScoped_true_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_CarouselProfessional_vue__ = __webpack_require__(3467);\nvar disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  __webpack_require__(3461)\n}\nvar normalizeComponent = __webpack_require__(6)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-60567730\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_CarouselProfessional_vue__[\"a\" /* default */],\n  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_60567730_hasScoped_true_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_CarouselProfessional_vue__[\"a\" /* default */],\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/base/carousel/CarouselProfessional.vue\"\n\n/* hot reload */\nif (false) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-60567730\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-60567730\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Component.exports);\n\n\n/***/ }),\n\n/***/ 3461:\n/***/ (function(module, exports, __webpack_require__) {\n\n// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = __webpack_require__(3462);\nif(typeof content === 'string') content = [[module.i, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = __webpack_require__(9)(\"d5ea99c4\", content, false, {});\n// Hot Module Replacement\nif(false) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-60567730\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../node_modules/sass-loader/dist/cjs.js?{\\\"data\\\":\\\"@import \\\\\\\"static-appopensalud/css/scss/shared.scss\\\\\\\";\\\",\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./CarouselProfessional.vue\", function() {\n     var newContent = require(\"!!../../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-60567730\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../node_modules/sass-loader/dist/cjs.js?{\\\"data\\\":\\\"@import \\\\\\\"static-appopensalud/css/scss/shared.scss\\\\\\\";\\\",\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./CarouselProfessional.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n/***/ }),\n\n/***/ 3462:\n/***/ (function(module, exports, __webpack_require__) {\n\nexports = module.exports = __webpack_require__(8)(false);\n// imports\nexports.push([module.i, \"@import url(https://fonts.googleapis.com/icon?family=Material+Icons);\", \"\"]);\n\n// module\nexports.push([module.i, \"\\n.overline-typescale[data-v-60567730]{font-size:12px;letter-spacing:1.25px;font-weight:lighter;text-transform:uppercase\\n}\\n.slide-down-enter-active[data-v-60567730],.slide-down-leave-active[data-v-60567730]{-webkit-transition:all 0.5s ease;transition:all 0.5s ease\\n}\\n.slide-down-enter[data-v-60567730],.slide-down-leave-to[data-v-60567730]{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0\\n}\\n.slide-fade-left-enter-active[data-v-60567730],.slide-fade-left-leave-active[data-v-60567730]{-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease\\n}\\n.slide-fade-left-enter[data-v-60567730],.slide-fade-left-leave-to[data-v-60567730]{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0\\n}\\n.fade-enter-active[data-v-60567730]{-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease\\n}\\n.fade-enter[data-v-60567730],.fade-leave-to[data-v-60567730]{opacity:0\\n}\\n.carousel-container[data-v-60567730]{width:1280px;margin:50px auto 50px auto;min-height:200px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center\\n}\\n.carousel-container .carousel-inner[data-v-60567730]{overflow:hidden;background-color:transparent\\n}\\n@media screen and (max-width: 320px){\\n.carousel-container .carousel-inner[data-v-60567730]{width:20rem\\n}\\n}\\n@media screen and (min-width: 321px) and (max-width: 425px){\\n.carousel-container .carousel-inner[data-v-60567730]{width:100%\\n}\\n}\\n.carousel-container .track-prof[data-v-60567730]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s\\n}\\n@media only screen and (max-width: 575px){\\n.carousel-container .track-prof[data-v-60567730]{padding-bottom:0rem !important\\n}\\n}\\n.carousel-container .card-container[data-v-60567730]{-ms-flex-negative:0;flex-shrink:0;overflow:initial;-webkit-box-sizing:border-box;box-sizing:border-box\\n}\\n@media only screen and (min-width: 1024px) and (min-width: 1281px) and (max-width: 1324px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:3rem;padding-right:4rem;padding-left:4rem;padding-bottom:3rem;width:23rem\\n}\\n}\\n@media only screen and (min-width: 1024px) and (min-width: 1324px) and (max-width: 1452px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:3rem;padding-right:4rem;padding-left:4rem;padding-bottom:3rem;width:23rem\\n}\\n}\\n@media only screen and (min-width: 1024px) and (min-width: 1452px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:3rem;padding-right:4rem;padding-left:4rem;padding-bottom:3rem;width:23rem\\n}\\n}\\n@media only screen and (min-width: 0px) and (max-width: 1023px) and (orientation: landscape) and (min-width: 1024px) and (max-width: 1062px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:4rem;padding-right:3rem;padding-left:3rem;padding-bottom:3rem;width:25rem;height:38rem\\n}\\n}\\n@media only screen and (min-width: 0px) and (max-width: 1023px) and (orientation: landscape) and (min-width: 1063px) and (max-width: 1130px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:4rem;padding-right:3rem;padding-left:3rem;padding-bottom:3rem;width:27rem;height:38rem\\n}\\n}\\n@media only screen and (min-width: 0px) and (max-width: 1023px) and (orientation: landscape) and (min-width: 1131px) and (max-width: 1281px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:4rem;padding-right:3rem;padding-left:3rem;padding-bottom:3rem;width:27rem;height:38rem\\n}\\n}\\n@media only screen and (min-width: 576px) and (max-width: 1023px) and (orientation: portrait) and (min-width: 768px) and (max-width: 814px), only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) and (min-width: 768px) and (max-width: 814px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:4rem;padding-right:5rem;padding-left:5rem;padding-bottom:5rem;width:35rem;height:38rem\\n}\\n}\\n@media only screen and (min-width: 576px) and (max-width: 1023px) and (orientation: portrait) and (min-width: 815px) and (max-width: 1024px), only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) and (min-width: 815px) and (max-width: 1024px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:5rem;padding-right:2rem;padding-left:1rem;padding-bottom:2rem;width:23rem;height:40rem\\n}\\n}\\n@media only screen and (max-width: 575px) and (min-width: 321px) and (max-width: 375px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:5rem;padding-right:16rem;padding-bottom:0rem;padding-left:3rem;width:33rem\\n}\\n}\\n@media only screen and (max-width: 575px) and (min-width: 376px) and (max-width: 425px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:5rem;padding-right:21rem;padding-bottom:0rem;padding-left:1rem;width:37rem\\n}\\n}\\n@media only screen and (max-width: 575px) and (min-width: 426px) and (max-width: 565px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:5rem;padding-right:15rem;padding-left:3rem;padding-bottom:0rem;width:37rem\\n}\\n}\\n@media only screen and (max-width: 575px) and (min-width: 566px) and (max-width: 768px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:5rem;padding-right:11rem;padding-left:4rem;padding-bottom:0rem;width:37rem\\n}\\n}\\n@media only screen and (max-width: 575px) and (max-width: 320px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:5rem;padding-right:16rem;padding-bottom:0rem;width:32rem\\n}\\n}\\n.carousel-container .card-container .card[data-v-60567730]{width:100%;height:100%;border:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:10px;display:contents;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column\\n}\\n.nav[data-v-60567730]{width:50%;top:50%;position:absolute\\n}\\n.nav button[data-v-60567730]{border-radius:50%;border:1px solid #aaa;position:absolute;background-color:transparent;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer\\n}\\n.nav .prev-prof[data-v-60567730]{right:100%\\n}\\n.nav .prev-prof.show[data-v-60567730]{display:block\\n}\\n.nav .next-prof[data-v-60567730]{left:200%\\n}\\n.nav .next-prof.hide[data-v-60567730]{display:none\\n}\\n.nav .prev-prof.hide[data-v-60567730]{display:none\\n}\\n.nav .movement-prof[data-v-60567730]{border:1px solid #3238C4;color:#3238C4;background-color:#3238C4 !important;position:relative;background-color:transparent;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s\\n}\\n@media only screen and (min-width: 1024px){\\n.nav .movement-prof[data-v-60567730]{width:60px\\n}\\n}\\n@media only screen and (min-width: 0px) and (max-width: 1023px) and (orientation: landscape){\\n.nav .movement-prof[data-v-60567730]{width:60px\\n}\\n}\\n@media only screen and (min-width: 576px) and (max-width: 1023px) and (orientation: portrait), only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){\\n.nav .movement-prof[data-v-60567730]{width:60px\\n}\\n}\\n@media only screen and (max-width: 575px){\\n.nav .movement-prof[data-v-60567730]{width:20px\\n}\\n}\\n.button-line[data-v-60567730]{position:relative;border-top:1px solid black;vertical-align:bottom;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column\\n}\\n@media only screen and (min-width: 1024px){\\n.button-line[data-v-60567730]{margin-top:4rem\\n}\\n}\\n.card>*[data-v-60567730]{-webkit-box-flex:1;-ms-flex:1;flex:1\\n}\\n.card .img[data-v-60567730]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:30px\\n}\\n.card .info[data-v-60567730]{-ms-flex-preferred-size:40px;flex-basis:40px;background:#333;color:#fff;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box\\n}\\n\", \"\"]);\n\n// exports\n\n\n/***/ }),\n\n/***/ 3467:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"carousel-container\" }, [\n    _c(\"div\", { staticClass: \"carousel-inner centered\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"track-prof centered\" },\n        _vm._l(_vm.cards, function(professional) {\n          return _c(\n            \"div\",\n            {\n              key: _vm.cards[professional],\n              staticClass: \"card-container centered\"\n            },\n            [\n              _c(\"neu-card-professional\", {\n                attrs: {\n                  src: professional.photo,\n                  title: professional.name,\n                  subtitle: professional.ratingsNumber.toString(),\n                  titleLines: 1,\n                  subtitleLines: 1\n                }\n              })\n            ],\n            1\n          )\n        }),\n        0\n      )\n    ]),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"nav\" }, [\n      _c(\n        \"button\",\n        {\n          staticClass: \"prev-prof\",\n          staticStyle: {\n            \"background-color\": \"transparent\",\n            \"border-color\": \"transparent\",\n            transform: \"rotate(-180deg)\"\n          }\n        },\n        [\n          _c(\n            \"i\",\n            { staticClass: \"prev-prof\" },\n            [\n              _c(\"base-icon\", {\n                staticClass: \"prev-prof ml-2\",\n                attrs: {\n                  width: \"30\",\n                  height: \"30\",\n                  src: \"/static-appopensalud/img/icons/noun-arrow-blue.svg\",\n                  color: \"blue\"\n                }\n              })\n            ],\n            1\n          )\n        ]\n      ),\n      _vm._v(\" \"),\n      _c(\n        \"button\",\n        {\n          staticClass: \"next-prof\",\n          staticStyle: {\n            \"background-color\": \"transparent\",\n            \"border-color\": \"transparent\",\n            transform: \"rotate(-0deg)\"\n          }\n        },\n        [\n          _c(\n            \"i\",\n            { staticClass: \"next-prof\" },\n            [\n              _c(\"base-icon\", {\n                staticClass: \"next-prof ml-2\",\n                attrs: {\n                  width: \"30\",\n                  height: \"30\",\n                  src: \"/static-appopensalud/img/icons/noun-arrow-blue.svg\",\n                  color: \"blue\"\n                }\n              })\n            ],\n            1\n          )\n        ]\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\n/* harmony default export */ __webpack_exports__[\"a\"] = (esExports);\nif (false) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-60567730\", esExports)\n  }\n}\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static-appopensalud/js/139.bec6d1d1e1cff5885940.js","<template>\r\n    <div class=\"carousel-container\">\r\n  <div class=\"carousel-inner centered\">\r\n    <div class=\"track-prof centered\">\r\n      <div  v-for=\"professional in cards\" :key=\"cards[professional]\" class=\"card-container centered\">\r\n         <neu-card-professional  :src=\"professional.photo\" :title=\"professional.name\" :subtitle=\"professional.ratingsNumber.toString()\" :titleLines=\"1\" :subtitleLines=\"1\"></neu-card-professional>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"nav\">\r\n    <button style=\"background-color:transparent;border-color:transparent;transform: rotate(-180deg)\" class=\"prev-prof\">\r\n      <i class=\"prev-prof\"><base-icon class=\"prev-prof ml-2\" width=\"30\" height=\"30\" src=\"/static-appopensalud/img/icons/noun-arrow-blue.svg\" color=\"blue\"/></i>\r\n    </button>\r\n    <button style=\"background-color:transparent;border-color:transparent;transform: rotate(-0deg)\" class=\"next-prof\">\r\n     <i class=\"next-prof\"><base-icon class=\"next-prof ml-2\" width=\"30\" height=\"30\" src=\"/static-appopensalud/img/icons/noun-arrow-blue.svg\" color=\"blue\"/></i> \r\n    </button>\r\n    <!-- <p class=\"movement-prof\"></p> -->\r\n  </div>\r\n</div>\r\n</template>\r\n<script>\r\n// import NeuCardFunctions from '../ui/NeuCardFunctions.vue'\r\n// import NeuCardFunctionsBigText from '../ui/NeuCardFunctionsBigText.vue'\r\nexport default {\r\n    components: {\r\n    // NeuCardFunctions,\r\n    // NeuCardFunctionsBigText,\r\n    'neu-card-professional': () => import('@/components/base/ui/NeuCardProfessional'),\r\n    'neu-card-big-text': () => import('@/components/base/ui/NeuCardFunctionsBigText')\r\n  },\r\n    data () {\r\n        return {\r\n            index: 0,\r\n            slides: [],\r\n            slideDirection: ''\r\n        }\r\n    },\r\n    computed: {\r\n        slidesLength () {\r\n          return this.slides.length\r\n        }\r\n    },\r\n    props: {\r\n      cards: {\r\n        type: Array,\r\n        required: true\r\n      },\r\n      iconColor: {\r\n        type: String,\r\n        required: false\r\n      }\r\n    },\r\n    mounted () {\r\n      const prev = document.querySelector('.prev-prof')\r\n      const next = document.querySelector('.next-prof')\r\n      const track = document.querySelector('.track-prof')\r\n      let move = 0\r\n      // const movement = document.querySelector('.movement-prof')\r\n      const cardContainer = document.querySelector('.carousel-container')\r\n      const cardLenght = this.cards.length - 1\r\n        // let carouselWidth = document.querySelector('.carousel-container').offsetWidth\r\n        let cardWidth = document.querySelector('.card-container').offsetWidth\r\n\r\n        window.addEventListener('resize', () => {\r\n        cardWidth = document.querySelector('.card-container').offsetWidth\r\n        })\r\n          let index = 0\r\n          prev.classList.add('hide')\r\n          if (window.innerWidth <= 1052) {\r\n            next.addEventListener('click', () => {\r\n            index++\r\n            prev.classList.remove('hide')\r\n            track.style.transform = `translateX(-${index * cardWidth}px)`\r\n            move = move + 1.2\r\n            // movement.style.transform = `translateX(${move}rem)`\r\n            if (index === cardLenght) {\r\n                next.classList.add('hide')\r\n            }\r\n            })\r\n\r\n            prev.addEventListener('click', () => {\r\n            index--\r\n            next.classList.remove('hide')\r\n            if (index === 0) {\r\n              prev.classList.add('hide')\r\n            }\r\n            track.style.transform = `translateX(-${index * cardWidth}px)`\r\n            move = move - 1.2\r\n            // movement.style.transform = `translateX(${move}rem)`\r\n            })\r\n\r\n            window.setInterval(() => {\r\n              if (index < cardLenght) {\r\n            index++\r\n            prev.classList.remove('hide')\r\n            track.style.transform = `translateX(-${index * cardWidth}px)`\r\n            move = move + 1.2\r\n            // movement.style.transform = `translateX(${move}rem)`\r\n            if (index === cardLenght) {\r\n                next.classList.add('hide')\r\n            }\r\n              } else if (index === cardLenght) {\r\n                index = index - cardLenght\r\n            next.classList.add('hide')\r\n            if (index === cardLenght) {\r\n                prev.classList.remove('show')\r\n                prev.classList.add('hide')\r\n            }\r\n            let i = -1\r\n            for (i = -1; i <= cardLenght; i++) {\r\n            track.style.transform = `translateX(-${index * cardWidth}px)`\r\n            move = 0\r\n            // movement.style.transform = `translateX(${move}rem)`\r\n            }\r\n            prev.classList.add('hide')\r\n            next.classList.remove('hide')\r\n              }\r\n              }, 5000)\r\n          } else {\r\n            const cardLenght2 = cardLenght - 1\r\n            next.addEventListener('click', () => {\r\n            index++\r\n            prev.classList.remove('hide')\r\n            track.style.transform = `translateX(-${index * cardWidth}px)`\r\n            if (cardLenght2 <= 3) {\r\n            move = move + 10.5\r\n            // movement.style.transform = `translateX(${move}rem)`\r\n            } else {\r\n            move = move + 1.2\r\n            // movement.style.transform = `translateX(${move}rem)`\r\n            }\r\n            if (track.offsetWidth - (index * cardWidth) < cardContainer.offsetWidth) {\r\n                next.classList.add('hide')\r\n            }\r\n            })\r\n\r\n            prev.addEventListener('click', () => {\r\n            index--\r\n            next.classList.remove('hide')\r\n            if (index === 0) {\r\n                prev.classList.add('hide')\r\n            }\r\n            if (cardLenght2 <= 3) {\r\n              move = move - 41.5\r\n              // movement.style.transform = `translateX(${move}rem)`\r\n              } else {\r\n              move = move - 1.2\r\n              // movement.style.transform = `translateX(${move}rem)`\r\n            }\r\n            track.style.transform = `translateX(-${index * cardWidth}px)`\r\n            })\r\n          //   window.setInterval(() => {\r\n          //     if (index < cardLenght2) {\r\n          //   index++\r\n          //   prev.classList.remove('hide')\r\n          //   track.style.transform = `translateX(-${index * cardWidth}px)`\r\n          //  if (cardLenght2 <= 3) {\r\n          //     move = move + 41.5\r\n          //     movement.style.transform = `translateX(${move}rem)`\r\n          //     } else {\r\n          //     move = move + 1.5\r\n          //     movement.style.transform = `translateX(${move}rem)`\r\n          //   }\r\n          //   track.style.transform = `translateX(-${index * cardWidth}px)`\r\n          //   if (track.offsetWidth - (index * cardWidth) < cardContainer.offsetWidth) {\r\n          //       next.classList.add('hide')\r\n          //   }\r\n          //     } if (index === cardLenght2) {\r\n          //       index = index - cardLenght2\r\n          //   next.classList.remove('hide')\r\n          //   if (index === 0) {\r\n          //       prev.classList.remove('show')\r\n          //   }\r\n          // let i = -1\r\n          //   for (i; i <= cardLenght2; i++) {\r\n          //   track.style.transform = `translateX(-${index * cardWidth}px)`\r\n          //   movement.style.transform = `translateX(${0}rem)`\r\n          //   move = 0\r\n          //   }\r\n          //     }\r\n          //     }, 5000)\r\n        }\r\n    },\r\n    methods: {\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n@import url('https://fonts.googleapis.com/icon?family=Material+Icons');\r\n.carousel-container {\r\n  width: 1280px;\r\n  margin: 50px auto 50px auto;\r\n  min-height: 200px;\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n    // @media screen and (min-width: 1300px) and (max-width: 1580px) {\r\n    //     right: 10%;\r\n      \r\n    // }\r\n}\r\n\r\n.carousel-container .carousel-inner {\r\n  overflow: hidden;\r\n  background-color: transparent;\r\n   \r\n    @media screen and (max-width: 320px) {\r\n      width: 20rem;\r\n\r\n    }\r\n @media screen and (min-width: 321px) and (max-width: 425px) {\r\n      width: 100%;\r\n    }\r\n}\r\n.carousel-container .track-prof {\r\n  display: inline-flex;\r\n  transition: transform 0.5s;\r\n  @include mobile{\r\n      padding-bottom: 0rem !important;\r\n\r\n  }\r\n  // padding-bottom: 9rem;\r\n}\r\n.carousel-container .card-container {\r\n  flex-shrink: 0;\r\n  overflow: initial;\r\n  box-sizing: border-box;\r\n  @include desktop {\r\n     @media screen and (min-width: 1281px) and (max-width: 1324px) {\r\n      padding-top: 3rem;\r\n      padding-right: 4rem;\r\n      padding-left: 4rem;\r\n      padding-bottom: 3rem;     \r\n      width: 23rem;\r\n    }\r\n     @media screen and (min-width: 1324px) and (max-width: 1452px) {\r\n        padding-top: 3rem;\r\n      padding-right: 4rem;\r\n      padding-left: 4rem;\r\n      padding-bottom: 3rem;     \r\n      width: 23rem;\r\n    }\r\n     @media screen and (min-width: 1452px) {\r\n       padding-top: 3rem;\r\n      padding-right: 4rem;\r\n      padding-left: 4rem;\r\n      padding-bottom: 3rem;     \r\n      width: 23rem;\r\n    }\r\n     \r\n\r\n  }\r\n  @include desktop-sm {\r\n     @media screen and (min-width: 1024px) and (max-width: 1062px) {\r\n        padding-top: 4rem;\r\n        padding-right: 3rem;\r\n        padding-left: 3rem;\r\n        padding-bottom: 3rem;  \r\n        width: 25rem;\r\n        height: 38rem;\r\n    }\r\n   @media screen and (min-width: 1063px) and (max-width: 1130px) {\r\n        padding-top: 4rem;\r\n        padding-right: 3rem;\r\n        padding-left: 3rem;\r\n        padding-bottom: 3rem;  \r\n        width: 27rem;\r\n        height: 38rem;\r\n    }\r\n    @media screen and (min-width: 1131px) and (max-width: 1281px) {\r\n        padding-top: 4rem;\r\n        padding-right: 3rem;\r\n        padding-left: 3rem;\r\n        padding-bottom: 3rem;  \r\n        width: 27rem;\r\n        height: 38rem;\r\n    }\r\n\r\n  }\r\n  @include tablets {\r\n     @media screen and (min-width:768px) and (max-width: 814px) {\r\n        padding-top: 4rem;\r\n        padding-right: 5rem;\r\n        padding-left: 5rem;\r\n        padding-bottom: 5rem;        \r\n        width: 35rem;\r\n        height: 38rem;\r\n      }\r\n  @media screen and (min-width:815px) and (max-width: 1024px) {\r\n        padding-top: 5rem;\r\n        padding-right: 2rem;\r\n        padding-left: 1rem;\r\n        padding-bottom: 2rem;\r\n        width: 23rem;\r\n        height: 40rem;\r\n\r\n      }\r\n\r\n  }\r\n  @include mobile(){\r\n    @media screen and (min-width:321px) and (max-width: 375px) {\r\n    padding-top: 5rem;\r\n    padding-right: 16rem;\r\n    padding-bottom: 0rem;\r\n    padding-left: 3rem;\r\n    width: 33rem;\r\n       }\r\n   @media screen and (min-width:376px) and (max-width: 425px) {\r\n    padding-top: 5rem;\r\n    padding-right: 21rem;\r\n    padding-bottom: 0rem;\r\n    padding-left: 1rem;\r\n    width: 37rem;\r\n       }\r\n       @media screen and (min-width:426px) and (max-width: 565px) {\r\n    padding-top: 5rem;\r\n    padding-right: 15rem;\r\n    padding-left: 3rem;\r\n    padding-bottom: 0rem;\r\n    width: 37rem;\r\n       }\r\n       @media screen and (min-width:566px) and (max-width: 768px) {\r\n    padding-top: 5rem;\r\n    padding-right: 11rem;\r\n    padding-left: 4rem;\r\n    padding-bottom: 0rem;\r\n    width: 37rem;\r\n       }\r\n    // width: 30rem;\r\n    @media screen and (max-width: 320px) {\r\n      padding-top: 5rem;\r\n      padding-right: 16rem;\r\n      padding-bottom: 0rem;\r\n      width: 32rem;\r\n    }\r\n  };\r\n\r\n}\r\n.carousel-container .card-container .card {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 1px solid #ccc;\r\n  box-sizing: border-box;\r\n  border-radius: 10px;\r\n  display: contents;\r\n  flex-direction: column;\r\n}\r\n.nav {\r\n  width: 50%;\r\n  // left: 50%;\r\n  top: 50%;\r\n  position: absolute;\r\n}\r\n.nav button {\r\n  border-radius: 50%;\r\n  border: 1px solid #aaa;\r\n  position: absolute;\r\n  background-color: transparent;\r\n  // top: 40%;\r\n  transform: translateY(-50%);\r\n  cursor: pointer;\r\n}\r\n.nav .prev-prof {\r\n   right: 100%;\r\n}\r\n.nav .prev-prof.show {\r\n  display: block;\r\n}\r\n.nav .next-prof {\r\n   left: 200%;\r\n}\r\n.nav .next-prof.hide {\r\n  display: none;\r\n}\r\n.nav .prev-prof.hide {\r\n  display: none;\r\n}\r\n.nav .movement-prof {\r\n  @include desktop {\r\n    width: 60px;\r\n  }\r\n  @include desktop-sm {\r\n    width: 60px;\r\n  }\r\n  @include tablets {\r\n    width: 60px;\r\n  }\r\n  @include mobile {\r\n    width: 20px;\r\n  }\r\n  border: 1px solid $blue;\r\n  color: $blue;\r\n  background-color: $blue !important;\r\n  position: relative;\r\n  background-color: transparent;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  transition: transform .5s;\r\n}\r\n .button-line {\r\n    position: relative;\r\n    border-top: 1px solid black;\r\n    vertical-align:bottom;\r\n    flex-direction: column;\r\n    @include desktop {\r\n      margin-top: 4rem;\r\n    }\r\n  }\r\n.card > * {\r\n  flex: 1;\r\n}\r\n.card .img {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  font-size: 30px;\r\n}\r\n.card .info {\r\n  flex-basis: 40px;\r\n  background: #333;\r\n  color: #fff;\r\n  flex-grow: 0;\r\n  padding: 10px;\r\n  box-sizing: border-box;\r\n}\r\n</style>\n\n\n// WEBPACK FOOTER //\n// src/components/base/carousel/CarouselProfessional.vue","var disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  require(\"!!vue-style-loader!css-loader?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-60567730\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"data\\\":\\\"@import \\\\\\\"static-appopensalud/css/scss/shared.scss\\\\\\\";\\\",\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./CarouselProfessional.vue\")\n}\nvar normalizeComponent = require(\"!../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./CarouselProfessional.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./CarouselProfessional.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-60567730\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./CarouselProfessional.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-60567730\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/base/carousel/CarouselProfessional.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-60567730\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-60567730\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/base/carousel/CarouselProfessional.vue\n// module id = 3460\n// module chunks = 139","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-60567730\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../node_modules/sass-loader/dist/cjs.js?{\\\"data\\\":\\\"@import \\\\\\\"static-appopensalud/css/scss/shared.scss\\\\\\\";\\\",\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./CarouselProfessional.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"d5ea99c4\", content, false, {});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-60567730\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../node_modules/sass-loader/dist/cjs.js?{\\\"data\\\":\\\"@import \\\\\\\"static-appopensalud/css/scss/shared.scss\\\\\\\";\\\",\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./CarouselProfessional.vue\", function() {\n     var newContent = require(\"!!../../../../node_modules/css-loader/index.js?{\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-60567730\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../node_modules/sass-loader/dist/cjs.js?{\\\"data\\\":\\\"@import \\\\\\\"static-appopensalud/css/scss/shared.scss\\\\\\\";\\\",\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./CarouselProfessional.vue\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?{\"sourceMap\":false}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-60567730\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/sass-loader/dist/cjs.js?{\"data\":\"@import /\"static-appopensalud/css/scss/shared.scss/\";\",\"sourceMap\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/base/carousel/CarouselProfessional.vue\n// module id = 3461\n// module chunks = 139","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\nexports.push([module.id, \"@import url(https://fonts.googleapis.com/icon?family=Material+Icons);\", \"\"]);\n\n// module\nexports.push([module.id, \"\\n.overline-typescale[data-v-60567730]{font-size:12px;letter-spacing:1.25px;font-weight:lighter;text-transform:uppercase\\n}\\n.slide-down-enter-active[data-v-60567730],.slide-down-leave-active[data-v-60567730]{-webkit-transition:all 0.5s ease;transition:all 0.5s ease\\n}\\n.slide-down-enter[data-v-60567730],.slide-down-leave-to[data-v-60567730]{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0\\n}\\n.slide-fade-left-enter-active[data-v-60567730],.slide-fade-left-leave-active[data-v-60567730]{-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease\\n}\\n.slide-fade-left-enter[data-v-60567730],.slide-fade-left-leave-to[data-v-60567730]{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0\\n}\\n.fade-enter-active[data-v-60567730]{-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease\\n}\\n.fade-enter[data-v-60567730],.fade-leave-to[data-v-60567730]{opacity:0\\n}\\n.carousel-container[data-v-60567730]{width:1280px;margin:50px auto 50px auto;min-height:200px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center\\n}\\n.carousel-container .carousel-inner[data-v-60567730]{overflow:hidden;background-color:transparent\\n}\\n@media screen and (max-width: 320px){\\n.carousel-container .carousel-inner[data-v-60567730]{width:20rem\\n}\\n}\\n@media screen and (min-width: 321px) and (max-width: 425px){\\n.carousel-container .carousel-inner[data-v-60567730]{width:100%\\n}\\n}\\n.carousel-container .track-prof[data-v-60567730]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s\\n}\\n@media only screen and (max-width: 575px){\\n.carousel-container .track-prof[data-v-60567730]{padding-bottom:0rem !important\\n}\\n}\\n.carousel-container .card-container[data-v-60567730]{-ms-flex-negative:0;flex-shrink:0;overflow:initial;-webkit-box-sizing:border-box;box-sizing:border-box\\n}\\n@media only screen and (min-width: 1024px) and (min-width: 1281px) and (max-width: 1324px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:3rem;padding-right:4rem;padding-left:4rem;padding-bottom:3rem;width:23rem\\n}\\n}\\n@media only screen and (min-width: 1024px) and (min-width: 1324px) and (max-width: 1452px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:3rem;padding-right:4rem;padding-left:4rem;padding-bottom:3rem;width:23rem\\n}\\n}\\n@media only screen and (min-width: 1024px) and (min-width: 1452px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:3rem;padding-right:4rem;padding-left:4rem;padding-bottom:3rem;width:23rem\\n}\\n}\\n@media only screen and (min-width: 0px) and (max-width: 1023px) and (orientation: landscape) and (min-width: 1024px) and (max-width: 1062px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:4rem;padding-right:3rem;padding-left:3rem;padding-bottom:3rem;width:25rem;height:38rem\\n}\\n}\\n@media only screen and (min-width: 0px) and (max-width: 1023px) and (orientation: landscape) and (min-width: 1063px) and (max-width: 1130px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:4rem;padding-right:3rem;padding-left:3rem;padding-bottom:3rem;width:27rem;height:38rem\\n}\\n}\\n@media only screen and (min-width: 0px) and (max-width: 1023px) and (orientation: landscape) and (min-width: 1131px) and (max-width: 1281px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:4rem;padding-right:3rem;padding-left:3rem;padding-bottom:3rem;width:27rem;height:38rem\\n}\\n}\\n@media only screen and (min-width: 576px) and (max-width: 1023px) and (orientation: portrait) and (min-width: 768px) and (max-width: 814px), only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) and (min-width: 768px) and (max-width: 814px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:4rem;padding-right:5rem;padding-left:5rem;padding-bottom:5rem;width:35rem;height:38rem\\n}\\n}\\n@media only screen and (min-width: 576px) and (max-width: 1023px) and (orientation: portrait) and (min-width: 815px) and (max-width: 1024px), only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) and (min-width: 815px) and (max-width: 1024px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:5rem;padding-right:2rem;padding-left:1rem;padding-bottom:2rem;width:23rem;height:40rem\\n}\\n}\\n@media only screen and (max-width: 575px) and (min-width: 321px) and (max-width: 375px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:5rem;padding-right:16rem;padding-bottom:0rem;padding-left:3rem;width:33rem\\n}\\n}\\n@media only screen and (max-width: 575px) and (min-width: 376px) and (max-width: 425px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:5rem;padding-right:21rem;padding-bottom:0rem;padding-left:1rem;width:37rem\\n}\\n}\\n@media only screen and (max-width: 575px) and (min-width: 426px) and (max-width: 565px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:5rem;padding-right:15rem;padding-left:3rem;padding-bottom:0rem;width:37rem\\n}\\n}\\n@media only screen and (max-width: 575px) and (min-width: 566px) and (max-width: 768px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:5rem;padding-right:11rem;padding-left:4rem;padding-bottom:0rem;width:37rem\\n}\\n}\\n@media only screen and (max-width: 575px) and (max-width: 320px){\\n.carousel-container .card-container[data-v-60567730]{padding-top:5rem;padding-right:16rem;padding-bottom:0rem;width:32rem\\n}\\n}\\n.carousel-container .card-container .card[data-v-60567730]{width:100%;height:100%;border:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:10px;display:contents;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column\\n}\\n.nav[data-v-60567730]{width:50%;top:50%;position:absolute\\n}\\n.nav button[data-v-60567730]{border-radius:50%;border:1px solid #aaa;position:absolute;background-color:transparent;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer\\n}\\n.nav .prev-prof[data-v-60567730]{right:100%\\n}\\n.nav .prev-prof.show[data-v-60567730]{display:block\\n}\\n.nav .next-prof[data-v-60567730]{left:200%\\n}\\n.nav .next-prof.hide[data-v-60567730]{display:none\\n}\\n.nav .prev-prof.hide[data-v-60567730]{display:none\\n}\\n.nav .movement-prof[data-v-60567730]{border:1px solid #3238C4;color:#3238C4;background-color:#3238C4 !important;position:relative;background-color:transparent;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s\\n}\\n@media only screen and (min-width: 1024px){\\n.nav .movement-prof[data-v-60567730]{width:60px\\n}\\n}\\n@media only screen and (min-width: 0px) and (max-width: 1023px) and (orientation: landscape){\\n.nav .movement-prof[data-v-60567730]{width:60px\\n}\\n}\\n@media only screen and (min-width: 576px) and (max-width: 1023px) and (orientation: portrait), only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){\\n.nav .movement-prof[data-v-60567730]{width:60px\\n}\\n}\\n@media only screen and (max-width: 575px){\\n.nav .movement-prof[data-v-60567730]{width:20px\\n}\\n}\\n.button-line[data-v-60567730]{position:relative;border-top:1px solid black;vertical-align:bottom;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column\\n}\\n@media only screen and (min-width: 1024px){\\n.button-line[data-v-60567730]{margin-top:4rem\\n}\\n}\\n.card>*[data-v-60567730]{-webkit-box-flex:1;-ms-flex:1;flex:1\\n}\\n.card .img[data-v-60567730]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:30px\\n}\\n.card .info[data-v-60567730]{-ms-flex-preferred-size:40px;flex-basis:40px;background:#333;color:#fff;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box\\n}\\n\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?{\"sourceMap\":false}!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-60567730\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/sass-loader/dist/cjs.js?{\"data\":\"@import /\"static-appopensalud/css/scss/shared.scss/\";\",\"sourceMap\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/base/carousel/CarouselProfessional.vue\n// module id = 3462\n// module chunks = 139","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"carousel-container\" }, [\n    _c(\"div\", { staticClass: \"carousel-inner centered\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"track-prof centered\" },\n        _vm._l(_vm.cards, function(professional) {\n          return _c(\n            \"div\",\n            {\n              key: _vm.cards[professional],\n              staticClass: \"card-container centered\"\n            },\n            [\n              _c(\"neu-card-professional\", {\n                attrs: {\n                  src: professional.photo,\n                  title: professional.name,\n                  subtitle: professional.ratingsNumber.toString(),\n                  titleLines: 1,\n                  subtitleLines: 1\n                }\n              })\n            ],\n            1\n          )\n        }),\n        0\n      )\n    ]),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"nav\" }, [\n      _c(\n        \"button\",\n        {\n          staticClass: \"prev-prof\",\n          staticStyle: {\n            \"background-color\": \"transparent\",\n            \"border-color\": \"transparent\",\n            transform: \"rotate(-180deg)\"\n          }\n        },\n        [\n          _c(\n            \"i\",\n            { staticClass: \"prev-prof\" },\n            [\n              _c(\"base-icon\", {\n                staticClass: \"prev-prof ml-2\",\n                attrs: {\n                  width: \"30\",\n                  height: \"30\",\n                  src: \"/static-appopensalud/img/icons/noun-arrow-blue.svg\",\n                  color: \"blue\"\n                }\n              })\n            ],\n            1\n          )\n        ]\n      ),\n      _vm._v(\" \"),\n      _c(\n        \"button\",\n        {\n          staticClass: \"next-prof\",\n          staticStyle: {\n            \"background-color\": \"transparent\",\n            \"border-color\": \"transparent\",\n            transform: \"rotate(-0deg)\"\n          }\n        },\n        [\n          _c(\n            \"i\",\n            { staticClass: \"next-prof\" },\n            [\n              _c(\"base-icon\", {\n                staticClass: \"next-prof ml-2\",\n                attrs: {\n                  width: \"30\",\n                  height: \"30\",\n                  src: \"/static-appopensalud/img/icons/noun-arrow-blue.svg\",\n                  color: \"blue\"\n                }\n              })\n            ],\n            1\n          )\n        ]\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-60567730\", esExports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-60567730\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/base/carousel/CarouselProfessional.vue\n// module id = 3467\n// module chunks = 139"],"sourceRoot":""}