{"version":3,"sources":["webpack:///./src/views/wizard/StepMeasures.vue?daf9","webpack:///./src/components/wizard/buttons-back-next.wizard.vue","webpack:///./src/components/wizard/buttons-back-next.wizard.vue?f446","webpack:///./src/components/wizard/buttons-back-next.wizard.vue?550d","webpack:///./src/views/wizard/StepMeasures.vue","webpack:///./src/views/wizard/StepMeasures.vue?99f1"],"names":["$emit","mdiChevronLeft","mdiChevronRight","emits","props","disableNext","type","Boolean","default","name","data","mdi","render","__scopeId","$store","age","errors","height","feet","inches","weight","objectiveWeight","$router","components","FormDirectionButtons","watch","this","metric","methods","goNextStep","validationAge","validationHeight","validationWeigth","dispatch","feets","push","computed","getters","placeholderWeightMetric","ftInToCm","validationObjectiveWeigth","errorHeight","errorWeight","ft_cm","in_cm"],"mappings":"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","file":"js/chunk-d2b3ef54.f8d07327.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./StepMeasures.vue?vue&type=style&index=0&id=4d36114a&lang=scss&scoped=true\"","<template lang=\"pug\">\n.flex.justify-between\n  .back(@click=\"$emit('back')\")\n    svgIcon.icon(:path=\"mdiChevronLeft\", type=\"mdi\", :size=\"24\")\n    | Volver\n  .cta(\n    @click=\"!disableNext && $emit('next')\",\n    :class=\"{ disabled: disableNext }\"\n  ) Continuar\n    svgIcon.icon(:path=\"mdiChevronRight\", type=\"mdi\", :size=\"24\")\n</template>\n<script>\nimport { mdiChevronRight, mdiChevronLeft } from \"@mdi/js\";\nexport default {\n  emits: [\"back\", \"next\"],\n  props: {\n    disableNext: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  name: \"buttons-back-next.wizard\",\n  data: () => ({\n    mdiChevronRight,\n    mdiChevronLeft,\n  }),\n};\n</script>\n<style lang=\"scss\" scoped>\n.back {\n  @apply pl-3 pr-6 py-2 rounded-lg flex items-center bg-white text-gray-400 font-medium border cursor-pointer;\n\n  .icon {\n    @apply mr-2;\n  }\n\n  &:hover .icon {\n    animation: slide-left 0.25s ease-in-out;\n  }\n}\n\n.cta {\n  @apply pr-3 pl-6 py-2 rounded-lg bg-green-600 font-medium text-white flex items-center transition-shadow shadow-none cursor-pointer;\n\n  .icon {\n    @apply ml-2;\n  }\n\n  &:hover {\n    box-shadow: 0 10px 15px -5px rgba(132, 204, 22, 0.2),\n      0 5px 10px -5px rgba(132, 204, 22, 0.1);\n    .icon {\n      animation: slide-right 0.25s ease-in-out;\n    }\n  }\n\n  &.disabled {\n    opacity: 0.5;\n    cursor: default;\n\n    &:hover .icon {\n      animation: none;\n    }\n  }\n}\n\n@keyframes slide-right {\n  0% {\n    transform: translateX(0px);\n    opacity: 1;\n  }\n  100% {\n    transform: translateX(15px) scale(0.5);\n    opacity: 0.1;\n  }\n}\n@keyframes slide-left {\n  0% {\n    transform: translateX(0px);\n    opacity: 1;\n  }\n  100% {\n    transform: translateX(-15px) scale(0.5);\n    opacity: 0.1;\n  }\n}\n</style>","import { render } from \"./buttons-back-next.wizard.vue?vue&type=template&id=1db197ec&scoped=true&lang=pug\"\nimport script from \"./buttons-back-next.wizard.vue?vue&type=script&lang=js\"\nexport * from \"./buttons-back-next.wizard.vue?vue&type=script&lang=js\"\n\nimport \"./buttons-back-next.wizard.vue?vue&type=style&index=0&id=1db197ec&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-1db197ec\"\n\nexport default script","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./buttons-back-next.wizard.vue?vue&type=style&index=0&id=1db197ec&lang=scss&scoped=true\"","<template lang=\"pug\">\nformTitle \n  .flex.justify-between.items-center\n    | Tus medidas\n    .metrics\n      .type(\n        :class=\"{ selected: metric == 'metric' }\",\n        @click=\"$store.dispatch('analysisStore/setMetric', 'metric')\"\n      ) Métrico\n      .type(\n        :class=\"{ selected: metric == 'imperial' }\",\n        @click=\"$store.dispatch('analysisStore/setMetric', 'imperial')\"\n      ) Imperial\n\n.grid.grid-cols-1.gap-6.my-8\n  inputNumber(\n    labelText=\"Edad\",\n    :placeholder=\"27\",\n    v-model.number=\"age\",\n    :showError=\"errors.age\",\n    errorMessage=\"Debes ser mayor de 18 y menor de 99 años\"\n  )\n\n  inputNumber(\n    v-show=\"metric == 'metric'\",\n    labelText=\"Altura\",\n    :placeholder=\"175\",\n    subText=\"cm\",\n    v-model.number=\"height\"\n  )\n  .grid.grid-cols-2.gap-6(v-show=\"metric == 'imperial'\")\n    inputNumber(\n      labelText=\"Ft\",\n      :placeholder=\"5\",\n      subText=\"ft\",\n      v-model.number=\"feet\"\n    )\n    inputNumber(\n      labelText=\"In\",\n      :placeholder=\"11\",\n      subText=\"in\",\n      v-model.number=\"inches\"\n    )\n  inputError.-mt-6(:showError=\"errors.height\", :errorMessage=\"errorHeight\")\n\n  inputNumber(\n    labelText=\"Peso actual\",\n    :placeholder=\"100\",\n    :subText=\"placeholderWeightMetric\",\n    v-model.number=\"weight\",\n    :showError=\"errors.weight\",\n    :errorMessage=\"errorWeight\"\n  )\n  inputNumber(\n    labelText=\"Peso objetivo\",\n    :placeholder=\"85\",\n    :subText=\"placeholderWeightMetric\",\n    v-model.number=\"objectiveWeight\",\n    :showError=\"errors.objectiveWeight\",\n    errorMessage=\"El peso objetivo no puede ser superior a tu peso.\"\n  )\nFormDirectionButtons.mt-6(\n  v-on:back=\"$router.replace({ name: 'Quiz_4' })\",\n  v-on:next=\"goNextStep\",\n  :disableNext=\"false\"\n)\n</template>\n\n<script>\nimport FormDirectionButtons from \"@/components/wizard/buttons-back-next.wizard\";\n\nexport default {\n  components: {\n    FormDirectionButtons,\n  },\n  data: () => ({\n    age: null,\n    height: null,\n    feet: null,\n    inches: null,\n    weight: null,\n    objectiveWeight: null,\n    errors: {\n      age: false,\n      height: false,\n      weight: false,\n      objectiveWeight: false,\n    },\n  }),\n  watch: {\n    age() {\n      this.errors.age = false;\n    },\n    height() {\n      this.errors.height = false;\n    },\n    feet() {\n      this.errors.height = false;\n    },\n    inches() {\n      this.errors.height = false;\n    },\n    metric() {\n      this.errors.height = false;\n    },\n    weight() {\n      this.errors.weight = false;\n    },\n    objectiveWeight() {\n      this.errors.objectiveWeight = false;\n    },\n  },\n  methods: {\n    goNextStep() {\n      if (!this.validationAge) {\n        this.errors.age = true;\n        return;\n      }\n      if (!this.validationHeight) {\n        this.errors.height = true;\n        return;\n      }\n      if (!this.validationWeigth) {\n        this.errors.weight = true;\n        return;\n      }\n\n      if (this.objectiveWeight > this.weight) {\n        this.errors.objectiveWeight = true;\n        return;\n      }\n\n      this.$store.dispatch(\"analysisStore/setMeasurement\", {\n        metric: this.metric,\n        age: this.age,\n        height: this.height,\n        feets: this.feet,\n        inches: this.inches,\n        weight: this.weight,\n        objectiveWeight: this.objectiveWeight,\n      });\n      this.$router.push({ name: \"Quiz_loading\" });\n    },\n  },\n  computed: {\n    metric() {\n      return this.$store.getters[\"analysisStore/getMetric\"];\n    },\n    placeholderWeightMetric() {\n      if (this.metric == \"metric\") return \"kg\";\n      else return \"lb\";\n    },\n    validationAge() {\n      if (this.age && this.age >= 18 && this.age <= 99) return true;\n      return false;\n    },\n    validationHeight() {\n      if (this.metric == \"metric\" && this.height && this.height >= 100)\n        return true;\n      if (\n        this.metric == \"imperial\" &&\n        this.feet &&\n        this.inches &&\n        this.ftInToCm >= 100\n      )\n        return true;\n      return false;\n    },\n    validationWeigth() {\n      if (this.metric == \"metric\" && this.weight && this.weight >= 45)\n        return true;\n      if (this.metric == \"imperial\" && this.weight && this.weight >= 99)\n        return true;\n      return false;\n    },\n    validationObjectiveWeigth() {\n      if (this.objectiveWeight && this.objectiveWeight < this.weight) {\n        return true;\n      } else {\n        return false;\n      }\n    },\n\n    errorHeight() {\n      if (this.metric == \"metric\") {\n        if (!this.height)\n          return \"Necesitamos tu altura para realizar los calculos correctos\";\n        if (this.height < 100)\n          return \"La altura debe ser superior a 100cm, o tambien puedes seleccionar el sistema metrico imperial (pies y pulgadas) en la esquina superior derecha.\";\n      } else if (this.metric == \"imperial\") {\n        if (!this.feet || !this.inches) {\n          return \"Necesitamos tu altura para realizar los calculos correctos\";\n        }\n        if (this.ftInToCm < 100) {\n          return \"La altura no es correcta, tambien puedes seleccionar el sistema metrico (cm) en la esquina superior derecha.\";\n        }\n      }\n      return \"error..\";\n    },\n    errorWeight() {\n      if (this.metric == \"metric\")\n        return \"Tu peso es demasiado bajo, el valor minimo es 45kg\";\n      else return \"Tu peso es demasiado bajo, el valor minimo es 99lb\";\n    },\n    ftInToCm() {\n      const ft_cm = this.feet * 30.48;\n      const in_cm = this.inches * 2.54;\n      return ft_cm + in_cm;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.metrics {\n  @apply flex items-center bg-gray-100 overflow-hidden text-sm rounded-full font-medium;\n\n  .type {\n    @apply px-3 py-1 cursor-pointer;\n\n    &:hover {\n      @apply bg-green-100;\n    }\n\n    &.selected {\n      @apply bg-green-300;\n    }\n  }\n}\n</style>","import { render } from \"./StepMeasures.vue?vue&type=template&id=4d36114a&scoped=true&lang=pug\"\nimport script from \"./StepMeasures.vue?vue&type=script&lang=js\"\nexport * from \"./StepMeasures.vue?vue&type=script&lang=js\"\n\nimport \"./StepMeasures.vue?vue&type=style&index=0&id=4d36114a&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-4d36114a\"\n\nexport default script"],"sourceRoot":""}