{"version":3,"file":"main-d7c510fe.js","sources":["../../../../../app/javascript/entrypoints/product/App.vue?vue&type=template&lang.js","../../../../../app/javascript/entrypoints/product/App.vue","../../../../../app/javascript/entrypoints/product/main.js"],"sourcesContent":["\n<div class=\"shopping-section\">\n    <div class=\"container mb-3\">\n        <div class=\"form-group d-flex mb-3\" v-if=\"$product.colors && $product.colors.length > 0\">\n            <label class=\"mt-1 col-md-2\">Color: </label> \n            <select class=\"form-control\" v-model=\"color\">\n                <option v-for=\"(color, index) in $product.colors\" :value=\"color.color\" :key=\"index\">{{color.color}}</option>\n            </select>\n        </div>\n\n        <div class=\"form-group\"\n            style=\"gap: 0.5rem\"\n            v-if=\"$product.presentations && $product.presentations.length > 0\">\n            <label class=\"\">Envases: </label> \n            <select class=\"form-control\" v-model=\"actualPrice\"> \n                <option v-for=\"(presentation, index) in $product.presentations\" :value=\"presentation.price\" :key=\"index\">{{presentation.presentation}}</option>\n            </select>\n        </div>\n\n        <div class=\"row purchase-info mt-5\" v-if=\"false\">\n            <template>\n                <label class=\"col-md-2 last-price\">Precio: <span>${{actualPrice}}</span></label>\n                <input type=\"number\" class=\"col-md-5\" :min=\"minQuantity\" value=\"1\" :max=\"maxQuantity\" v-model=\"quantity\" @change=\"validate\">\n                <button type=\"button\" class=\"col-md-4 btn btn-primary\" \n                    @click.prevent=\"addToCart({\n                        config: {\n                            price: parseInt(actualPrice), \n                            quantity: parseInt(quantity),\n                            total: parseInt(total),\n                            color: color\n                        },\n                        product: $product\n                    })\"> \n                    Agregar al carrito <i class=\"fas fa-shopping-cart\"></i>\n                </button>\n\n                <label class=\"col-md-12\"> Total: ${{total}} + IVA + Envío</label>\n            </template>\n        </div>\n    </div>\n</div>\n","<template>\r\n    <div class=\"shopping-section\">\r\n        <div class=\"container mb-3\">\r\n            <div class=\"form-group d-flex mb-3\" v-if=\"$product.colors && $product.colors.length > 0\">\r\n                <label class=\"mt-1 col-md-2\">Color: </label> \r\n                <select class=\"form-control\" v-model=\"color\">\r\n                    <option v-for=\"(color, index) in $product.colors\" :value=\"color.color\" :key=\"index\">{{color.color}}</option>\r\n                </select>\r\n            </div>\r\n\r\n            <div class=\"form-group\"\r\n                style=\"gap: 0.5rem\"\r\n                v-if=\"$product.presentations && $product.presentations.length > 0\">\r\n                <label class=\"\">Envases: </label> \r\n                <select class=\"form-control\" v-model=\"actualPrice\"> \r\n                    <option v-for=\"(presentation, index) in $product.presentations\" :value=\"presentation.price\" :key=\"index\">{{presentation.presentation}}</option>\r\n                </select>\r\n            </div>\r\n\r\n            <div class=\"row purchase-info mt-5\" v-if=\"false\">\r\n                <template>\r\n                    <label class=\"col-md-2 last-price\">Precio: <span>${{actualPrice}}</span></label>\r\n                    <input type=\"number\" class=\"col-md-5\" :min=\"minQuantity\" value=\"1\" :max=\"maxQuantity\" v-model=\"quantity\" @change=\"validate\">\r\n                    <button type=\"button\" class=\"col-md-4 btn btn-primary\" \r\n                        @click.prevent=\"addToCart({\r\n                            config: {\r\n                                price: parseInt(actualPrice), \r\n                                quantity: parseInt(quantity),\r\n                                total: parseInt(total),\r\n                                color: color\r\n                            },\r\n                            product: $product\r\n                        })\"> \r\n                        Agregar al carrito <i class=\"fas fa-shopping-cart\"></i>\r\n                    </button>\r\n\r\n                    <label class=\"col-md-12\"> Total: ${{total}} + IVA + Envío</label>\r\n                </template>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport order_manager from '/header/mixins/order_manager.js';\r\n\r\nexport default {\r\n    data() {\r\n        return {\r\n            actualPrice: null,\r\n            maxQuantity: 100,\r\n            minQuantity: 0,\r\n            quantity: 1,\r\n            total: 0,\r\n            color: null\r\n        }\r\n    },\r\n    mounted() {\r\n        this.actualPrice = this.$product.presentations && this.$product.presentations.length > 0 ? this.$product.presentations[0].price : null;\r\n        this.color = this.$product.colors && this.$product.colors[0] ? this.$product.colors[0].color : null;\r\n    },\r\n    mixins: [order_manager],\r\n    watch: {\r\n        quantity: {\r\n            handler: function (newItem) {\r\n                this.validate(newItem)\r\n                if (newItem > this.minQuantity && newItem <= this.maxQuantity) {\r\n                    this.total = this.actualPrice * this.quantity;\r\n                }\r\n            },\r\n            immediate: true\r\n        },\r\n        actualPrice: {\r\n            handler: function (newItem) {\r\n                this.total = this.actualPrice * this.quantity;\r\n            },\r\n            immediate: true\r\n        }\r\n    },\r\n    methods: {\r\n        validate(newItem = null) {\r\n            let value = newItem || this.quantity;\r\n\r\n            if (value <= this.minQuantity) {\r\n                this.quantity = this.minQuantity + 1;\r\n            } else if(value > this.maxQuantity){\r\n                this.quantity = this.maxQuantity;\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>","import Vue from 'vue'\r\nimport App from './App.vue'\r\nimport VueAWN from \"vue-awesome-notifications\";\r\nimport 'vue-awesome-notifications/dist/styles/style.css';\r\nVue.use(VueAWN, {\r\n    position: \"top-right\",\r\n});\r\nVue.prototype.$contact = contact ? contact : null;\r\nVue.prototype.$product = product ? product : null;\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const app = new Vue({\r\n        render: h => h(App)\r\n    }).$mount('#app_products')\r\n})"],"names":["render","_vm","_h","_c","$event","$$selectedVal","val","color","index","presentation","staticRenderFns","__vue2_script","order_manager","newItem","value","Vue","VueAWN","h","App"],"mappings":"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"}