{"version":3,"sources":["webpack:///./resources/js/src/app/mixins/buttonSizeProperty.mixin.js","webpack:///./resources/js/src/app/components/item/QuantityInput.vue?b65e","webpack:///resources/js/src/app/components/item/QuantityInput.vue","webpack:///./resources/js/src/app/components/item/QuantityInput.vue?f4be","webpack:///./resources/js/src/app/components/item/QuantityInput.vue","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","concat","_toConsumableArray","Object","keys","indexOf","computed","buttonSizeClass","hasOwnProperty","this","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","disabled","waiting","$translate","domProps","displayValue","on","change","$event","setValue","target","_l","configMaxValue","index","key","_v","_s","_withStripped","component","options","__file","showQuantity","useLargeScale","canBeAddedToBasket","directives","name","rawName","class","isLoading","title","click","addToBasket","icon","loading","_e","directToItem","quantity","timeout","min","minimumQuantity","max","maximumQuantity","interval","intervalQuantity","variationId","isSalable","allVariationsSelected","updateQuantity","handleButtonState","buttonLockState","buttonClasses","style","paddingInlineStyles","_f","hasPrice","alt","width","height","viewBox","version","xmlns","id","stroke","fill","transform","d","tooltipText","isWishList","role","extractPropertiesAndSurcharge","orderProperties"],"mappings":"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","file":"chunks/ceres-client-0.min.js","sourcesContent":["const BUTTON_SIZES = [\"btn-sm\", \"btn-lg\"];\r\n\r\nconst LEGACY_CLASS_MAP = {\r\n    \"sm\": \"btn-sm\",\r\n    \"md\": \"\",\r\n    \"lg\": \"btn-lg\"\r\n};\r\n\r\nexport const ButtonSizePropertyMixin =\r\n{\r\n    props: {\r\n        buttonSize:\r\n        {\r\n            type: [String, null],\r\n            default: null,\r\n            validator: value =>\r\n            {\r\n                return [\r\n                    \"\",\r\n                    ...BUTTON_SIZES,\r\n                    ...Object.keys(LEGACY_CLASS_MAP)\r\n                ].indexOf(value) !== -1;\r\n            }\r\n        }\r\n    },\r\n\r\n    computed: {\r\n        buttonSizeClass()\r\n        {\r\n            if (LEGACY_CLASS_MAP.hasOwnProperty(this.buttonSize))\r\n            {\r\n                return LEGACY_CLASS_MAP[this.buttonSize];\r\n            }\r\n\r\n            return this.buttonSize;\r\n        }\r\n    }\r\n};\r\n","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"qty-box d-flex h-100\" }, [\n    _c(\n      \"select\",\n      {\n        staticClass: \"qty-input\",\n        attrs: {\n          disabled: _vm.waiting,\n          \"aria-label\": _vm.$translate(\"Ceres::Template.itemQuantityInput\"),\n        },\n        domProps: { value: _vm.displayValue },\n        on: {\n          change: function ($event) {\n            return _vm.setValue($event.target.value)\n          },\n        },\n      },\n      _vm._l(_vm.configMaxValue, function (index) {\n        return _c(\"option\", { key: index }, [_vm._v(\" \" + _vm._s(index))])\n      }),\n      0\n    ),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"qty-box d-flex h-100\">\r\n        <select :value=\"displayValue\"\r\n                :disabled=\"waiting\"\r\n                class=\"qty-input\"\r\n                @change=\"setValue($event.target.value)\"\r\n                :aria-label=\"$translate('Ceres::Template.itemQuantityInput')\">\r\n            <option v-for=\"index in configMaxValue\" :key=\"index\"> {{ index }}</option>\r\n        </select>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { floatLength, formatFloat, limit } from \"../../helper/number\";\r\nimport { defaultValue, isDefined, isNullOrUndefined } from \"../../helper/utils\";\r\nimport { debounce } from \"../../helper/debounce\";\r\nimport { mapState } from \"vuex\";\r\n\r\nexport default {\r\n    name: \"quantity-input\",\r\n\r\n    props: {\r\n        value: {\r\n            type: Number,\r\n            required: true\r\n        },\r\n        timeout: {\r\n            type: Number,\r\n            required: false,\r\n            default: 500\r\n        },\r\n        min: {\r\n            type: Number,\r\n            required: false,\r\n            default: 0\r\n        },\r\n        max: {\r\n            type: Number,\r\n            required: false\r\n        },\r\n        interval: {\r\n            type: Number,\r\n            required: false,\r\n            default: 1\r\n        },\r\n        waiting: {\r\n            type: Boolean,\r\n            required: false\r\n        },\r\n        variationId: {\r\n            type: Number,\r\n            required: false\r\n        },\r\n        useAppearance: Boolean\r\n    },\r\n\r\n    data()\r\n    {\r\n        return {\r\n            compValue:      this.value,\r\n            compMin:        this.min,\r\n            compMax:        this.max,\r\n            compInterval:   this.interval,\r\n            compDecimals:   0,\r\n            onValueChanged: null,\r\n            configMaxValue: App.modeherzPluginConfig.item.quantities.max\r\n        };\r\n    },\r\n\r\n    created()\r\n    {\r\n        this.compInterval = defaultValue(this.compInterval, 1);\r\n        this.compInterval = this.compInterval === 0 ? 1 : this.compInterval;\r\n\r\n        const minDecimals = floatLength(this.min);\r\n        const intervalDecimals = floatLength(this.compInterval);\r\n\r\n        this.compDecimals = Math.max(minDecimals, intervalDecimals);\r\n\r\n        this.onValueChanged = debounce(() =>\r\n        {\r\n            this.$emit(\"quantity-change\", this.compValue);\r\n        }, defaultValue(this.timeout, 500));\r\n\r\n        if (!isNullOrUndefined(this.variationId))\r\n        {\r\n            this.fetchQuantityFromBasket();\r\n        }\r\n    },\r\n\r\n    computed:\r\n    {\r\n        variationBasketQuantity()\r\n        {\r\n            if (isNullOrUndefined(this.variationId))\r\n            {\r\n                return 0;\r\n            }\r\n\r\n            if(this.itemSetVariationId <= 0 || this.variationId === this.itemSetVariationId)\r\n            {\r\n                const basketObject = this.$store.state.basket.items.find(variations => variations.variationId === this.variationId);\r\n\r\n                return basketObject ? basketObject.quantity : 0;\r\n            }\r\n\r\n            return 0;\r\n        },\r\n\r\n        isMinimum()\r\n        {\r\n            return isDefined(this.compMin) && (this.compValue - this.compInterval) < this.compMin;\r\n        },\r\n\r\n        isMaximum()\r\n        {\r\n            return isDefined(this.compMax) && (this.compValue + this.compInterval) > this.compMax;\r\n        },\r\n\r\n        minimumHint()\r\n        {\r\n            return this.$translate(\r\n                \"Ceres::Template.singleItemQuantityMin\",\r\n                {\r\n                    min: this.$options.filters.numberFormat(this.compMin)\r\n                }\r\n            );\r\n        },\r\n\r\n        maximumHint()\r\n        {\r\n            return this.$translate(\r\n                \"Ceres::Template.singleItemQuantityMax\",\r\n                {\r\n                    max: this.$options.filters.numberFormat(this.max)\r\n                }\r\n            );\r\n        },\r\n\r\n        displayValue()\r\n        {\r\n            return this.$options.filters.numberFormat(this.compValue);\r\n        },\r\n\r\n        itemSetVariationId()\r\n        {\r\n            if (this.$store.state.items.itemSetId > 0)\r\n            {\r\n                return this.$store.getters[`${this.$store.state.items.itemSetId}/currentItemVariation`].variation.id;\r\n            }\r\n\r\n            return 0;\r\n        },\r\n\r\n        ...mapState({\r\n            basketItems: state => state.basket.items\r\n        })\r\n    },\r\n\r\n    watch:\r\n    {\r\n        variationId(newValue)\r\n        {\r\n            if (isDefined(newValue))\r\n            {\r\n                this.fetchQuantityFromBasket();\r\n            }\r\n        },\r\n\r\n        basketItems:\r\n        {\r\n            handler(newValue, oldValue)\r\n            {\r\n                if (isDefined(this.variationId))\r\n                {\r\n                    this.fetchQuantityFromBasket();\r\n                }\r\n            },\r\n            deep: true\r\n        },\r\n\r\n        min(newValue)\r\n        {\r\n            this.compMin = newValue;\r\n            this.fetchQuantityFromBasket();\r\n        },\r\n\r\n        max(newValue)\r\n        {\r\n            this.compMax = newValue;\r\n            this.fetchQuantityFromBasket();\r\n        },\r\n\r\n        value(newValue, oldValue)\r\n        {\r\n            if (newValue !== oldValue)\r\n            {\r\n                this.setValue(newValue);\r\n            }\r\n        },\r\n\r\n        interval(newInterval)\r\n        {\r\n            this.compInterval = defaultValue(newInterval, 1)\r\n        }\r\n    },\r\n\r\n    methods:\r\n    {\r\n        increaseValue()\r\n        {\r\n            const newValue = formatFloat(this.compValue + this.compInterval, this.compDecimals);\r\n\r\n            if ((isNullOrUndefined(this.compMax) || newValue <= this.compMax) && !this.waiting)\r\n            {\r\n                this.setValue(newValue);\r\n            }\r\n        },\r\n\r\n        decreaseValue()\r\n        {\r\n            const newValue = formatFloat(this.compValue - this.compInterval, this.compDecimals);\r\n\r\n            if ((isNullOrUndefined(this.compMin) || newValue >= this.compMin) && !this.waiting)\r\n            {\r\n                this.setValue(newValue);\r\n            }\r\n        },\r\n\r\n        setValue(value)\r\n        {\r\n            // consider the configured decimal seperator (if the input is typed in the input field)\r\n            if (typeof value === \"string\")\r\n            {\r\n                value = value.replace(App.decimalSeparator || \",\", \".\");\r\n            }\r\n\r\n            value = parseFloat(value);\r\n            if (isNaN(value))\r\n            {\r\n                value = defaultValue(this.compMin, 1);\r\n            }\r\n\r\n            // limit new value to min/ max value\r\n            value = limit(value, this.compMin, this.compMax);\r\n\r\n            // make sure, new value is an even multiple of interval\r\n            let diff;\r\n            if (this.variationBasketQuantity === 0 && this.min !== 0)\r\n            {\r\n                diff = formatFloat((value - this.min) % this.compInterval, this.compDecimals, true);\r\n            }\r\n            else\r\n            {\r\n                diff = formatFloat(value % this.compInterval, this.compDecimals, true);\r\n            }\r\n\r\n            if (diff > 0 && diff !== this.compInterval)\r\n            {\r\n                if (diff < this.compInterval / 2)\r\n                {\r\n                    value -= diff;\r\n                }\r\n                else\r\n                {\r\n                    value += this.compInterval - diff;\r\n                }\r\n                value = limit(value, this.compMin, this.compMax);\r\n            }\r\n\r\n            // cut fraction\r\n            value = formatFloat(value, this.compDecimals);\r\n\r\n            if (value !== this.compValue)\r\n            {\r\n                this.compValue = value;\r\n                this.onValueChanged();\r\n            }\r\n            else if (!isNullOrUndefined(this.$refs.quantityInputField))\r\n            {\r\n                this.$refs.quantityInputField.value = this.displayValue;\r\n            }\r\n        },\r\n\r\n        fetchQuantityFromBasket()\r\n        {\r\n            if (!isNullOrUndefined(this.min) && this.variationBasketQuantity >= this.min && this.variationBasketQuantity !== 0)\r\n            {\r\n                // set the minimum value to the interval, if the item is already in the basket\r\n                this.compMin = this.compInterval;\r\n            }\r\n            else if (this.variationBasketQuantity === 0)\r\n            {\r\n                // reset the minimum, when item is not in the basket\r\n                this.compMin = this.min;\r\n            }\r\n\r\n            if (!isNullOrUndefined(this.max))\r\n            {\r\n                // decrease maximum quantity by quantity of variations already in basket\r\n                this.compMax = this.max - this.variationBasketQuantity;\r\n\r\n                if (this.variationBasketQuantity + this.compInterval > this.max)\r\n                {\r\n                    this.compMin = 0;\r\n                    this.compMax = 0;\r\n                    this.$emit(\"out-of-stock\", true);\r\n                }\r\n                else\r\n                {\r\n                    this.$emit(\"out-of-stock\", false);\r\n                }\r\n            }\r\n            else\r\n            {\r\n                this.$emit(\"out-of-stock\", false);\r\n            }\r\n\r\n            this.setValue(this.compMin);\r\n        }\r\n    }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuantityInput.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!./QuantityInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./QuantityInput.vue?vue&type=template&id=62163595&\"\nimport script from \"./QuantityInput.vue?vue&type=script&lang=js&\"\nexport * from \"./QuantityInput.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(\"C:\\\\Users\\\\schuckerp\\\\git\\\\plenty-plugins\\\\4024\\\\15\\\\modeherz\\\\plugin-ceres\\\\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('62163595')) {\n      api.createRecord('62163595', component.options)\n    } else {\n      api.reload('62163595', component.options)\n    }\n    module.hot.accept(\"./QuantityInput.vue?vue&type=template&id=62163595&\", function () {\n      api.rerender('62163595', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/item/QuantityInput.vue\"\nexport default component.exports","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    !_vm.showQuantity && _vm.useLargeScale && _vm.canBeAddedToBasket\n      ? _c(\n          \"div\",\n          {\n            directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n            staticClass: \"add-to-basket-lg-container d-none d-lg-block\",\n            class: { \"no-pointer-events\": _vm.isLoading },\n            attrs: {\n              \"data-toggle\": \"tooltip\",\n              \"data-placement\": \"top\",\n              title: _vm.$translate(\"Ceres::Template.singleItemAddToBasket\"),\n            },\n            on: {\n              click: function ($event) {\n                return _vm.addToBasket()\n              },\n            },\n          },\n          [\n            _c(\"icon\", {\n              staticClass: \"fa-lg mobile-icon-right\",\n              attrs: { icon: \"cart-plus\", loading: _vm.isLoading },\n            }),\n          ],\n          1\n        )\n      : _vm._e(),\n    _vm._v(\" \"),\n    !_vm.showQuantity && _vm.useLargeScale && !_vm.canBeAddedToBasket\n      ? _c(\n          \"div\",\n          {\n            directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n            staticClass: \"add-to-basket-lg-container d-none d-lg-block\",\n            attrs: {\n              \"data-toggle\": \"tooltip\",\n              \"data-placement\": \"top\",\n              title: _vm.$translate(\"Ceres::Template.itemShowItem\"),\n            },\n            on: {\n              click: function ($event) {\n                return _vm.directToItem()\n              },\n            },\n          },\n          [\n            _c(\"i\", {\n              staticClass: \"fa fa-arrow-right fa-lg d-none d-sm-block\",\n            }),\n          ]\n        )\n      : _vm._e(),\n    _vm._v(\" \"),\n    _vm.showQuantity && !_vm.useLargeScale\n      ? _c(\"div\", { staticClass: \"d-inline\" }, [\n          _c(\"div\", { staticClass: \"add-to-basket-container\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"quantity-input-container\" },\n              [\n                _c(\"quantity-input\", {\n                  attrs: {\n                    value: _vm.quantity,\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            !_vm.allVariationsSelected || !_vm.isSalable\n              ? _c(\n                  \"button\",\n                  {\n                    directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n                    staticClass:\n                      \"btn btn-block btn-primary btn-appearance disabled\",\n                    class: _vm.buttonClasses,\n                    style: _vm.paddingInlineStyles,\n                    attrs: {\n                      \"data-toggle\": \"tooltip\",\n                      \"data-placement\": \"top\",\n                      title: _vm.tooltipText,\n                    },\n                  },\n                  [\n                    _vm._v(\n                      \"\\n                    \" +\n                        _vm._s(\n                          _vm.$translate(\n                            \"modeherz::SingleItemPageClient.itemPageAddToBasketSoldOut\"\n                          )\n                        ) +\n                        \"\\n                \"\n                    ),\n                  ]\n                )\n              : !_vm.buttonLockState\n              ? _c(\n                  \"button\",\n                  {\n                    staticClass: \"btn btn-block btn-primary btn-appearance\",\n                    class: _vm.buttonClasses,\n                    style: _vm.paddingInlineStyles,\n                    attrs: { disabled: _vm.isLoading || !_vm.hasPrice },\n                    on: {\n                      click: function ($event) {\n                        return _vm.addToBasket()\n                      },\n                    },\n                  },\n                  [\n                    _c(\n                      \"span\",\n                      {\n                        staticClass:\n                          \" d-flex justify-content-center align-items-center\",\n                      },\n                      [\n                        _vm._v(\n                          \"\\n                        \" +\n                            _vm._s(\n                              _vm.$translate(\n                                \"Ceres::Template.singleItemAddToBasket\"\n                              )\n                            ) +\n                            \"\\n                        \"\n                        ),\n                        _c(\n                          \"span\",\n                          {\n                            staticClass: \"wkcustom-btn ml-3\",\n                            attrs: {\n                              alt: _vm.$translate(\n                                \"Ceres::Template.singleItemAddToBasket\"\n                              ),\n                            },\n                          },\n                          [\n                            _c(\n                              \"svg\",\n                              {\n                                attrs: {\n                                  width: \"18px\",\n                                  height: \"20px\",\n                                  viewBox: \"0 0 25 27\",\n                                  version: \"1.1\",\n                                  xmlns: \"http://www.w3.org/2000/svg\",\n                                  \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\",\n                                },\n                              },\n                              [\n                                _c(\n                                  \"g\",\n                                  {\n                                    attrs: {\n                                      id: \"Page-1\",\n                                      stroke: \"none\",\n                                      \"stroke-width\": \"1\",\n                                      fill: \"none\",\n                                      \"fill-rule\": \"evenodd\",\n                                    },\n                                  },\n                                  [\n                                    _c(\n                                      \"g\",\n                                      {\n                                        attrs: {\n                                          id: \"basket_white\",\n                                          transform:\n                                            \"translate(1.000000, 1.000000)\",\n                                          stroke: \"#FFFFFF\",\n                                          \"stroke-width\": \"1.5\",\n                                        },\n                                      },\n                                      [\n                                        _c(\"path\", {\n                                          attrs: {\n                                            d: \"M3.66666667,0 L0,5 L0,22.5 C0,23.8807119 1.09441506,25 2.44444444,25 L19.5555556,25 C20.9055849,25 22,23.8807119 22,22.5 L22,5 L18.3333333,0 L3.66666667,0 Z\",\n                                            id: \"Path\",\n                                          },\n                                        }),\n                                        _vm._v(\" \"),\n                                        _c(\"path\", {\n                                          attrs: {\n                                            d: \"M0,5 L22,5\",\n                                            id: \"Path\",\n                                          },\n                                        }),\n                                        _vm._v(\" \"),\n                                        _c(\"path\", {\n                                          attrs: {\n                                            d: \"M15.8888889,10 C15.8888889,12.7614237 13.7000588,15 11,15 C8.29994122,15 6.11111111,12.7614237 6.11111111,10\",\n                                            id: \"Path\",\n                                          },\n                                        }),\n                                      ]\n                                    ),\n                                  ]\n                                ),\n                              ]\n                            ),\n                          ]\n                        ),\n                      ]\n                    ),\n                  ]\n                )\n              : _c(\n                  \"button\",\n                  {\n                    directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n                    staticClass:\n                      \"btn btn-block btn-primary btn-appearance disabled\",\n                    class: _vm.buttonClasses,\n                    style: _vm.paddingInlineStyles,\n                    attrs: {\n                      \"data-toggle\": \"tooltip\",\n                      \"data-placement\": \"top\",\n                      title: _vm._f(\"translate\")(\n                        \"Ceres::Template.singleItemQuantityMax\",\n                        { max: _vm.maximumQuantity }\n                      ),\n                    },\n                  },\n                  [\n                    _vm._v(\n                      \"\\n                    \" +\n                        _vm._s(\n                          _vm.$translate(\n                            \"modeherz::SingleItemPageClient.itemPageAddToBasketSoldOut\"\n                          )\n                        ) +\n                        \"\\n                \"\n                    ),\n                  ]\n                ),\n          ]),\n        ])\n      : _vm._e(),\n    _vm._v(\" \"),\n    !_vm.showQuantity && !_vm.useLargeScale\n      ? _c(\n          \"div\",\n          { staticClass: \"d-inline\", class: { \"d-lg-none\": !_vm.isWishList } },\n          [\n            _c(\n              \"div\",\n              {\n                staticClass: \"btn-group\",\n                attrs: { role: \"group\", \"aria-label\": \"Thumb Control\" },\n              },\n              [\n                _vm.canBeAddedToBasket\n                  ? _c(\n                      \"button\",\n                      {\n                        staticClass:\n                          \"btn btn-primary btn-appearance mobile-width-button\",\n                        class: { \"no-pointer-events\": _vm.isLoading },\n                        attrs: { type: \"button\" },\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                        _c(\n                          \"span\",\n                          {\n                            staticClass: \"wkcustom-btn float-right ml-2\",\n                            attrs: {\n                              alt: _vm.$translate(\"Ceres::Template.basket\"),\n                            },\n                          },\n                          [\n                            _c(\n                              \"svg\",\n                              {\n                                attrs: {\n                                  width: \"15px\",\n                                  height: \"17px\",\n                                  viewBox: \"0 0 25 27\",\n                                  version: \"1.1\",\n                                  xmlns: \"http://www.w3.org/2000/svg\",\n                                  \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\",\n                                },\n                              },\n                              [\n                                _c(\n                                  \"g\",\n                                  {\n                                    attrs: {\n                                      id: \"Page-1\",\n                                      stroke: \"none\",\n                                      \"stroke-width\": \"1\",\n                                      fill: \"none\",\n                                      \"fill-rule\": \"evenodd\",\n                                    },\n                                  },\n                                  [\n                                    _c(\n                                      \"g\",\n                                      {\n                                        attrs: {\n                                          id: \"basket_white\",\n                                          transform:\n                                            \"translate(1.000000, 1.000000)\",\n                                          stroke: \"#FFFFFF\",\n                                          \"stroke-width\": \"1.5\",\n                                        },\n                                      },\n                                      [\n                                        _c(\"path\", {\n                                          attrs: {\n                                            d: \"M3.66666667,0 L0,5 L0,22.5 C0,23.8807119 1.09441506,25 2.44444444,25 L19.5555556,25 C20.9055849,25 22,23.8807119 22,22.5 L22,5 L18.3333333,0 L3.66666667,0 Z\",\n                                            id: \"Path\",\n                                          },\n                                        }),\n                                        _vm._v(\" \"),\n                                        _c(\"path\", {\n                                          attrs: {\n                                            d: \"M0,5 L22,5\",\n                                            id: \"Path\",\n                                          },\n                                        }),\n                                        _vm._v(\" \"),\n                                        _c(\"path\", {\n                                          attrs: {\n                                            d: \"M15.8888889,10 C15.8888889,12.7614237 13.7000588,15 11,15 C8.29994122,15 6.11111111,12.7614237 6.11111111,10\",\n                                            id: \"Path\",\n                                          },\n                                        }),\n                                      ]\n                                    ),\n                                  ]\n                                ),\n                              ]\n                            ),\n                          ]\n                        ),\n                      ]\n                    )\n                  : _vm._e(),\n                _vm._v(\" \"),\n                !_vm.canBeAddedToBasket\n                  ? _c(\n                      \"button\",\n                      {\n                        staticClass:\n                          \"btn btn-primary btn-appearance mobile-width-button\",\n                        attrs: { type: \"button\" },\n                        on: {\n                          click: function ($event) {\n                            return _vm.directToItem()\n                          },\n                        },\n                      },\n                      [\n                        _vm._v(\n                          \"\\n                    \" +\n                            _vm._s(\n                              _vm.$translate(\"Ceres::Template.itemShowItem\")\n                            ) +\n                            \"\\n                    \"\n                        ),\n                        _c(\"i\", {\n                          staticClass:\n                            \"fa fa-arrow-right fa-lg ml-sm-1 d-none d-sm-inline\",\n                          attrs: { \"aria-hidden\": \"true\" },\n                        }),\n                      ]\n                    )\n                  : _vm._e(),\n              ]\n            ),\n          ]\n        )\n      : _vm._e(),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <div :class=\"{'no-pointer-events': isLoading}\" class=\"add-to-basket-lg-container d-none d-lg-block\" v-if=\"!showQuantity && useLargeScale && canBeAddedToBasket\"\r\n             v-tooltip data-toggle=\"tooltip\" data-placement=\"top\" :title=\"$translate('Ceres::Template.singleItemAddToBasket')\" @click=\"addToBasket()\">\r\n            <icon icon=\"cart-plus\" class=\"fa-lg mobile-icon-right\" :loading=\"isLoading\"></icon>\r\n        </div>\r\n\r\n        <div class=\"add-to-basket-lg-container d-none d-lg-block\" v-if=\"!showQuantity && useLargeScale && !canBeAddedToBasket\"\r\n             v-tooltip data-toggle=\"tooltip\" data-placement=\"top\" :title=\"$translate('Ceres::Template.itemShowItem')\" @click=\"directToItem()\">\r\n            <i class=\"fa fa-arrow-right fa-lg d-none d-sm-block\"></i>\r\n        </div>\r\n\r\n        <div class=\"d-inline\" v-if=\"showQuantity && !useLargeScale\">\r\n            <div class=\"add-to-basket-container\">\r\n                <div class=\"quantity-input-container\">\r\n                    <quantity-input :value=\"quantity\"\r\n                                    @quantity-change=\"updateQuantity\"\r\n                                    @out-of-stock=\"handleButtonState\"\r\n                                    :timeout=\"0\"\r\n                                    :min=\"minimumQuantity\"\r\n                                    :max=\"maximumQuantity\"\r\n                                    :interval=\"intervalQuantity\"\r\n                                    :variation-id=\"variationId\"\r\n                                    :waiting=\"isLoading || !isSalable || !allVariationsSelected\">\r\n                    </quantity-input>\r\n                </div>\r\n\r\n                <button\r\n                    v-if=\"!allVariationsSelected || !isSalable\"\r\n                    class=\"btn btn-block btn-primary btn-appearance disabled\"\r\n                    v-tooltip\r\n                    data-toggle=\"tooltip\"\r\n                    data-placement=\"top\"\r\n                    :title=\"tooltipText\"\r\n                    :class=\"buttonClasses\"\r\n                    :style=\"paddingInlineStyles\">\r\n                    {{ $translate(\"modeherz::SingleItemPageClient.itemPageAddToBasketSoldOut\") }}\r\n                </button>\r\n\r\n                <button\r\n                    v-else-if=\"!buttonLockState\"\r\n                    :disabled=\"isLoading || !hasPrice\"\r\n                    class=\"btn btn-block btn-primary btn-appearance\"\r\n                    @click=\"addToBasket()\"\r\n                    :class=\"buttonClasses\"\r\n                    :style=\"paddingInlineStyles\">\r\n                    <span class=\" d-flex justify-content-center align-items-center\">\r\n                        {{ $translate(\"Ceres::Template.singleItemAddToBasket\") }}\r\n                        <span class=\"wkcustom-btn ml-3\" :alt=\"$translate('Ceres::Template.singleItemAddToBasket')\">\r\n                                              <svg width=\"18px\" height=\"20px\" viewBox=\"0 0 25 27\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\r\n                                                     <g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n                                                            <g id=\"basket_white\" transform=\"translate(1.000000, 1.000000)\" stroke=\"#FFFFFF\" stroke-width=\"1.5\">\r\n                                                            <path d=\"M3.66666667,0 L0,5 L0,22.5 C0,23.8807119 1.09441506,25 2.44444444,25 L19.5555556,25 C20.9055849,25 22,23.8807119 22,22.5 L22,5 L18.3333333,0 L3.66666667,0 Z\" id=\"Path\"/>\r\n                                                            <path d=\"M0,5 L22,5\" id=\"Path\"/>\r\n                                                            <path d=\"M15.8888889,10 C15.8888889,12.7614237 13.7000588,15 11,15 C8.29994122,15 6.11111111,12.7614237 6.11111111,10\" id=\"Path\"/>\r\n                                                            </g>\r\n                                                     </g>\r\n                                              </svg>\r\n                                       </span>\r\n                    </span>\r\n                </button>\r\n\r\n                <button v-else\r\n                        class=\"btn btn-block btn-primary btn-appearance disabled\"\r\n                        v-tooltip\r\n                        data-toggle=\"tooltip\"\r\n                        data-placement=\"top\"\r\n                        :title=\"'Ceres::Template.singleItemQuantityMax' | translate({ max: maximumQuantity })\"\r\n                        :class=\"buttonClasses\"\r\n                        :style=\"paddingInlineStyles\">\r\n                    {{ $translate(\"modeherz::SingleItemPageClient.itemPageAddToBasketSoldOut\") }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"d-inline\" v-if=\"!showQuantity && !useLargeScale\" :class=\"{'d-lg-none': !isWishList }\">\r\n            <div class=\"btn-group\" role=\"group\" aria-label=\"Thumb Control\">\r\n                <button type=\"button\" :class=\"{'no-pointer-events': isLoading}\" v-if=\"canBeAddedToBasket\" class=\"btn btn-primary btn-appearance mobile-width-button\" @click=\"addToBasket()\">\r\n                    {{ $translate(\"Ceres::Template.singleItemAddToBasket\") }}\r\n                    <span class=\"wkcustom-btn float-right ml-2\" :alt=\"$translate('Ceres::Template.basket')\">\r\n\t\t\t\t\t\t<svg width=\"15px\" height=\"17px\" viewBox=\"0 0 25 27\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\r\n\t\t\t\t\t\t\t<g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n\t\t\t\t\t\t\t\t<g id=\"basket_white\" transform=\"translate(1.000000, 1.000000)\" stroke=\"#FFFFFF\" stroke-width=\"1.5\">\r\n\t\t\t\t\t\t\t\t<path d=\"M3.66666667,0 L0,5 L0,22.5 C0,23.8807119 1.09441506,25 2.44444444,25 L19.5555556,25 C20.9055849,25 22,23.8807119 22,22.5 L22,5 L18.3333333,0 L3.66666667,0 Z\" id=\"Path\"/>\r\n\t\t\t\t\t\t\t\t<path d=\"M0,5 L22,5\" id=\"Path\"/>\r\n\t\t\t\t\t\t\t\t<path d=\"M15.8888889,10 C15.8888889,12.7614237 13.7000588,15 11,15 C8.29994122,15 6.11111111,12.7614237 6.11111111,10\" id=\"Path\"/>\r\n\t\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</span>\r\n                </button>\r\n                <button type=\"button\" v-if=\"!canBeAddedToBasket\" class=\"btn btn-primary btn-appearance mobile-width-button\" @click=\"directToItem()\">\r\n                    {{ $translate(\"Ceres::Template.itemShowItem\") }}\r\n                    <i class=\"fa fa-arrow-right fa-lg ml-sm-1 d-none d-sm-inline\" aria-hidden=\"true\"></i>\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport ExceptionMap from \"../../exceptions/ExceptionMap\";\r\nimport { navigateTo } from \"../../services/UrlService\";\r\nimport { isNullOrUndefined, isDefined } from \"../../helper/utils\";\r\nimport { mapState } from \"vuex\";\r\nimport { ButtonSizePropertyMixin } from \"../../mixins/buttonSizeProperty.mixin\";\r\nimport QuantityInput from \"../item/QuantityInput.vue\";\r\n\r\nconst NotificationService = require(\"../../services/NotificationService\");\r\n\r\nexport default {\r\n    name: \"add-to-basket\",\r\n\r\n    mixins: [ButtonSizePropertyMixin],\r\n\r\n    components:\r\n    {\r\n        QuantityInput\r\n    },\r\n\r\n    props:\r\n    {\r\n        itemUrl: String,\r\n        showQuantity:\r\n        {\r\n            type: Boolean,\r\n            default: false\r\n        },\r\n        useLargeScale:\r\n        {\r\n            type: Boolean,\r\n            default: false\r\n        },\r\n        variationId:\r\n        {\r\n            type: Number\r\n        },\r\n        isSalable:\r\n        {\r\n            type: Boolean,\r\n            default: false\r\n        },\r\n        hasChildren:\r\n        {\r\n            type: Boolean,\r\n            default: false\r\n        },\r\n        intervalQuantity:\r\n        {\r\n            type: Number,\r\n            default: 1\r\n        },\r\n        minimumQuantity:\r\n        {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        maximumQuantity:\r\n        {\r\n            type: Number,\r\n            default: null\r\n        },\r\n        orderProperties:\r\n        {\r\n            type: Array,\r\n            default: () => []\r\n        },\r\n        hasOrderProperties:\r\n        {\r\n            type: Boolean,\r\n            default: false\r\n        },\r\n        hasRequiredOrderProperty:\r\n        {\r\n            type: Boolean,\r\n            default: false\r\n        },\r\n        hasPrice:\r\n        {\r\n            type: Boolean,\r\n            default: true\r\n        },\r\n        hasGraduatedPrice:\r\n        {\r\n          type: Boolean,\r\n          default: false\r\n        },\r\n        paddingClasses:\r\n        {\r\n            type: String,\r\n            default: null\r\n        },\r\n        paddingInlineStyles:\r\n        {\r\n            type: String,\r\n            default: null\r\n        },\r\n        isWishList:\r\n        {\r\n            type: Boolean,\r\n            default: false\r\n        },\r\n        propQuantity:\r\n        {\r\n            type: Number,\r\n            default: null\r\n        },\r\n        itemType:\r\n        {\r\n            type: String,\r\n            default: null\r\n        }\r\n    },\r\n\r\n    inject: {\r\n        itemId: {\r\n            default: null\r\n        }\r\n    },\r\n\r\n    computed:\r\n    {\r\n        isSet()\r\n        {\r\n            return (\r\n                this.$store.state.items[this.itemId]\r\n                && this.$store.state.items[this.itemId].variation\r\n                && this.$store.state.items[this.itemId].variation.documents[0].data.item.itemType === \"set\"\r\n            ) || this.itemType === \"set\";\r\n        },\r\n\r\n        canBeAddedToBasket()\r\n        {\r\n            return this.isSalable &&\r\n                !this.hasChildren &&\r\n                !(this.minimumQuantity != 1 || this.intervalQuantity != 1) &&\r\n                !this.requiresProperties &&\r\n                this.hasPrice &&\r\n                !this.hasGraduatedPrice &&\r\n                !this.isSet;\r\n        },\r\n\r\n        requiresProperties()\r\n        {\r\n            return (App.config.item.requireOrderProperties &&\r\n                (this.hasOrderProperties || this.orderProperties.filter(property => property.property.isShownOnItemPage).length > 0)) ||\r\n                this.hasRequiredOrderProperty;\r\n        },\r\n\r\n        buttonClasses()\r\n        {\r\n            const classes = [];\r\n\r\n            if (isDefined(this.buttonSizeClass))\r\n            {\r\n                classes.push(this.buttonSizeClass);\r\n            }\r\n\r\n            if (isDefined(this.paddingClasses))\r\n            {\r\n                classes.push(this.paddingClasses.split(\" \"));\r\n            }\r\n\r\n            return classes;\r\n        },\r\n\r\n        tooltipText()\r\n        {\r\n            if (this.hasAvailableVariations)\r\n            {\r\n                return this.$translate(\"Ceres::Template.singleItemPleaseSelectValidVariation\");\r\n            }\r\n            else\r\n            {\r\n                return this.$translate(\"Ceres::Template.singleItemPleaseSelectNotAvailable\");\r\n            }\r\n        },\r\n\r\n        variationOrderQuantity()\r\n        {\r\n            return this.$store.state.items[this.itemId] && this.$store.state.items[this.itemId].variationOrderQuantity;\r\n        },\r\n\r\n        variationMissingProperties()\r\n        {\r\n            return this.$store.getters[`${this.itemId}/variationMissingProperties`];\r\n        },\r\n\r\n        hasAvailableVariations()\r\n        {\r\n            return this.$store.state.items[this.itemId]\r\n                && this.$store.state.items[this.itemId].variationSelect\r\n                && this.$store.state.items[this.itemId].variationSelect.variations.some(variation => variation.isSalable);\r\n        },\r\n\r\n        allVariationsSelected()\r\n        {\r\n            if (this.isSet)\r\n            {\r\n                return this.$store.getters[\"itemSetAllVariationSelected\"];\r\n            }\r\n            else\r\n            {\r\n                // FIX return true if module is not registered. This equals the default value from the module\r\n                // and is required to use this component in other contexts, e.g. the category view\r\n                return !this.$store.state.items[this.itemId]\r\n                    || (this.$store.state.items[this.itemId].variationSelect\r\n                        && this.$store.state.items[this.itemId].variationSelect.isVariationSelected);\r\n            }\r\n        },\r\n\r\n        isLoading()\r\n        {\r\n            return this.$store.state.items.isAddToBasketLoading === this.variationId || this.$store.state.items.isSetLoading;\r\n        },\r\n\r\n        ...mapState({\r\n            basketItems: state => state.basket.items,\r\n            isBasketLoading: state => state.basket.isBasketLoading\r\n        })\r\n    },\r\n\r\n    data()\r\n    {\r\n        return {\r\n            quantity: 1,\r\n            buttonLockState: false\r\n        };\r\n    },\r\n\r\n    methods:\r\n    {\r\n        /**\r\n         * add an item to basket-resource\r\n         */\r\n        addToBasket()\r\n        {\r\n            this.$store.dispatch(\"loadComponent\", \"add-item-to-basket-overlay\");\r\n            this.$store.dispatch(\"loadComponent\", \"basket-preview\");\r\n\r\n            if (this.variationMissingProperties !== undefined && this.variationMissingProperties.length)\r\n            {\r\n                this.showMissingPropertiesError();\r\n            }\r\n            else if (this.isSalable || this.isSet)\r\n            {\r\n                this.$store.commit(\"setIsAddToBasketLoading\", this.variationId);\r\n\r\n                const orderParamsAndSurcharge = extractPropertiesAndSurcharge(this.orderProperties);\r\n\r\n                const basketObject =\r\n                    {\r\n                        variationId             :   this.variationId,\r\n                        quantity                :   this.quantity,\r\n                        basketItemOrderParams   :   orderParamsAndSurcharge.orderParams,\r\n                        totalOrderParamsMarkup  :   orderParamsAndSurcharge.totalSurcharge\r\n                    };\r\n\r\n                if(this.isSet)\r\n                {\r\n                    const setComponents = [];\r\n                    this.$store.state.items.setComponentIds.forEach(itemId =>\r\n                    {\r\n                        const setComponent = this.$store.getters[`${itemId}/currentItemVariation`];\r\n\r\n                        const variationId = setComponent && setComponent.variation.id;\r\n\r\n                        // Extract order properties and total surcharge for set components\r\n                        const setComponentOrderParamsAndSurcharge = extractPropertiesAndSurcharge(\r\n                            setComponent.properties.filter(prop => prop.property.isOderProperty)\r\n                        );\r\n\r\n                        setComponents.push({\r\n                            variationId: variationId,\r\n                            quantity: this.$store.state.items[itemId].variationOrderQuantity,\r\n                            basketItemOrderParams: setComponentOrderParamsAndSurcharge.orderParams,\r\n                            totalOrderParamsMarkup: setComponentOrderParamsAndSurcharge.totalSurcharge\r\n                        });\r\n                    });\r\n                    basketObject.setComponents = setComponents;\r\n                }\r\n\r\n                this.$store.dispatch(\"addBasketItem\", basketObject).then(\r\n                    response =>\r\n                    {\r\n                        document.dispatchEvent(new CustomEvent(\"afterBasketItemAdded\", { detail: basketObject }));\r\n                        this.$store.commit(\"setIsAddToBasketLoading\", 0);\r\n                    },\r\n                    error =>\r\n                    {\r\n                        this.$store.commit(\"setIsAddToBasketLoading\", 0);\r\n\r\n                        if (error.data)\r\n                        {\r\n                            NotificationService.error(\r\n                                this.$translate(\r\n                                    \"Ceres::Template.\" + ExceptionMap.get(error.data.exceptionCode.toString()),\r\n                                    error.data.placeholder\r\n                                )\r\n                            ).closeAfter(5000);\r\n                        }\r\n                    });\r\n            }\r\n        },\r\n        showMissingPropertiesError()\r\n        {\r\n            this.$store.commit(`${this.itemId}/setVariationMarkInvalidProps`, true);\r\n\r\n            const propertyNames = this.variationMissingProperties.map(property => property.property.names.name);\r\n            let errorMsgContent = \"\";\r\n\r\n            for (const name of propertyNames)\r\n            {\r\n                errorMsgContent += name + \"<br>\";\r\n            }\r\n\r\n            NotificationService.error(this.$translate(\"Ceres::Template.singleItemMissingOrderPropertiesError\").replace(\"<properties>\", errorMsgContent));\r\n        },\r\n\r\n        directToItem()\r\n        {\r\n            navigateTo(this.itemUrl);\r\n        },\r\n\r\n        handleButtonState(value)\r\n        {\r\n            this.buttonLockState = value;\r\n        },\r\n\r\n        /**\r\n         * update the property quantity of the current instance\r\n         * @param value\r\n         */\r\n        updateQuantity(value)\r\n        {\r\n            this.quantity = value;\r\n        }\r\n    },\r\n\r\n    watch:\r\n    {\r\n        quantity(value)\r\n        {\r\n            if(!isNullOrUndefined(this.itemId))\r\n            {\r\n                this.$store.commit(`${this.itemId}/setVariationOrderQuantity`, value);\r\n                this.$store.commit(`${this.itemId}/setVariationPropertySurcharges`, this.$store.getters[`${this.itemId}/variationBasePrice`]);\r\n            }\r\n        },\r\n\r\n        variationOrderQuantity(value)\r\n        {\r\n            if (this.quantity !== value)\r\n            {\r\n                this.quantity = value;\r\n            }\r\n        },\r\n\r\n        propQuantity(value)\r\n        {\r\n            if (!isNaN(value))\r\n            {\r\n                this.quantity = value;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nfunction extractPropertiesAndSurcharge(orderProperties)\r\n{\r\n    let totalSurcharge = 0;\r\n    const orderParams = [];\r\n\r\n    orderProperties.forEach((orderProperty) =>\r\n    {\r\n        if(!isNullOrUndefined(orderProperty.property.value))\r\n        {\r\n            const property = orderProperty.property;\r\n\r\n            if (property.valueType === \"float\" &&\r\n                !isNullOrUndefined(property.value) &&\r\n                property.value.slice(-1) === App.decimalSeparator)\r\n            {\r\n                property.value = property.value.substr(0, property.value.length - 1);\r\n            }\r\n\r\n            totalSurcharge += (orderProperty.surcharge || 0) + (property.surcharge || 0);\r\n\r\n            orderParams.push({\r\n                propertyId: property.id,\r\n                type: property.valueType,\r\n                name: property.names.name,\r\n                value: property.value\r\n            });\r\n        }\r\n    });\r\n\r\n    return {\r\n        orderParams: orderParams,\r\n        totalSurcharge: totalSurcharge\r\n    };\r\n}\r\n</script>\r\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(\"C:\\\\Users\\\\schuckerp\\\\git\\\\plenty-plugins\\\\4024\\\\15\\\\modeherz\\\\plugin-ceres\\\\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":""}