{"version":3,"sources":["webpack:///./src/components/modal-receipt/components/steps-component.vue?483b","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/box-wrapper.vue","webpack:///./src/components/modal-receipt/components/box-wrapper.vue?8bf9","webpack:///./src/components/modal-receipt/components/title-component.vue","webpack:///./src/components/modal-receipt/components/title-component.vue?e555","webpack:///./src/components/modal-receipt/components/steps-component.vue","webpack:///./src/components/modal-receipt/components/steps-component.vue?903b"],"names":["name","render","__scopeId","props","title","type","String","required","components","titleComponent","boxWrapper","setup","store","steps","getters"],"mappings":"kHAAA,W,kCCAA,W,6DCAA,W,qJCAK,MAAM,e,GAAmB,MAAM,W,yFAApC,yBAAuE,MAAvE,EAAuE,CAA9C,yBAAwC,MAAxC,EAAwC,CAAnB,wBAAa,wCAM5C,GACbA,KAAM,e,UCFR,EAAOC,OAASA,EAChB,EAAOC,UAAY,kBAEJ,U,mJCRV,MAAM,mB,yFAAX,yBAA8C,MAA9C,EAA8C,6BAAd,SAAK,MAItB,GACbF,KAAM,kBACNG,MAAO,CACLC,MAAO,CACLC,KAAMC,OACNC,UAAU,K,UCJhB,EAAON,OAASA,EAChB,EAAOC,UAAY,kBAEJ,U,8KCR8D,MAAM,iB,GAA0F,MAAM,Q,GAAsI,MAAM,e,gPAA/T,yBAAkY,QAAlY,WAAY,iBAA4D,CAA5D,yBAA4D,GAA5C,MAAM,uBAAsC,yBAA6S,MAA7S,EAA6S,E,2BAAlR,yBAA4Q,mBAA/W,wBAAiJ,SAAjJ,SAAiI,EAAM,G,gCAApC,yBAA4Q,OAAvQ,MAAM,WAA2C,IAAK,EAAK,K,CAAK,yBAAuC,MAAvC,EAAuC,6BAAlB,EAAK,MAAoF,EAAK,O,yBAA5E,yBAAqG,GAApT,MAAgO,MAAM,MAAO,UAAW,EAAK,MAAO,MAAM,O,uBAA1Q,uCAAoT,yBAAqD,MAArD,EAAqD,6BAAzB,EAAK,aAAW,Q,YAAhW,S,oCAoBe,GACbF,KAAM,oBACNQ,WAAY,CACVC,eAAA,OACAC,WAAA,QAEFC,MANa,WAOX,IAAMC,EAAQ,wBACRC,EAAQ,uBAAS,kBAAMD,EAAME,QAAQ,6BAE3C,MAAO,CACLD,W,UC1BN,EAAOZ,OAASA,EAChB,EAAOC,UAAY,kBAEJ,gB","file":"js/chunk-55dc3bff.dc8c1349.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!./steps-component.vue?vue&type=style&index=0&id=780ef42b&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!./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\">\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","<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","<template lang=\"pug\">\nboxWrapper\n  titleComponent(title=\"Receta paso a paso\")\n  .wrapper-steps\n    .box-step(v-for=\"(step, index) in steps\", :key=\"step._id\")\n      .step {{ index + 1 }}\n      imageCloudinary.img(\n        :image_url=\"step.image\",\n        width=\"540\",\n        v-if=\"step.image\"\n      )\n      .description {{ step.description }}\n</template>\n<script>\nimport titleComponent from \"./title-component.vue\";\nimport boxWrapper from \"./box-wrapper.vue\";\n\nimport { useStore } from \"vuex\";\nimport { computed } from \"vue\";\n\nexport default {\n  name: \"receipt-component\",\n  components: {\n    titleComponent,\n    boxWrapper,\n  },\n  setup() {\n    const store = useStore();\n    const steps = computed(() => store.getters[\"menuReceiptStore/steps\"]);\n\n    return {\n      steps,\n    };\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.wrapper-steps {\n  @apply py-4;\n}\n.box-step {\n  @apply pl-4 ml-8 relative pb-2;\n\n  & + .box-step {\n    margin-top: 1rem;\n  }\n\n  .step {\n    @apply absolute -left-8 top-0 w-5 h-5 flex items-center justify-center rounded-full bg-green-500 text-sm font-bold text-white;\n  }\n\n  .img {\n    height: 220px;\n    object-fit: cover;\n    background-position: center center;\n    @apply w-full rounded-lg overflow-hidden pb-4;\n  }\n\n  &::before {\n    content: \"\";\n    height: 100%;\n    width: 4px;\n    @apply bg-green-500 absolute left-0 rounded-full;\n  }\n\n  .description {\n    @apply text-sm;\n  }\n}\n</style>","import { render } from \"./steps-component.vue?vue&type=template&id=780ef42b&scoped=true&lang=pug\"\nimport script from \"./steps-component.vue?vue&type=script&lang=js\"\nexport * from \"./steps-component.vue?vue&type=script&lang=js\"\n\nimport \"./steps-component.vue?vue&type=style&index=0&id=780ef42b&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-780ef42b\"\n\nexport default script"],"sourceRoot":""}