{"version":3,"sources":["webpack:///static-appopensalud/js/21.974cb3207d9f6da60e06.js","webpack:///./src/components/views/healthy-community/HealthyCommunity.vue","webpack:///src/components/views/healthy-community/HealthyCommunity.vue","webpack:///src/components/views/healthy-community/HealthyCommunityVerticalCard.vue","webpack:///./src/components/views/healthy-community/HealthyCommunity.vue?4f70","webpack:///./src/components/views/healthy-community/HealthyCommunity.vue?49b6","webpack:///./src/components/views/healthy-community/HealthyCommunityVerticalCard.vue","webpack:///./src/components/views/healthy-community/HealthyCommunityVerticalCard.vue?c940","webpack:///./src/components/views/healthy-community/HealthyCommunityVerticalCard.vue?8c3f","webpack:///./src/components/views/healthy-community/HealthyCommunityVerticalCard.vue?0cb3","webpack:///./src/components/views/healthy-community/HealthyCommunity.vue?2b9e"],"names":["webpackJsonp","1245","module","__webpack_exports__","__webpack_require__","injectStyle","ssrContext","disposed","normalizeComponent","__vue_styles__","Component","options","__file","3052","__WEBPACK_IMPORTED_MODULE_0__components_base_buttons_BackButton__","__WEBPACK_IMPORTED_MODULE_1__mixins_forum_mixin__","__WEBPACK_IMPORTED_MODULE_2__helpers_global_helpers__","__WEBPACK_IMPORTED_MODULE_3__components_views_healthy_community_HealthyCommunityVerticalCard__","__WEBPACK_IMPORTED_MODULE_4__constants_healthyCommunitySections__","name","mixins","components","HealthyCommunityVerticalCard","BackBtn","data","cards","created","this","$store","state","forum","hideSearcher","entriesPageNumber","hideAccessBtn","methods","goOpenhealth","location","href","getters","3053","__WEBPACK_IMPORTED_MODULE_0__mixins_forum_mixin__","__WEBPACK_IMPORTED_MODULE_1__components_base_ui_BaseCard__","__WEBPACK_IMPORTED_MODULE_2__components_base_buttons_BaseButton__","__WEBPACK_IMPORTED_MODULE_3__constants_healthyCommunitySections__","__WEBPACK_IMPORTED_MODULE_4_bootstrap_vue__","BaseCard","BaseButton","BBadge","props","blinkSoonLabelActive","sectionId","goToPath","session","logged","logIn","getHealthyCommunityPathUrl","e","currentTarget","getAttribute","$router","push","getPendingPushNotificationsMessage","numberNotifications","$t","plural","showPendingNotificationBySection","showPushNotifications","goSection","pushNotificationsReaded","getForumPathBySectionId","showPendingPushNotificationsInLanding","userBasicInfo","pushNotificationsSectionId","filter","highlightSoonLabel","3372","exports","content","i","locals","3373","3374","3375","3376","3377","render","_vm","_h","$createElement","_c","_self","staticClass","_l","item","index","key","attrs","cols","xl","path","on","click","$event","soonLabel","titleClass","class","isMobile","src","img","alt","height","width","color","_v","_s","title","domProps","innerHTML","description","staticStyle","stopPropagation","white","_e","blink","variant","staticRenderFns","_withStripped","esExports","3378","action"],"mappings":"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","file":"static-appopensalud/js/21.974cb3207d9f6da60e06.js","sourcesContent":["webpackJsonp([21],{\n\n/***/ 1245:\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_HealthyCommunity_vue__ = __webpack_require__(3052);\n/* empty harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_18980053_hasScoped_false_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_HealthyCommunity_vue__ = __webpack_require__(3378);\nvar disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  __webpack_require__(3372)\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__ = null\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_HealthyCommunity_vue__[\"a\" /* default */],\n  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_18980053_hasScoped_false_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_HealthyCommunity_vue__[\"a\" /* default */],\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/views/healthy-community/HealthyCommunity.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-18980053\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-18980053\", 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/***/ 3052:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_base_buttons_BackButton__ = __webpack_require__(1211);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__mixins_forum_mixin__ = __webpack_require__(156);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__helpers_global_helpers__ = __webpack_require__(49);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__components_views_healthy_community_HealthyCommunityVerticalCard__ = __webpack_require__(3374);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__constants_healthyCommunitySections__ = __webpack_require__(214);\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n  name: 'healthy-community',\n  mixins: [__WEBPACK_IMPORTED_MODULE_1__mixins_forum_mixin__[\"a\" /* default */]],\n  components: {\n    HealthyCommunityVerticalCard: __WEBPACK_IMPORTED_MODULE_3__components_views_healthy_community_HealthyCommunityVerticalCard__[\"a\" /* default */],\n    BackBtn: __WEBPACK_IMPORTED_MODULE_0__components_base_buttons_BackButton__[\"a\" /* default */]\n  },\n  data: function data() {\n    return {\n      cards: [{\n        title: this.$t('whoIn'),\n        img: '/static-appopensalud/img/healthy-community/who-in-simplified.svg',\n        description: '' + this.$t('whoInSectionDescription'),\n        path: 'quienseapunta',\n        sectionId: __WEBPACK_IMPORTED_MODULE_4__constants_healthyCommunitySections__[\"c\" /* WHO_IN_HEALTH_COMMUNITY_SECTION */],\n        soonLabel: true\n      },\n      /* {\r\n        title: this.$t('healthyInformation'),\r\n        img: '/static-appopensalud/img/healthy-community/healthy-information.svg',\r\n        description: `${this.$t('healthyInformationSectionDescription')}`,\r\n        path: 'informacionsalud',\r\n        sectionId: HEALTHY_INFORMATION_HEALTH_COMMUNITY_SECTION\r\n      }, */\n      {\n        title: this.$t('patientsLikeYou'),\n        img: '/static-appopensalud/img/healthy-community/patients-like-you.svg',\n        description: this.$t('forumSectionDescription'),\n        path: 'pacientescomotu',\n        sectionId: __WEBPACK_IMPORTED_MODULE_4__constants_healthyCommunitySections__[\"a\" /* FORUM_HEALTH_COMMUNITY_SECTION */]\n      }]\n    };\n  },\n  created: function created() {\n    this.$store.state.forum.hideSearcher = true;\n    this.$store.state.forum.entriesPageNumber = 0;\n    this.$store.state.forum.hideAccessBtn = true;\n  },\n\n  methods: {\n    goOpenhealth: function goOpenhealth() {\n      location.href = this.$store.getters['forum/forumUserIsProfessionalRole'] ? 'https://app-360.opensalud.es/' + this.$i18n.locale + '/HomeProfesional' : 'https://' + (location.href.indexOf('test') > -1 ? 'pruebas-' : '') + '360.opensalud.' + __WEBPACK_IMPORTED_MODULE_2__helpers_global_helpers__[\"a\" /* country */] + '/' + (this.$store.getters['forum/forumUserIsPatientRole'] ? 'patient' : '');\n    }\n  }\n});\n\n/***/ }),\n\n/***/ 3053:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__mixins_forum_mixin__ = __webpack_require__(156);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_base_ui_BaseCard__ = __webpack_require__(275);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_base_buttons_BaseButton__ = __webpack_require__(105);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants_healthyCommunitySections__ = __webpack_require__(214);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_bootstrap_vue__ = __webpack_require__(17);\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/* harmony default export */ __webpack_exports__[\"a\"] = ({\n    name: 'healthy-community-vertical-card',\n    mixins: [__WEBPACK_IMPORTED_MODULE_0__mixins_forum_mixin__[\"a\" /* default */]],\n    components: {\n        BaseCard: __WEBPACK_IMPORTED_MODULE_1__components_base_ui_BaseCard__[\"default\"],\n        BaseButton: __WEBPACK_IMPORTED_MODULE_2__components_base_buttons_BaseButton__[\"default\"],\n        BBadge: __WEBPACK_IMPORTED_MODULE_4_bootstrap_vue__[\"b\" /* BBadge */]\n    },\n    props: {\n        cards: {\n            type: Array,\n            required: true\n        }\n    },\n    data: function data() {\n        return {\n            blinkSoonLabelActive: false\n        };\n    },\n    created: function created() {\n        this.$store.state.forum.sectionId = null;\n    },\n\n    methods: {\n        goToPath: function goToPath(e, sectionId) {\n            if (!this.$store.state.session.logged && (sectionId === __WEBPACK_IMPORTED_MODULE_3__constants_healthyCommunitySections__[\"b\" /* HEALTHY_INFORMATION_HEALTH_COMMUNITY_SECTION */] || sectionId === __WEBPACK_IMPORTED_MODULE_3__constants_healthyCommunitySections__[\"c\" /* WHO_IN_HEALTH_COMMUNITY_SECTION */])) {\n                this.logIn(this.getHealthyCommunityPathUrl(e.currentTarget.getAttribute('data-path')));\n                return;\n            }\n            this.$router.push(this.getHealthyCommunityPathUrl(e.currentTarget.getAttribute('data-path')));\n        },\n        getPendingPushNotificationsMessage: function getPendingPushNotificationsMessage(sectionId) {\n            var numberNotifications = this.$store.state.forum.userBasicInfo.pushNotificationsSectionId.filter(function (x) {\n                return x === sectionId;\n            }).length;\n            if (numberNotifications === 1) {\n                return this.$t('newPushNotifications', { plural: '', numberNotifications: numberNotifications });\n            } else if (numberNotifications > 1) {\n                return this.$t('newPushNotifications', { plural: 's', numberNotifications: numberNotifications });\n            }\n        },\n        showPendingNotificationBySection: function showPendingNotificationBySection(sectionId) {\n            this.showPushNotifications(sectionId);\n        },\n        goSection: function goSection(sectionId) {\n            this.pushNotificationsReaded(sectionId);\n            this.$router.push(this.getHealthyCommunityPathUrl(this.getForumPathBySectionId(sectionId)));\n        },\n        showPendingPushNotificationsInLanding: function showPendingPushNotificationsInLanding(item) {\n            return this.$store.state.forum.userBasicInfo.pushNotificationsSectionId.filter(function (x) {\n                return x === item.sectionId;\n            }).length > 0;\n        },\n        highlightSoonLabel: function highlightSoonLabel() {\n            var _this = this;\n\n            this.blinkSoonLabelActive = true;\n            setTimeout(function () {\n                _this.blinkSoonLabelActive = false;\n            }, 4000);\n        }\n    }\n});\n\n/***/ }),\n\n/***/ 3372:\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__(3373);\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)(\"6d7cc289\", 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-18980053\\\",\\\"scoped\\\":false,\\\"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!./HealthyCommunity.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-18980053\\\",\\\"scoped\\\":false,\\\"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!./HealthyCommunity.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/***/ 3373:\n/***/ (function(module, exports, __webpack_require__) {\n\nexports = module.exports = __webpack_require__(8)(false);\n// imports\n\n\n// module\nexports.push([module.i, \"\\n.overline-typescale{font-size:12px;letter-spacing:1.25px;font-weight:lighter;text-transform:uppercase\\n}\\n.slide-down-enter-active,.slide-down-leave-active{-webkit-transition:all 0.5s ease;transition:all 0.5s ease\\n}\\n.slide-down-enter,.slide-down-leave-to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0\\n}\\n.slide-fade-left-enter-active,.slide-fade-left-leave-active{-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,.slide-fade-left-leave-to{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0\\n}\\n.fade-enter-active{-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease\\n}\\n.fade-enter,.fade-leave-to{opacity:0\\n}\\n.healthyCommunity{min-height:70dvh\\n}\\n.healthy-community-title{text-align:center\\n}\\n.btn-go-openhealth{display:block;margin-left:5rem\\n}\\n@media only screen and (max-width: 575px){\\n.btn-go-openhealth{margin-left:1rem\\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.btn-go-openhealth{margin-left:1rem\\n}\\n}\\n\", \"\"]);\n\n// exports\n\n\n/***/ }),\n\n/***/ 3374:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_HealthyCommunityVerticalCard_vue__ = __webpack_require__(3053);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7ea826ce_hasScoped_false_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_HealthyCommunityVerticalCard_vue__ = __webpack_require__(3377);\nvar disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  __webpack_require__(3375)\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__ = null\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_HealthyCommunityVerticalCard_vue__[\"a\" /* default */],\n  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7ea826ce_hasScoped_false_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_HealthyCommunityVerticalCard_vue__[\"a\" /* default */],\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/views/healthy-community/HealthyCommunityVerticalCard.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-7ea826ce\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-7ea826ce\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n\n/***/ 3375:\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__(3376);\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)(\"58042e24\", 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-7ea826ce\\\",\\\"scoped\\\":false,\\\"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!./HealthyCommunityVerticalCard.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-7ea826ce\\\",\\\"scoped\\\":false,\\\"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!./HealthyCommunityVerticalCard.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/***/ 3376:\n/***/ (function(module, exports, __webpack_require__) {\n\nexports = module.exports = __webpack_require__(8)(false);\n// imports\n\n\n// module\nexports.push([module.i, \"\\n.overline-typescale{font-size:12px;letter-spacing:1.25px;font-weight:lighter;text-transform:uppercase\\n}\\n.slide-down-enter-active,.slide-down-leave-active{-webkit-transition:all 0.5s ease;transition:all 0.5s ease\\n}\\n.slide-down-enter,.slide-down-leave-to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0\\n}\\n.slide-fade-left-enter-active,.slide-fade-left-leave-active{-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,.slide-fade-left-leave-to{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0\\n}\\n.fade-enter-active{-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease\\n}\\n.fade-enter,.fade-leave-to{opacity:0\\n}\\n.healthyCommunityMainBlock{max-width:570px\\n}\\n@media only screen and (max-width: 575px){\\n.healthyCommunityMainBlock{height:100% !important\\n}\\n}\\n.healthyCommunityBlockHeight{text-align:center !important;margin:2%\\n}\\n.healthyCommunityImageSize{margin-bottom:1rem;width:100%\\n}\\n.healthyCommunityTitle{color:#3238C4 !important\\n}\\n@media only screen and (min-width: 1003px) and (max-width: 1586px){\\n.healthyCommunityTitle{height:51px !important\\n}\\n}\\n@media only screen and (min-width: 576px) and (max-width: 1002px){\\n.healthyCommunityTitle{height:81px !important\\n}\\n}\\n.btnAccessHealthyCommunity{margin-bottom:0 !important;padding:0.5rem 1.5rem !important\\n}\\n.btnReadNotificationsHealthyCommunity{font-size:11px;padding:0.5rem 1.5rem\\n}\\n.description-block-healthy-community{margin-top:0;margin-bottom:0\\n}\\n@media only screen and (min-width: 1621px){\\n.description-block-healthy-community{min-height:45px\\n}\\n}\\n@media only screen and (min-width: 1334px) and (max-width: 1620px){\\n.description-block-healthy-community{min-height:67.5px\\n}\\n}\\n@media only screen and (min-width: 1140px) and (max-width: 1333px){\\n.description-block-healthy-community{min-height:90px\\n}\\n}\\n.neu-card-title{color:#3238C4;font-weight:bold;font-size:1.25rem;margin:0\\n}\\n@media only screen and (min-width: 1200px){\\n.healthyCommunityMainBlock .neu-card{padding-left:3.2rem !important;padding-right:3.2rem !important\\n}\\n}\\n.soon-label-healthy-community{position:relative;margin-top:0 !important\\n}\\n\", \"\"]);\n\n// exports\n\n\n/***/ }),\n\n/***/ 3377:\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(\n    \"b-row\",\n    { staticClass: \"d-flex justify-content-center\" },\n    _vm._l(_vm.cards, function(item, index) {\n      return _c(\n        \"b-col\",\n        {\n          key: index,\n          staticClass: \"healthyCommunityMainBlock my-3 px-2\",\n          attrs: { cols: \"12\", xl: \"4\", \"data-path\": item.path },\n          on: {\n            click: function($event) {\n              item.soonLabel\n                ? _vm.highlightSoonLabel()\n                : _vm.goToPath($event, item.sectionId)\n            }\n          }\n        },\n        [\n          _c(\n            \"base-card\",\n            {\n              staticClass: \"healthyCommunityBlockHeight pointer\",\n              attrs: { titleClass: \"healthyCommunityTitle\" }\n            },\n            [\n              _c(\"base-icon\", {\n                class: {\n                  \"d-inline-block\": _vm.$store.state.isMobile,\n                  \"mr-2\": _vm.$store.state.isMobile\n                },\n                attrs: {\n                  src: item.img,\n                  alt: \"\",\n                  height: _vm.$store.state.isMobile ? \"30\" : \"42\",\n                  width: _vm.$store.state.isMobile ? \"30\" : \"42\",\n                  color: \"blue\"\n                }\n              }),\n              _vm._v(\" \"),\n              _c(\"p\", { staticClass: \"neu-card-title my-3\" }, [\n                _vm._v(_vm._s(item.title))\n              ]),\n              _vm._v(\" \"),\n              _c(\"p\", {\n                staticClass: \"description-block-healthy-community\",\n                domProps: { innerHTML: _vm._s(item.description) }\n              }),\n              _vm._v(\" \"),\n              _vm.showPendingPushNotificationsInLanding(item) && !item.soonLabel\n                ? _c(\n                    \"p\",\n                    {\n                      staticClass: \"my-3\",\n                      staticStyle: { \"margin-bottom\": \"0 !important\" },\n                      on: {\n                        click: function($event) {\n                          $event.stopPropagation()\n                          return _vm.goSection(item.sectionId)\n                        }\n                      }\n                    },\n                    [\n                      _c(\n                        \"base-button\",\n                        {\n                          staticClass: \"btnReadNotificationsHealthyCommunity\",\n                          attrs: { white: \"\" }\n                        },\n                        [\n                          _c(\"b-icon-bell\", { staticClass: \"pointer\" }),\n                          _vm._v(\n                            \" \" +\n                              _vm._s(\n                                _vm.getPendingPushNotificationsMessage(\n                                  item.sectionId\n                                )\n                              )\n                          )\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm._v(\" \"),\n              !_vm.showPendingPushNotificationsInLanding(item) &&\n              !item.soonLabel\n                ? _c(\n                    \"base-button\",\n                    {\n                      staticClass: \"btnAccessHealthyCommunity my-3\",\n                      attrs: { white: \"\" }\n                    },\n                    [_c(\"span\", [_vm._v(_vm._s(_vm.$t(\"accessBtn\")))])]\n                  )\n                : _vm._e(),\n              _vm._v(\" \"),\n              item.soonLabel\n                ? _c(\n                    \"p\",\n                    { staticStyle: { \"margin-bottom\": \"0\" } },\n                    [\n                      _c(\n                        \"b-badge\",\n                        {\n                          staticClass: \"mt-3 soon-label-healthy-community\",\n                          class: { blink: _vm.blinkSoonLabelActive },\n                          attrs: { variant: \"primary\" }\n                        },\n                        [_vm._v(_vm._s(_vm.$t(\"soon-label\")))]\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e()\n            ],\n            1\n          )\n        ],\n        1\n      )\n    }),\n    1\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-7ea826ce\", esExports)\n  }\n}\n\n/***/ }),\n\n/***/ 3378:\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(\n    \"div\",\n    { staticClass: \"healthyCommunity pb-5 ctm-container\" },\n    [\n      _c(\"back-btn\", {\n        staticClass: \"btn-go-openhealth\",\n        attrs: {\n          action: function() {\n            return _vm.goOpenhealth()\n          }\n        }\n      }),\n      _vm._v(\" \"),\n      _c(\"h1\", { staticClass: \"healthy-community-title my-3\" }, [\n        _vm._v(_vm._s(_vm.$t(\"healthyCommunityTitle\")))\n      ]),\n      _vm._v(\" \"),\n      _c(\"healthy-community-vertical-card\", { attrs: { cards: _vm.cards } })\n    ],\n    1\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-18980053\", esExports)\n  }\n}\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static-appopensalud/js/21.974cb3207d9f6da60e06.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-18980053\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"data\\\":\\\"@import \\\\\\\"static-appopensalud/css/scss/shared.scss\\\\\\\";\\\",\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./HealthyCommunity.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!./HealthyCommunity.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./HealthyCommunity.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-18980053\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./HealthyCommunity.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\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/views/healthy-community/HealthyCommunity.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-18980053\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-18980053\", 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/views/healthy-community/HealthyCommunity.vue\n// module id = 1245\n// module chunks = 21","<template>\r\n  <div class=\"healthyCommunity pb-5 ctm-container\">\r\n    <back-btn class=\"btn-go-openhealth\" :action=\"() => goOpenhealth()\"></back-btn>\r\n    <h1 class=\"healthy-community-title my-3\">{{$t('healthyCommunityTitle')}}</h1>\r\n    <healthy-community-vertical-card :cards=\"cards\"></healthy-community-vertical-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport BackBtn from '@/components/base/buttons/BackButton'\r\nimport forumMixin from '@/mixins/forum.mixin'\r\nimport { country } from '@/helpers/global.helpers'\r\nimport HealthyCommunityVerticalCard from '@/components/views/healthy-community/HealthyCommunityVerticalCard'\r\nimport { FORUM_HEALTH_COMMUNITY_SECTION, WHO_IN_HEALTH_COMMUNITY_SECTION } from '@/constants/healthyCommunitySections'\r\n\r\nexport default {\r\n  name: 'healthy-community',\r\n  mixins: [forumMixin],\r\n  components: {\r\n    HealthyCommunityVerticalCard,\r\n    BackBtn\r\n  },\r\n  data () {\r\n    return {\r\n      cards: [\r\n        {\r\n          title: this.$t('whoIn'),\r\n          img: '/static-appopensalud/img/healthy-community/who-in-simplified.svg',\r\n          description: `${this.$t('whoInSectionDescription')}`,\r\n          path: 'quienseapunta',\r\n          sectionId: WHO_IN_HEALTH_COMMUNITY_SECTION,\r\n          soonLabel: true\r\n        },\r\n        /* {\r\n          title: this.$t('healthyInformation'),\r\n          img: '/static-appopensalud/img/healthy-community/healthy-information.svg',\r\n          description: `${this.$t('healthyInformationSectionDescription')}`,\r\n          path: 'informacionsalud',\r\n          sectionId: HEALTHY_INFORMATION_HEALTH_COMMUNITY_SECTION\r\n        }, */\r\n        {\r\n          title: this.$t('patientsLikeYou'),\r\n          img: '/static-appopensalud/img/healthy-community/patients-like-you.svg',\r\n          description: this.$t('forumSectionDescription'),\r\n          path: 'pacientescomotu',\r\n          sectionId: FORUM_HEALTH_COMMUNITY_SECTION\r\n        }\r\n      ]\r\n    }\r\n  },\r\n  created () {\r\n    this.$store.state.forum.hideSearcher = true\r\n    this.$store.state.forum.entriesPageNumber = 0\r\n    this.$store.state.forum.hideAccessBtn = true\r\n  },\r\n  methods: {\r\n    goOpenhealth () {\r\n      location.href = this.$store.getters['forum/forumUserIsProfessionalRole'] ? `https://app-360.opensalud.es/${this.$i18n.locale}/HomeProfesional` : `https://${location.href.indexOf('test') > -1 ? 'pruebas-' : ''}360.opensalud.${country}/${this.$store.getters['forum/forumUserIsPatientRole'] ? 'patient' : ''}`\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n  .healthyCommunity {\r\n    min-height: 70dvh;\r\n  }\r\n  .healthy-community-title{\r\n    text-align: center;\r\n  }\r\n  .btn-go-openhealth{\r\n    display: block;\r\n    margin-left: 5rem;\r\n    @include media(mobile, tablets) {\r\n      margin-left: 1rem;\r\n    }\r\n  }\r\n</style>\n\n\n// WEBPACK FOOTER //\n// src/components/views/healthy-community/HealthyCommunity.vue","<template>\r\n    <b-row class=\"d-flex justify-content-center\">\r\n    <b-col cols=\"12\" xl=\"4\" class=\"healthyCommunityMainBlock my-3 px-2\" v-for=\"(item, index) in cards\" :key=\"index\" :data-path=\"item.path\" @click=\"item.soonLabel ? highlightSoonLabel() : goToPath($event, item.sectionId)\">\r\n    <base-card titleClass=\"healthyCommunityTitle\" class=\"healthyCommunityBlockHeight pointer\">\r\n        <base-icon :src=\"item.img\" alt=\"\" :height=\"$store.state.isMobile ? '30' : '42'\" :width=\"$store.state.isMobile ? '30' : '42'\" color=\"blue\" :class=\"{ 'd-inline-block': $store.state.isMobile, 'mr-2': $store.state.isMobile }\"></base-icon>\r\n        <p class=\"neu-card-title my-3\">{{item.title}}</p>\r\n        <p class=\"description-block-healthy-community\" v-html=\"item.description\"></p>\r\n        <p class=\"my-3\" style=\"margin-bottom: 0 !important;\" @click.stop=\"goSection(item.sectionId)\" v-if=\"showPendingPushNotificationsInLanding(item) && !item.soonLabel\">\r\n            <base-button class=\"btnReadNotificationsHealthyCommunity\" white><b-icon-bell class=\"pointer\"></b-icon-bell> {{getPendingPushNotificationsMessage(item.sectionId)}}</base-button>\r\n        </p>\r\n        <base-button white v-if=\"!showPendingPushNotificationsInLanding(item) && !item.soonLabel\" class=\"btnAccessHealthyCommunity my-3\"><span>{{ $t('accessBtn') }}</span></base-button>\r\n        <p v-if=\"item.soonLabel\" style=\"margin-bottom: 0\"><b-badge class=\"mt-3 soon-label-healthy-community\" :class=\"{ 'blink': blinkSoonLabelActive }\" variant=\"primary\">{{ $t('soon-label') }}</b-badge></p>\r\n    </base-card>\r\n    </b-col>\r\n    </b-row>\r\n</template>\r\n\r\n<script>\r\nimport forumMixin from '@/mixins/forum.mixin'\r\nimport BaseCard from '@/components/base/ui/BaseCard'\r\nimport BaseButton from '@/components/base/buttons/BaseButton'\r\nimport { HEALTHY_INFORMATION_HEALTH_COMMUNITY_SECTION, WHO_IN_HEALTH_COMMUNITY_SECTION } from '@/constants/healthyCommunitySections'\r\nimport { BBadge } from 'bootstrap-vue'\r\n\r\nexport default ({\r\n    name: 'healthy-community-vertical-card',\r\n    mixins: [forumMixin],\r\n    components: {\r\n        BaseCard,\r\n        BaseButton,\r\n        BBadge\r\n    },\r\n    props: {\r\n      cards: {\r\n        type: Array,\r\n        required: true\r\n      }\r\n    },\r\n    data () {\r\n        return {\r\n            blinkSoonLabelActive: false\r\n        }\r\n    },\r\n    created () {\r\n        this.$store.state.forum.sectionId = null\r\n    },\r\n    methods: {\r\n        goToPath (e, sectionId) {\r\n            if (!this.$store.state.session.logged && (sectionId === HEALTHY_INFORMATION_HEALTH_COMMUNITY_SECTION || sectionId === WHO_IN_HEALTH_COMMUNITY_SECTION)) {\r\n                this.logIn(this.getHealthyCommunityPathUrl(e.currentTarget.getAttribute('data-path')))\r\n                return\r\n            }\r\n            this.$router.push(this.getHealthyCommunityPathUrl(e.currentTarget.getAttribute('data-path')))\r\n        },\r\n        getPendingPushNotificationsMessage (sectionId) {\r\n            let numberNotifications = this.$store.state.forum.userBasicInfo.pushNotificationsSectionId.filter(x => x === sectionId).length\r\n            if (numberNotifications === 1) {\r\n                return this.$t('newPushNotifications', { plural: '', numberNotifications: numberNotifications })\r\n            } else if (numberNotifications > 1) {\r\n                return this.$t('newPushNotifications', { plural: 's', numberNotifications: numberNotifications })\r\n            }\r\n        },\r\n        showPendingNotificationBySection (sectionId) {\r\n            this.showPushNotifications(sectionId)\r\n        },\r\n        goSection (sectionId) {\r\n            this.pushNotificationsReaded(sectionId)\r\n            this.$router.push(this.getHealthyCommunityPathUrl(this.getForumPathBySectionId(sectionId)))\r\n        },\r\n        showPendingPushNotificationsInLanding (item) {\r\n            return this.$store.state.forum.userBasicInfo.pushNotificationsSectionId.filter(x => x === item.sectionId).length > 0\r\n        },\r\n        highlightSoonLabel () {\r\n\t\t\tthis.blinkSoonLabelActive = true\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tthis.blinkSoonLabelActive = false\r\n\t\t\t}, 4000)\r\n\t\t}\r\n    }\r\n})\r\n</script>\r\n<style lang=\"scss\">\r\n    .healthyCommunityMainBlock{\r\n        /* @media only screen and (min-width: 1200px) { */\r\n            max-width: 570px;\r\n        /* } */\r\n        @media only screen and (max-width: 575px) {\r\n            height: 100% !important;\r\n        }\r\n    }\r\n    .healthyCommunityBlockHeight{\r\n        // @media only screen and (min-width: 756px) {\r\n            // height: 100% !important;\r\n        // }\r\n        text-align: center !important;\r\n        margin: 2%;\r\n        // padding-top: 2rem !important;\r\n        /* @media only screen and (min-width: 1200px) {\r\n           max-height: 250px;\r\n        } */\r\n    }\r\n    .healthyCommunityImageSize{       \r\n        margin-bottom: 1rem;       \r\n        width: 100%;\r\n        /* height: 250px;\r\n        @include media(mobile, tablets) {\r\n            height: 150px;\r\n        }\r\n        @media only screen and (min-width: 2100px) {\r\n           width: 80%;\r\n        } */\r\n    }\r\n    .healthyCommunityTitle{\r\n        color: $blue !important;\r\n        @media only screen and (min-width: 1003px) and (max-width: 1586px) {\r\n           height: 51px !important;\r\n        }\r\n        @media only screen and (min-width: 576px) and (max-width: 1002px) {\r\n           height: 81px !important;\r\n        }\r\n    }\r\n\r\n    .btnAccessHealthyCommunity{\r\n        margin-bottom: 0 !important;\r\n        /* @include screen-xl-grid-max { */\r\n            padding: 0.5rem 1.5rem !important;\r\n        /* } */\r\n        /* position: absolute;\r\n        transform: translate(-50%, -50%);\r\n        bottom: 0; */\r\n    }\r\n\r\n    .btnReadNotificationsHealthyCommunity {\r\n        font-size: 11px;\r\n        padding: 0.5rem 1.5rem;\r\n        /* @include screen-xl-grid-max {\r\n            padding: 0.4rem 1rem !important;\r\n        } */\r\n        // position: absolute;\r\n        // transform: translate(-50%, -50%);\r\n        // bottom: 0;\r\n        // width: max-content !important;\r\n    }\r\n\r\n    .description-block-healthy-community {\r\n        margin-top: 0;\r\n        margin-bottom: 0;\r\n        @media only screen and (min-width: 1621px) {\r\n            min-height: 45px;\r\n        }\r\n        @media only screen and (min-width: 1334px) and (max-width: 1620px) {\r\n            min-height: 67.5px;\r\n        }\r\n        @media only screen and (min-width: 1140px) and (max-width: 1333px) {\r\n            min-height: 90px;\r\n        }\r\n    }\r\n    .neu-card-title{\r\n        color: #3238C4;\r\n        font-weight: bold;\r\n        font-size: 1.25rem;\r\n        margin: 0;\r\n    }\r\n    @media only screen and (min-width: 1200px) {\r\n        .healthyCommunityMainBlock .neu-card{\r\n            padding-left: 3.2rem !important;\r\n            padding-right: 3.2rem !important;\r\n        }\r\n    }\r\n    .soon-label-healthy-community {\r\n        position: relative;\r\n        margin-top: 0 !important;\r\n    }\r\n</style>\r\n\n\n\n// WEBPACK FOOTER //\n// src/components/views/healthy-community/HealthyCommunityVerticalCard.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-18980053\\\",\\\"scoped\\\":false,\\\"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!./HealthyCommunity.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\")(\"6d7cc289\", 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-18980053\\\",\\\"scoped\\\":false,\\\"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!./HealthyCommunity.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-18980053\\\",\\\"scoped\\\":false,\\\"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!./HealthyCommunity.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-18980053\",\"scoped\":false,\"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/views/healthy-community/HealthyCommunity.vue\n// module id = 3372\n// module chunks = 21","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.overline-typescale{font-size:12px;letter-spacing:1.25px;font-weight:lighter;text-transform:uppercase\\n}\\n.slide-down-enter-active,.slide-down-leave-active{-webkit-transition:all 0.5s ease;transition:all 0.5s ease\\n}\\n.slide-down-enter,.slide-down-leave-to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0\\n}\\n.slide-fade-left-enter-active,.slide-fade-left-leave-active{-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,.slide-fade-left-leave-to{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0\\n}\\n.fade-enter-active{-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease\\n}\\n.fade-enter,.fade-leave-to{opacity:0\\n}\\n.healthyCommunity{min-height:70dvh\\n}\\n.healthy-community-title{text-align:center\\n}\\n.btn-go-openhealth{display:block;margin-left:5rem\\n}\\n@media only screen and (max-width: 575px){\\n.btn-go-openhealth{margin-left:1rem\\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.btn-go-openhealth{margin-left:1rem\\n}\\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-18980053\",\"scoped\":false,\"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/views/healthy-community/HealthyCommunity.vue\n// module id = 3373\n// module chunks = 21","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-7ea826ce\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"data\\\":\\\"@import \\\\\\\"static-appopensalud/css/scss/shared.scss\\\\\\\";\\\",\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./HealthyCommunityVerticalCard.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!./HealthyCommunityVerticalCard.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./HealthyCommunityVerticalCard.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-7ea826ce\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./HealthyCommunityVerticalCard.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\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/views/healthy-community/HealthyCommunityVerticalCard.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-7ea826ce\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-7ea826ce\", 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/views/healthy-community/HealthyCommunityVerticalCard.vue\n// module id = 3374\n// module chunks = 21","// 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-7ea826ce\\\",\\\"scoped\\\":false,\\\"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!./HealthyCommunityVerticalCard.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\")(\"58042e24\", 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-7ea826ce\\\",\\\"scoped\\\":false,\\\"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!./HealthyCommunityVerticalCard.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-7ea826ce\\\",\\\"scoped\\\":false,\\\"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!./HealthyCommunityVerticalCard.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-7ea826ce\",\"scoped\":false,\"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/views/healthy-community/HealthyCommunityVerticalCard.vue\n// module id = 3375\n// module chunks = 21","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.overline-typescale{font-size:12px;letter-spacing:1.25px;font-weight:lighter;text-transform:uppercase\\n}\\n.slide-down-enter-active,.slide-down-leave-active{-webkit-transition:all 0.5s ease;transition:all 0.5s ease\\n}\\n.slide-down-enter,.slide-down-leave-to{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0\\n}\\n.slide-fade-left-enter-active,.slide-fade-left-leave-active{-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,.slide-fade-left-leave-to{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0\\n}\\n.fade-enter-active{-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease\\n}\\n.fade-enter,.fade-leave-to{opacity:0\\n}\\n.healthyCommunityMainBlock{max-width:570px\\n}\\n@media only screen and (max-width: 575px){\\n.healthyCommunityMainBlock{height:100% !important\\n}\\n}\\n.healthyCommunityBlockHeight{text-align:center !important;margin:2%\\n}\\n.healthyCommunityImageSize{margin-bottom:1rem;width:100%\\n}\\n.healthyCommunityTitle{color:#3238C4 !important\\n}\\n@media only screen and (min-width: 1003px) and (max-width: 1586px){\\n.healthyCommunityTitle{height:51px !important\\n}\\n}\\n@media only screen and (min-width: 576px) and (max-width: 1002px){\\n.healthyCommunityTitle{height:81px !important\\n}\\n}\\n.btnAccessHealthyCommunity{margin-bottom:0 !important;padding:0.5rem 1.5rem !important\\n}\\n.btnReadNotificationsHealthyCommunity{font-size:11px;padding:0.5rem 1.5rem\\n}\\n.description-block-healthy-community{margin-top:0;margin-bottom:0\\n}\\n@media only screen and (min-width: 1621px){\\n.description-block-healthy-community{min-height:45px\\n}\\n}\\n@media only screen and (min-width: 1334px) and (max-width: 1620px){\\n.description-block-healthy-community{min-height:67.5px\\n}\\n}\\n@media only screen and (min-width: 1140px) and (max-width: 1333px){\\n.description-block-healthy-community{min-height:90px\\n}\\n}\\n.neu-card-title{color:#3238C4;font-weight:bold;font-size:1.25rem;margin:0\\n}\\n@media only screen and (min-width: 1200px){\\n.healthyCommunityMainBlock .neu-card{padding-left:3.2rem !important;padding-right:3.2rem !important\\n}\\n}\\n.soon-label-healthy-community{position:relative;margin-top:0 !important\\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-7ea826ce\",\"scoped\":false,\"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/views/healthy-community/HealthyCommunityVerticalCard.vue\n// module id = 3376\n// module chunks = 21","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"b-row\",\n    { staticClass: \"d-flex justify-content-center\" },\n    _vm._l(_vm.cards, function(item, index) {\n      return _c(\n        \"b-col\",\n        {\n          key: index,\n          staticClass: \"healthyCommunityMainBlock my-3 px-2\",\n          attrs: { cols: \"12\", xl: \"4\", \"data-path\": item.path },\n          on: {\n            click: function($event) {\n              item.soonLabel\n                ? _vm.highlightSoonLabel()\n                : _vm.goToPath($event, item.sectionId)\n            }\n          }\n        },\n        [\n          _c(\n            \"base-card\",\n            {\n              staticClass: \"healthyCommunityBlockHeight pointer\",\n              attrs: { titleClass: \"healthyCommunityTitle\" }\n            },\n            [\n              _c(\"base-icon\", {\n                class: {\n                  \"d-inline-block\": _vm.$store.state.isMobile,\n                  \"mr-2\": _vm.$store.state.isMobile\n                },\n                attrs: {\n                  src: item.img,\n                  alt: \"\",\n                  height: _vm.$store.state.isMobile ? \"30\" : \"42\",\n                  width: _vm.$store.state.isMobile ? \"30\" : \"42\",\n                  color: \"blue\"\n                }\n              }),\n              _vm._v(\" \"),\n              _c(\"p\", { staticClass: \"neu-card-title my-3\" }, [\n                _vm._v(_vm._s(item.title))\n              ]),\n              _vm._v(\" \"),\n              _c(\"p\", {\n                staticClass: \"description-block-healthy-community\",\n                domProps: { innerHTML: _vm._s(item.description) }\n              }),\n              _vm._v(\" \"),\n              _vm.showPendingPushNotificationsInLanding(item) && !item.soonLabel\n                ? _c(\n                    \"p\",\n                    {\n                      staticClass: \"my-3\",\n                      staticStyle: { \"margin-bottom\": \"0 !important\" },\n                      on: {\n                        click: function($event) {\n                          $event.stopPropagation()\n                          return _vm.goSection(item.sectionId)\n                        }\n                      }\n                    },\n                    [\n                      _c(\n                        \"base-button\",\n                        {\n                          staticClass: \"btnReadNotificationsHealthyCommunity\",\n                          attrs: { white: \"\" }\n                        },\n                        [\n                          _c(\"b-icon-bell\", { staticClass: \"pointer\" }),\n                          _vm._v(\n                            \" \" +\n                              _vm._s(\n                                _vm.getPendingPushNotificationsMessage(\n                                  item.sectionId\n                                )\n                              )\n                          )\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm._v(\" \"),\n              !_vm.showPendingPushNotificationsInLanding(item) &&\n              !item.soonLabel\n                ? _c(\n                    \"base-button\",\n                    {\n                      staticClass: \"btnAccessHealthyCommunity my-3\",\n                      attrs: { white: \"\" }\n                    },\n                    [_c(\"span\", [_vm._v(_vm._s(_vm.$t(\"accessBtn\")))])]\n                  )\n                : _vm._e(),\n              _vm._v(\" \"),\n              item.soonLabel\n                ? _c(\n                    \"p\",\n                    { staticStyle: { \"margin-bottom\": \"0\" } },\n                    [\n                      _c(\n                        \"b-badge\",\n                        {\n                          staticClass: \"mt-3 soon-label-healthy-community\",\n                          class: { blink: _vm.blinkSoonLabelActive },\n                          attrs: { variant: \"primary\" }\n                        },\n                        [_vm._v(_vm._s(_vm.$t(\"soon-label\")))]\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e()\n            ],\n            1\n          )\n        ],\n        1\n      )\n    }),\n    1\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-7ea826ce\", esExports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-7ea826ce\",\"hasScoped\":false,\"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/views/healthy-community/HealthyCommunityVerticalCard.vue\n// module id = 3377\n// module chunks = 21","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"healthyCommunity pb-5 ctm-container\" },\n    [\n      _c(\"back-btn\", {\n        staticClass: \"btn-go-openhealth\",\n        attrs: {\n          action: function() {\n            return _vm.goOpenhealth()\n          }\n        }\n      }),\n      _vm._v(\" \"),\n      _c(\"h1\", { staticClass: \"healthy-community-title my-3\" }, [\n        _vm._v(_vm._s(_vm.$t(\"healthyCommunityTitle\")))\n      ]),\n      _vm._v(\" \"),\n      _c(\"healthy-community-vertical-card\", { attrs: { cards: _vm.cards } })\n    ],\n    1\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-18980053\", esExports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-18980053\",\"hasScoped\":false,\"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/views/healthy-community/HealthyCommunity.vue\n// module id = 3378\n// module chunks = 21"],"sourceRoot":""}