{"version":3,"sources":["webpack:///./src/components/modal-receipt/components/macros/macros-component.vue?24fa","webpack:///./src/app/composables/reduceDecimalsMacros.ts","webpack:///./src/app/composables/calculatePercent.ts","webpack:///./src/components/modal-receipt/components/title-component.vue?71d9","webpack:///./src/components/modal-receipt/components/box-wrapper.vue?ed97","webpack:///./src/components/modal-receipt/components/macros/macros-component.vue","webpack:///./src/components/modal-receipt/components/macros/macros-line.vue","webpack:///./src/components/modal-receipt/components/macros/macros-line.vue?a2ac","webpack:///./src/components/modal-receipt/components/macros/macros-component.vue?42dc","webpack:///./src/components/modal-receipt/components/box-wrapper.vue","webpack:///./src/components/modal-receipt/components/box-wrapper.vue?8bf9","webpack:///./src/components/modal-receipt/components/macros/macros-line.vue?396f","webpack:///./src/components/modal-receipt/components/title-component.vue","webpack:///./src/components/modal-receipt/components/title-component.vue?e555"],"names":["reduceDecimalsMacros","macros","macrosEdited","computed","carb","toFixed","fats","protein","kcal","calculatePercent","total","consumed","name","props","type","String","color","default","percent","current","setup","render","__scopeId","components","macrosLine","titleComponent","boxWrapper","store","getters","value","macrosSelectedDay","macrosPercent","title","required"],"mappings":"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","file":"js/chunk-5bcbb1c0.1fd187f5.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!./macros-component.vue?vue&type=style&index=0&id=85a0c7b6&lang=scss&scoped=true\"","import { computed } from 'vue';\n\ninterface macrosImpl {\n  carb: number;\n  fats: number;\n  protein: number;\n  kcal: number;\n}\n\nexport function reduceDecimalsMacros(macros: macrosImpl) {\n  const macrosEdited = computed(() => {\n    if (!macros) {\n      return {\n        carb: 0,\n        fats: 0,\n        protein: 0,\n        kcal: 0\n      };\n    }\n    return {\n      carb: macros.carb.toFixed(2),\n      fats: macros.fats.toFixed(2),\n      protein: macros.protein.toFixed(2),\n      kcal: macros.kcal.toFixed(2)\n    };\n  });\n\n  return { macrosEdited };\n}\n","export const calculatePercent = (total: number, consumed: number) => ((consumed / total) * 100).toFixed(2);\n","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!./title-component.vue?vue&type=style&index=0&id=08c40ceb&lang=scss&scoped=true\"","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!./box-wrapper.vue?vue&type=style&index=0&id=175b9806&lang=scss&scoped=true\"","<template lang=\"pug\">\nboxWrapper\n  .macros\n    titleComponent(title=\"Macronutrientes adaptados\")\n    macrosLine(\n      :current=\"`${macros.fats}g`\",\n      name=\"Grasas\",\n      color=\"red\",\n      :percent=\"macrosPercent.fats\"\n    )\n    macrosLine(\n      :current=\"`${macros.protein}g`\",\n      name=\"Proteinas\",\n      color=\"green\",\n      :percent=\"macrosPercent.protein\"\n    )\n    macrosLine(\n      :current=\"`${macros.carb}g`\",\n      name=\"Carbohidratos\",\n      color=\"yellow\",\n      :percent=\"macrosPercent.carb\"\n    )\n    macrosLine(\n      :current=\"`${macros.kcal}kcal`\",\n      name=\"kcal\",\n      color=\"blue\",\n      :percent=\"macrosPercent.kcal\"\n    )\n    .alert.green.mt-4 Esta receta esta adaptada para cumplir con tus objetivos\n</template>\n<script>\nimport macrosLine from \"./macros-line.vue\";\nimport titleComponent from \"../title-component.vue\";\nimport boxWrapper from \"../box-wrapper.vue\";\n\nimport { reduceDecimalsMacros } from \"@/app/composables/reduceDecimalsMacros\";\nimport { calculatePercent } from \"@/app/composables/calculatePercent\";\n\nimport { computed } from \"vue\";\nimport { useStore } from \"vuex\";\nexport default {\n  name: \"macros-component\",\n  components: {\n    macrosLine,\n    titleComponent,\n    boxWrapper,\n  },\n  setup() {\n    const store = useStore();\n    const macros = computed(() => {\n      const { macrosEdited } = reduceDecimalsMacros(\n        store.getters[\"menuReceiptStore/macros\"]\n      );\n      return macrosEdited.value;\n    });\n\n    const macrosSelectedDay = computed(\n      () => store.getters[\"menuStore/getMacrosSelectedDay\"]\n    );\n\n    const macrosPercent = computed(() => {\n      return {\n        fats: calculatePercent(macrosSelectedDay.value.fats, macros.value.fats),\n        carb: calculatePercent(macrosSelectedDay.value.carb, macros.value.carb),\n        protein: calculatePercent(\n          macrosSelectedDay.value.protein,\n          macros.value.protein\n        ),\n        kcal: calculatePercent(macrosSelectedDay.value.kcal, macros.value.kcal),\n      };\n    });\n    return {\n      macros,\n      macrosPercent,\n    };\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.alert {\n  @apply rounded-lg border-2 px-4 py-2 text-center text-sm;\n  &.green {\n    @apply border-green-600 bg-green-100 text-green-700;\n  }\n}\n</style>","<template lang=\"pug\">\n.macros-group \n  .macro-wrapper(:class=\"color\")\n    .macro-info\n      .name {{ name }}\n      .grams {{ current }}\n    .chart-line\n      .color-line(:style=\"`width: ${percent}%`\")\n</template>\n<script>\nexport default {\n  name: \"macros-line\",\n  props: {\n    name: {\n      type: String,\n    },\n    color: {\n      type: String,\n      default: \"bg-green-400\",\n    },\n    percent: {\n      type: String,\n      default: \"0\",\n    },\n    current: {\n      type: String,\n      default: \"\",\n    },\n  },\n  setup(props) {},\n};\n</script>\n<style lang=\"scss\" scoped>\n.macros-group {\n  @apply py-2;\n}\n\n.macro-wrapper {\n  @apply flex flex-col;\n\n  &.yellow {\n    .macro-info .name::before {\n      @apply bg-yellow-500;\n    }\n    .color-line {\n      @apply bg-yellow-500;\n    }\n  }\n  &.red {\n    .macro-info .name::before {\n      @apply bg-red-500;\n    }\n    .color-line {\n      @apply bg-red-500;\n    }\n  }\n  &.blue {\n    .macro-info .name::before {\n      @apply bg-blue-500;\n    }\n    .color-line {\n      @apply bg-blue-500;\n    }\n  }\n  &.green {\n    .macro-info .name::before {\n      @apply bg-green-500;\n    }\n    .color-line {\n      @apply bg-green-500;\n    }\n  }\n\n  .macro-info {\n    @apply flex justify-between items-center text-sm text-gray-700 pb-1;\n    .name {\n      @apply flex items-center;\n      &::before {\n        content: \"\";\n        width: 8px;\n        height: 8px;\n        position: relative;\n        display: block;\n        @apply mr-2 rounded-full;\n      }\n    }\n  }\n\n  .chart-line {\n    height: 8px;\n    @apply w-full bg-gray-200 rounded-full relative overflow-hidden;\n    .color-line {\n      position: absolute;\n      width: 30%;\n      height: 8px;\n      @apply rounded-full;\n    }\n  }\n}\n</style>","import { render } from \"./macros-line.vue?vue&type=template&id=e0e004e4&scoped=true&lang=pug\"\nimport script from \"./macros-line.vue?vue&type=script&lang=js\"\nexport * from \"./macros-line.vue?vue&type=script&lang=js\"\n\nimport \"./macros-line.vue?vue&type=style&index=0&id=e0e004e4&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-e0e004e4\"\n\nexport default script","import { render } from \"./macros-component.vue?vue&type=template&id=85a0c7b6&scoped=true&lang=pug\"\nimport script from \"./macros-component.vue?vue&type=script&lang=js\"\nexport * from \"./macros-component.vue?vue&type=script&lang=js\"\n\nimport \"./macros-component.vue?vue&type=style&index=0&id=85a0c7b6&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-85a0c7b6\"\n\nexport default script","<template lang=\"pug\">\n.content-box\n  .content\n    slot\n</template>\n<script>\nexport default {\n  name: \"box-wrapper\",\n};\n</script>\n<style lang=\"scss\" scoped>\n.content-box {\n  @apply pb-8 px-4 -mt-6 relative z-20;\n  .content {\n    @apply border border-gray-100 rounded-lg p-4 bg-white shadow-md;\n  }\n}\n</style>","import { render } from \"./box-wrapper.vue?vue&type=template&id=175b9806&scoped=true&lang=pug\"\nimport script from \"./box-wrapper.vue?vue&type=script&lang=js\"\nexport * from \"./box-wrapper.vue?vue&type=script&lang=js\"\n\nimport \"./box-wrapper.vue?vue&type=style&index=0&id=175b9806&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-175b9806\"\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!./macros-line.vue?vue&type=style&index=0&id=e0e004e4&lang=scss&scoped=true\"","<template lang=\"pug\">\n.title-component {{ title }}\n</template>\n<script>\nexport default {\n  name: \"title-component\",\n  props: {\n    title: {\n      type: String,\n      required: true,\n    },\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.title-component {\n  @apply font-medium text-green-700;\n}\n</style>","import { render } from \"./title-component.vue?vue&type=template&id=08c40ceb&scoped=true&lang=pug\"\nimport script from \"./title-component.vue?vue&type=script&lang=js\"\nexport * from \"./title-component.vue?vue&type=script&lang=js\"\n\nimport \"./title-component.vue?vue&type=style&index=0&id=08c40ceb&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-08c40ceb\"\n\nexport default script"],"sourceRoot":""}