{"version":3,"sources":["webpack:///./src/components/wizard/sub-header.wizard.vue?a212","webpack:///./src/components/wizard/form-box-selectable.wizard.vue?ce94","webpack:///./src/components/wizard/form-box-selectable.wizard.vue","webpack:///./src/components/wizard/form-box-selectable.wizard.vue?5774","webpack:///./src/components/wizard/buttons-back-next.wizard.vue","webpack:///./src/components/wizard/buttons-back-next.wizard.vue?f446","webpack:///./src/views/wizard/Step4.vue","webpack:///./src/views/wizard/Step4.vue?1a01","webpack:///./src/components/wizard/buttons-back-next.wizard.vue?550d","webpack:///./src/components/wizard/sub-header.wizard.vue","webpack:///./src/components/wizard/sub-header.wizard.vue?c800"],"names":["mdiCheckBold","props","image","type","String","required","name","selected","Boolean","default","data","mdi","setup","render","__scopeId","$emit","mdiChevronLeft","mdiChevronRight","emits","disableNext","$router","components","FormBoxOption","FormDirectionButtons","SubHeaderWizard","methods","onClickOption","id","this","$store","dispatch","goNextStep","push","computed","isValidForm","listIngredients","find","o","disableNextButton","getters","mdiInformation","infoText"],"mappings":"mHAAA,W,6DCAA,W,gKCAoM,MAAM,gB,wIAA1M,yBAA+O,OAA1O,MAAK,CAAC,aAAY,UAAqB,c,CAAY,yBAAyC,OAAnC,IAAK,QAAO,MAAM,KAAK,OAAO,M,4CAAK,yBAA8F,GAArF,MAAM,QAAS,KAAMA,eAAc,KAAK,MAAO,KAAM,I,8BAAY,cAAoB,yBAA0C,MAA1C,EAA0C,6BAAb,QAAI,I,kBAajN,GACbC,MAAO,CACLC,MAAO,CACLC,KAAMC,OACNC,UAAU,GAEZC,KAAM,CACJH,KAAMC,OACNC,UAAU,GAEZE,SAAU,CACRJ,KAAMK,QACNC,SAAS,IAGbC,KAAM,iBAAO,CACXV,aAAAW,EAAA,OAEFC,MAlBa,SAkBPX,GACJ,MAAO,K,UC3BX,EAAOY,OAASA,EAChB,EAAOC,UAAY,kBAEJ,U,qJCRV,MAAM,wB,EAAX,6BAAwJ,U,EAAxJ,6BAAuQ,a,wIAAvQ,yBAA0W,MAA1W,EAA0W,CAAxU,yBAAkI,OAA7H,MAAM,OAAQ,QAAK,+BAAEC,QAAK,W,CAAU,yBAA6E,GAApE,MAAM,OAAQ,KAAMC,iBAAgB,KAAK,MAAO,KAAM,I,iBAA1I,IAAoK,yBAAgM,OAA3L,MAAK,CAAC,MAAK,UAAoE,gBAAlE,QAAK,+BAAG,eAAeD,QAAK,W,CAAlN,EAAgR,yBAA8E,GAArE,MAAM,OAAQ,KAAME,kBAAiB,KAAK,MAAO,KAAM,I,sCAajU,GACbC,MAAO,CAAC,OAAQ,QAChBjB,MAAO,CACLkB,YAAa,CACXhB,KAAMK,QACNC,SAAS,IAGbH,KAAM,2BACNI,KAAM,iBAAO,CACXO,gBAAAN,EAAA,KACAK,eAAAL,EAAA,Q,UCnBJ,EAAOE,OAASA,EAChB,EAAOC,UAAY,kBAEJ,U,8MCRf,6BAAW,sB,GAAwI,MAAM,+B,GAAgO,MAAM,oC,sSAA/X,sEAAyC,QAAzC,WAAW,iBAAkB,CAA7B,YAAyC,yBAAqG,GAApF,SAAS,2DAA2E,yBAAwO,MAAxO,EAAwO,E,2BAA/L,yBAAyL,mBAAhX,wBAA2M,mBAA3M,SAAmM,G,gCAAZ,yBAAyL,OAAnJ,IAAK,EAAK,I,CAAI,yBAA+H,GAA/G,KAAM,EAAK,KAAO,MAAO,EAAK,MAAQ,SAAU,EAAK,SAAW,QAAK,mBAAE,gBAAc,EAAK,M,uFAAiC,yBAAuG,IAAvG,EAAuE,+BAA4B,M,YAA/C,uBAAmD,yBAAkK,GAA5I,MAAM,OAAY,OAAI,+BAAEM,UAAQ,QAAO,mBAA2B,OAAM,aAAa,YAAa,qB,0FA0BtkB,GACbC,WAAY,CACVC,cAAA,OACAC,qBAAA,OACAC,gBAAA,QAEFC,QAAS,CACPC,cADO,SACOC,GACZC,KAAKC,OAAOC,SAAS,mCAAoCH,IAE3DI,WAJO,WAKLH,KAAKR,QAAQY,KAAK,CAAE1B,KAAM,oBAG9B2B,SAAU,CACRC,YADQ,WAEN,QAASN,KAAKO,gBAAgBC,MAAK,SAACC,GAAD,OAAOA,EAAE9B,aAE9C+B,kBAJQ,WAKN,OAAIV,KAAKM,aAGXC,gBARQ,WASN,OAAOP,KAAKC,OAAOU,QAAQ,oCC9CjC,EAAO1B,OAASA,EAChB,EAAOC,UAAY,kBAEJ,gB,oCCNf,W,0KCAK,MAAM,Y,wIAAX,yBAAiH,MAAjH,EAAiH,CAA3F,yBAAgE,GAAtD,KAAM0B,iBAAgB,KAAK,MAAO,KAAM,I,iBAAc,yBAAqB,sCAAf,YAAQ,Q,YASrF,GACbvC,MAAO,CACLwC,SAAU,CACRtC,KAAMC,OACNK,QAAS,KAGbC,KAAM,iBAAO,CACX8B,eAAA7B,EAAA,Q,WCZJ,EAAOE,OAASA,EAChB,EAAOC,UAAY,kBAEJ","file":"js/chunk-3994006a.738ec398.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!./sub-header.wizard.vue?vue&type=style&index=0&id=925d7568&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!./form-box-selectable.wizard.vue?vue&type=style&index=0&id=2f29e16f&lang=scss&scoped=true\"","<template lang=\"pug\">\n.box-option(:class=\"{ selected: selected }\")\n  img(:src=\"image\", width=\"60\", height=\"60\")\n  svgIcon.check(\n    :path=\"mdiCheckBold\",\n    type=\"mdi\",\n    :size=\"24\",\n    v-show=\"selected\"\n  )\n  .title-option {{ name }}\n</template>\n<script>\nimport { mdiCheckBold } from \"@mdi/js\";\nexport default {\n  props: {\n    image: {\n      type: String,\n      required: true,\n    },\n    name: {\n      type: String,\n      required: true,\n    },\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  data: () => ({\n    mdiCheckBold,\n  }),\n  setup(props) {\n    return {};\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.box-option {\n  @apply flex flex-col justify-center items-center bg-green-50 border-2 border-green-100 rounded-xl py-4 cursor-pointer opacity-60 relative;\n\n  svg,\n  img {\n    @apply mb-1 text-green-700;\n  }\n\n  &:hover {\n    transform: scale(1.05);\n    @apply opacity-80;\n  }\n\n  .title-option {\n    @apply font-bold text-green-800;\n  }\n\n  &.selected {\n    @apply border-green-600 opacity-100;\n  }\n\n  .check {\n    position: absolute;\n    top: 0.3rem;\n    right: 0.5rem;\n    @apply text-green-500 bg-white rounded-full;\n  }\n}\n</style>","import { render } from \"./form-box-selectable.wizard.vue?vue&type=template&id=2f29e16f&scoped=true&lang=pug\"\nimport script from \"./form-box-selectable.wizard.vue?vue&type=script&lang=js\"\nexport * from \"./form-box-selectable.wizard.vue?vue&type=script&lang=js\"\n\nimport \"./form-box-selectable.wizard.vue?vue&type=style&index=0&id=2f29e16f&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-2f29e16f\"\n\nexport default script","<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","<template lang=\"pug\">\nformTitle Otros ingredientes\nSubHeaderWizard(\n  infoText=\"Selecciona otros ingredientes que te gustaria incluir:\"\n)\n.grid.grid-cols-3.gap-4.mt-4\n  div(v-for=\"food in listIngredients\", :key=\"food.id\")\n    FormBoxOption(\n      :name=\"food.name\",\n      :image=\"food.image\",\n      :selected=\"food.selected\",\n      @click=\"onClickOption(food.id)\"\n    )\np.mt-6.text-center.text-yellow-600(v-show=\"disableNextButton\") Selecciona al menos 1 opción\nFormDirectionButtons.mt-6(\n  v-on:back=\"$router.replace({ name: 'Quiz_3' })\",\n  v-on:next=\"goNextStep\",\n  :disableNext=\"disableNextButton\"\n)\n</template>\n\n<script>\nimport FormBoxOption from \"@/components/wizard/form-box-selectable.wizard\";\nimport FormDirectionButtons from \"@/components/wizard/buttons-back-next.wizard\";\nimport SubHeaderWizard from \"@/components/wizard/sub-header.wizard\";\n\nexport default {\n  components: {\n    FormBoxOption,\n    FormDirectionButtons,\n    SubHeaderWizard,\n  },\n  methods: {\n    onClickOption(id) {\n      this.$store.dispatch(\"ingredientsV2Store/setIngredient\", id);\n    },\n    goNextStep() {\n      this.$router.push({ name: \"Quiz_measures\" });\n    },\n  },\n  computed: {\n    isValidForm() {\n      return !!this.listIngredients.find((o) => o.selected);\n    },\n    disableNextButton() {\n      if (this.isValidForm) return false;\n      return true;\n    },\n    listIngredients() {\n      return this.$store.getters[\"ingredientsV2Store/getVarious\"];\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n</style>","import { render } from \"./Step4.vue?vue&type=template&id=7ad84907&scoped=true&lang=pug\"\nimport script from \"./Step4.vue?vue&type=script&lang=js\"\nexport * from \"./Step4.vue?vue&type=script&lang=js\"\nscript.render = render\nscript.__scopeId = \"data-v-7ad84907\"\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\">\n.info-box\n  svgIcon(:path=\"mdiInformation\", type=\"mdi\", :size=\"18\")\n  p {{ infoText }}\n</template>\n\n<script>\nimport { mdiInformation } from \"@mdi/js\";\n\nexport default {\n  props: {\n    infoText: {\n      type: String,\n      default: \"\",\n    },\n  },\n  data: () => ({\n    mdiInformation,\n  }),\n};\n</script>\n<style lang=\"scss\" scoped>\n.info-box {\n  @apply py-2 text-sm rounded-xl my-1 flex items-center;\n  svg {\n    @apply text-green-600 mr-2;\n  }\n}\n</style>","import { render } from \"./sub-header.wizard.vue?vue&type=template&id=925d7568&scoped=true&lang=pug\"\nimport script from \"./sub-header.wizard.vue?vue&type=script&lang=js\"\nexport * from \"./sub-header.wizard.vue?vue&type=script&lang=js\"\n\nimport \"./sub-header.wizard.vue?vue&type=style&index=0&id=925d7568&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-925d7568\"\n\nexport default script"],"sourceRoot":""}