{"version":3,"sources":["webpack:///static-appopensalud/js/7.482f54b123a01c5b8167.js","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","webpack:///./src/components/views/healthy-community/HealthyCommunity.vue"],"names":["webpackJsonp","3179","module","__webpack_exports__","__webpack_require__","__WEBPACK_IMPORTED_MODULE_0__components_base_buttons_BackButton__","__WEBPACK_IMPORTED_MODULE_1__mixins_forum_mixin__","__WEBPACK_IMPORTED_MODULE_2__components_views_healthy_community_HealthyCommunityVerticalCard__","__WEBPACK_IMPORTED_MODULE_3__constants_healthyCommunitySections__","name","mixins","components","HealthyCommunityVerticalCard","BackBtn","data","cardsSource","created","this","$store","state","forum","hideSearcher","entriesPageNumber","computed","cards","3180","__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_4_bootstrap_vue__","BaseCard","BaseButton","BBadge","props","path","String","soonLabel","Boolean","sectionId","img","title","description","onlySubscribers","blinkSoonLabelActive","blockEnabled","getters","methods","goToPath","logIn","getHealthyCommunityPathUrl","$router","push","getPendingPushNotificationsMessage","numberNotifications","$t","plural","showPendingNotificationBySection","showPushNotifications","goSection","pushNotificationsReaded","getForumPathBySectionId","showPendingPushNotificationsInLanding","userBasicInfo","pushNotificationsSectionId","filter","highlightSoonLabel","click","dispatch","3524","exports","content","i","locals","3525","3526","injectStyle","ssrContext","disposed","normalizeComponent","__vue_styles__","Component","options","__file","3527","3528","3529","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","cols","xl","on","titleClass","class","isMobile","src","alt","height","width","color","_v","_s","domProps","innerHTML","staticStyle","$event","stopPropagation","white","_e","variant","blink","staticRenderFns","_withStripped","esExports","3530","_l","item","key","550"],"mappings":"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","file":"static-appopensalud/js/7.482f54b123a01c5b8167.js","sourcesContent":["webpackJsonp([7],{\n\n/***/ 3179:\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__(1256);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__mixins_forum_mixin__ = __webpack_require__(160);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_views_healthy_community_HealthyCommunityVerticalCard__ = __webpack_require__(3526);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants_healthyCommunitySections__ = __webpack_require__(295);\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_2__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      cardsSource: [{\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_3__constants_healthyCommunitySections__[\"d\" /* WHO_IN_HEALTH_COMMUNITY_SECTION */],\n        onlySubscribers: true,\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_3__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  },\n\n  computed: {\n    cards: function cards() {\n      return this.cardsSource;\n    }\n  }\n});\n\n/***/ }),\n\n/***/ 3180:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__mixins_forum_mixin__ = __webpack_require__(160);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_base_ui_BaseCard__ = __webpack_require__(281);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_base_buttons_BaseButton__ = __webpack_require__(124);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__constants_healthyCommunitySections__ = __webpack_require__(295);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_bootstrap_vue__ = __webpack_require__(18);\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\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        path: String,\n        soonLabel: Boolean,\n        sectionId: String,\n        img: String,\n        title: String,\n        description: String,\n        onlySubscribers: Boolean\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    computed: {\n        blockEnabled: function blockEnabled() {\n            return this.onlySubscribers ? this.$store.getters['session/healthyCommunityActive'] : true;\n        }\n    },\n    methods: {\n        goToPath: function goToPath(sectionId) {\n            if (!this.$store.getters['session/isLogged'] && (sectionId === __WEBPACK_IMPORTED_MODULE_3__constants_healthyCommunitySections__[\"b\" /* HEALTHY_INFORMATION_HEALTH_COMMUNITY_SECTION */] || sectionId === __WEBPACK_IMPORTED_MODULE_3__constants_healthyCommunitySections__[\"d\" /* WHO_IN_HEALTH_COMMUNITY_SECTION */])) {\n                this.logIn(this.getHealthyCommunityPathUrl(this.path));\n                return;\n            }\n            this.$router.push(this.getHealthyCommunityPathUrl(this.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(sectionId) {\n            return this.$store.state.forum.userBasicInfo.pushNotificationsSectionId.filter(function (x) {\n                return x === 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        click: function click() {\n            if (this.soonLabel) {\n                this.highlightSoonLabel();\n            } else if (!this.blockEnabled) {\n                this.$store.dispatch('showSharedDialog', {\n                    content: this.$t('only-subscriptors-warning'),\n                    okBtnText: this.$t('dialog.ok-button'),\n                    size: 'sm'\n                });\n            } else {\n                this.goToPath(this.sectionId);\n            }\n        }\n    }\n});\n\n/***/ }),\n\n/***/ 3524:\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__(3525);\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/***/ 3525:\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/***/ 3526:\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__(3180);\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__(3529);\nvar disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  __webpack_require__(3527)\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/***/ 3527:\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__(3528);\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/***/ 3528:\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%;min-height:301px\\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/***/ 3529:\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-col\",\n    {\n      staticClass: \"healthyCommunityMainBlock my-3 px-2\",\n      attrs: { cols: \"12\", xl: \"4\" },\n      on: { click: _vm.click }\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: _vm.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(_vm.title))\n          ]),\n          _vm._v(\" \"),\n          _c(\"p\", {\n            staticClass: \"description-block-healthy-community\",\n            domProps: { innerHTML: _vm._s(_vm.description) }\n          }),\n          _vm._v(\" \"),\n          _vm.blockEnabled\n            ? _c(\n                \"div\",\n                [\n                  _vm.showPendingPushNotificationsInLanding(_vm.sectionId) &&\n                  !_vm.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(_vm.sectionId)\n                            }\n                          }\n                        },\n                        [\n                          _c(\n                            \"base-button\",\n                            {\n                              staticClass:\n                                \"btnReadNotificationsHealthyCommunity\",\n                              attrs: { white: \"\" }\n                            },\n                            [\n                              _c(\"b-icon-bell\", { staticClass: \"pointer\" }),\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.getPendingPushNotificationsMessage(\n                                      _vm.sectionId\n                                    )\n                                  )\n                              )\n                            ],\n                            1\n                          )\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm._v(\" \"),\n                  !_vm.showPendingPushNotificationsInLanding(_vm.sectionId) &&\n                  !_vm.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                ],\n                1\n              )\n            : _c(\n                \"div\",\n                [\n                  _c(\n                    \"b-badge\",\n                    { staticClass: \"mt-3\", attrs: { variant: \"info\" } },\n                    [_vm._v(_vm._s(_vm.$t(\"only-subscriptors\")))]\n                  )\n                ],\n                1\n              ),\n          _vm._v(\" \"),\n          _vm.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}\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/***/ 3530:\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(\"h1\", { staticClass: \"healthy-community-title my-3\" }, [\n        _vm._v(_vm._s(_vm.$t(\"healthyCommunityTitle\")))\n      ]),\n      _vm._v(\" \"),\n      _c(\n        \"b-row\",\n        { staticClass: \"d-flex justify-content-center\" },\n        _vm._l(_vm.cards, function(item) {\n          return _c(\"healthy-community-vertical-card\", {\n            key: item.title,\n            attrs: {\n              path: item.path,\n              soonLabel: item.soonLabel,\n              sectionId: item.sectionId,\n              img: item.img,\n              title: item.title,\n              description: item.description,\n              onlySubscribers: item.onlySubscribers\n            }\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-18980053\", esExports)\n  }\n}\n\n/***/ }),\n\n/***/ 550:\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__(3179);\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__(3530);\nvar disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  __webpack_require__(3524)\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});\n\n\n// WEBPACK FOOTER //\n// static-appopensalud/js/7.482f54b123a01c5b8167.js","<template>\r\n  <div class=\"healthyCommunity pb-5 ctm-container\">\r\n    <h1 class=\"healthy-community-title my-3\">{{$t('healthyCommunityTitle')}}</h1>\r\n    <b-row class=\"d-flex justify-content-center\">\r\n      <healthy-community-vertical-card v-for=\"item in cards\" :key=\"item.title\" :path=\"item.path\" :soonLabel=\"item.soonLabel\" :sectionId=\"item.sectionId\" :img=\"item.img\" :title=\"item.title\" :description=\"item.description\" :onlySubscribers=\"item.onlySubscribers\"></healthy-community-vertical-card>\r\n    </b-row>\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 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      cardsSource: [\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          onlySubscribers: true,\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  },\r\n  computed: {\r\n    cards () {\r\n      return this.cardsSource\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-col cols=\"12\" xl=\"4\" class=\"healthyCommunityMainBlock my-3 px-2\" @click=\"click\">\r\n        <base-card titleClass=\"healthyCommunityTitle\" class=\"healthyCommunityBlockHeight pointer\">\r\n            <base-icon :src=\"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\">{{title}}</p>\r\n            <p class=\"description-block-healthy-community\" v-html=\"description\"></p>\r\n            <div v-if=\"blockEnabled\">\r\n                <p class=\"my-3\" style=\"margin-bottom: 0 !important;\" @click.stop=\"goSection(sectionId)\" v-if=\"showPendingPushNotificationsInLanding(sectionId) && !soonLabel\">\r\n                    <base-button class=\"btnReadNotificationsHealthyCommunity\" white><b-icon-bell class=\"pointer\"></b-icon-bell> {{getPendingPushNotificationsMessage(sectionId)}}</base-button>\r\n                </p>\r\n                <base-button white v-if=\"!showPendingPushNotificationsInLanding(sectionId) && !soonLabel\" class=\"btnAccessHealthyCommunity my-3\"><span>{{ $t('accessBtn') }}</span></base-button>\r\n            </div>\r\n            <div v-else>\r\n                <b-badge class=\"mt-3\" variant=\"info\">{{ $t('only-subscriptors') }}</b-badge>\r\n            </div>\r\n            <p v-if=\"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</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        path: String,\r\n        soonLabel: Boolean,\r\n        sectionId: String,\r\n        img: String,\r\n        title: String,\r\n        description: String,\r\n        onlySubscribers: Boolean\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    computed: {\r\n        blockEnabled () {\r\n            return this.onlySubscribers ? this.$store.getters['session/healthyCommunityActive'] : true\r\n        }\r\n    },\r\n    methods: {\r\n        goToPath (sectionId) {\r\n            if (!this.$store.getters['session/isLogged'] && (sectionId === HEALTHY_INFORMATION_HEALTH_COMMUNITY_SECTION || sectionId === WHO_IN_HEALTH_COMMUNITY_SECTION)) {\r\n                this.logIn(this.getHealthyCommunityPathUrl(this.path))\r\n                return\r\n            }\r\n            this.$router.push(this.getHealthyCommunityPathUrl(this.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 (sectionId) {\r\n            return this.$store.state.forum.userBasicInfo.pushNotificationsSectionId.filter(x => x === 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        click () {\r\n            if (this.soonLabel) {\r\n                this.highlightSoonLabel()\r\n            } else if (!this.blockEnabled) {\r\n                this.$store.dispatch('showSharedDialog', {\r\n\t\t\t\t\tcontent: this.$t(`only-subscriptors-warning`),\r\n\t\t\t\t\tokBtnText: this.$t('dialog.ok-button'),\r\n\t\t\t\t\tsize: 'sm'\r\n\t\t\t\t})\r\n            } else {\r\n                this.goToPath(this.sectionId)\r\n            }\r\n        }\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        min-height: 301px;\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 = 3524\n// module chunks = 7","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 = 3525\n// module chunks = 7","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 = 3526\n// module chunks = 7","// 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 = 3527\n// module chunks = 7","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%;min-height:301px\\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 = 3528\n// module chunks = 7","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"b-col\",\n    {\n      staticClass: \"healthyCommunityMainBlock my-3 px-2\",\n      attrs: { cols: \"12\", xl: \"4\" },\n      on: { click: _vm.click }\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: _vm.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(_vm.title))\n          ]),\n          _vm._v(\" \"),\n          _c(\"p\", {\n            staticClass: \"description-block-healthy-community\",\n            domProps: { innerHTML: _vm._s(_vm.description) }\n          }),\n          _vm._v(\" \"),\n          _vm.blockEnabled\n            ? _c(\n                \"div\",\n                [\n                  _vm.showPendingPushNotificationsInLanding(_vm.sectionId) &&\n                  !_vm.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(_vm.sectionId)\n                            }\n                          }\n                        },\n                        [\n                          _c(\n                            \"base-button\",\n                            {\n                              staticClass:\n                                \"btnReadNotificationsHealthyCommunity\",\n                              attrs: { white: \"\" }\n                            },\n                            [\n                              _c(\"b-icon-bell\", { staticClass: \"pointer\" }),\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.getPendingPushNotificationsMessage(\n                                      _vm.sectionId\n                                    )\n                                  )\n                              )\n                            ],\n                            1\n                          )\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm._v(\" \"),\n                  !_vm.showPendingPushNotificationsInLanding(_vm.sectionId) &&\n                  !_vm.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                ],\n                1\n              )\n            : _c(\n                \"div\",\n                [\n                  _c(\n                    \"b-badge\",\n                    { staticClass: \"mt-3\", attrs: { variant: \"info\" } },\n                    [_vm._v(_vm._s(_vm.$t(\"only-subscriptors\")))]\n                  )\n                ],\n                1\n              ),\n          _vm._v(\" \"),\n          _vm.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}\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 = 3529\n// module chunks = 7","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(\"h1\", { staticClass: \"healthy-community-title my-3\" }, [\n        _vm._v(_vm._s(_vm.$t(\"healthyCommunityTitle\")))\n      ]),\n      _vm._v(\" \"),\n      _c(\n        \"b-row\",\n        { staticClass: \"d-flex justify-content-center\" },\n        _vm._l(_vm.cards, function(item) {\n          return _c(\"healthy-community-vertical-card\", {\n            key: item.title,\n            attrs: {\n              path: item.path,\n              soonLabel: item.soonLabel,\n              sectionId: item.sectionId,\n              img: item.img,\n              title: item.title,\n              description: item.description,\n              onlySubscribers: item.onlySubscribers\n            }\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-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 = 3530\n// module chunks = 7","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 = 550\n// module chunks = 7"],"sourceRoot":""}