{"version":3,"sources":["webpack:///static-appopensalud/js/140.73c1cdfd7c3f792d1d00.js","webpack:///./src/components/base/carousel/Carousel2.vue","webpack:///src/components/base/carousel/Carousel2.vue","webpack:///./src/components/base/carousel/Carousel2.vue?efdf","webpack:///./src/components/base/carousel/Carousel2.vue?a2e6","webpack:///./src/components/base/carousel/Carousel2.vue?c0cd"],"names":["webpackJsonp","2512","module","__webpack_exports__","__webpack_require__","injectStyle","ssrContext","disposed","normalizeComponent","__vue_styles__","Component","options","__file","3056","3384","exports","content","i","locals","3385","push","3392","render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","cards","card","key","attrs","index","src","link","title","subtitle","titleLines","subtitleLines","iconColor","_v","staticStyle","transform","width","height","color","staticRenderFns","_withStripped","esExports"],"mappings":"AAAAA,cAAc,MAERC,KACA,SAAUC,EAAQC,EAAqBC,GAE7C,YCJA,SAASC,GAAaC,GAChBC,GACJ,EAAQ,MAHV,yEAAIA,GAAW,EAKXC,EAAqB,EAAQ,GAS7BC,EAAiBJ,EAKjBK,EAAYF,EACd,IACA,KATgC,EAWhCC,EAPoB,kBAEU,KAShCC,GAAUC,QAAQC,OAAS,6CAkBZ,UAAAF,EAAiB,SDe1BG,KACA,SAAUX,EAAQC,EAAqBC,GAE7C,YEnCA,MACE,YAGE,oBAAqB,WAAzB,8DACI,mBAAoB,WAAxB,yCACI,oBAAqB,WAAzB,0CAEE,KARF,WASI,OACE,MAAN,EACM,UACA,eAAN,KAGE,UACE,aADJ,WAEM,MAAN,sBAGE,OACE,OACE,KAAN,MACM,UAAN,GAEI,MACE,KAAN,OACM,SAAN,GAEI,WACE,KAAN,OACM,UAAN,IAGE,QAlCF,WAmCI,KAAJ,qBACM,KAAN,kBAGE,SACE,aADJ,WAEM,GAAN,mCACA,kCACA,mCACA,gDACA,sBAEA,uDACA,wBACQ,EAAR,sBAGM,OAAN,qCACQ,EAAR,uDAEM,IAAN,IAEM,IADA,EAAN,sBACA,wBACQ,EAAR,oCACU,IACA,EAAV,yBACU,EAAV,yCACA,OACY,EAAZ,wBAIQ,EAAR,oCACU,IACA,EAAV,yBACA,OACY,EAAZ,sBAEU,EAAV,2CAGQ,OAAR,uBACU,GAAV,IACY,IACA,EAAZ,yBACY,EAAZ,yCACA,OACc,EAAd,0BAEA,WACY,GAAZ,EACY,EAAZ,sBACA,QACc,EAAd,yBACc,EAAd,sBAEY,IAAZ,KACY,KAAZ,cACc,EAAd,wCAEY,GAAZ,sBACY,EAAZ,2BAEA,mBACA,CACQ,GAAR,IACQ,GAAR,oCACU,IACA,EAAV,yBACU,EAAV,yCACA,iCACY,EAAZ,wBAIQ,EAAR,oCACU,IACA,EAAV,yBACA,OACY,EAAZ,sBAEU,EAAV,2CAEQ,OAAR,uBAcU,GAbV,MACY,IACA,EAAZ,sBACY,EAAZ,yCAMA,iCACc,EAAd,uBAGA,OACY,GAAZ,EACY,EAAZ,yBACA,OACc,EAAd,wBAEY,IAAZ,KACY,KAAZ,WACc,EAAd,2CAGA,oBFgFMU,KACA,SAAUZ,EAAQa,EAASX,GGzPjC,GAAIY,GAAU,EAAQ,KACA,iBAAZA,KAAsBA,IAAYd,EAAOe,EAAID,EAAS,MAC7DA,EAAQE,SAAQhB,EAAOa,QAAUC,EAAQE,OAE/B,GAAQ,GAAqE,WAAYF,GAAS,OH+QzGG,KACA,SAAUjB,EAAQa,EAASX,GIvRjCW,EAAUb,EAAOa,QAAU,EAAQ,IAAuD,GAE1FA,EAAQK,MAAMlB,EAAOe,EAAI,wEAAyE,KAGlGF,EAAQK,MAAMlB,EAAOe,EAAI,0tPAA2tP,MJgS9uPI,KACA,SAAUnB,EAAQC,EAAqBC,GAE7C,YKxSA,IAAIkB,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,kBACfN,EAAIO,GAAGP,EAAIQ,MAAO,SAASC,GACzB,MAAOL,GACL,OACEM,IAAKV,EAAIQ,MAAMC,GAAOH,YAAa,4BAEnCF,EAAG,oBACDO,OACE,aAAcX,EAAIY,MAClBC,IAAKJ,EAAKI,IACVC,KAAML,EAAKK,KACXC,MAAON,EAAKM,MACZC,SAAUP,EAAKO,SACfC,WAAYR,EAAKQ,WACjBC,cAAeT,EAAKS,cACpBC,UAAWnB,EAAImB,cAIrB,KAGJ,KAGJnB,EAAIoB,GAAG,KACPhB,EAAG,OAASE,YAAa,iBACvBF,EACE,UAEEE,YAAa,OACbe,aACE,mBAAoB,cACpB,eAAgB,cAChBC,UAAW,qBAIblB,EACE,KACEE,YAAa,SAEbF,EAAG,aACDE,YAAa,OACbK,OACEY,MAAO,KACPC,OAAQ,KACRX,IAAK,qDACLY,MAAOzB,EAAImB,cAIjB,KAINnB,EAAIoB,GAAG,KACPhB,EACE,UAEEE,YAAa,OACbe,aACE,mBAAoB,cACpB,eAAgB,cAChBC,UAAW,mBAIblB,EACE,KACEE,YAAa,SAEbF,EAAG,aACDE,YAAa,OACbK,OACEY,MAAO,KACPC,OAAQ,KACRX,IAAK,qDACLY,MAAOzB,EAAImB,cAIjB,UAORO,IACJ3B,GAAO4B,eAAgB,CACvB,IAAIC,IAAc7B,OAAQA,EAAQ2B,gBAAiBA,EACpC","file":"static-appopensalud/js/140.73c1cdfd7c3f792d1d00.js","sourcesContent":["webpackJsonp([140],{\n\n/***/ 2512:\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_Carousel2_vue__ = __webpack_require__(3056);\n/* empty harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_681f3a61_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_Carousel2_vue__ = __webpack_require__(3392);\nvar disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  __webpack_require__(3384)\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-681f3a61\"\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_Carousel2_vue__[\"a\" /* default */],\n  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_681f3a61_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_Carousel2_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/Carousel2.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-681f3a61\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-681f3a61\", 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/***/ 3056:\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//\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-function': function neuCardFunction() {\n      return new Promise(function(resolve) { resolve(); }).then(__webpack_require__.bind(null, 2395));\n    },\n    'neu-card-general': function neuCardGeneral() {\n      return __webpack_require__.e/* import() */(113/* duplicate */).then(__webpack_require__.bind(null, 2453));\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    type: {\n      type: String,\n      require: false\n    },\n    iconColor: {\n      type: String,\n      required: false\n    }\n  },\n  mounted: function mounted() {\n    this.$nextTick(function () {\n      this.initCarousel();\n    });\n  },\n\n  methods: {\n    initCarousel: function initCarousel() {\n      var prev = document.querySelector('.prev');\n      var next = document.querySelector('.next');\n      var track = document.querySelector('.track');\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      if (this.cards.length === 3) {\n        next.classList.add('hide');\n      }\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          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        });\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            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            }\n            prev.classList.add('hide');\n            next.classList.remove('hide');\n          }\n        }, 9999999999999);\n      } else {\n        var cardLenght2 = cardLenght;\n        next.addEventListener('click', function () {\n          index++;\n          prev.classList.remove('hide');\n          track.style.transform = 'translateX(-' + index * cardWidth + 'px)';\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          track.style.transform = 'translateX(-' + index * cardWidth + 'px)';\n        });\n        window.setInterval(function () {\n          if (index < cardLenght2) {\n            index++;\n            prev.classList.add('show');\n            track.style.transform = 'translateX(-' + index * cardWidth + 'px)';\n            //  if (cardLenght2 <= 3) {\n            // movement.style.transform = `translateX(${index * 42}rem)`\n            // } else {\n            // movement.style.transform = `translateX(${index * cardLenght2}rem)`\n            // }\n            if (track.offsetWidth - index * cardWidth < cardContainer.offsetWidth) {\n              next.classList.add('hide');\n            }\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            var i = -1;\n            for (i; i <= cardLenght2; i++) {\n              track.style.transform = 'translateX(-' + index * cardWidth + 'px)';\n            }\n          }\n        }, 99999999997000);\n      }\n    }\n  }\n});\n\n/***/ }),\n\n/***/ 3384:\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__(3385);\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)(\"0f7c5f0e\", 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-681f3a61\\\",\\\"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!./Carousel2.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-681f3a61\\\",\\\"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!./Carousel2.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/***/ 3385:\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-681f3a61]{font-size:12px;letter-spacing:1.25px;font-weight:lighter;text-transform:uppercase\\n}\\n.slide-down-enter-active[data-v-681f3a61],.slide-down-leave-active[data-v-681f3a61]{-webkit-transition:all 0.5s ease;transition:all 0.5s ease\\n}\\n.slide-down-enter[data-v-681f3a61],.slide-down-leave-to[data-v-681f3a61]{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0\\n}\\n.slide-fade-left-enter-active[data-v-681f3a61],.slide-fade-left-leave-active[data-v-681f3a61]{-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-681f3a61],.slide-fade-left-leave-to[data-v-681f3a61]{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0\\n}\\n.fade-enter-active[data-v-681f3a61]{-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease\\n}\\n.fade-enter[data-v-681f3a61],.fade-leave-to[data-v-681f3a61]{opacity:0\\n}\\n.carousel-container[data-v-681f3a61]{width:1280px;margin:-2rem auto 0 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@media screen and (max-width: 768px){\\n.carousel-container[data-v-681f3a61]{width:80%\\n}\\n}\\n@media screen and (max-width: 1000px){\\n.carousel-container[data-v-681f3a61]{width:100%\\n}\\n}\\n@media screen and (min-width: 1001px) and (max-width: 1440px){\\n.carousel-container[data-v-681f3a61]{width:85%\\n}\\n}\\n.carousel-container .carousel-inner[data-v-681f3a61]{overflow:hidden;background-color:transparent\\n}\\n@media screen and (min-width: 1100px) and (max-width: 1281px){\\n.carousel-container .carousel-inner[data-v-681f3a61]{width:113% !important\\n}\\n}\\n@media screen and (max-width: 320px){\\n.carousel-container .carousel-inner[data-v-681f3a61]{width:20rem\\n}\\n}\\n@media screen and (min-width: 321px) and (max-width: 425px){\\n.carousel-container .carousel-inner[data-v-681f3a61]{width:100%\\n}\\n}\\n.carousel-container .track[data-v-681f3a61]{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.carousel-container .card-container[data-v-681f3a61]{-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-681f3a61]{padding-top:5rem;padding-right:4rem;padding-left:4rem;padding-bottom:3rem;width:30rem\\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-681f3a61]{padding-top:5rem;padding-right:3rem;padding-left:5rem;padding-bottom:3rem;width:30rem\\n}\\n}\\n@media only screen and (min-width: 1024px) and (min-width: 1452px){\\n.carousel-container .card-container[data-v-681f3a61]{padding-top:5rem;padding-right:5rem;padding-left:5rem;padding-bottom:3rem;width:30rem\\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-681f3a61]{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-681f3a61]{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-681f3a61]{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-681f3a61]{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-681f3a61]{padding-top:5rem;padding-right:2rem;padding-left:1rem;padding-bottom:2rem;width:23rem\\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-681f3a61]{padding-top:5rem;padding-right:16rem;padding-bottom:2rem;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-681f3a61]{padding-top:5rem;padding-right:16rem;padding-bottom:2rem;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-681f3a61]{padding-top:5rem;padding-right:15rem;padding-left:3rem;padding-bottom:2rem;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-681f3a61]{padding-top:5rem;padding-right:11rem;padding-left:4rem;padding-bottom:2rem;width:37rem\\n}\\n}\\n@media only screen and (max-width: 575px) and (max-width: 320px){\\n.carousel-container .card-container[data-v-681f3a61]{padding-top:5rem;padding-right:16rem;padding-bottom:2rem;width:32rem\\n}\\n}\\n.carousel-container .card-container .card[data-v-681f3a61]{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-681f3a61]{width:50%;top:50%;position:absolute\\n}\\n.nav button[data-v-681f3a61]{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[data-v-681f3a61]{right:100%\\n}\\n.nav .prev.show[data-v-681f3a61]{display:block\\n}\\n.nav .next[data-v-681f3a61]{left:200%\\n}\\n.nav .next.hide[data-v-681f3a61]{display:none\\n}\\n.nav .prev.hide[data-v-681f3a61]{display:none\\n}\\n.button-line[data-v-681f3a61]{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-681f3a61]{margin-top:4rem\\n}\\n}\\n.card>*[data-v-681f3a61]{-webkit-box-flex:1;-ms-flex:1;flex:1\\n}\\n.card .img[data-v-681f3a61]{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-681f3a61]{-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/***/ 3392:\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 centered\" },\n        _vm._l(_vm.cards, function(card) {\n          return _c(\n            \"div\",\n            { key: _vm.cards[card], staticClass: \"card-container centered\" },\n            [\n              _c(\"neu-card-general\", {\n                attrs: {\n                  \"data-index\": _vm.index,\n                  src: card.src,\n                  link: card.link,\n                  title: card.title,\n                  subtitle: card.subtitle,\n                  titleLines: card.titleLines,\n                  subtitleLines: card.subtitleLines,\n                  iconColor: _vm.iconColor\n                }\n              })\n            ],\n            1\n          )\n        }),\n        0\n      )\n    ]),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"nav centered\" }, [\n      _c(\n        \"button\",\n        {\n          staticClass: \"prev\",\n          staticStyle: {\n            \"background-color\": \"transparent\",\n            \"border-color\": \"transparent\",\n            transform: \"rotate(-180deg)\"\n          }\n        },\n        [\n          _c(\n            \"i\",\n            { staticClass: \"prev\" },\n            [\n              _c(\"base-icon\", {\n                staticClass: \"prev\",\n                attrs: {\n                  width: \"30\",\n                  height: \"30\",\n                  src: \"/static-appopensalud/img/icons/noun-arrow-blue.svg\",\n                  color: _vm.iconColor\n                }\n              })\n            ],\n            1\n          )\n        ]\n      ),\n      _vm._v(\" \"),\n      _c(\n        \"button\",\n        {\n          staticClass: \"next\",\n          staticStyle: {\n            \"background-color\": \"transparent\",\n            \"border-color\": \"transparent\",\n            transform: \"rotate(-0deg)\"\n          }\n        },\n        [\n          _c(\n            \"i\",\n            { staticClass: \"next\" },\n            [\n              _c(\"base-icon\", {\n                staticClass: \"next\",\n                attrs: {\n                  width: \"30\",\n                  height: \"30\",\n                  src: \"/static-appopensalud/img/icons/noun-arrow-blue.svg\",\n                  color: _vm.iconColor\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-681f3a61\", esExports)\n  }\n}\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static-appopensalud/js/140.73c1cdfd7c3f792d1d00.js","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-681f3a61\\\",\\\"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!./Carousel2.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!./Carousel2.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Carousel2.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-681f3a61\\\",\\\"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!./Carousel2.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-681f3a61\"\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/Carousel2.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-681f3a61\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-681f3a61\", 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/Carousel2.vue\n// module id = 2512\n// module chunks = 140","<template>\r\n  <div class=\"carousel-container\">\r\n    <div class=\"carousel-inner centered\">\r\n      <div class=\"track centered\">\r\n        <div v-for=\"card in cards\" :key=\"cards[card]\" class=\"card-container centered\">\r\n          <neu-card-general :data-index=\"index\" :src=\"card.src\" :link=\"card.link\"\r\n            :title=\"card.title\" :subtitle=\"card.subtitle\" :titleLines=\"card.titleLines\"\r\n            :subtitleLines=\"card.subtitleLines\" :iconColor=\"iconColor\"></neu-card-general>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"nav centered\">\r\n      <button style=\"background-color:transparent;border-color:transparent;transform: rotate(-180deg)\" class=\"prev\">\r\n        <i class=\"prev\">\r\n          <base-icon class=\"prev\" width=\"30\" height=\"30\" src=\"/static-appopensalud/img/icons/noun-arrow-blue.svg\"\r\n            :color=\"iconColor\" /></i>\r\n      </button>\r\n      <button style=\"background-color:transparent;border-color:transparent;transform: rotate(-0deg)\" class=\"next\">\r\n        <i class=\"next\">\r\n          <base-icon class=\"next\" width=\"30\" height=\"30\" src=\"/static-appopensalud/img/icons/noun-arrow-blue.svg\"\r\n            :color=\"iconColor\" /></i>\r\n      </button>\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-function': () => import('@/components/base/ui/NeuCardFunctions'),\r\n    'neu-card-general': () => import('@/components/base/ui/NeuCardGeneral'),\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      type: {\r\n        type: String,\r\n        require: false\r\n      },\r\n      iconColor: {\r\n        type: String,\r\n        required: false\r\n      }\r\n    },\r\n    mounted () {\r\n      this.$nextTick(function () {\r\n        this.initCarousel()\r\n      })\r\n    },\r\n    methods: {\r\n      initCarousel () {\r\n        const prev = document.querySelector('.prev')\r\n        const next = document.querySelector('.next')\r\n        const track = document.querySelector('.track')\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        if (this.cards.length === 3) {\r\n          next.classList.add('hide')\r\n        }\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            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          })\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              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              }\r\n              prev.classList.add('hide')\r\n              next.classList.remove('hide')\r\n            }\r\n          }, 9999999999999)\r\n        } else {\r\n          const cardLenght2 = cardLenght\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 ((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            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.add('show')\r\n              track.style.transform = `translateX(-${index * cardWidth}px)`\r\n              //  if (cardLenght2 <= 3) {\r\n              // movement.style.transform = `translateX(${index * 42}rem)`\r\n              // } else {\r\n              // movement.style.transform = `translateX(${index * cardLenght2}rem)`\r\n              // }\r\n              if (track.offsetWidth - (index * cardWidth) < cardContainer.offsetWidth) {\r\n                next.classList.add('hide')\r\n              }\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              }\r\n            }\r\n          }, 99999999997000)\r\n        }\r\n      }\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: -2rem auto 0 auto;\r\n  min-height: 200px;\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n@media screen and (max-width: 768px) {\r\n  .carousel-container {\r\n    width: 80%;\r\n  }\r\n}\r\n@media screen and (max-width: 1000px) {\r\n  .carousel-container {\r\n    width: 100%;\r\n  }\r\n}\r\n@media screen and (min-width: 1001px) and (max-width: 1440px) {\r\n  .carousel-container {\r\n    width: 85%;\r\n  }\r\n}\r\n.carousel-container .carousel-inner {\r\n  overflow: hidden;\r\n  background-color: transparent;\r\n   @media screen and (min-width: 1100px) and (max-width: 1281px) {\r\n      width: 113% !important;\r\n\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}\r\n.carousel-container .track {\r\n  display: inline-flex;\r\n  transition: transform 0.5s;\r\n  // padding-bottom: 3rem;\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: 5rem;\r\n      padding-right: 4rem;\r\n      padding-left: 4rem;\r\n      padding-bottom: 3rem;     \r\n      width: 30rem;\r\n    }\r\n     @media screen and (min-width: 1324px) and (max-width: 1452px) {\r\n        padding-top: 5rem;\r\n      padding-right: 3rem;\r\n      padding-left: 5rem;\r\n      padding-bottom: 3rem;     \r\n      width: 30rem;\r\n    }\r\n     @media screen and (min-width: 1452px) {\r\n       padding-top: 5rem;\r\n      padding-right: 5rem;\r\n      padding-left: 5rem;\r\n      padding-bottom: 3rem;     \r\n      width: 30rem;\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      }\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: 2rem;\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: 16rem;\r\n    padding-bottom: 2rem;\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: 2rem;\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: 2rem;\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: 2rem;\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  transform: translateY(-50%);\r\n  cursor: pointer;\r\n}\r\n.nav .prev {\r\n  right: 100%;\r\n}\r\n.nav .prev.show {\r\n  display: block;\r\n}\r\n.nav .next {\r\n  left: 200%;\r\n}\r\n.nav .next.hide {\r\n  display: none;\r\n}\r\n.nav .prev.hide {\r\n  display: none;\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/Carousel2.vue","// 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-681f3a61\\\",\\\"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!./Carousel2.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\")(\"0f7c5f0e\", 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-681f3a61\\\",\\\"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!./Carousel2.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-681f3a61\\\",\\\"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!./Carousel2.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-681f3a61\",\"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/Carousel2.vue\n// module id = 3384\n// module chunks = 140","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-681f3a61]{font-size:12px;letter-spacing:1.25px;font-weight:lighter;text-transform:uppercase\\n}\\n.slide-down-enter-active[data-v-681f3a61],.slide-down-leave-active[data-v-681f3a61]{-webkit-transition:all 0.5s ease;transition:all 0.5s ease\\n}\\n.slide-down-enter[data-v-681f3a61],.slide-down-leave-to[data-v-681f3a61]{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0\\n}\\n.slide-fade-left-enter-active[data-v-681f3a61],.slide-fade-left-leave-active[data-v-681f3a61]{-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-681f3a61],.slide-fade-left-leave-to[data-v-681f3a61]{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0\\n}\\n.fade-enter-active[data-v-681f3a61]{-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease\\n}\\n.fade-enter[data-v-681f3a61],.fade-leave-to[data-v-681f3a61]{opacity:0\\n}\\n.carousel-container[data-v-681f3a61]{width:1280px;margin:-2rem auto 0 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@media screen and (max-width: 768px){\\n.carousel-container[data-v-681f3a61]{width:80%\\n}\\n}\\n@media screen and (max-width: 1000px){\\n.carousel-container[data-v-681f3a61]{width:100%\\n}\\n}\\n@media screen and (min-width: 1001px) and (max-width: 1440px){\\n.carousel-container[data-v-681f3a61]{width:85%\\n}\\n}\\n.carousel-container .carousel-inner[data-v-681f3a61]{overflow:hidden;background-color:transparent\\n}\\n@media screen and (min-width: 1100px) and (max-width: 1281px){\\n.carousel-container .carousel-inner[data-v-681f3a61]{width:113% !important\\n}\\n}\\n@media screen and (max-width: 320px){\\n.carousel-container .carousel-inner[data-v-681f3a61]{width:20rem\\n}\\n}\\n@media screen and (min-width: 321px) and (max-width: 425px){\\n.carousel-container .carousel-inner[data-v-681f3a61]{width:100%\\n}\\n}\\n.carousel-container .track[data-v-681f3a61]{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.carousel-container .card-container[data-v-681f3a61]{-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-681f3a61]{padding-top:5rem;padding-right:4rem;padding-left:4rem;padding-bottom:3rem;width:30rem\\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-681f3a61]{padding-top:5rem;padding-right:3rem;padding-left:5rem;padding-bottom:3rem;width:30rem\\n}\\n}\\n@media only screen and (min-width: 1024px) and (min-width: 1452px){\\n.carousel-container .card-container[data-v-681f3a61]{padding-top:5rem;padding-right:5rem;padding-left:5rem;padding-bottom:3rem;width:30rem\\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-681f3a61]{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-681f3a61]{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-681f3a61]{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-681f3a61]{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-681f3a61]{padding-top:5rem;padding-right:2rem;padding-left:1rem;padding-bottom:2rem;width:23rem\\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-681f3a61]{padding-top:5rem;padding-right:16rem;padding-bottom:2rem;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-681f3a61]{padding-top:5rem;padding-right:16rem;padding-bottom:2rem;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-681f3a61]{padding-top:5rem;padding-right:15rem;padding-left:3rem;padding-bottom:2rem;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-681f3a61]{padding-top:5rem;padding-right:11rem;padding-left:4rem;padding-bottom:2rem;width:37rem\\n}\\n}\\n@media only screen and (max-width: 575px) and (max-width: 320px){\\n.carousel-container .card-container[data-v-681f3a61]{padding-top:5rem;padding-right:16rem;padding-bottom:2rem;width:32rem\\n}\\n}\\n.carousel-container .card-container .card[data-v-681f3a61]{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-681f3a61]{width:50%;top:50%;position:absolute\\n}\\n.nav button[data-v-681f3a61]{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[data-v-681f3a61]{right:100%\\n}\\n.nav .prev.show[data-v-681f3a61]{display:block\\n}\\n.nav .next[data-v-681f3a61]{left:200%\\n}\\n.nav .next.hide[data-v-681f3a61]{display:none\\n}\\n.nav .prev.hide[data-v-681f3a61]{display:none\\n}\\n.button-line[data-v-681f3a61]{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-681f3a61]{margin-top:4rem\\n}\\n}\\n.card>*[data-v-681f3a61]{-webkit-box-flex:1;-ms-flex:1;flex:1\\n}\\n.card .img[data-v-681f3a61]{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-681f3a61]{-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-681f3a61\",\"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/Carousel2.vue\n// module id = 3385\n// module chunks = 140","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 centered\" },\n        _vm._l(_vm.cards, function(card) {\n          return _c(\n            \"div\",\n            { key: _vm.cards[card], staticClass: \"card-container centered\" },\n            [\n              _c(\"neu-card-general\", {\n                attrs: {\n                  \"data-index\": _vm.index,\n                  src: card.src,\n                  link: card.link,\n                  title: card.title,\n                  subtitle: card.subtitle,\n                  titleLines: card.titleLines,\n                  subtitleLines: card.subtitleLines,\n                  iconColor: _vm.iconColor\n                }\n              })\n            ],\n            1\n          )\n        }),\n        0\n      )\n    ]),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"nav centered\" }, [\n      _c(\n        \"button\",\n        {\n          staticClass: \"prev\",\n          staticStyle: {\n            \"background-color\": \"transparent\",\n            \"border-color\": \"transparent\",\n            transform: \"rotate(-180deg)\"\n          }\n        },\n        [\n          _c(\n            \"i\",\n            { staticClass: \"prev\" },\n            [\n              _c(\"base-icon\", {\n                staticClass: \"prev\",\n                attrs: {\n                  width: \"30\",\n                  height: \"30\",\n                  src: \"/static-appopensalud/img/icons/noun-arrow-blue.svg\",\n                  color: _vm.iconColor\n                }\n              })\n            ],\n            1\n          )\n        ]\n      ),\n      _vm._v(\" \"),\n      _c(\n        \"button\",\n        {\n          staticClass: \"next\",\n          staticStyle: {\n            \"background-color\": \"transparent\",\n            \"border-color\": \"transparent\",\n            transform: \"rotate(-0deg)\"\n          }\n        },\n        [\n          _c(\n            \"i\",\n            { staticClass: \"next\" },\n            [\n              _c(\"base-icon\", {\n                staticClass: \"next\",\n                attrs: {\n                  width: \"30\",\n                  height: \"30\",\n                  src: \"/static-appopensalud/img/icons/noun-arrow-blue.svg\",\n                  color: _vm.iconColor\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-681f3a61\", esExports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-681f3a61\",\"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/Carousel2.vue\n// module id = 3392\n// module chunks = 140"],"sourceRoot":""}