{"version":3,"sources":["webpack:///./node_modules/Ceres/resources/js/src/app/mixins/buttonSizeProperty.mixin.js","webpack:///./resources/js/src/app/components/basket/AddToBasket.vue?4bec","webpack:///resources/js/src/app/components/basket/AddToBasket.vue","webpack:///./resources/js/src/app/components/basket/AddToBasket.vue?6a66","webpack:///./resources/js/src/app/components/basket/AddToBasket.vue"],"names":["BUTTON_SIZES","LEGACY_CLASS_MAP","ButtonSizePropertyMixin","props","buttonSize","type","String","default","validator","value","Object","keys","indexOf","computed","buttonSizeClass","hasOwnProperty","this","render","_vm","_h","$createElement","_c","_self","class","staticClass","attrs","timeout","min","minimumQuantity","max","maximumQuantity","interval","intervalQuantity","variationId","waiting","isLoading","isSalable","allVariationsSelected","on","updateQuantity","handleButtonState","_v","buttonLockState","title","$translate","_s","disabled","hasPrice","click","$event","addToBasket","_e","content","currentVariation","prices","price","_f","variationTotalPrice","currency","_withStripped","component","options","__file"],"mappings":"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","file":"chunks/ceres-12.min.js","sourcesContent":["const BUTTON_SIZES = [\"btn-sm\", \"btn-lg\"];\n\nconst LEGACY_CLASS_MAP = {\n    \"sm\": \"btn-sm\",\n    \"md\": \"\",\n    \"lg\": \"btn-lg\"\n};\n\nexport const ButtonSizePropertyMixin =\n{\n    props: {\n        buttonSize:\n        {\n            type: [String, null],\n            default: null,\n            validator: value =>\n            {\n                return [\n                    \"\",\n                    ...BUTTON_SIZES,\n                    ...Object.keys(LEGACY_CLASS_MAP)\n                ].indexOf(value) !== -1;\n            }\n        }\n    },\n\n    computed: {\n        buttonSizeClass()\n        {\n            if (LEGACY_CLASS_MAP.hasOwnProperty(this.buttonSize))\n            {\n                return LEGACY_CLASS_MAP[this.buttonSize];\n            }\n\n            return this.buttonSize;\n        }\n    }\n};\n","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { class: { \"fixed-product-box__btn-wrapper\": _vm.type === \"mobile\" } },\n    [\n      _vm.type === \"desktop\"\n        ? [\n            _c(\n              \"div\",\n              { staticClass: \"d-none\" },\n              [\n                _c(\"quantity-input\", {\n                  attrs: {\n                    value: 1,\n                    timeout: 0,\n                    min: _vm.minimumQuantity,\n                    max: _vm.maximumQuantity,\n                    interval: _vm.intervalQuantity,\n                    \"variation-id\": _vm.variationId,\n                    waiting:\n                      _vm.isLoading ||\n                      !_vm.isSalable ||\n                      !_vm.allVariationsSelected\n                  },\n                  on: {\n                    \"quantity-change\": _vm.updateQuantity,\n                    \"out-of-stock\": _vm.handleButtonState\n                  }\n                })\n              ],\n              1\n            ),\n            _vm._v(\" \"),\n            [\n              !_vm.allVariationsSelected || !_vm.isSalable\n                ? _c(\n                    \"button\",\n                    {\n                      staticClass:\n                        \"btn__add-to-basket btn__add-to-basket--disabled\",\n                      attrs: {\n                        title: _vm.$translate(\n                          \"Ceres::Template.singleItemPleaseSelectValidVariation\"\n                        )\n                      }\n                    },\n                    [\n                      _vm._v(\n                        \"\\n                \" +\n                          _vm._s(\n                            _vm.$translate(\n                              \"Ceres::Template.singleItemAddToBasket\"\n                            )\n                          ) +\n                          \"\\n            \"\n                      )\n                    ]\n                  )\n                : !_vm.buttonLockState\n                ? _c(\n                    \"button\",\n                    {\n                      staticClass: \"btn__add-to-basket\",\n                      class: { \"btn__add-to-basket--disabled\": _vm.isLoading },\n                      attrs: { disabled: _vm.isLoading || !_vm.hasPrice },\n                      on: {\n                        click: function($event) {\n                          return _vm.addToBasket()\n                        }\n                      }\n                    },\n                    [\n                      _vm._v(\n                        \"\\n                \" +\n                          _vm._s(\n                            _vm.$translate(\n                              \"Ceres::Template.singleItemAddToBasket\"\n                            )\n                          ) +\n                          \"\\n            \"\n                      )\n                    ]\n                  )\n                : _c(\n                    \"button\",\n                    {\n                      staticClass:\n                        \"btn__add-to-basket btn__add-to-basket--disabled\",\n                      attrs: {\n                        title: _vm.$translate(\n                          \"Ceres::Template.singleItemQuantityMax\"\n                        )\n                      }\n                    },\n                    [\n                      _vm._v(\n                        \"\\n                \" +\n                          _vm._s(\n                            _vm.$translate(\n                              \"Ceres::Template.singleItemAddToBasket\"\n                            )\n                          ) +\n                          \"\\n            \"\n                      )\n                    ]\n                  )\n            ]\n          ]\n        : _vm._e(),\n      _vm._v(\" \"),\n      _vm.type === \"mobile\"\n        ? [\n            _c(\n              \"div\",\n              { staticClass: \"d-none\" },\n              [\n                _c(\"quantity-input\", {\n                  attrs: {\n                    value: 1,\n                    timeout: 0,\n                    min: _vm.minimumQuantity,\n                    max: _vm.maximumQuantity,\n                    interval: _vm.intervalQuantity,\n                    \"variation-id\": _vm.variationId,\n                    waiting:\n                      _vm.isLoading ||\n                      !_vm.isSalable ||\n                      !_vm.allVariationsSelected\n                  },\n                  on: {\n                    \"quantity-change\": _vm.updateQuantity,\n                    \"out-of-stock\": _vm.handleButtonState\n                  }\n                })\n              ],\n              1\n            ),\n            _vm._v(\" \"),\n            [\n              !_vm.allVariationsSelected || !_vm.isSalable\n                ? _c(\n                    \"button\",\n                    {\n                      staticClass:\n                        \"fixed-product-box__btn fixed-product-box__btn--disabled\",\n                      attrs: {\n                        title: _vm.$translate(\n                          \"Ceres::Template.singleItemPleaseSelectValidVariation\"\n                        ),\n                        content: _vm.currentVariation.prices.default.price.value\n                      }\n                    },\n                    [\n                      _vm._v(\n                        \"\\n                \" +\n                          _vm._s(\n                            _vm._f(\"currency\")(\n                              _vm.variationTotalPrice,\n                              _vm.currentVariation.prices.default.currency\n                            )\n                          ) +\n                          \"\\n            \"\n                      )\n                    ]\n                  )\n                : !_vm.buttonLockState\n                ? _c(\n                    \"button\",\n                    {\n                      staticClass: \"fixed-product-box__btn\",\n                      class: {\n                        \"fixed-product-box__btn--disabled\": _vm.isLoading\n                      },\n                      attrs: {\n                        disabled: _vm.isLoading || !_vm.hasPrice,\n                        content: _vm.currentVariation.prices.default.price.value\n                      },\n                      on: {\n                        click: function($event) {\n                          return _vm.addToBasket()\n                        }\n                      }\n                    },\n                    [\n                      _vm._v(\n                        \"\\n                \" +\n                          _vm._s(\n                            _vm._f(\"currency\")(\n                              _vm.variationTotalPrice,\n                              _vm.currentVariation.prices.default.currency\n                            )\n                          ) +\n                          \"\\n            \"\n                      )\n                    ]\n                  )\n                : _c(\n                    \"button\",\n                    {\n                      staticClass:\n                        \"fixed-product-box__btn fixed-product-box__btn--disabled\",\n                      attrs: {\n                        content:\n                          _vm.currentVariation.prices.default.price.value,\n                        title: _vm.$translate(\n                          \"Ceres::Template.singleItemQuantityMax\"\n                        )\n                      }\n                    },\n                    [\n                      _vm._v(\n                        \"\\n                \" +\n                          _vm._s(\n                            _vm._f(\"currency\")(\n                              _vm.variationTotalPrice,\n                              _vm.currentVariation.prices.default.currency\n                            )\n                          ) +\n                          \"\\n            \"\n                      )\n                    ]\n                  )\n            ]\n          ]\n        : _vm._e()\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div :class=\"{'fixed-product-box__btn-wrapper': type === 'mobile'}\">\n\n        <template v-if=\"type === 'desktop'\">\n            <div class=\"d-none\">\n                <quantity-input :value=\"1\"\n                                @quantity-change=\"updateQuantity\"\n                                @out-of-stock=\"handleButtonState\"\n                                :timeout=\"0\"\n                                :min=\"minimumQuantity\"\n                                :max=\"maximumQuantity\"\n                                :interval=\"intervalQuantity\"\n                                :variation-id=\"variationId\"\n                                :waiting=\"isLoading || !isSalable || !allVariationsSelected\">\n                </quantity-input>\n            </div>\n\n            <template>\n                <button v-if=\"!allVariationsSelected || !isSalable\"\n                        class=\"btn__add-to-basket btn__add-to-basket--disabled\"\n                        :title=\"$translate('Ceres::Template.singleItemPleaseSelectValidVariation')\">\n                    {{ $translate(\"Ceres::Template.singleItemAddToBasket\") }}\n                </button>\n                <button v-else-if=\"!buttonLockState\"\n                        :disabled=\"isLoading || !hasPrice\"\n                        class=\"btn__add-to-basket\"\n                        :class=\"{'btn__add-to-basket--disabled': isLoading}\"\n                        @click=\"addToBasket()\">\n                    {{ $translate(\"Ceres::Template.singleItemAddToBasket\") }}\n                </button>\n                <button v-else\n                        class=\"btn__add-to-basket btn__add-to-basket--disabled\"\n                        :title=\"$translate('Ceres::Template.singleItemQuantityMax')\">\n                    {{ $translate(\"Ceres::Template.singleItemAddToBasket\") }}\n                </button>\n            </template>\n\n            <!--<template v-else>-->\n                <!--<button class=\"btn__show-na-reminder\"-->\n                        <!--data-toggle=\"modal\"-->\n                        <!--data-target=\"#id&#45;&#45;single-ask-size-modal\">-->\n                    <!--{{ $translate(\"ODNaPo::NaPo.singleAskSize\") }}-->\n                <!--</button>-->\n            <!--</template>-->\n        </template>\n\n        <template v-if=\"type === 'mobile'\">\n\n            <div class=\"d-none\">\n                <quantity-input :value=\"1\"\n                                @quantity-change=\"updateQuantity\"\n                                @out-of-stock=\"handleButtonState\"\n                                :timeout=\"0\"\n                                :min=\"minimumQuantity\"\n                                :max=\"maximumQuantity\"\n                                :interval=\"intervalQuantity\"\n                                :variation-id=\"variationId\"\n                                :waiting=\"isLoading || !isSalable || !allVariationsSelected\">\n                </quantity-input>\n            </div>\n\n            <template>\n                <button v-if=\"!allVariationsSelected || !isSalable\"\n                        class=\"fixed-product-box__btn fixed-product-box__btn--disabled\"\n                        :title=\"$translate('Ceres::Template.singleItemPleaseSelectValidVariation')\"\n                        :content=\"currentVariation.prices.default.price.value\">\n                    {{ variationTotalPrice | currency(currentVariation.prices.default.currency) }}\n                </button>\n                <button v-else-if=\"!buttonLockState\"\n                        :disabled=\"isLoading || !hasPrice\"\n                        class=\"fixed-product-box__btn\"\n                        :class=\"{'fixed-product-box__btn--disabled': isLoading}\"\n                        @click=\"addToBasket()\"\n                        :content=\"currentVariation.prices.default.price.value\">\n                    {{ variationTotalPrice | currency(currentVariation.prices.default.currency) }}\n                </button>\n                <button v-else\n                        class=\"fixed-product-box__btn fixed-product-box__btn--disabled\"\n                        :content=\"currentVariation.prices.default.price.value\"\n                        :title=\"$translate('Ceres::Template.singleItemQuantityMax')\">\n                    {{ variationTotalPrice | currency(currentVariation.prices.default.currency) }}\n                </button>\n            </template>\n\n            <!--<template v-else>-->\n                <!--<button class=\"btn__show-na-reminder-mobile\"-->\n                        <!--data-toggle=\"modal\"-->\n                        <!--data-target=\"#id&#45;&#45;single-ask-size-modal\">-->\n                    <!--<svg width=\"20\" height=\"20\">-->\n                        <!--<use xmlns:xlink=\"http://www.w3.org/1999/xlink\"-->\n                             <!--xlink:href=\"#svg-mail\"></use>-->\n                    <!--</svg>-->\n                    <!--{{ variationTotalPrice | currency(currentVariation.prices.default.currency) }}-->\n                <!--</button>-->\n            <!--</template>-->\n\n        </template>\n    </div>\n</template>\n\n<script>\n    import ExceptionMap from \"ceres/app/exceptions/ExceptionMap\";\n    import {navigateTo} from \"ceres/app/services/UrlService\";\n    import {isNullOrUndefined, isDefined} from \"ceres/app/helper/utils\";\n    import {mapState} from \"vuex\";\n    import {ButtonSizePropertyMixin} from \"ceres/app/mixins/buttonSizeProperty.mixin\";\n\n    const NotificationService = require(\"ceres/app/services/NotificationService\");\n\n    export default {\n\n        mixins: [ButtonSizePropertyMixin],\n\n        props:\n            {\n                itemUrl: String,\n                showQuantity:\n                    {\n                        type: Boolean,\n                        default: false\n                    },\n                useLargeScale:\n                    {\n                        type: Boolean,\n                        default: false\n                    },\n                variationId:\n                    {\n                        type: Number\n                    },\n                isSalable:\n                    {\n                        type: Boolean,\n                        default: false\n                    },\n                hasChildren:\n                    {\n                        type: Boolean,\n                        default: false\n                    },\n                intervalQuantity:\n                    {\n                        type: Number,\n                        default: 1\n                    },\n                minimumQuantity:\n                    {\n                        type: Number,\n                        default: 0\n                    },\n                maximumQuantity:\n                    {\n                        type: Number,\n                        default: null\n                    },\n                orderProperties:\n                    {\n                        type: Array,\n                        default: () => []\n                    },\n                hasOrderProperties:\n                    {\n                        type: Boolean,\n                        default: false\n                    },\n                hasPrice:\n                    {\n                        type: Boolean,\n                        default: true\n                    },\n                paddingClasses:\n                    {\n                        type: String,\n                        default: null\n                    },\n                paddingInlineStyles:\n                    {\n                        type: String,\n                        default: null\n                    },\n                isWishList:\n                    {\n                        type: Boolean,\n                        default: false\n                    },\n                propQuantity:\n                    {\n                        type: Number,\n                        default: null\n                    },\n                itemType:\n                    {\n                        type: String,\n                        default: null\n                    },\n                type: String\n            },\n\n        inject: {\n            itemId: {\n                default: null\n            }\n        },\n\n        computed:\n            {\n                isSet() {\n                    return (\n                        this.$store.state.items[this.itemId]\n                        && this.$store.state.items[this.itemId].variation\n                        && this.$store.state.items[this.itemId].variation.documents[0].data.item.itemType === \"set\"\n                    ) || this.itemType === \"set\";\n                },\n\n                canBeAddedToBasket() {\n                    return this.isSalable &&\n                        !this.hasChildren &&\n                        !(this.minimumQuantity != 1 || this.intervalQuantity != 1) &&\n                        !this.requiresProperties &&\n                        this.hasPrice &&\n                        !this.isSet;\n                },\n\n                requiresProperties() {\n                    return App.config.item.requireOrderProperties &&\n                        (this.hasOrderProperties || this.orderProperties.filter(property => property.property.isShownOnItemPage).length > 0);\n                },\n\n                buttonClasses() {\n                    const classes = [];\n\n                    if (isDefined(this.buttonSizeClass)) {\n                        classes.push(this.buttonSizeClass);\n                    }\n\n                    if (isDefined(this.paddingClasses)) {\n                        classes.push(this.paddingClasses.split(\" \"));\n                    }\n\n                    return classes;\n                },\n\n                tooltipText() {\n                    if (this.hasAvailableVariations) {\n                        return this.$translate(\"Ceres::Template.singleItemPleaseSelectValidVariation\");\n                    }\n                    else {\n                        return this.$translate(\"Ceres::Template.singleItemPleaseSelectNotAvailable\");\n                    }\n                },\n\n                variationOrderQuantity() {\n                    return this.$store.state.items[this.itemId] && this.$store.state.items[this.itemId].variationOrderQuantity;\n                },\n\n                variationMissingProperties() {\n                    return this.$store.getters[`${this.itemId}/variationMissingProperties`];\n                },\n\n                hasAvailableVariations() {\n                    return this.$store.state.items[this.itemId]\n                        && this.$store.state.items[this.itemId].variationSelect\n                        && this.$store.state.items[this.itemId].variationSelect.variations.some(variation => variation.isSalable);\n                },\n\n                allVariationsSelected() {\n                    if (this.isSet) {\n                        return this.$store.getters[\"itemSetAllVariationSelected\"];\n                    }\n                    else {\n                        return this.$store.state.items[this.itemId]\n                            && this.$store.state.items[this.itemId].variationSelect\n                            && this.$store.state.items[this.itemId].variationSelect.isVariationSelected;\n                    }\n                },\n\n                isLoading() {\n                    return this.$store.state.items.isAddToBasketLoading === this.variationId || this.$store.state.items.isSetLoading;\n                },\n\n                currentVariation() {\n                    return this.$store.getters[`${this.itemId}/currentItemVariation`]\n                },\n\n                variationTotalPrice() {\n                    return this.$store.getters[`${this.itemId}/variationTotalPrice`];\n                },\n\n                ...mapState({\n                    basketItems: state => state.basket.items,\n                    isBasketLoading: state => state.basket.isBasketLoading\n                })\n            },\n\n        data() {\n            return {\n                quantity: 1,\n                buttonLockState: false\n            };\n        },\n\n        methods:\n            {\n                /**\n                 * add an item to basket-resource\n                 */\n                addToBasket() {\n                    // this.$store.dispatch(\"loadComponent\", \"add-item-to-basket-overlay\");\n                    this.$store.dispatch(\"loadComponent\", \"basket-preview\");\n\n                    if (this.variationMissingProperties !== undefined && this.variationMissingProperties.length) {\n                        this.showMissingPropertiesError();\n                    }\n                    else if (this.isSalable || this.isSet) {\n                        this.$store.commit(\"setIsAddToBasketLoading\", this.variationId);\n\n                        const orderParamsAndSurcharge = extractPropertiesAndSurcharge(this.orderProperties);\n\n                        const basketObject =\n                            {\n                                variationId: this.variationId,\n                                quantity: this.quantity,\n                                basketItemOrderParams: orderParamsAndSurcharge.orderParams,\n                                totalOrderParamsMarkup: orderParamsAndSurcharge.totalSurcharge\n                            };\n\n                        if (this.isSet) {\n                            const setComponents = [];\n                            this.$store.state.items.setComponentIds.forEach(itemId => {\n                                const setComponent = this.$store.getters[`${itemId}/currentItemVariation`];\n\n                                const variationId = setComponent && setComponent.variation.id;\n\n                                // Extract order properties and total surcharge for set components\n                                const setComponentOrderParamsAndSurcharge = extractPropertiesAndSurcharge(\n                                    setComponent.properties.filter(prop => prop.property.isOderProperty)\n                                );\n\n                                setComponents.push({\n                                    variationId: variationId,\n                                    quantity: this.$store.state.items[itemId].variationOrderQuantity,\n                                    basketItemOrderParams: setComponentOrderParamsAndSurcharge.orderParams,\n                                    totalOrderParamsMarkup: setComponentOrderParamsAndSurcharge.totalSurcharge\n                                });\n                            });\n                            basketObject.setComponents = setComponents;\n                        }\n\n                        this.$store.dispatch(\"addBasketItem\", basketObject).then(\n                            response => {\n                                document.dispatchEvent(new CustomEvent(\"afterBasketItemAdded\", {detail: basketObject}));\n                                this.$store.commit(\"setIsAddToBasketLoading\", 0);\n                            },\n                            error => {\n                                this.$store.commit(\"setIsAddToBasketLoading\", 0);\n\n                                if (error.data) {\n                                    NotificationService.error(\n                                        this.$translate(\n                                            \"Ceres::Template.\" + ExceptionMap.get(error.data.exceptionCode.toString()),\n                                            error.data.placeholder\n                                        )\n                                    ).closeAfter(5000);\n                                }\n                            });\n                    }\n                },\n                showMissingPropertiesError() {\n                    this.$store.commit(`${this.itemId}/setVariationMarkInvalidProps`, true);\n\n                    const propertyNames = this.variationMissingProperties.map(property => property.property.names.name);\n                    let errorMsgContent = \"\";\n\n                    for (const name of propertyNames) {\n                        errorMsgContent += name + \"<br>\";\n                    }\n\n                    NotificationService.error(this.$translate(\"Ceres::Template.singleItemMissingOrderPropertiesError\").replace(\"<properties>\", errorMsgContent));\n                },\n\n                directToItem() {\n                    navigateTo(this.itemUrl);\n                },\n\n                handleButtonState(value) {\n                    this.buttonLockState = value;\n                },\n\n                /**\n                 * update the property quantity of the current instance\n                 * @param value\n                 */\n                updateQuantity(value) {\n                    this.quantity = value;\n                }\n            },\n\n        watch:\n            {\n                quantity(value)\n                {\n                    if(!isNullOrUndefined(this.itemId))\n                    {\n                        this.$store.commit(`${this.itemId}/setVariationOrderQuantity`, value);\n                        this.$store.commit(`${this.itemId}/setVariationPropertySurcharges`, this.$store.getters[`${this.itemId}/variationBasePrice`]);\n                    }\n                },\n\n                variationOrderQuantity(value) {\n                    if (this.quantity !== value) {\n                        this.quantity = value;\n                    }\n                },\n\n                propQuantity(value) {\n                    if (!isNaN(value)) {\n                        this.quantity = value;\n                    }\n                }\n            }\n    }\n\n    function extractPropertiesAndSurcharge(orderProperties) {\n        let totalSurcharge = 0;\n        const orderParams = [];\n\n        orderProperties.forEach((orderProperty) => {\n            if (!isNullOrUndefined(orderProperty.property.value)) {\n                const property = orderProperty.property;\n\n                if (property.valueType === \"float\" &&\n                    !isNullOrUndefined(property.value) &&\n                    property.value.slice(-1) === App.decimalSeparator) {\n                    property.value = property.value.substr(0, property.value.length - 1);\n                }\n\n                totalSurcharge += (orderProperty.surcharge || 0) + (property.surcharge || 0);\n\n                orderParams.push({\n                    propertyId: property.id,\n                    type: property.valueType,\n                    name: property.names.name,\n                    value: property.value\n                });\n            }\n        });\n\n        return {\n            orderParams: orderParams,\n            totalSurcharge: totalSurcharge\n        };\n    }\n</script>\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddToBasket.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddToBasket.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddToBasket.vue?vue&type=template&id=729fe3ab&\"\nimport script from \"./AddToBasket.vue?vue&type=script&lang=js&\"\nexport * from \"./AddToBasket.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/fhartwig/Sites/DIA-NaPo/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('729fe3ab')) {\n      api.createRecord('729fe3ab', component.options)\n    } else {\n      api.reload('729fe3ab', component.options)\n    }\n    module.hot.accept(\"./AddToBasket.vue?vue&type=template&id=729fe3ab&\", function () {\n      api.rerender('729fe3ab', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/basket/AddToBasket.vue\"\nexport default component.exports"],"sourceRoot":""}