{"version":3,"sources":["webpack:///static-appopensalud/js/70.75683078cf40737fd00d.js","webpack:///./src/components/views/clinicHistory/MenstrualCalendar.vue","webpack:///./src/mixins/clinicHistory.mixin.js","webpack:///./src/components/base/buttons/AddButton.vue","webpack:///src/components/base/buttons/AddButton.vue","webpack:///./src/components/base/buttons/AddButton.vue?0bf0","webpack:///./src/components/base/buttons/AddButton.vue?05b0","webpack:///./src/components/base/buttons/AddButton.vue?c0ac","webpack:///src/components/views/clinicHistory/MenstrualCalendar.vue","webpack:///src/components/views/clinicHistory/CycleChart.vue","webpack:///./src/components/views/clinicHistory/MenstrualCalendar.vue?2296","webpack:///./src/components/views/clinicHistory/MenstrualCalendar.vue?a78f","webpack:///./src/components/views/clinicHistory/CycleChart.vue","webpack:///./src/components/views/clinicHistory/CycleChart.vue?15e9","webpack:///./src/components/views/clinicHistory/CycleChart.vue?5749","webpack:///./src/components/views/clinicHistory/CycleChart.vue?0969","webpack:///./src/components/views/clinicHistory/MenstrualCalendar.vue?a5d2"],"names":["webpackJsonp","2387","module","__webpack_exports__","__webpack_require__","injectStyle","ssrContext","disposed","normalizeComponent","__vue_styles__","Component","options","__file","2443","__WEBPACK_IMPORTED_MODULE_0__constants_sessionStorage__","__WEBPACK_IMPORTED_MODULE_1__constants_clinicHistory__","methods","goToSection","path","needsPatientId","this","$store","getters","$route","query","patientId","route","HISTORY_BASE_PATH","HISTORY_MENU_PATH","petId","$router","push","catch","data","historyReadOnly","sessionStorage","getItem","READ_ONLY_TOKEN_SESSION_STORAGE_KEY","2458","2540","name","props","buttonText","type","String","required","default","$t","showTextOnMobile","Boolean","computed","btnText","$uiHelpers","isMobile","hover","2587","exports","content","i","locals","2588","2589","render","_vm","_h","$createElement","_self","_c","attrs","icon","text","staticRenderFns","_withStripped","esExports","3304","__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator__","__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default","n","__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator__","__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator___default","__WEBPACK_IMPORTED_MODULE_2__CycleChart_vue__","__WEBPACK_IMPORTED_MODULE_3__repositories_PatientsRepository__","__WEBPACK_IMPORTED_MODULE_4__constants_clinicHistory__","__WEBPACK_IMPORTED_MODULE_5__mixins_clinicHistory_mixin__","__WEBPACK_IMPORTED_MODULE_6__components_base_buttons_AddButton__","__WEBPACK_IMPORTED_MODULE_7__components_base_forms_BaseDatepicker__","__WEBPACK_IMPORTED_MODULE_8__components_base_BaseDialog__","__WEBPACK_IMPORTED_MODULE_9_moment__","__WEBPACK_IMPORTED_MODULE_9_moment___default","__WEBPACK_IMPORTED_MODULE_10__helpers_date_helpers__","components","CycleChart","BaseDialog","AddButton","BaseDatepicker","mixins","startDate","MENU_PATH","visibleEndCurrentCycle","confirmEnd","allowAdd","visibleSetPeriod","showAddSection","cycles","currentCycle","mostRecentCycle","newCyclePrediction","periodDuration","tooltipText","addDaysToDate","date","setDate","getDate","days","clickToVisiblePeriod","formatDate","calculateOvulationMonthDays","ovulationDate","ovulationDays","completedCycles","length","Math","round","totalDuration","displayFertileDays","join","mounted","getCycles","3305","__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from__","__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from___default","cycleLength","Number","periodLength","predictedCycleLength","effectiveCycleLength","periodDays","getDayClass","includes","index","3859","3860","3861","3862","3863","3864","staticClass","_l","day","key","class","3865","overflowVisible","title","info","hideButtons","on","rightBtnClick","$event","_e","slot","isTablet","click","addNewCycleForm","_v","submit","preventDefault","apply","arguments","_s","cols","md","max","Date","placeholder","model","value","callback","$$v","expression","disabled","cycle","idCycle","cycleDuration","dateStartCycle","min","setPeriodDuration","setVisiblePeriodLength","calculateAverageCycleLength","deleteCycle","okFn","endCurrentCycle","cancelFn"],"mappings":"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","file":"static-appopensalud/js/70.75683078cf40737fd00d.js","sourcesContent":["webpackJsonp([70],{\n\n/***/ 2387:\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_MenstrualCalendar_vue__ = __webpack_require__(3304);\n/* empty harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_93008142_hasScoped_true_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_MenstrualCalendar_vue__ = __webpack_require__(3865);\nvar disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  __webpack_require__(3859)\n}\nvar normalizeComponent = __webpack_require__(6)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-93008142\"\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_MenstrualCalendar_vue__[\"a\" /* default */],\n  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_93008142_hasScoped_true_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_MenstrualCalendar_vue__[\"a\" /* default */],\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/views/clinicHistory/MenstrualCalendar.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-93008142\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-93008142\", 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/***/ 2443:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__constants_sessionStorage__ = __webpack_require__(285);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__constants_clinicHistory__ = __webpack_require__(1246);\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n  methods: {\n    goToSection: function goToSection(path) {\n      var needsPatientId = !this.$store.getters['session/userIsPatient'] && this.$route.query.patientId;\n      var route = { path: '' + __WEBPACK_IMPORTED_MODULE_1__constants_clinicHistory__[\"d\" /* BASE_PATH */] + (path !== __WEBPACK_IMPORTED_MODULE_1__constants_clinicHistory__[\"O\" /* MENU_PATH */] ? '/' + path : ''), query: {} };\n      if (needsPatientId) route.query.patientId = this.$route.query.patientId;\n      if (this.$route.query.petId) route.query.petId = this.$route.query.petId;\n      this.$router.push(route).catch(function () {});\n    }\n  },\n  data: function data() {\n    return {\n      historyReadOnly: !!sessionStorage.getItem(__WEBPACK_IMPORTED_MODULE_0__constants_sessionStorage__[\"a\" /* READ_ONLY_TOKEN_SESSION_STORAGE_KEY */])\n    };\n  }\n});\n\n/***/ }),\n\n/***/ 2458:\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_AddButton_vue__ = __webpack_require__(2540);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_38b0fcd7_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_AddButton_vue__ = __webpack_require__(2589);\nvar disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  __webpack_require__(2587)\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_AddButton_vue__[\"a\" /* default */],\n  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_38b0fcd7_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_AddButton_vue__[\"a\" /* default */],\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/base/buttons/AddButton.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-38b0fcd7\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-38b0fcd7\", 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/***/ 2540:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n//\n//\n//\n//\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n  name: 'add-button',\n  props: {\n    buttonText: {\n      type: String,\n      required: false,\n      default: function _default() {\n        return this.$t('add-btn');\n      }\n    },\n    showTextOnMobile: Boolean\n  },\n  computed: {\n    btnText: function btnText() {\n      return this.$uiHelpers.isMobile && !this.showTextOnMobile ? '' : this.buttonText;\n    }\n  },\n  data: function data() {\n    return {\n      hover: false\n    };\n  }\n});\n\n/***/ }),\n\n/***/ 2587:\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__(2588);\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)(\"1c10b383\", 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-38b0fcd7\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./AddButton.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-38b0fcd7\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./AddButton.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/***/ 2588:\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\\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\\n\\n\\n\\n\", \"\"]);\n\n// exports\n\n\n/***/ }),\n\n/***/ 2589:\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(\"icon-button\", {\n    attrs: {\n      icon: \"/static-appopensalud/img/icons/morillas-svg-icons/primary/add.svg\",\n      text: _vm.btnText\n    }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\n/* harmony default export */ __webpack_exports__[\"a\"] = (esExports);\nif (false) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-38b0fcd7\", esExports)\n  }\n}\n\n/***/ }),\n\n/***/ 3304:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator__ = __webpack_require__(66);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator__ = __webpack_require__(74);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__CycleChart_vue__ = __webpack_require__(3861);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__repositories_PatientsRepository__ = __webpack_require__(510);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__constants_clinicHistory__ = __webpack_require__(1246);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__mixins_clinicHistory_mixin__ = __webpack_require__(2443);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__components_base_buttons_AddButton__ = __webpack_require__(2458);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__components_base_forms_BaseDatepicker__ = __webpack_require__(1248);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__components_base_BaseDialog__ = __webpack_require__(109);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_moment__ = __webpack_require__(3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_moment___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_moment__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__helpers_date_helpers__ = __webpack_require__(215);\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//\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//\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\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n  name: 'menstrual-calendar',\n  components: {\n    CycleChart: __WEBPACK_IMPORTED_MODULE_2__CycleChart_vue__[\"a\" /* default */],\n    BaseDialog: __WEBPACK_IMPORTED_MODULE_8__components_base_BaseDialog__[\"default\"],\n    AddButton: __WEBPACK_IMPORTED_MODULE_6__components_base_buttons_AddButton__[\"a\" /* default */],\n    BaseDatepicker: __WEBPACK_IMPORTED_MODULE_7__components_base_forms_BaseDatepicker__[\"default\"]\n  },\n  mixins: [__WEBPACK_IMPORTED_MODULE_5__mixins_clinicHistory_mixin__[\"a\" /* default */]],\n  data: function data() {\n    return {\n      startDate: '',\n      MENU_PATH: __WEBPACK_IMPORTED_MODULE_4__constants_clinicHistory__[\"O\" /* MENU_PATH */],\n      visibleEndCurrentCycle: false,\n      confirmEnd: false,\n      allowAdd: false,\n      visibleSetPeriod: false,\n      showAddSection: false,\n      cycles: [],\n      currentCycle: null,\n      mostRecentCycle: null,\n      newCyclePrediction: null,\n      periodDuration: null\n    };\n  },\n\n  computed: {\n    tooltipText: function tooltipText() {\n      return '\\n        <div><span style=\"display: inline-block;width: 10px;height: 10px;border-radius: 50%;margin-right: 5px;background-color: red\"></span> ' + this.$t('periodDuration2') + '</div>\\n        <div><span style=\"display: inline-block;width: 10px;height: 10px;border-radius: 50%;margin-right: 5px;background-color: orange\"></span> ' + this.$t('ovulationDurationPrediction') + '</div>\\n        <div><span style=\"display: inline-block;width: 10px;height: 10px;border-radius: 50%;margin-right: 5px;background-color: lightblue\"></span> ' + this.$t('ovulationDuration') + '</div>\\n      ';\n    }\n  },\n  methods: {\n    getCycles: function getCycles() {\n      var _this = this;\n\n      return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator___default()( /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.mark(function _callee() {\n        var response;\n        return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.wrap(function _callee$(_context) {\n          while (1) {\n            switch (_context.prev = _context.next) {\n              case 0:\n                _context.prev = 0;\n                _context.next = 3;\n                return __WEBPACK_IMPORTED_MODULE_3__repositories_PatientsRepository__[\"a\" /* default */].getMenstruations();\n\n              case 3:\n                response = _context.sent;\n\n                if (response.data.length > 0) {\n                  _this.cycles = response.data.sort(function (a, b) {\n                    return new Date(b.dateStartCycle) - new Date(a.dateStartCycle);\n                  });\n                  _this.currentCycle = _this.cycles.find(function (cycle) {\n                    return !cycle.cycleDuration && cycle.periodDuration;\n                  });\n                  _this.mostRecentCycle = _this.cycles[0];\n                  _this.allowAdd = _this.mostRecentCycle.periodDuration != null;\n                } else {\n                  _this.allowAdd = true;\n                }\n                _context.next = 10;\n                break;\n\n              case 7:\n                _context.prev = 7;\n                _context.t0 = _context['catch'](0);\n\n                _this.$store.dispatch('showDangerAlert', _this.$t('error-cycles-get'));\n\n              case 10:\n                if (_this.mostRecentCycle) {\n                  _this.newCyclePrediction = new Date(_this.mostRecentCycle.dateStartCycle);\n                  _this.newCyclePrediction.setDate(_this.newCyclePrediction.getDate() + _this.calculateAverageCycleLength());\n                }\n\n              case 11:\n              case 'end':\n                return _context.stop();\n            }\n          }\n        }, _callee, _this, [[0, 7]]);\n      }))();\n    },\n    deleteCycle: function deleteCycle(idCycle) {\n      var _this2 = this;\n\n      return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator___default()( /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.mark(function _callee2() {\n        var response;\n        return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.wrap(function _callee2$(_context2) {\n          while (1) {\n            switch (_context2.prev = _context2.next) {\n              case 0:\n                _context2.prev = 0;\n                _context2.next = 3;\n                return __WEBPACK_IMPORTED_MODULE_3__repositories_PatientsRepository__[\"a\" /* default */].deleteMenstruation(idCycle);\n\n              case 3:\n                response = _context2.sent;\n\n                if (response.data === true) {\n                  _this2.cycles = _this2.cycles.filter(function (cycle) {\n                    return cycle.idCycle !== idCycle;\n                  });\n                  _this2.getCycles();\n                } else {\n                  console.error('error');\n                }\n                _context2.next = 10;\n                break;\n\n              case 7:\n                _context2.prev = 7;\n                _context2.t0 = _context2['catch'](0);\n\n                _this2.$store.dispatch('showDangerAlert', _this2.$t('error-cycles-delete'));\n\n              case 10:\n              case 'end':\n                return _context2.stop();\n            }\n          }\n        }, _callee2, _this2, [[0, 7]]);\n      }))();\n    },\n    setVisiblePeriodLength: function setVisiblePeriodLength() {\n      var _this3 = this;\n\n      return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator___default()( /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.mark(function _callee3() {\n        return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.wrap(function _callee3$(_context3) {\n          while (1) {\n            switch (_context3.prev = _context3.next) {\n              case 0:\n                _this3.visibleSetPeriod = true;\n\n              case 1:\n              case 'end':\n                return _context3.stop();\n            }\n          }\n        }, _callee3, _this3);\n      }))();\n    },\n    setPeriodDuration: function setPeriodDuration(cycle) {\n      var _this4 = this;\n\n      return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator___default()( /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.mark(function _callee4() {\n        return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.wrap(function _callee4$(_context4) {\n          while (1) {\n            switch (_context4.prev = _context4.next) {\n              case 0:\n                if (!_this4.periodDuration) {\n                  _context4.next = 12;\n                  break;\n                }\n\n                _context4.prev = 1;\n                _context4.next = 4;\n                return _this4.updateCycle({ idCycle: cycle.idCycle, periodDuration: parseInt(_this4.periodDuration) });\n\n              case 4:\n                _this4.visibleSetPeriod = false;\n                _this4.periodDuration = null;\n                _this4.getCycles();\n                _context4.next = 12;\n                break;\n\n              case 9:\n                _context4.prev = 9;\n                _context4.t0 = _context4['catch'](1);\n\n                _this4.$store.dispatch('showDangerAlert', _this4.$t('error-cycles-set'));\n\n              case 12:\n              case 'end':\n                return _context4.stop();\n            }\n          }\n        }, _callee4, _this4, [[1, 9]]);\n      }))();\n    },\n    addDaysToDate: function addDaysToDate(dateString, days) {\n      var date = new Date(dateString);\n      date.setDate(date.getDate() + days - 1);\n      return date;\n    },\n    clickToVisiblePeriod: function clickToVisiblePeriod() {\n      this.visibleSetPeriod = true;\n    },\n    addNewCycleForm: function addNewCycleForm() {\n      var _this5 = this;\n\n      return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator___default()( /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.mark(function _callee5() {\n        return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.wrap(function _callee5$(_context5) {\n          while (1) {\n            switch (_context5.prev = _context5.next) {\n              case 0:\n                if (_this5.currentCycle) {\n                  _this5.visibleEndCurrentCycle = true;\n                } else {\n                  _this5.startNewCycle();\n                }\n                _this5.showAddSection = true;\n\n              case 2:\n              case 'end':\n                return _context5.stop();\n            }\n          }\n        }, _callee5, _this5);\n      }))();\n    },\n    startNewCycle: function startNewCycle() {\n      var _this6 = this;\n\n      return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator___default()( /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.mark(function _callee6() {\n        var newCycle;\n        return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.wrap(function _callee6$(_context6) {\n          while (1) {\n            switch (_context6.prev = _context6.next) {\n              case 0:\n                newCycle = {\n                  dateStartCycle: new Date(_this6.startDate).toISOString()\n                };\n                _context6.prev = 1;\n                _context6.next = 4;\n                return __WEBPACK_IMPORTED_MODULE_3__repositories_PatientsRepository__[\"a\" /* default */].postMenstruation(newCycle);\n\n              case 4:\n                _this6.getCycles(); // Recargar los ciclos\n                _this6.startDate = null;\n                _this6.showAddSection = false;\n                _context6.next = 12;\n                break;\n\n              case 9:\n                _context6.prev = 9;\n                _context6.t0 = _context6['catch'](1);\n\n                _this6.$store.dispatch('showDangerAlert', _this6.$t('error-cycles-start'));\n\n              case 12:\n              case 'end':\n                return _context6.stop();\n            }\n          }\n        }, _callee6, _this6, [[1, 9]]);\n      }))();\n    },\n    endCurrentCycle: function endCurrentCycle() {\n      var _this7 = this;\n\n      return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator___default()( /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.mark(function _callee7() {\n        var newCycleStartDate, currentCycleStartDate, cycleDuration;\n        return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.wrap(function _callee7$(_context7) {\n          while (1) {\n            switch (_context7.prev = _context7.next) {\n              case 0:\n                _this7.visibleEndCurrentCycle = false;\n                newCycleStartDate = __WEBPACK_IMPORTED_MODULE_9_moment___default()(_this7.startDate).startOf('day');\n                currentCycleStartDate = __WEBPACK_IMPORTED_MODULE_9_moment___default()(_this7.currentCycle.dateStartCycle).startOf('day');\n                cycleDuration = newCycleStartDate.diff(currentCycleStartDate, 'days');\n                _context7.prev = 4;\n                _context7.next = 7;\n                return _this7.updateCycle({ idCycle: _this7.currentCycle.idCycle, cycleDuration: cycleDuration });\n\n              case 7:\n                _this7.currentCycle = null;\n                _context7.next = 10;\n                return _this7.startNewCycle();\n\n              case 10:\n                _this7.getCycles();\n                _context7.next = 16;\n                break;\n\n              case 13:\n                _context7.prev = 13;\n                _context7.t0 = _context7['catch'](4);\n\n                _this7.$store.dispatch('showDangerAlert', _this7.$t('error-cycles-delete'));\n\n              case 16:\n              case 'end':\n                return _context7.stop();\n            }\n          }\n        }, _callee7, _this7, [[4, 13]]);\n      }))();\n    },\n    updateCycle: function updateCycle(updatedCycleData) {\n      var _this8 = this;\n\n      return __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_asyncToGenerator___default()( /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.mark(function _callee8() {\n        return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.wrap(function _callee8$(_context8) {\n          while (1) {\n            switch (_context8.prev = _context8.next) {\n              case 0:\n                _context8.prev = 0;\n                _context8.next = 3;\n                return __WEBPACK_IMPORTED_MODULE_3__repositories_PatientsRepository__[\"a\" /* default */].putMenstruation(updatedCycleData);\n\n              case 3:\n                _this8.getCycles();\n                _context8.next = 9;\n                break;\n\n              case 6:\n                _context8.prev = 6;\n                _context8.t0 = _context8['catch'](0);\n\n                _this8.$store.dispatch('showDangerAlert', _this8.$t('error-cycles-set2'));\n\n              case 9:\n              case 'end':\n                return _context8.stop();\n            }\n          }\n        }, _callee8, _this8, [[0, 6]]);\n      }))();\n    },\n    formatDate: function formatDate(dateString) {\n      return Object(__WEBPACK_IMPORTED_MODULE_10__helpers_date_helpers__[\"a\" /* appointmentDateFormat */])(dateString, true, true);\n    },\n    calculateOvulationMonthDays: function calculateOvulationMonthDays(startDate, cycleDuration) {\n      var ovulationDay = Math.floor(cycleDuration / 2);\n      var ovulationStart = ovulationDay - 3; // restamos 3 y sumamos 2 para obtener seis días que son los que dura la ovulación\n      var ovulationEnd = ovulationDay + 2;\n      var ovulationDays = [];\n      for (var i = ovulationStart; i <= ovulationEnd; i++) {\n        var ovulationDate = new Date(startDate);\n        ovulationDate.setDate(ovulationDate.getDate() + i);\n        ovulationDays.push(ovulationDate.getDate());\n      }\n      return ovulationDays;\n    },\n    calculateAverageCycleLength: function calculateAverageCycleLength() {\n      // Filtrar ciclos finalizados y con duración válida\n      var completedCycles = this.cycles.filter(function (cycle) {\n        return cycle.cycleDuration;\n      });\n      if (completedCycles.length === 0) {\n        return 27;\n      }\n      var totalDuration = completedCycles.reduce(function (sum, cycle) {\n        return sum + cycle.cycleDuration;\n      }, 0);\n      return Math.round(totalDuration / completedCycles.length);\n    },\n    displayFertileDays: function displayFertileDays() {\n      var cycleDuration = this.calculateAverageCycleLength();\n      var fertileDays = this.calculateOvulationMonthDays(this.mostRecentCycle.dateStartCycle, cycleDuration);\n      return fertileDays.join(', ');\n    }\n  },\n  mounted: function mounted() {\n    this.getCycles();\n  }\n});\n\n/***/ }),\n\n/***/ 3305:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from__ = __webpack_require__(1272);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from__);\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n  props: {\n    startDate: {\n      type: String,\n      required: true\n    },\n    cycleLength: {\n      type: Number,\n      default: 28\n    },\n    periodLength: {\n      type: Number,\n      default: 4\n    },\n    predictedCycleLength: {\n      type: Number,\n      default: 27 // Predicción de duración del ciclo si no está finalizado\n    }\n  },\n  computed: {\n    effectiveCycleLength: function effectiveCycleLength() {\n      return this.cycleLength || this.predictedCycleLength;\n    },\n    periodDays: function periodDays() {\n      return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from___default()({ length: this.periodLength }, function (_, i) {\n        return i;\n      });\n    },\n    ovulationDays: function ovulationDays() {\n      var ovulationDays = 6;\n      var ovulationBegin = 3; // De forma general dividiendo la duración del ciclo entre 2 nos situamos en mitad de la ovulación, como ésta dura seis días restando 3 tenemos el día que comienza\n      var ovulationDay = Math.floor(this.effectiveCycleLength / 2);\n      return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_core_js_array_from___default()({ length: ovulationDays }, function (_, i) {\n        return ovulationDay - ovulationBegin + i;\n      });\n    }\n  },\n  methods: {\n    getDayClass: function getDayClass(index) {\n      if (this.periodDays.includes(index)) {\n        return 'period-day';\n      } else if (this.ovulationDays.includes(index)) {\n        return this.cycleLength ? 'ovulation-day' : 'predicted-ovulation-day';\n      } else {\n        return 'normal-day';\n      }\n    }\n  }\n});\n\n/***/ }),\n\n/***/ 3859:\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__(3860);\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)(\"2fe83f9c\", 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-93008142\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../node_modules/sass-loader/dist/cjs.js?{\\\"data\\\":\\\"@import \\\\\\\"static-appopensalud/css/scss/shared.scss\\\\\\\";\\\",\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./MenstrualCalendar.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-93008142\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../node_modules/sass-loader/dist/cjs.js?{\\\"data\\\":\\\"@import \\\\\\\"static-appopensalud/css/scss/shared.scss\\\\\\\";\\\",\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./MenstrualCalendar.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/***/ 3860:\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[data-v-93008142]{font-size:12px;letter-spacing:1.25px;font-weight:lighter;text-transform:uppercase\\n}\\n.slide-down-enter-active[data-v-93008142],.slide-down-leave-active[data-v-93008142]{-webkit-transition:all 0.5s ease;transition:all 0.5s ease\\n}\\n.slide-down-enter[data-v-93008142],.slide-down-leave-to[data-v-93008142]{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0\\n}\\n.slide-fade-left-enter-active[data-v-93008142],.slide-fade-left-leave-active[data-v-93008142]{-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease\\n}\\n.slide-fade-left-enter[data-v-93008142],.slide-fade-left-leave-to[data-v-93008142]{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0\\n}\\n.fade-enter-active[data-v-93008142]{-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease\\n}\\n.fade-enter[data-v-93008142],.fade-leave-to[data-v-93008142]{opacity:0\\n}\\n.d-flex[data-v-93008142]{display:-webkit-box;display:-ms-flexbox;display:flex\\n}\\n.flex-column[data-v-93008142]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column\\n}\\n.flex-md-row[data-v-93008142]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row\\n}\\n.align-items-center[data-v-93008142]{-webkit-box-align:center;-ms-flex-align:center;align-items:center\\n}\\n.cycle-form[data-v-93008142]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between\\n}\\n.control-ciclos[data-v-93008142]{margin:20px\\n}\\nform[data-v-93008142]{margin-bottom:20px\\n}\\n.btn-background[data-v-93008142]{background-color:transparent !important;border-color:transparent !important\\n}\\n.no-cycles[data-v-93008142]{margin-top:20px;font-size:16px;color:#888;text-align:center\\n}\\n.cycle-item[data-v-93008142]{padding:0;margin:0;list-style-type:none\\n}\\n@media only screen and (max-width: 575px){\\n.cycle-item[data-v-93008142]{padding-left:0\\n}\\n}\\n.cycle-card[data-v-93008142]{padding:10px;border-radius:5px;margin-bottom:20px;overflow:hidden\\n}\\n.delete-text[data-v-93008142]{color:red;cursor:pointer\\n}\\n.input-container[data-v-93008142]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center\\n}\\n@media only screen and (min-width: 1024px){\\n.input-container[data-v-93008142]{margin:1rem\\n}\\n}\\n@media only screen and (min-width: 0px) and (max-width: 1023px) and (orientation: landscape){\\n.input-container[data-v-93008142]{margin: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.input-container[data-v-93008142]{margin:1rem;max-width:100% !important\\n}\\n}\\n.inputAnswer[data-v-93008142]{margin-right:10px\\n}\\n.days-text[data-v-93008142]{margin-left:5px\\n}\\n.add-text[data-v-93008142]{margin-left:10px;cursor:pointer;color:#3238C4\\n}\\n.delete-text[data-v-93008142]:hover{text-decoration:underline\\n}\\n\", \"\"]);\n\n// exports\n\n\n/***/ }),\n\n/***/ 3861:\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_CycleChart_vue__ = __webpack_require__(3305);\n/* unused harmony namespace reexport */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5b6922a8_hasScoped_true_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_CycleChart_vue__ = __webpack_require__(3864);\nvar disposed = false\nfunction injectStyle (ssrContext) {\n  if (disposed) return\n  __webpack_require__(3862)\n}\nvar normalizeComponent = __webpack_require__(6)\n/* script */\n\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-5b6922a8\"\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_CycleChart_vue__[\"a\" /* default */],\n  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5b6922a8_hasScoped_true_transformToRequire_video_src_poster_source_src_img_src_image_xlink_href_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_CycleChart_vue__[\"a\" /* default */],\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\nComponent.options.__file = \"src/components/views/clinicHistory/CycleChart.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-5b6922a8\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-5b6922a8\", 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/***/ 3862:\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__(3863);\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)(\"c9892d60\", 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-5b6922a8\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./CycleChart.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-5b6922a8\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./CycleChart.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/***/ 3863:\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.cycle-tracker[data-v-5b6922a8] {\\r\\n  font-family: Arial, sans-serif;\\r\\n  -ms-flex-line-pack: center;\\r\\n      align-content: center;\\r\\n  -webkit-box-align: center;\\r\\n      -ms-flex-align: center;\\r\\n          align-items: center;\\r\\n  -webkit-box-pack: center;\\r\\n      -ms-flex-pack: center;\\r\\n          justify-content: center;\\n}\\n.cycle-bar[data-v-5b6922a8] {\\r\\n  display: -webkit-box;\\r\\n  display: -ms-flexbox;\\r\\n  display: flex;\\r\\n  margin-bottom: 10px;\\n}\\n.predicted-ovulation-day[data-v-5b6922a8] {\\r\\n  background-color: orange\\n}\\n.cycle-day[data-v-5b6922a8] {\\r\\n  width: 15px;\\r\\n  height: 15px;\\r\\n  border-radius: 50%;\\r\\n  margin: 0 2px;\\n}\\n.period-day[data-v-5b6922a8] {\\r\\n  background-color: red\\n}\\n.ovulation-day[data-v-5b6922a8] {\\r\\n  background-color: lightblue\\n}\\n.normal-day[data-v-5b6922a8] {\\r\\n  background-color: rgb(213, 213, 213)\\n}\\n.cycle-info[data-v-5b6922a8] {\\r\\n  margin-top: 10px\\n}\\r\\n\", \"\"]);\n\n// exports\n\n\n/***/ }),\n\n/***/ 3864:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"cycle-tracker\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"cycle-bar\" },\n      _vm._l(_vm.effectiveCycleLength, function(day, index) {\n        return _c(\"div\", {\n          key: index,\n          staticClass: \"cycle-day\",\n          class: _vm.getDayClass(index)\n        })\n      }),\n      0\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\n/* harmony default export */ __webpack_exports__[\"a\"] = (esExports);\nif (false) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-5b6922a8\", esExports)\n  }\n}\n\n/***/ }),\n\n/***/ 3865:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    _c(\n      \"div\",\n      { staticClass: \"mb-5\" },\n      [\n        _c(\n          \"base-card\",\n          {\n            attrs: {\n              overflowVisible: \"\",\n              title: _vm.$t(\"cycleControl\"),\n              info: _vm.tooltipText,\n              hideButtons: _vm.historyReadOnly\n            },\n            on: {\n              rightBtnClick: function($event) {\n                _vm.showAddSection = true\n              }\n            }\n          },\n          [\n            !_vm.showAddSection\n              ? _c(\n                  \"template\",\n                  {\n                    slot:\n                      _vm.$uiHelpers.isMobile || _vm.$uiHelpers.isTablet\n                        ? \"append-btn-title\"\n                        : \"right-button\"\n                  },\n                  [\n                    _c(\"add-button\", {\n                      attrs: { buttonText: _vm.$t(\"new-cycle\") },\n                      on: { click: _vm.addNewCycleForm }\n                    })\n                  ],\n                  1\n                )\n              : _vm._e(),\n            _vm._v(\" \"),\n            _vm.showAddSection\n              ? _c(\n                  \"form\",\n                  {\n                    staticClass:\n                      \"d-flex flex-column flex-md-row align-items-start form-section\",\n                    on: {\n                      submit: function($event) {\n                        $event.preventDefault()\n                        return _vm.addNewCycleForm.apply(null, arguments)\n                      }\n                    }\n                  },\n                  [\n                    !_vm.allowAdd\n                      ? _c(\"span\", [_vm._v(_vm._s(_vm.$t(\"mustSetPeriod\")))])\n                      : _vm._e(),\n                    _vm._v(\" \"),\n                    _vm.allowAdd\n                      ? _c(\n                          \"b-col\",\n                          {\n                            staticClass: \"mb-2 mb-md-0 mx-md-2\",\n                            attrs: { cols: \"12\", md: \"3\" }\n                          },\n                          [\n                            _c(\"base-datepicker\", {\n                              attrs: {\n                                max: new Date(),\n                                placeholder: _vm.$t(\"cycleStartDate\"),\n                                \"value-as-date\": \"\"\n                              },\n                              model: {\n                                value: _vm.startDate,\n                                callback: function($$v) {\n                                  _vm.startDate = $$v\n                                },\n                                expression: \"startDate\"\n                              }\n                            }),\n                            _vm._v(\" \"),\n                            _c(\n                              \"span\",\n                              {\n                                staticClass: \"add-text\",\n                                on: {\n                                  click: function() {\n                                    return (_vm.showAddSection = false)\n                                  }\n                                }\n                              },\n                              [_vm._v(_vm._s(_vm.$t(\"back\")))]\n                            )\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm._v(\" \"),\n                    _vm.allowAdd\n                      ? _c(\n                          \"b-col\",\n                          {\n                            staticClass:\n                              \"d-flex justify-content-md-start justify-content-center\",\n                            attrs: { cols: \"12\" }\n                          },\n                          [\n                            _c(\n                              \"button\",\n                              {\n                                staticClass: \"btn btn-primary\",\n                                attrs: {\n                                  type: \"submit\",\n                                  disabled: !_vm.startDate\n                                }\n                              },\n                              [_vm._v(_vm._s(_vm.$t(\"startCycle\")))]\n                            )\n                          ]\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              : _vm._e(),\n            _vm._v(\" \"),\n            _vm.cycles.length > 0\n              ? _c(\"div\", { staticClass: \"results mt-4\" }, [\n                  _c(\n                    \"ul\",\n                    { staticClass: \"cycle-item\" },\n                    [\n                      _c(\"h4\", [_vm._v(_vm._s(_vm.$t(\"historyCycle\")))]),\n                      _vm._v(\" \"),\n                      _vm._l(_vm.cycles, function(cycle) {\n                        return _c(\n                          \"li\",\n                          { key: cycle.idCycle, staticClass: \"cycle-card\" },\n                          [\n                            _c(\"strong\", [\n                              _vm._v(\n                                _vm._s(_vm.$t(\"cycle\")) +\n                                  \" \" +\n                                  _vm._s(\n                                    cycle.cycleDuration\n                                      ? _vm.formatDate(cycle.dateStartCycle)\n                                      : _vm.$t(\"current\") +\n                                          \" \" +\n                                          _vm.formatDate(cycle.dateStartCycle)\n                                  ) +\n                                  \" \" +\n                                  _vm._s(\n                                    cycle.cycleDuration != null\n                                      ? _vm.$t(\"until\") +\n                                          \" \" +\n                                          _vm.formatDate(\n                                            _vm.addDaysToDate(\n                                              cycle.dateStartCycle,\n                                              cycle.cycleDuration\n                                            )\n                                          )\n                                      : \"\"\n                                  )\n                              )\n                            ]),\n                            _vm._v(\" \"),\n                            _c(\"br\"),\n                            _vm._v(\" \"),\n                            cycle.cycleDuration\n                              ? _c(\"span\", [\n                                  _vm._v(\n                                    _vm._s(_vm.$t(\"cycleDuration2\")) +\n                                      \": \" +\n                                      _vm._s(cycle.cycleDuration) +\n                                      \" \" +\n                                      _vm._s(_vm.$t(\"days\"))\n                                  )\n                                ])\n                              : _vm._e(),\n                            _vm._v(\" \"),\n                            cycle.periodDuration\n                              ? _c(\"div\", [\n                                  _c(\"span\", [\n                                    _vm._v(\n                                      _vm._s(_vm.$t(\"periodDuration2\")) +\n                                        \": \" +\n                                        _vm._s(cycle.periodDuration) +\n                                        \" \" +\n                                        _vm._s(_vm.$t(\"days\"))\n                                    )\n                                  ])\n                                ])\n                              : _c(\"div\", [\n                                  !_vm.visibleSetPeriod\n                                    ? _c(\n                                        \"span\",\n                                        {\n                                          staticClass:\n                                            \"btn btn-secondary btn-background\",\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.setVisiblePeriodLength()\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            _vm._s(_vm.$t(\"setPeriodDuration\"))\n                                          )\n                                        ]\n                                      )\n                                    : _c(\n                                        \"div\",\n                                        [\n                                          _c(\n                                            \"b-col\",\n                                            {\n                                              staticClass:\n                                                \"mb-2 mb-md-0 mx-md-2 input-container\",\n                                              attrs: { cols: \"12\", md: \"3\" }\n                                            },\n                                            [\n                                              _c(\n                                                \"base-input\",\n                                                {\n                                                  staticClass: \"inputAnswer\",\n                                                  attrs: {\n                                                    min: \"0\",\n                                                    type: \"number\",\n                                                    placeholder: _vm.$t(\n                                                      \"periodDuration2\"\n                                                    )\n                                                  },\n                                                  model: {\n                                                    value: _vm.periodDuration,\n                                                    callback: function($$v) {\n                                                      _vm.periodDuration = $$v\n                                                    },\n                                                    expression: \"periodDuration\"\n                                                  }\n                                                },\n                                                [\n                                                  _c(\n                                                    \"template\",\n                                                    { slot: \"append\" },\n                                                    [\n                                                      _c(\n                                                        \"span\",\n                                                        {\n                                                          staticClass:\n                                                            \"days-text\"\n                                                        },\n                                                        [\n                                                          _vm._v(\n                                                            _vm._s(\n                                                              _vm.$t(\"days\")\n                                                            )\n                                                          )\n                                                        ]\n                                                      )\n                                                    ]\n                                                  )\n                                                ],\n                                                2\n                                              ),\n                                              _vm._v(\" \"),\n                                              _c(\n                                                \"span\",\n                                                {\n                                                  staticClass: \"add-text\",\n                                                  on: {\n                                                    click: function($event) {\n                                                      return _vm.setPeriodDuration(\n                                                        cycle\n                                                      )\n                                                    }\n                                                  }\n                                                },\n                                                [\n                                                  _vm._v(\n                                                    _vm._s(_vm.$t(\"add-txt\"))\n                                                  )\n                                                ]\n                                              )\n                                            ],\n                                            1\n                                          )\n                                        ],\n                                        1\n                                      )\n                                ]),\n                            _vm._v(\" \"),\n                            cycle.cycleDuration\n                              ? _c(\"div\", [\n                                  _vm._v(\n                                    \"\\n              \" +\n                                      _vm._s(_vm.$t(\"ovulationDuration\")) +\n                                      \": \" +\n                                      _vm._s(\n                                        _vm\n                                          .calculateOvulationMonthDays(\n                                            cycle.dateStartCycle,\n                                            cycle.cycleDuration\n                                          )\n                                          .join(\", \")\n                                      ) +\n                                      \"\\n            \"\n                                  )\n                                ])\n                              : _c(\"div\", [\n                                  _c(\"div\", [\n                                    _vm._v(\n                                      _vm._s(\n                                        _vm.$t(\"ovulationDurationPrediction\")\n                                      ) +\n                                        \": \" +\n                                        _vm._s(_vm.displayFertileDays())\n                                    )\n                                  ]),\n                                  _vm._v(\" \"),\n                                  _c(\"div\", [\n                                    _vm._v(\n                                      _vm._s(_vm.$t(\"newCyclePredictionDate\")) +\n                                        \": \" +\n                                        _vm._s(\n                                          _vm.formatDate(_vm.newCyclePrediction)\n                                        )\n                                    )\n                                  ])\n                                ]),\n                            _vm._v(\" \"),\n                            _c(\"CycleChart\", {\n                              attrs: {\n                                startDate: cycle.dateStartCycle,\n                                cycleLength: cycle.cycleDuration,\n                                predictedCycleLength: _vm.calculateAverageCycleLength(),\n                                periodLength: cycle.periodDuration\n                              }\n                            }),\n                            _vm._v(\" \"),\n                            _c(\n                              \"span\",\n                              {\n                                staticClass: \"delete-text\",\n                                on: {\n                                  click: function($event) {\n                                    return _vm.deleteCycle(cycle.idCycle)\n                                  }\n                                }\n                              },\n                              [_vm._v(_vm._s(_vm.$t(\"delete\")))]\n                            )\n                          ],\n                          1\n                        )\n                      })\n                    ],\n                    2\n                  )\n                ])\n              : _c(\"div\", { staticClass: \"no-cycles\" }, [\n                  _c(\"p\", [_vm._v(_vm._s(_vm.$t(\"noControl\")))])\n                ]),\n            _vm._v(\" \"),\n            _c(\"base-dialog\", {\n              attrs: {\n                content: _vm.$t(\"confirmEndCurrentCycle\"),\n                okFn: function async() {\n                  _vm.endCurrentCycle()\n                },\n                cancelFn: function() {\n                  _vm.visibleEndCurrentCycle = false\n                }\n              },\n              model: {\n                value: _vm.visibleEndCurrentCycle,\n                callback: function($$v) {\n                  _vm.visibleEndCurrentCycle = $$v\n                },\n                expression: \"visibleEndCurrentCycle\"\n              }\n            })\n          ],\n          2\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\n/* harmony default export */ __webpack_exports__[\"a\"] = (esExports);\nif (false) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-93008142\", esExports)\n  }\n}\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static-appopensalud/js/70.75683078cf40737fd00d.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-93008142\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!sass-loader?{\\\"data\\\":\\\"@import \\\\\\\"static-appopensalud/css/scss/shared.scss\\\\\\\";\\\",\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./MenstrualCalendar.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!./MenstrualCalendar.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./MenstrualCalendar.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-93008142\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./MenstrualCalendar.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-93008142\"\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/clinicHistory/MenstrualCalendar.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-93008142\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-93008142\", 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/clinicHistory/MenstrualCalendar.vue\n// module id = 2387\n// module chunks = 70","\r\nimport { READ_ONLY_TOKEN_SESSION_STORAGE_KEY } from '@/constants/sessionStorage'\r\nimport { BASE_PATH as HISTORY_BASE_PATH, MENU_PATH as HISTORY_MENU_PATH } from '@/constants/clinicHistory'\r\n\r\nexport default {\r\n  methods: {\r\n    goToSection (path) {\r\n      const needsPatientId = !this.$store.getters['session/userIsPatient'] && this.$route.query.patientId\r\n      let route = { path: `${HISTORY_BASE_PATH}${path !== HISTORY_MENU_PATH ? `/${path}` : ''}`, query: {} }\r\n      if (needsPatientId) route.query.patientId = this.$route.query.patientId\r\n      if (this.$route.query.petId) route.query.petId = this.$route.query.petId\r\n      this.$router.push(route).catch(() => {})\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      historyReadOnly: !!sessionStorage.getItem(READ_ONLY_TOKEN_SESSION_STORAGE_KEY)\r\n    }\r\n  }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/mixins/clinicHistory.mixin.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-38b0fcd7\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./AddButton.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!./AddButton.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./AddButton.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-38b0fcd7\\\",\\\"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!./AddButton.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/base/buttons/AddButton.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-38b0fcd7\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-38b0fcd7\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/base/buttons/AddButton.vue\n// module id = 2458\n// module chunks = 5 28 32 34 68 70 141","<template>\r\n  <icon-button icon=\"/static-appopensalud/img/icons/morillas-svg-icons/primary/add.svg\" :text=\"btnText\"></icon-button>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  name: 'add-button',\r\n  props: {\r\n    buttonText: {\r\n      type: String,\r\n      required: false,\r\n      default () {\r\n        return this.$t('add-btn')\r\n      }\r\n    },\r\n    showTextOnMobile: Boolean\r\n  },\r\n  computed: {\r\n    btnText () {\r\n      return this.$uiHelpers.isMobile && !this.showTextOnMobile ? '' : this.buttonText\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      hover: false\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n\r\n</style>\n\n\n// WEBPACK FOOTER //\n// src/components/base/buttons/AddButton.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-38b0fcd7\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./AddButton.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\")(\"1c10b383\", 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-38b0fcd7\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./AddButton.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-38b0fcd7\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./AddButton.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-38b0fcd7\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/base/buttons/AddButton.vue\n// module id = 2587\n// module chunks = 5 28 32 34 68 70 141","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"\\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\\n\\n\\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-38b0fcd7\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/base/buttons/AddButton.vue\n// module id = 2588\n// module chunks = 5 28 32 34 68 70 141","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"icon-button\", {\n    attrs: {\n      icon: \"/static-appopensalud/img/icons/morillas-svg-icons/primary/add.svg\",\n      text: _vm.btnText\n    }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-38b0fcd7\", esExports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-38b0fcd7\",\"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/base/buttons/AddButton.vue\n// module id = 2589\n// module chunks = 5 28 32 34 68 70 141","<template>\r\n  <div>\r\n    <div class=\"mb-5\">\r\n      <base-card overflowVisible :title=\"$t('cycleControl')\" :info=\"tooltipText\" @rightBtnClick=\"showAddSection = true\" :hideButtons=\"historyReadOnly\">\r\n\r\n      <template v-if=\"!showAddSection\" :slot=\"$uiHelpers.isMobile || $uiHelpers.isTablet ? 'append-btn-title' : 'right-button'\">\r\n          <add-button :buttonText=\"$t('new-cycle')\" @click=\"addNewCycleForm\"></add-button>\r\n        </template>\r\n        <!-- Formulario para iniciar un nuevo ciclo -->\r\n        <form v-if=\"showAddSection\" @submit.prevent=\"addNewCycleForm\" class=\"d-flex flex-column flex-md-row align-items-start form-section\">\r\n          <span v-if=\"!allowAdd\">{{ $t('mustSetPeriod') }}</span>\r\n            <b-col v-if=\"allowAdd\" cols=\"12\" md=\"3\" class=\"mb-2 mb-md-0 mx-md-2\">\r\n            <base-datepicker :max=\"new Date()\" :placeholder=\"$t('cycleStartDate')\" v-model=\"startDate\" value-as-date></base-datepicker>\r\n            <span class=\"add-text\" @click=\"() => showAddSection = false\">{{ $t('back') }}</span>\r\n          </b-col>\r\n\r\n          <!-- Botón de comenzar ciclo -->\r\n          <b-col v-if=\"allowAdd\" cols=\"12\" class=\"d-flex justify-content-md-start justify-content-center\">\r\n            <button class=\"btn btn-primary\" type=\"submit\" :disabled=\"!startDate\">{{ $t('startCycle') }}</button>\r\n          </b-col>\r\n\r\n        </form>\r\n        <!-- Historial de ciclos -->\r\n        <div v-if=\"cycles.length > 0\" class=\"results mt-4\">\r\n          <ul class=\"cycle-item\">\r\n            <h4>{{ $t('historyCycle') }}</h4>\r\n            <li v-for=\"(cycle) in cycles\" :key=\"cycle.idCycle\" class=\"cycle-card\">\r\n              <strong>{{ $t('cycle') }} {{ cycle.cycleDuration ? formatDate(cycle.dateStartCycle) : $t('current') + ' ' + formatDate(cycle.dateStartCycle)}} {{cycle.cycleDuration != null ? $t('until') + ' ' + formatDate(addDaysToDate(cycle.dateStartCycle, cycle.cycleDuration)) : '' }}</strong>\r\n              <br />\r\n              <!-- Mostrar duración del ciclo si está finalizado -->\r\n              <span v-if=\"cycle.cycleDuration\">{{ $t('cycleDuration2') }}: {{ cycle.cycleDuration }} {{ $t('days') }}</span>\r\n              <div v-if=\"cycle.periodDuration\">\r\n              <span>{{ $t('periodDuration2') }}: {{ cycle.periodDuration }} {{ $t('days') }}</span>\r\n              </div>\r\n\r\n              <!-- Si es el ciclo en curso, mostrar opción de finalizar o establecer duración del periodo -->\r\n              <div v-else>\r\n                <span v-if=\"!visibleSetPeriod\" class=\"btn btn-secondary btn-background\" @click=\"setVisiblePeriodLength()\">{{ $t('setPeriodDuration') }}</span>\r\n                <div v-else>\r\n                  <b-col cols=\"12\" md=\"3\" class=\"mb-2 mb-md-0 mx-md-2 input-container\">\r\n                    <base-input min=\"0\" class=\"inputAnswer\" type=\"number\" v-model=\"periodDuration\" :placeholder=\"$t('periodDuration2')\">\r\n                      <template slot=\"append\">\r\n                        <span class=\"days-text\">{{ $t('days') }}</span>\r\n                      </template>\r\n                    </base-input>\r\n                    <span class=\"add-text\" @click=\"setPeriodDuration(cycle)\">{{ $t('add-txt') }}</span>\r\n                  </b-col>\r\n                </div>\r\n              </div>\r\n              <div v-if=\"cycle.cycleDuration\">\r\n                {{ $t('ovulationDuration') }}: {{ calculateOvulationMonthDays(cycle.dateStartCycle, cycle.cycleDuration).join(', ') }}\r\n              </div>\r\n              <div v-else>\r\n                <div>{{ $t('ovulationDurationPrediction') }}: {{ displayFertileDays() }}</div>\r\n                <div>{{ $t('newCyclePredictionDate') }}: {{ formatDate(newCyclePrediction) }}</div>\r\n\r\n              </div>\r\n              <CycleChart\r\n                :startDate=\"cycle.dateStartCycle\"\r\n                :cycleLength=\"cycle.cycleDuration\"\r\n                :predictedCycleLength=\"calculateAverageCycleLength()\"\r\n                :periodLength=\"cycle.periodDuration\"\r\n              />\r\n              <span class=\"delete-text\" @click=\"deleteCycle(cycle.idCycle)\">{{ $t('delete') }}</span>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n        <div v-else class=\"no-cycles\">\r\n          <p>{{$t('noControl')}}</p>\r\n        </div>\r\n        <base-dialog v-model=\"visibleEndCurrentCycle\" :content=\"$t('confirmEndCurrentCycle')\" :okFn=\"async () => { endCurrentCycle() }\" :cancelFn=\"() => { visibleEndCurrentCycle = false }\"></base-dialog>\r\n \r\n      </base-card>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport CycleChart from './CycleChart.vue'\r\nimport patientsRepository from '@/repositories/PatientsRepository'\r\nimport { MENU_PATH } from '@/constants/clinicHistory'\r\nimport clinicHistoryMixin from '@/mixins/clinicHistory.mixin'\r\nimport AddButton from '@/components/base/buttons/AddButton'\r\nimport BaseDatepicker from '@/components/base/forms/BaseDatepicker'\r\nimport BaseDialog from '@/components/base/BaseDialog'\r\nimport moment from 'moment'\r\nimport { appointmentDateFormat } from '@/helpers/date.helpers'\r\n\r\nexport default {\r\n  name: 'menstrual-calendar',\r\n  components: {\r\n    CycleChart,\r\n    BaseDialog,\r\n    AddButton,\r\n    BaseDatepicker\r\n  },\r\n  mixins: [clinicHistoryMixin],\r\n  data () {\r\n    return {\r\n      startDate: '',\r\n      MENU_PATH,\r\n      visibleEndCurrentCycle: false,\r\n      confirmEnd: false,\r\n      allowAdd: false,\r\n      visibleSetPeriod: false,\r\n      showAddSection: false,\r\n      cycles: [],\r\n      currentCycle: null,\r\n      mostRecentCycle: null,\r\n      newCyclePrediction: null,\r\n      periodDuration: null\r\n    }\r\n  },\r\n  computed: {\r\n    tooltipText () {\r\n      return `\r\n        <div><span style=\"display: inline-block;width: 10px;height: 10px;border-radius: 50%;margin-right: 5px;background-color: red\"></span> ${this.$t('periodDuration2')}</div>\r\n        <div><span style=\"display: inline-block;width: 10px;height: 10px;border-radius: 50%;margin-right: 5px;background-color: orange\"></span> ${this.$t('ovulationDurationPrediction')}</div>\r\n        <div><span style=\"display: inline-block;width: 10px;height: 10px;border-radius: 50%;margin-right: 5px;background-color: lightblue\"></span> ${this.$t('ovulationDuration')}</div>\r\n      `\r\n    }\r\n  },\r\n  methods: {\r\n    async getCycles () {\r\n      try {\r\n        const response = await patientsRepository.getMenstruations()\r\n        if (response.data.length > 0) {\r\n        this.cycles = response.data.sort((a, b) => new Date(b.dateStartCycle) - new Date(a.dateStartCycle))\r\n        this.currentCycle = this.cycles.find(cycle => !cycle.cycleDuration && cycle.periodDuration)\r\n        this.mostRecentCycle = this.cycles[0]\r\n        this.allowAdd = this.mostRecentCycle.periodDuration != null\r\n      } else {\r\n        this.allowAdd = true\r\n      }\r\n      } catch (error) {\r\n        this.$store.dispatch('showDangerAlert', this.$t('error-cycles-get'))\r\n      }\r\n      if (this.mostRecentCycle) {\r\n        this.newCyclePrediction = new Date(this.mostRecentCycle.dateStartCycle)\r\n        this.newCyclePrediction.setDate(this.newCyclePrediction.getDate() + this.calculateAverageCycleLength())\r\n      }\r\n    },\r\n    async deleteCycle (idCycle) {\r\n      try {\r\n        const response = await patientsRepository.deleteMenstruation(idCycle)\r\n        if (response.data === true) {\r\n          this.cycles = this.cycles.filter(cycle => cycle.idCycle !== idCycle)\r\n          this.getCycles()\r\n        } else {\r\n          console.error('error')\r\n        }\r\n      } catch (error) {\r\n        this.$store.dispatch('showDangerAlert', this.$t('error-cycles-delete'))\r\n      }\r\n    },\r\n    async setVisiblePeriodLength () {\r\n      this.visibleSetPeriod = true\r\n    },\r\n    async setPeriodDuration (cycle) {\r\n      if (this.periodDuration) {\r\n        try {\r\n          await this.updateCycle({ idCycle: cycle.idCycle, periodDuration: parseInt(this.periodDuration) })\r\n          this.visibleSetPeriod = false\r\n          this.periodDuration = null\r\n          this.getCycles()\r\n        } catch (error) {\r\n          this.$store.dispatch('showDangerAlert', this.$t('error-cycles-set'))\r\n        }\r\n      }\r\n    },\r\n    addDaysToDate (dateString, days) {\r\n      const date = new Date(dateString)\r\n      date.setDate(date.getDate() + days - 1)\r\n      return date\r\n    },\r\n    clickToVisiblePeriod () {\r\n      this.visibleSetPeriod = true\r\n    },\r\n    async addNewCycleForm () {\r\n      if (this.currentCycle) {\r\n        this.visibleEndCurrentCycle = true\r\n      } else {\r\n        this.startNewCycle()\r\n      }\r\n      this.showAddSection = true\r\n    },\r\n    async startNewCycle () {\r\n      const newCycle = {\r\n        dateStartCycle: new Date(this.startDate).toISOString()\r\n      }\r\n      try {\r\n        await patientsRepository.postMenstruation(newCycle)\r\n        this.getCycles() // Recargar los ciclos\r\n        this.startDate = null\r\n        this.showAddSection = false\r\n      } catch (error) {\r\n        this.$store.dispatch('showDangerAlert', this.$t('error-cycles-start'))\r\n      }\r\n    },\r\n    async endCurrentCycle () {\r\n      this.visibleEndCurrentCycle = false\r\n      const newCycleStartDate = moment(this.startDate).startOf('day')\r\n      const currentCycleStartDate = moment(this.currentCycle.dateStartCycle).startOf('day')\r\n\r\n      const cycleDuration = newCycleStartDate.diff(currentCycleStartDate, 'days')\r\n      try {\r\n        await this.updateCycle({ idCycle: this.currentCycle.idCycle, cycleDuration: cycleDuration })\r\n        this.currentCycle = null\r\n        await this.startNewCycle()\r\n        this.getCycles()\r\n      } catch (error) {\r\n        this.$store.dispatch('showDangerAlert', this.$t('error-cycles-delete'))\r\n      }\r\n    },\r\n    async updateCycle (updatedCycleData) {\r\n      try {\r\n        await patientsRepository.putMenstruation(updatedCycleData)\r\n        this.getCycles()\r\n      } catch (error) {\r\n        this.$store.dispatch('showDangerAlert', this.$t('error-cycles-set2'))\r\n      }\r\n    },\r\n    formatDate (dateString) {\r\n      return appointmentDateFormat(dateString, true, true)\r\n    },\r\n    calculateOvulationMonthDays (startDate, cycleDuration) {\r\n      const ovulationDay = Math.floor(cycleDuration / 2)\r\n      const ovulationStart = ovulationDay - 3 // restamos 3 y sumamos 2 para obtener seis días que son los que dura la ovulación\r\n      const ovulationEnd = ovulationDay + 2\r\n      let ovulationDays = []\r\n      for (let i = ovulationStart; i <= ovulationEnd; i++) {\r\n        const ovulationDate = new Date(startDate)\r\n        ovulationDate.setDate(ovulationDate.getDate() + i)\r\n        ovulationDays.push(ovulationDate.getDate())\r\n      }\r\n      return ovulationDays\r\n  },\r\n  calculateAverageCycleLength () {\r\n      // Filtrar ciclos finalizados y con duración válida\r\n      const completedCycles = this.cycles.filter(cycle => cycle.cycleDuration)\r\n      if (completedCycles.length === 0) {\r\n        return 27\r\n      }\r\n      const totalDuration = completedCycles.reduce((sum, cycle) => sum + cycle.cycleDuration, 0)\r\n      return Math.round(totalDuration / completedCycles.length)\r\n    },\r\n    displayFertileDays () {\r\n      const cycleDuration = this.calculateAverageCycleLength()\r\n      const fertileDays = this.calculateOvulationMonthDays(this.mostRecentCycle.dateStartCycle, cycleDuration)\r\n      return fertileDays.join(', ')\r\n    }\r\n  },\r\n  mounted () {\r\n    this.getCycles()\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n.d-flex {\r\n  display: flex;\r\n}\r\n.flex-column {\r\n  flex-direction: column;\r\n}\r\n.flex-md-row {\r\n  flex-direction: row;\r\n}\r\n.align-items-center {\r\n  align-items: center;\r\n}\r\n\r\n.cycle-form {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: space-between;\r\n}\r\n\r\n.control-ciclos {\r\n  margin: 20px;\r\n}\r\n\r\nform {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.btn-background{\r\n  background-color: transparent !important;\r\n  border-color: transparent !important;\r\n}\r\n.no-cycles {\r\n  margin-top: 20px;\r\n  font-size: 16px;\r\n  color: #888;\r\n  text-align: center;\r\n}\r\n\r\n.cycle-item {\r\n  padding: 0;\r\n  margin: 0;\r\n  list-style-type: none;\r\n  @include mobile {\r\n\t\tpadding-left: 0;\r\n\t}\r\n}\r\n.cycle-card {\r\n  padding: 10px;\r\n  border-radius: 5px;\r\n  margin-bottom: 20px;\r\n  overflow: hidden;\r\n}\r\n\r\n.delete-text {\r\n  color: red;\r\n  cursor: pointer;\r\n}\r\n\r\n.input-container {\r\n  @include desktop {\r\n    margin: 1rem;\r\n\t}\r\n  @include desktop-sm {\r\n    margin: 1rem;\r\n\t}\r\n  @include tablets {\r\n    margin: 1rem;\r\n    max-width: 100% !important\r\n\t}\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n}\r\n\r\n.inputAnswer {\r\n  margin-right: 10px;\r\n}\r\n\r\n.days-text {\r\n  margin-left: 5px;\r\n}\r\n\r\n.add-text {\r\n  margin-left: 10px;\r\n  cursor: pointer;\r\n  color: $blue;\r\n}\r\n\r\n.delete-text:hover {\r\n  text-decoration: underline;\r\n}\r\n\r\n\r\n\r\n</style>\r\n\n\n\n// WEBPACK FOOTER //\n// src/components/views/clinicHistory/MenstrualCalendar.vue","<template>\r\n  <div class=\"cycle-tracker\">\r\n    <div class=\"cycle-bar\">\r\n      <div\r\n        v-for=\"(day, index) in effectiveCycleLength\"\r\n        :key=\"index\"\r\n        :class=\"getDayClass(index)\"\r\n        class=\"cycle-day\"\r\n      ></div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    startDate: {\r\n      type: String,\r\n      required: true\r\n    },\r\n    cycleLength: {\r\n      type: Number,\r\n      default: 28\r\n    },\r\n    periodLength: {\r\n      type: Number,\r\n      default: 4\r\n    },\r\n    predictedCycleLength: {\r\n      type: Number,\r\n      default: 27 // Predicción de duración del ciclo si no está finalizado\r\n    }\r\n  },\r\n  computed: {\r\n    effectiveCycleLength () {\r\n      return this.cycleLength || this.predictedCycleLength\r\n    },\r\n    periodDays () {\r\n      return Array.from({ length: this.periodLength }, (_, i) => i)\r\n    },\r\n    ovulationDays () {\r\n      const ovulationDays = 6\r\n      const ovulationBegin = 3 // De forma general dividiendo la duración del ciclo entre 2 nos situamos en mitad de la ovulación, como ésta dura seis días restando 3 tenemos el día que comienza\r\n      const ovulationDay = Math.floor(this.effectiveCycleLength / 2)\r\n      return Array.from({ length: ovulationDays }, (_, i) => ovulationDay - ovulationBegin + i)\r\n    }\r\n  },\r\n  methods: {\r\n    getDayClass (index) {\r\n      if (this.periodDays.includes(index)) {\r\n        return 'period-day'\r\n      } else if (this.ovulationDays.includes(index)) {\r\n        return this.cycleLength ? 'ovulation-day' : 'predicted-ovulation-day'\r\n      } else {\r\n        return 'normal-day'\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.cycle-tracker {\r\n  font-family: Arial, sans-serif;\r\n  align-content: center;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.cycle-bar {\r\n  display: flex;\r\n  margin-bottom: 10px;\r\n}\r\n.predicted-ovulation-day {\r\n  background-color: orange\r\n}\r\n.cycle-day {\r\n  width: 15px;\r\n  height: 15px;\r\n  border-radius: 50%;\r\n  margin: 0 2px;\r\n}\r\n.period-day {\r\n  background-color: red\r\n}\r\n.ovulation-day {\r\n  background-color: lightblue\r\n}\r\n.normal-day {\r\n  background-color: rgb(213, 213, 213)\r\n}\r\n.cycle-info {\r\n  margin-top: 10px\r\n}\r\n</style>\r\n\n\n\n// WEBPACK FOOTER //\n// src/components/views/clinicHistory/CycleChart.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-93008142\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../node_modules/sass-loader/dist/cjs.js?{\\\"data\\\":\\\"@import \\\\\\\"static-appopensalud/css/scss/shared.scss\\\\\\\";\\\",\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./MenstrualCalendar.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\")(\"2fe83f9c\", 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-93008142\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../node_modules/sass-loader/dist/cjs.js?{\\\"data\\\":\\\"@import \\\\\\\"static-appopensalud/css/scss/shared.scss\\\\\\\";\\\",\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./MenstrualCalendar.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-93008142\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../node_modules/sass-loader/dist/cjs.js?{\\\"data\\\":\\\"@import \\\\\\\"static-appopensalud/css/scss/shared.scss\\\\\\\";\\\",\\\"sourceMap\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./MenstrualCalendar.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-93008142\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/sass-loader/dist/cjs.js?{\"data\":\"@import /\"static-appopensalud/css/scss/shared.scss/\";\",\"sourceMap\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/views/clinicHistory/MenstrualCalendar.vue\n// module id = 3859\n// module chunks = 70","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[data-v-93008142]{font-size:12px;letter-spacing:1.25px;font-weight:lighter;text-transform:uppercase\\n}\\n.slide-down-enter-active[data-v-93008142],.slide-down-leave-active[data-v-93008142]{-webkit-transition:all 0.5s ease;transition:all 0.5s ease\\n}\\n.slide-down-enter[data-v-93008142],.slide-down-leave-to[data-v-93008142]{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0\\n}\\n.slide-fade-left-enter-active[data-v-93008142],.slide-fade-left-leave-active[data-v-93008142]{-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease\\n}\\n.slide-fade-left-enter[data-v-93008142],.slide-fade-left-leave-to[data-v-93008142]{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0\\n}\\n.fade-enter-active[data-v-93008142]{-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease\\n}\\n.fade-enter[data-v-93008142],.fade-leave-to[data-v-93008142]{opacity:0\\n}\\n.d-flex[data-v-93008142]{display:-webkit-box;display:-ms-flexbox;display:flex\\n}\\n.flex-column[data-v-93008142]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column\\n}\\n.flex-md-row[data-v-93008142]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row\\n}\\n.align-items-center[data-v-93008142]{-webkit-box-align:center;-ms-flex-align:center;align-items:center\\n}\\n.cycle-form[data-v-93008142]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between\\n}\\n.control-ciclos[data-v-93008142]{margin:20px\\n}\\nform[data-v-93008142]{margin-bottom:20px\\n}\\n.btn-background[data-v-93008142]{background-color:transparent !important;border-color:transparent !important\\n}\\n.no-cycles[data-v-93008142]{margin-top:20px;font-size:16px;color:#888;text-align:center\\n}\\n.cycle-item[data-v-93008142]{padding:0;margin:0;list-style-type:none\\n}\\n@media only screen and (max-width: 575px){\\n.cycle-item[data-v-93008142]{padding-left:0\\n}\\n}\\n.cycle-card[data-v-93008142]{padding:10px;border-radius:5px;margin-bottom:20px;overflow:hidden\\n}\\n.delete-text[data-v-93008142]{color:red;cursor:pointer\\n}\\n.input-container[data-v-93008142]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center\\n}\\n@media only screen and (min-width: 1024px){\\n.input-container[data-v-93008142]{margin:1rem\\n}\\n}\\n@media only screen and (min-width: 0px) and (max-width: 1023px) and (orientation: landscape){\\n.input-container[data-v-93008142]{margin: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.input-container[data-v-93008142]{margin:1rem;max-width:100% !important\\n}\\n}\\n.inputAnswer[data-v-93008142]{margin-right:10px\\n}\\n.days-text[data-v-93008142]{margin-left:5px\\n}\\n.add-text[data-v-93008142]{margin-left:10px;cursor:pointer;color:#3238C4\\n}\\n.delete-text[data-v-93008142]:hover{text-decoration:underline\\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-93008142\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/sass-loader/dist/cjs.js?{\"data\":\"@import /\"static-appopensalud/css/scss/shared.scss/\";\",\"sourceMap\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/views/clinicHistory/MenstrualCalendar.vue\n// module id = 3860\n// module chunks = 70","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-5b6922a8\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./CycleChart.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!./CycleChart.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./CycleChart.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-5b6922a8\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./CycleChart.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-5b6922a8\"\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/clinicHistory/CycleChart.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-5b6922a8\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-5b6922a8\", 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/clinicHistory/CycleChart.vue\n// module id = 3861\n// module chunks = 70","// 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-5b6922a8\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./CycleChart.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\")(\"c9892d60\", 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-5b6922a8\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./CycleChart.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-5b6922a8\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./CycleChart.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-5b6922a8\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/views/clinicHistory/CycleChart.vue\n// module id = 3862\n// module chunks = 70","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.cycle-tracker[data-v-5b6922a8] {\\r\\n  font-family: Arial, sans-serif;\\r\\n  -ms-flex-line-pack: center;\\r\\n      align-content: center;\\r\\n  -webkit-box-align: center;\\r\\n      -ms-flex-align: center;\\r\\n          align-items: center;\\r\\n  -webkit-box-pack: center;\\r\\n      -ms-flex-pack: center;\\r\\n          justify-content: center;\\n}\\n.cycle-bar[data-v-5b6922a8] {\\r\\n  display: -webkit-box;\\r\\n  display: -ms-flexbox;\\r\\n  display: flex;\\r\\n  margin-bottom: 10px;\\n}\\n.predicted-ovulation-day[data-v-5b6922a8] {\\r\\n  background-color: orange\\n}\\n.cycle-day[data-v-5b6922a8] {\\r\\n  width: 15px;\\r\\n  height: 15px;\\r\\n  border-radius: 50%;\\r\\n  margin: 0 2px;\\n}\\n.period-day[data-v-5b6922a8] {\\r\\n  background-color: red\\n}\\n.ovulation-day[data-v-5b6922a8] {\\r\\n  background-color: lightblue\\n}\\n.normal-day[data-v-5b6922a8] {\\r\\n  background-color: rgb(213, 213, 213)\\n}\\n.cycle-info[data-v-5b6922a8] {\\r\\n  margin-top: 10px\\n}\\r\\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-5b6922a8\",\"scoped\":true,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/views/clinicHistory/CycleChart.vue\n// module id = 3863\n// module chunks = 70","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"cycle-tracker\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"cycle-bar\" },\n      _vm._l(_vm.effectiveCycleLength, function(day, index) {\n        return _c(\"div\", {\n          key: index,\n          staticClass: \"cycle-day\",\n          class: _vm.getDayClass(index)\n        })\n      }),\n      0\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-5b6922a8\", esExports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-5b6922a8\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/views/clinicHistory/CycleChart.vue\n// module id = 3864\n// module chunks = 70","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    _c(\n      \"div\",\n      { staticClass: \"mb-5\" },\n      [\n        _c(\n          \"base-card\",\n          {\n            attrs: {\n              overflowVisible: \"\",\n              title: _vm.$t(\"cycleControl\"),\n              info: _vm.tooltipText,\n              hideButtons: _vm.historyReadOnly\n            },\n            on: {\n              rightBtnClick: function($event) {\n                _vm.showAddSection = true\n              }\n            }\n          },\n          [\n            !_vm.showAddSection\n              ? _c(\n                  \"template\",\n                  {\n                    slot:\n                      _vm.$uiHelpers.isMobile || _vm.$uiHelpers.isTablet\n                        ? \"append-btn-title\"\n                        : \"right-button\"\n                  },\n                  [\n                    _c(\"add-button\", {\n                      attrs: { buttonText: _vm.$t(\"new-cycle\") },\n                      on: { click: _vm.addNewCycleForm }\n                    })\n                  ],\n                  1\n                )\n              : _vm._e(),\n            _vm._v(\" \"),\n            _vm.showAddSection\n              ? _c(\n                  \"form\",\n                  {\n                    staticClass:\n                      \"d-flex flex-column flex-md-row align-items-start form-section\",\n                    on: {\n                      submit: function($event) {\n                        $event.preventDefault()\n                        return _vm.addNewCycleForm.apply(null, arguments)\n                      }\n                    }\n                  },\n                  [\n                    !_vm.allowAdd\n                      ? _c(\"span\", [_vm._v(_vm._s(_vm.$t(\"mustSetPeriod\")))])\n                      : _vm._e(),\n                    _vm._v(\" \"),\n                    _vm.allowAdd\n                      ? _c(\n                          \"b-col\",\n                          {\n                            staticClass: \"mb-2 mb-md-0 mx-md-2\",\n                            attrs: { cols: \"12\", md: \"3\" }\n                          },\n                          [\n                            _c(\"base-datepicker\", {\n                              attrs: {\n                                max: new Date(),\n                                placeholder: _vm.$t(\"cycleStartDate\"),\n                                \"value-as-date\": \"\"\n                              },\n                              model: {\n                                value: _vm.startDate,\n                                callback: function($$v) {\n                                  _vm.startDate = $$v\n                                },\n                                expression: \"startDate\"\n                              }\n                            }),\n                            _vm._v(\" \"),\n                            _c(\n                              \"span\",\n                              {\n                                staticClass: \"add-text\",\n                                on: {\n                                  click: function() {\n                                    return (_vm.showAddSection = false)\n                                  }\n                                }\n                              },\n                              [_vm._v(_vm._s(_vm.$t(\"back\")))]\n                            )\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm._v(\" \"),\n                    _vm.allowAdd\n                      ? _c(\n                          \"b-col\",\n                          {\n                            staticClass:\n                              \"d-flex justify-content-md-start justify-content-center\",\n                            attrs: { cols: \"12\" }\n                          },\n                          [\n                            _c(\n                              \"button\",\n                              {\n                                staticClass: \"btn btn-primary\",\n                                attrs: {\n                                  type: \"submit\",\n                                  disabled: !_vm.startDate\n                                }\n                              },\n                              [_vm._v(_vm._s(_vm.$t(\"startCycle\")))]\n                            )\n                          ]\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              : _vm._e(),\n            _vm._v(\" \"),\n            _vm.cycles.length > 0\n              ? _c(\"div\", { staticClass: \"results mt-4\" }, [\n                  _c(\n                    \"ul\",\n                    { staticClass: \"cycle-item\" },\n                    [\n                      _c(\"h4\", [_vm._v(_vm._s(_vm.$t(\"historyCycle\")))]),\n                      _vm._v(\" \"),\n                      _vm._l(_vm.cycles, function(cycle) {\n                        return _c(\n                          \"li\",\n                          { key: cycle.idCycle, staticClass: \"cycle-card\" },\n                          [\n                            _c(\"strong\", [\n                              _vm._v(\n                                _vm._s(_vm.$t(\"cycle\")) +\n                                  \" \" +\n                                  _vm._s(\n                                    cycle.cycleDuration\n                                      ? _vm.formatDate(cycle.dateStartCycle)\n                                      : _vm.$t(\"current\") +\n                                          \" \" +\n                                          _vm.formatDate(cycle.dateStartCycle)\n                                  ) +\n                                  \" \" +\n                                  _vm._s(\n                                    cycle.cycleDuration != null\n                                      ? _vm.$t(\"until\") +\n                                          \" \" +\n                                          _vm.formatDate(\n                                            _vm.addDaysToDate(\n                                              cycle.dateStartCycle,\n                                              cycle.cycleDuration\n                                            )\n                                          )\n                                      : \"\"\n                                  )\n                              )\n                            ]),\n                            _vm._v(\" \"),\n                            _c(\"br\"),\n                            _vm._v(\" \"),\n                            cycle.cycleDuration\n                              ? _c(\"span\", [\n                                  _vm._v(\n                                    _vm._s(_vm.$t(\"cycleDuration2\")) +\n                                      \": \" +\n                                      _vm._s(cycle.cycleDuration) +\n                                      \" \" +\n                                      _vm._s(_vm.$t(\"days\"))\n                                  )\n                                ])\n                              : _vm._e(),\n                            _vm._v(\" \"),\n                            cycle.periodDuration\n                              ? _c(\"div\", [\n                                  _c(\"span\", [\n                                    _vm._v(\n                                      _vm._s(_vm.$t(\"periodDuration2\")) +\n                                        \": \" +\n                                        _vm._s(cycle.periodDuration) +\n                                        \" \" +\n                                        _vm._s(_vm.$t(\"days\"))\n                                    )\n                                  ])\n                                ])\n                              : _c(\"div\", [\n                                  !_vm.visibleSetPeriod\n                                    ? _c(\n                                        \"span\",\n                                        {\n                                          staticClass:\n                                            \"btn btn-secondary btn-background\",\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.setVisiblePeriodLength()\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            _vm._s(_vm.$t(\"setPeriodDuration\"))\n                                          )\n                                        ]\n                                      )\n                                    : _c(\n                                        \"div\",\n                                        [\n                                          _c(\n                                            \"b-col\",\n                                            {\n                                              staticClass:\n                                                \"mb-2 mb-md-0 mx-md-2 input-container\",\n                                              attrs: { cols: \"12\", md: \"3\" }\n                                            },\n                                            [\n                                              _c(\n                                                \"base-input\",\n                                                {\n                                                  staticClass: \"inputAnswer\",\n                                                  attrs: {\n                                                    min: \"0\",\n                                                    type: \"number\",\n                                                    placeholder: _vm.$t(\n                                                      \"periodDuration2\"\n                                                    )\n                                                  },\n                                                  model: {\n                                                    value: _vm.periodDuration,\n                                                    callback: function($$v) {\n                                                      _vm.periodDuration = $$v\n                                                    },\n                                                    expression: \"periodDuration\"\n                                                  }\n                                                },\n                                                [\n                                                  _c(\n                                                    \"template\",\n                                                    { slot: \"append\" },\n                                                    [\n                                                      _c(\n                                                        \"span\",\n                                                        {\n                                                          staticClass:\n                                                            \"days-text\"\n                                                        },\n                                                        [\n                                                          _vm._v(\n                                                            _vm._s(\n                                                              _vm.$t(\"days\")\n                                                            )\n                                                          )\n                                                        ]\n                                                      )\n                                                    ]\n                                                  )\n                                                ],\n                                                2\n                                              ),\n                                              _vm._v(\" \"),\n                                              _c(\n                                                \"span\",\n                                                {\n                                                  staticClass: \"add-text\",\n                                                  on: {\n                                                    click: function($event) {\n                                                      return _vm.setPeriodDuration(\n                                                        cycle\n                                                      )\n                                                    }\n                                                  }\n                                                },\n                                                [\n                                                  _vm._v(\n                                                    _vm._s(_vm.$t(\"add-txt\"))\n                                                  )\n                                                ]\n                                              )\n                                            ],\n                                            1\n                                          )\n                                        ],\n                                        1\n                                      )\n                                ]),\n                            _vm._v(\" \"),\n                            cycle.cycleDuration\n                              ? _c(\"div\", [\n                                  _vm._v(\n                                    \"\\n              \" +\n                                      _vm._s(_vm.$t(\"ovulationDuration\")) +\n                                      \": \" +\n                                      _vm._s(\n                                        _vm\n                                          .calculateOvulationMonthDays(\n                                            cycle.dateStartCycle,\n                                            cycle.cycleDuration\n                                          )\n                                          .join(\", \")\n                                      ) +\n                                      \"\\n            \"\n                                  )\n                                ])\n                              : _c(\"div\", [\n                                  _c(\"div\", [\n                                    _vm._v(\n                                      _vm._s(\n                                        _vm.$t(\"ovulationDurationPrediction\")\n                                      ) +\n                                        \": \" +\n                                        _vm._s(_vm.displayFertileDays())\n                                    )\n                                  ]),\n                                  _vm._v(\" \"),\n                                  _c(\"div\", [\n                                    _vm._v(\n                                      _vm._s(_vm.$t(\"newCyclePredictionDate\")) +\n                                        \": \" +\n                                        _vm._s(\n                                          _vm.formatDate(_vm.newCyclePrediction)\n                                        )\n                                    )\n                                  ])\n                                ]),\n                            _vm._v(\" \"),\n                            _c(\"CycleChart\", {\n                              attrs: {\n                                startDate: cycle.dateStartCycle,\n                                cycleLength: cycle.cycleDuration,\n                                predictedCycleLength: _vm.calculateAverageCycleLength(),\n                                periodLength: cycle.periodDuration\n                              }\n                            }),\n                            _vm._v(\" \"),\n                            _c(\n                              \"span\",\n                              {\n                                staticClass: \"delete-text\",\n                                on: {\n                                  click: function($event) {\n                                    return _vm.deleteCycle(cycle.idCycle)\n                                  }\n                                }\n                              },\n                              [_vm._v(_vm._s(_vm.$t(\"delete\")))]\n                            )\n                          ],\n                          1\n                        )\n                      })\n                    ],\n                    2\n                  )\n                ])\n              : _c(\"div\", { staticClass: \"no-cycles\" }, [\n                  _c(\"p\", [_vm._v(_vm._s(_vm.$t(\"noControl\")))])\n                ]),\n            _vm._v(\" \"),\n            _c(\"base-dialog\", {\n              attrs: {\n                content: _vm.$t(\"confirmEndCurrentCycle\"),\n                okFn: function async() {\n                  _vm.endCurrentCycle()\n                },\n                cancelFn: function() {\n                  _vm.visibleEndCurrentCycle = false\n                }\n              },\n              model: {\n                value: _vm.visibleEndCurrentCycle,\n                callback: function($$v) {\n                  _vm.visibleEndCurrentCycle = $$v\n                },\n                expression: \"visibleEndCurrentCycle\"\n              }\n            })\n          ],\n          2\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n  module.hot.accept()\n  if (module.hot.data) {\n    require(\"vue-hot-reload-api\")      .rerender(\"data-v-93008142\", esExports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-93008142\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/views/clinicHistory/MenstrualCalendar.vue\n// module id = 3865\n// module chunks = 70"],"sourceRoot":""}