{"version":3,"sources":["webpack:///./resources/js/src/app/mixins/buttonSizeProperty.mixin.js","webpack:///./resources/js/src/app/components/item/QuantityInput.vue","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?8dc2","webpack:///./resources/js/src/app/components/basket/AddToBasket.vue","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?72a9"],"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","_c","_self","staticClass","ref","attrs","disabled","waiting","$translate","domProps","displayValue","on","change","$event","setValue","target","_v","directives","name","rawName","isMaximum","compMax","expression","class","useAppearance","title","maximumHint","click","increaseValue","isMinimum","minimumHint","decreaseValue","_withStripped","Number","required","timeout","min","max","interval","Boolean","variationId","data","compValue","compMin","compInterval","compDecimals","onValueChanged","created","_this","defaultValue","minDecimals","floatLength","intervalDecimals","Math","debounce","$emit","isNullOrUndefined","fetchQuantityFromBasket","_objectSpread","variationBasketQuantity","_this2","itemSetVariationId","basketObject","$store","state","basket","items","find","variations","quantity","isDefined","$options","filters","numberFormat","itemSetId","getters","variation","id","mapState","basketItems","watch","newValue","handler","oldValue","deep","newInterval","methods","formatFloat","diff","replace","App","decimalSeparator","parseFloat","isNaN","limit","$refs","quantityInputField","component","showQuantity","useLargeScale","canBeAddedToBasket","isLoading","addToBasket","icon","loading","_e","directToItem","$ceres","isItemView","minimumQuantity","maximumQuantity","intervalQuantity","isSalable","allVariationsSelected","updateQuantity","handleButtonState","buttonLockState","buttonClasses","style","paddingInlineStyles","_f","_s","hasPrice","tooltipText","role","hasRRP","oldPrice","variationPrice","isAvailable","availabilityText","NotificationService","require","extractPropertiesAndSurcharge","orderProperties","totalSurcharge","orderParams","forEach","orderProperty","property","valueType","slice","substr","length","surcharge","push","propertyId","names","mixins","components","QuantityInput","itemUrl","hasChildren","Array","hasOrderProperties","hasRequiredOrderProperty","hasGraduatedPrice","paddingClasses","isWishList","propQuantity","itemType","inject","itemId","isSet","documents","item","requiresProperties","config","requireOrderProperties","filter","isShownOnItemPage","classes","split","tooltipItemName","tooltip","texts","name2","attributes","hasAvailableVariations","variationOrderQuantity","variationMissingProperties","variationSelect","some","isVariationSelected","isAddToBasketLoading","isSetLoading","isBasketLoading","dispatch","undefined","showMissingPropertiesError","commit","orderParamsAndSurcharge","basketItemOrderParams","totalOrderParamsMarkup","setComponents","setComponentIds","setComponent","setComponentOrderParamsAndSurcharge","properties","prop","isOderProperty","currentItemVariation","upSellingItems","addUpsellingItemsToBasket","addItemToBasket","_step","upSellingPromises","_iterator","_createForOfIteratorHelper","s","n","done","upSellingItem","upSellingBasketObject","upSellingSalesPriceId","err","e","f","Promise","all","then","values","_this3","response","document","dispatchEvent","CustomEvent","detail","error","ExceptionMap","get","exceptionCode","toString","placeholder","closeAfter","_step2","errorMsgContent","_iterator2","map","navigateTo"],"mappings":"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","file":"chunks/ceres-client-0.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 render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { staticClass: \"qty-box d-flex h-100\" }, [\n    _c(\"input\", {\n      ref: \"quantityInputField\",\n      staticClass: \"qty-input text-center\",\n      attrs: {\n        type: \"text\",\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._v(\" \"),\n    _c(\n      \"div\",\n      {\n        staticClass: \"qty-btn-container d-flex flex-column bx-narrative\",\n        attrs: { \"data-bx-narrative-name\": \"qtyinput\" },\n      },\n      [\n        _c(\n          \"button\",\n          {\n            directives: [\n              {\n                name: \"tooltip\",\n                rawName: \"v-tooltip\",\n                value: _vm.isMaximum && _vm.compMax !== 0,\n                expression: \"isMaximum && compMax !== 0\",\n              },\n            ],\n            staticClass:\n              \"btn qty-btn flex-fill d-flex justify-content-center p-0 bx-narrative-item bx-narrative-button bx-narrative-root-item\",\n            class: {\n              disabled: _vm.isMaximum || _vm.waiting,\n              \"btn-appearance\": _vm.useAppearance,\n            },\n            attrs: {\n              \"data-toggle\": \"tooltip\",\n              \"data-placement\": \"top\",\n              \"data-testing\": \"quantity-btn-increase\",\n              title: _vm.maximumHint,\n              \"aria-label\": _vm.$translate(\n                \"Ceres::Template.itemQuantityInputIncrease\"\n              ),\n              \"data-bx-item-id\": \"qty|button=increase\",\n            },\n            on: {\n              click: function ($event) {\n                return _vm.increaseValue()\n              },\n            },\n          },\n          [\n            _c(\"i\", {\n              staticClass: \"fa fa-plus default-float\",\n              attrs: { \"aria-hidden\": \"true\" },\n            }),\n          ]\n        ),\n        _vm._v(\" \"),\n        _c(\n          \"button\",\n          {\n            directives: [\n              {\n                name: \"tooltip\",\n                rawName: \"v-tooltip\",\n                value: _vm.isMinimum && _vm.compMax !== 0,\n                expression: \"isMinimum && compMax !== 0\",\n              },\n            ],\n            staticClass:\n              \"btn qty-btn flex-fill d-flex justify-content-center p-0 bx-narrative-item bx-narrative-button bx-narrative-root-item\",\n            class: {\n              disabled: _vm.isMinimum || _vm.waiting,\n              \"btn-appearance\": _vm.useAppearance,\n            },\n            attrs: {\n              \"data-toggle\": \"tooltip\",\n              \"data-placement\": \"bottom\",\n              \"data-testing\": \"quantity-btn-decrease\",\n              title: _vm.minimumHint,\n              \"aria-label\": _vm.$translate(\n                \"Ceres::Template.itemQuantityInputDecrease\"\n              ),\n              \"data-bx-item-id\": \"qty|button=decrease\",\n            },\n            on: {\n              click: function ($event) {\n                return _vm.decreaseValue()\n              },\n            },\n          },\n          [\n            _c(\"i\", {\n              staticClass: \"fa fa-minus default-float\",\n              attrs: { \"aria-hidden\": \"true\" },\n            }),\n          ]\n        ),\n      ]\n    ),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"qty-box d-flex h-100\">\n        <input class=\"qty-input text-center\"\n               type=\"text\"\n               :value=\"displayValue\"\n               @change=\"setValue($event.target.value)\"\n               :disabled=\"waiting\"\n               ref=\"quantityInputField\"\n               :aria-label=\"$translate('Ceres::Template.itemQuantityInput')\">\n\n        <div class=\"qty-btn-container d-flex flex-column bx-narrative\" data-bx-narrative-name=\"qtyinput\">\n            <button class=\"btn qty-btn flex-fill d-flex justify-content-center p-0 bx-narrative-item bx-narrative-button bx-narrative-root-item\"\n                 @click=\"increaseValue()\"\n                 :class=\"{ 'disabled': isMaximum || waiting, 'btn-appearance': useAppearance }\"\n                 v-tooltip=\"isMaximum && compMax !== 0\"\n                 data-toggle=\"tooltip\"\n                 data-placement=\"top\"\n                 data-testing=\"quantity-btn-increase\"\n                 :title=\"maximumHint\"\n                 :aria-label=\"$translate('Ceres::Template.itemQuantityInputIncrease')\"\n                 data-bx-item-id=\"qty|button=increase\">\n                <i class=\"fa fa-plus default-float\" aria-hidden=\"true\"></i>\n            </button>\n\n            <button class=\"btn qty-btn flex-fill d-flex justify-content-center p-0 bx-narrative-item bx-narrative-button bx-narrative-root-item\"\n                 @click=\"decreaseValue()\"\n                 :class=\"{ 'disabled': isMinimum || waiting, 'btn-appearance': useAppearance }\"\n                 v-tooltip=\"isMinimum && compMax !== 0\"\n                 data-toggle=\"tooltip\"\n                 data-placement=\"bottom\"\n                 data-testing=\"quantity-btn-decrease\"\n                 :title=\"minimumHint\"\n                 :aria-label=\"$translate('Ceres::Template.itemQuantityInputDecrease')\"\n                 data-bx-item-id=\"qty|button=decrease\">\n                <i class=\"fa fa-minus default-float\" aria-hidden=\"true\"></i>\n            </button>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { floatLength, formatFloat, limit } from \"../../helper/number\";\nimport { defaultValue, isDefined, isNullOrUndefined } from \"../../helper/utils\";\nimport { debounce } from \"../../helper/debounce\";\nimport { mapState } from \"vuex\";\n\nexport default {\n    name: \"quantity-input\",\n\n    props: {\n        value: {\n            type: Number,\n            required: true\n        },\n        timeout: {\n            type: Number,\n            required: false,\n            default: 500\n        },\n        min: {\n            type: Number,\n            required: false,\n            default: 0\n        },\n        max: {\n            type: Number,\n            required: false\n        },\n        interval: {\n            type: Number,\n            required: false,\n            default: 1\n        },\n        waiting: {\n            type: Boolean,\n            required: false\n        },\n        variationId: {\n            type: Number,\n            required: false\n        },\n        useAppearance: Boolean\n    },\n\n    data()\n    {\n        return {\n            compValue:      this.value,\n            compMin:        this.min,\n            compMax:        this.max,\n            compInterval:   this.interval,\n            compDecimals:   0,\n            onValueChanged: null\n        };\n    },\n\n    created()\n    {\n        this.compInterval = defaultValue(this.compInterval, 1);\n        this.compInterval = this.compInterval === 0 ? 1 : this.compInterval;\n\n        const minDecimals = floatLength(this.min);\n        const intervalDecimals = floatLength(this.compInterval);\n\n        this.compDecimals = Math.max(minDecimals, intervalDecimals);\n\n        this.onValueChanged = debounce(() =>\n        {\n            this.$emit(\"quantity-change\", this.compValue);\n        }, defaultValue(this.timeout, 500));\n\n        if (!isNullOrUndefined(this.variationId))\n        {\n            this.fetchQuantityFromBasket();\n        }\n    },\n\n    computed:\n    {\n        variationBasketQuantity()\n        {\n            if (isNullOrUndefined(this.variationId))\n            {\n                return 0;\n            }\n\n            if(this.itemSetVariationId <= 0 || this.variationId === this.itemSetVariationId)\n            {\n                const basketObject = this.$store.state.basket.items.find(variations => variations.variationId === this.variationId);\n\n                return basketObject ? basketObject.quantity : 0;\n            }\n\n            return 0;\n        },\n\n        isMinimum()\n        {\n            return isDefined(this.compMin) && (this.compValue - this.compInterval) < this.compMin;\n        },\n\n        isMaximum()\n        {\n            return isDefined(this.compMax) && (this.compValue + this.compInterval) > this.compMax;\n        },\n\n        minimumHint()\n        {\n            return this.$translate(\n                \"Ceres::Template.singleItemQuantityMin\",\n                {\n                    min: this.$options.filters.numberFormat(this.compMin)\n                }\n            );\n        },\n\n        maximumHint()\n        {\n            return this.$translate(\n                \"Ceres::Template.singleItemQuantityMax\",\n                {\n                    max: this.$options.filters.numberFormat(this.max)\n                }\n            );\n        },\n\n        displayValue()\n        {\n            return this.$options.filters.numberFormat(this.compValue);\n        },\n\n        itemSetVariationId()\n        {\n            if (this.$store.state.items.itemSetId > 0)\n            {\n                return this.$store.getters[`${this.$store.state.items.itemSetId}/currentItemVariation`].variation.id;\n            }\n\n            return 0;\n        },\n\n        ...mapState({\n            basketItems: state => state.basket.items\n        })\n    },\n\n    watch:\n    {\n        variationId(newValue)\n        {\n            if (isDefined(newValue))\n            {\n                this.fetchQuantityFromBasket();\n            }\n        },\n\n        basketItems:\n        {\n            handler(newValue, oldValue)\n            {\n                if (isDefined(this.variationId))\n                {\n                    this.fetchQuantityFromBasket();\n                }\n            },\n            deep: true\n        },\n\n        min(newValue)\n        {\n            this.compMin = newValue;\n            this.fetchQuantityFromBasket();\n        },\n\n        max(newValue)\n        {\n            this.compMax = newValue;\n            this.fetchQuantityFromBasket();\n        },\n\n        value(newValue, oldValue)\n        {\n            if (newValue !== oldValue)\n            {\n                this.setValue(newValue);\n            }\n        },\n\n        interval(newInterval)\n        {\n            this.compInterval = defaultValue(newInterval, 1)\n        }\n    },\n\n    methods:\n    {\n        increaseValue()\n        {\n            const newValue = formatFloat(this.compValue + this.compInterval, this.compDecimals);\n\n            if ((isNullOrUndefined(this.compMax) || newValue <= this.compMax) && !this.waiting)\n            {\n                this.setValue(newValue);\n            }\n        },\n\n        decreaseValue()\n        {\n            const newValue = formatFloat(this.compValue - this.compInterval, this.compDecimals);\n\n            if ((isNullOrUndefined(this.compMin) || newValue >= this.compMin) && !this.waiting)\n            {\n                this.setValue(newValue);\n            }\n        },\n\n        setValue(value)\n        {\n            // consider the configured decimal seperator (if the input is typed in the input field)\n            if (typeof value === \"string\")\n            {\n                value = value.replace(App.decimalSeparator || \",\", \".\");\n            }\n\n            value = parseFloat(value);\n            if (isNaN(value))\n            {\n                value = defaultValue(this.compMin, 1);\n            }\n\n            // limit new value to min/ max value\n            value = limit(value, this.compMin, this.compMax);\n\n            // make sure, new value is an even multiple of interval\n            let diff;\n            if (this.variationBasketQuantity === 0 && this.min !== 0)\n            {\n                diff = formatFloat((value - this.min) % this.compInterval, this.compDecimals, true);\n            }\n            else\n            {\n                diff = formatFloat(value % this.compInterval, this.compDecimals, true);\n            }\n\n            if (diff > 0 && diff !== this.compInterval)\n            {\n                if (diff < this.compInterval / 2)\n                {\n                    value -= diff;\n                }\n                else\n                {\n                    value += this.compInterval - diff;\n                }\n                value = limit(value, this.compMin, this.compMax);\n            }\n\n            // cut fraction\n            value = formatFloat(value, this.compDecimals);\n\n            if (value !== this.compValue)\n            {\n                this.compValue = value;\n                this.onValueChanged();\n            }\n            else if (!isNullOrUndefined(this.$refs.quantityInputField))\n            {\n                this.$refs.quantityInputField.value = this.displayValue;\n            }\n        },\n\n        fetchQuantityFromBasket()\n        {\n            if (!isNullOrUndefined(this.min) && this.variationBasketQuantity >= this.min && this.variationBasketQuantity !== 0)\n            {\n                // set the minimum value to the interval, if the item is already in the basket\n                this.compMin = this.compInterval;\n            }\n            else if (this.variationBasketQuantity === 0)\n            {\n                // reset the minimum, when item is not in the basket\n                this.compMin = this.min;\n            }\n\n            if (!isNullOrUndefined(this.max))\n            {\n                // decrease maximum quantity by quantity of variations already in basket\n                this.compMax = this.max - this.variationBasketQuantity;\n\n                if (this.variationBasketQuantity + this.compInterval > this.max)\n                {\n                    this.compMin = 0;\n                    this.compMax = 0;\n                    this.$emit(\"out-of-stock\", true);\n                }\n                else\n                {\n                    this.$emit(\"out-of-stock\", false);\n                }\n            }\n            else\n            {\n                this.$emit(\"out-of-stock\", false);\n            }\n\n            this.setValue(this.compMin);\n        }\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!./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=eae8a350&\"\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\nexport default component.exports","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    {\n      staticClass: \"bx-narrative\",\n      attrs: { \"data-bx-narrative-name\": \"addtobasket\" },\n    },\n    [\n      !_vm.showQuantity && _vm.useLargeScale && _vm.canBeAddedToBasket\n        ? _c(\n            \"div\",\n            {\n              directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n              staticClass:\n                \"add-to-basket-lg-container d-none d-lg-block bx-narrative-item bx-narrative-button\",\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                \"data-bx-item-id\": \"btn|type=addtocart\",\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:\n                \"add-to-basket-lg-container d-none d-lg-block bx-narrative-item bx-narrative-button\",\n              attrs: {\n                \"data-toggle\": \"tooltip\",\n                \"data-placement\": \"top\",\n                title: _vm.$translate(\"Ceres::Template.itemShowItem\"),\n                \"data-bx-item-id\": \"btn|type=directtoitem\",\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(\n            \"div\",\n            {\n              staticClass: \"d-inline\",\n              class: { \"d-lg-none\": !_vm.$ceres.isItemView },\n            },\n            [\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                        _c(\"i\", {\n                          staticClass: \"fa fa-shopping-cart\",\n                          attrs: { \"aria-hidden\": \"true\" },\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:\n                          \"btn btn-block btn-primary btn-appearance bx-narrative-item bx-narrative-button\",\n                        class: _vm.buttonClasses,\n                        style: _vm.paddingInlineStyles,\n                        attrs: {\n                          disabled: _vm.isLoading || !_vm.hasPrice,\n                          \"data-bx-item-id\": \"btn|type=addtocart\",\n                        },\n                        on: {\n                          click: function ($event) {\n                            return _vm.addToBasket()\n                          },\n                        },\n                      },\n                      [\n                        _c(\"icon\", {\n                          attrs: {\n                            icon: \"shopping-cart\",\n                            loading: _vm.isLoading,\n                          },\n                        }),\n                        _vm._v(\n                          \"\\n                \" +\n                            _vm._s(\n                              _vm.$translate(\n                                \"Ceres::Template.singleItemAddToBasket\"\n                              )\n                            ) +\n                            \"\\n            \"\n                        ),\n                      ],\n                      1\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                        _c(\"icon\", {\n                          attrs: {\n                            icon: \"shopping-cart\",\n                            waiting: _vm.isLoading,\n                          },\n                        }),\n                        _vm._v(\n                          \"\\n                \" +\n                            _vm._s(\n                              _vm.$translate(\n                                \"Ceres::Template.singleItemAddToBasket\"\n                              )\n                            ) +\n                            \"\\n            \"\n                        ),\n                      ],\n                      1\n                    ),\n              ]),\n            ]\n          )\n        : _vm._e(),\n      _vm._v(\" \"),\n      !_vm.showQuantity && !_vm.useLargeScale\n        ? _c(\"div\", [\n            _c(\n              \"div\",\n              {\n                staticClass: \"input-group\",\n                attrs: { role: \"group\", \"aria-label\": \"add to basket\" },\n              },\n              [\n                _c(\n                  \"button\",\n                  {\n                    staticClass:\n                      \"btn btn-light form-control p-0 bx-narrative-item bx-narrative-button\",\n                    class: [\n                      { \"no-pointer-events\": _vm.isLoading },\n                      { hasRRP: _vm.oldPrice },\n                    ],\n                    attrs: {\n                      type: \"button\",\n                      \"data-bx-item-id\": \"btn|type=directtoitemwithprice\",\n                    },\n                    on: {\n                      click: function ($event) {\n                        return _vm.directToItem()\n                      },\n                    },\n                  },\n                  [\n                    _vm.oldPrice\n                      ? _c(\n                          \"small\",\n                          {\n                            staticClass: \"d-inline-block old-price text-danger\",\n                          },\n                          [_vm._v(_vm._s(_vm._f(\"currency\")(_vm.oldPrice)))]\n                        )\n                      : _vm._e(),\n                    _vm.oldPrice ? _c(\"br\") : _vm._e(),\n                    _vm._v(\n                      \"\\n            \" +\n                        _vm._s(_vm._f(\"currency\")(_vm.variationPrice)) +\n                        \"\\n          \"\n                    ),\n                  ]\n                ),\n                _vm._v(\" \"),\n                _c(\"div\", { staticClass: \"input-group-append\" }, [\n                  _vm.canBeAddedToBasket\n                    ? _c(\n                        \"button\",\n                        {\n                          staticClass:\n                            \"btn bx-narrative-item bx-narrative-button\",\n                          class: [\n                            { \"no-pointer-events\": _vm.isLoading },\n                            _vm.isAvailable ? \"btn-secondary\" : \"btn-dark\",\n                          ],\n                          attrs: {\n                            type: \"button\",\n                            \"data-bx-item-id\": \"btn|type=addtocart\",\n                            \"data-toggle\": \"tooltip\",\n                            \"data-placement\": \"top\",\n                            title: _vm.availabilityText,\n                          },\n                          on: {\n                            click: function ($event) {\n                              return _vm.addToBasket()\n                            },\n                          },\n                        },\n                        [\n                          _c(\"icon\", {\n                            staticClass: \"fa-lg\",\n                            attrs: {\n                              icon: \"shopping-cart\",\n                              loading: _vm.isLoading,\n                            },\n                          }),\n                        ],\n                        1\n                      )\n                    : _c(\n                        \"button\",\n                        {\n                          staticClass:\n                            \"btn bx-narrative-item bx-narrative-button\",\n                          class: [\n                            { \"no-pointer-events\": _vm.isLoading },\n                            _vm.isAvailable ? \"btn-secondary\" : \"btn-dark\",\n                          ],\n                          attrs: {\n                            type: \"button\",\n                            \"data-bx-item-id\": \"btn|type=directtoitem\",\n                            \"data-toggle\": \"tooltip\",\n                            \"data-placement\": \"top\",\n                            title: _vm.availabilityText,\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\",\n                            attrs: { \"aria-hidden\": \"true\" },\n                          }),\n                        ]\n                      ),\n                ]),\n              ]\n            ),\n          ])\n        : _vm._e(),\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"bx-narrative\" data-bx-narrative-name=\"addtobasket\">\n        <div :class=\"{'no-pointer-events': isLoading}\" class=\"add-to-basket-lg-container d-none d-lg-block bx-narrative-item bx-narrative-button\" v-if=\"!showQuantity && useLargeScale && canBeAddedToBasket\"\n             v-tooltip data-toggle=\"tooltip\" data-placement=\"top\" :title=\"$translate('Ceres::Template.singleItemAddToBasket')\" @click=\"addToBasket()\"\n             data-bx-item-id=\"btn|type=addtocart\">\n            <icon icon=\"cart-plus\" class=\"fa-lg mobile-icon-right\" :loading=\"isLoading\"></icon>\n        </div>\n\n        <div class=\"add-to-basket-lg-container d-none d-lg-block bx-narrative-item bx-narrative-button\" v-if=\"!showQuantity && useLargeScale && !canBeAddedToBasket\"\n             v-tooltip data-toggle=\"tooltip\" data-placement=\"top\" :title=\"$translate('Ceres::Template.itemShowItem')\" @click=\"directToItem()\"\n             data-bx-item-id=\"btn|type=directtoitem\">\n            <i class=\"fa fa-arrow-right fa-lg d-none d-sm-block\"></i>\n        </div>\n\n        <div class=\"d-inline\" v-if=\"showQuantity && !useLargeScale\" :class=\"{'d-lg-none': !$ceres.isItemView }\">\n            <div class=\"add-to-basket-container\">\n                <div class=\"quantity-input-container\">\n                    <quantity-input :value=\"quantity\"\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                <button\n                        v-if=\"!allVariationsSelected || !isSalable\"\n                        class=\"btn btn-block btn-primary btn-appearance disabled\"\n                        v-tooltip\n                        data-toggle=\"tooltip\"\n                        data-placement=\"top\"\n                        :title=\"tooltipText\"\n                        :class=\"buttonClasses\"\n                        :style=\"paddingInlineStyles\">\n                    <i class=\"fa fa-shopping-cart\" aria-hidden=\"true\"></i>\n                    {{ $translate(\"Ceres::Template.singleItemAddToBasket\") }}\n                </button>\n                <button\n                        v-else-if=\"!buttonLockState\"\n                        :disabled=\"isLoading || !hasPrice\"\n                        class=\"btn btn-block btn-primary btn-appearance bx-narrative-item bx-narrative-button\"\n                        @click=\"addToBasket()\"\n                        :class=\"buttonClasses\"\n                        :style=\"paddingInlineStyles\"\n                        data-bx-item-id=\"btn|type=addtocart\">\n                    <icon icon=\"shopping-cart\" :loading=\"isLoading\"></icon>\n                    {{ $translate(\"Ceres::Template.singleItemAddToBasket\") }}\n                </button>\n                <button v-else\n                        class=\"btn btn-block btn-primary btn-appearance disabled\"\n                        v-tooltip\n                        data-toggle=\"tooltip\"\n                        data-placement=\"top\"\n                        :title=\"'Ceres::Template.singleItemQuantityMax' | translate({ max: maximumQuantity })\"\n                        :class=\"buttonClasses\"\n                        :style=\"paddingInlineStyles\">\n                    <icon icon=\"shopping-cart\" :waiting=\"isLoading\"></icon>\n                    {{ $translate(\"Ceres::Template.singleItemAddToBasket\") }}\n                </button>\n            </div>\n        </div>\n\n        <div v-if=\"!showQuantity && !useLargeScale\">\n            <div class=\"input-group\" role=\"group\" aria-label=\"add to basket\">\n              <button type=\"button\" data-bx-item-id=\"btn|type=directtoitemwithprice\" class=\"btn btn-light form-control p-0 bx-narrative-item bx-narrative-button\" :class=\"[{'no-pointer-events': isLoading}, {'hasRRP': oldPrice}]\" @click=\"directToItem()\">\n                <small class=\"d-inline-block old-price text-danger\" v-if=\"oldPrice\">{{ oldPrice | currency }}</small><br v-if=\"oldPrice\">\n                {{ variationPrice | currency }}\n              </button>\n              <div class=\"input-group-append\">\n                  <button type=\"button\" class=\"btn bx-narrative-item bx-narrative-button\" :class=\"[{'no-pointer-events': isLoading}, isAvailable ? 'btn-secondary' : 'btn-dark']\" data-bx-item-id=\"btn|type=addtocart\" @click=\"addToBasket()\" v-if=\"canBeAddedToBasket\" data-toggle=\"tooltip\" data-placement=\"top\" :title=\"availabilityText\"><icon icon=\"shopping-cart\" class=\"fa-lg\" :loading=\"isLoading\"></icon></button>\n                  <button type=\"button\" class=\"btn bx-narrative-item bx-narrative-button\" :class=\"[{'no-pointer-events': isLoading}, isAvailable ? 'btn-secondary' : 'btn-dark']\" data-bx-item-id=\"btn|type=directtoitem\" @click=\"directToItem()\" v-else data-toggle=\"tooltip\" data-placement=\"top\" :title=\"availabilityText\"><i class=\"fa fa-arrow-right fa-lg\" aria-hidden=\"true\"></i></button>\n              </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport ExceptionMap from \"../../exceptions/ExceptionMap\";\nimport { navigateTo } from \"../../services/UrlService\";\nimport { isNullOrUndefined, isDefined } from \"../../helper/utils\";\nimport { mapState } from \"vuex\";\nimport { ButtonSizePropertyMixin } from \"../../mixins/buttonSizeProperty.mixin\";\nimport QuantityInput from \"../item/QuantityInput.vue\";\n\nconst NotificationService = require(\"../../services/NotificationService\");\n\nexport default {\n    name: \"add-to-basket\",\n\n    mixins: [ButtonSizePropertyMixin],\n\n    components:\n    {\n        QuantityInput\n    },\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        hasRequiredOrderProperty:\n        {\n            type: Boolean,\n            default: false\n        },\n        hasPrice:\n        {\n            type: Boolean,\n            default: true\n        },\n        hasGraduatedPrice:\n        {\n          type: Boolean,\n          default: false\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        variationPrice:\n        {\n            type: Number,\n            default: null\n        },\n        oldPrice:\n        {\n            type: Number,\n            default: null\n        },\n        isAvailable:\n        {\n            type: Boolean,\n            default: true\n        },\n        availabilityText:\n        {\n            type: String,\n            default: null\n        }\n    },\n\n    inject: {\n        itemId: {\n            default: null\n        }\n    },\n\n    computed:\n    {\n        isSet()\n        {\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        {\n            return this.isSalable &&\n                !this.hasChildren &&\n                !(this.minimumQuantity != 1 || this.intervalQuantity != 1) &&\n                !this.requiresProperties &&\n                this.hasPrice &&\n                !this.hasGraduatedPrice &&\n                !this.isSet;\n        },\n\n        requiresProperties()\n        {\n            return (App.config.item.requireOrderProperties &&\n                (this.hasOrderProperties || this.orderProperties.filter(property => property.property.isShownOnItemPage).length > 0)) ||\n                this.hasRequiredOrderProperty;\n        },\n\n        buttonClasses()\n        {\n            const classes = [];\n\n            if (isDefined(this.buttonSizeClass))\n            {\n                classes.push(this.buttonSizeClass);\n            }\n\n            if (isDefined(this.paddingClasses))\n            {\n                classes.push(this.paddingClasses.split(\" \"));\n            }\n\n            return classes;\n        },\n\n        tooltipItemName()\n        {\n            let tooltip = this.$store.state.items[this.itemId].variation.documents[0].data.texts.name2;\n\n            if (this.$store.state.items[this.itemId].variation.documents[0].data.attributes[0]) {\n                tooltip = tooltip + ' ' + this.$store.state.items[this.itemId].variation.documents[0].data.attributes[0].value.names.name;\n            }\n\n            return tooltip + ' ' + this.$translate(\"Ceres::Template.singleItemAddToBasket\");\n        },\n\n        tooltipText()\n        {\n            if (this.hasAvailableVariations)\n            {\n                return this.$translate(\"Ceres::Template.singleItemPleaseSelectValidVariation\");\n            }\n            else\n            {\n                return this.$translate(\"Ceres::Template.singleItemPleaseSelectNotAvailable\");\n            }\n        },\n\n        variationOrderQuantity()\n        {\n            return this.$store.state.items[this.itemId] && this.$store.state.items[this.itemId].variationOrderQuantity;\n        },\n\n        variationMissingProperties()\n        {\n            return this.$store.getters[`${this.itemId}/variationMissingProperties`];\n        },\n\n        hasAvailableVariations()\n        {\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        {\n            if (this.isSet)\n            {\n                return this.$store.getters[\"itemSetAllVariationSelected\"];\n            }\n            else\n            {\n                // FIX return true if module is not registered. This equals the default value from the module\n                // and is required to use this component in other contexts, e.g. the category view\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        {\n            return this.$store.state.items.isAddToBasketLoading === this.variationId || this.$store.state.items.isSetLoading;\n        },\n\n        ...mapState({\n            basketItems: state => state.basket.items,\n            isBasketLoading: state => state.basket.isBasketLoading\n        })\n    },\n\n    data()\n    {\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        {\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            {\n                this.showMissingPropertiesError();\n            }\n            else if (this.isSalable || this.isSet)\n            {\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                {\n                    const setComponents = [];\n                    this.$store.state.items.setComponentIds.forEach(itemId =>\n                    {\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                if (typeof this.$store.getters.currentItemVariation !== \"undefined\" && typeof this.$store.getters.currentItemVariation.upSellingItems !== \"undefined\") {\n                    this.addUpsellingItemsToBasket(basketObject);\n                }\n                else {\n                    this.addItemToBasket(basketObject);\n                }\n            }\n        },\n\n        addUpsellingItemsToBasket(basketObject)\n        {\n            let upSellingPromises = [];\n            for (let upSellingItem of this.$store.getters.currentItemVariation.upSellingItems) {\n                let upSellingBasketObject =\n                    {\n                        variationId: upSellingItem.item.variation.id,\n                        quantity: 1,\n                        basketItemOrderParams: [],\n                        totalOrderParamsMarkup: 0,\n                        upSellingSalesPriceId: upSellingItem.upSellingSalesPriceId\n                    }\n                upSellingPromises.push(this.$store.dispatch(\"addBasketItem\", upSellingBasketObject));\n            }\n            Promise.all(upSellingPromises).then((values) => this.addItemToBasket(basketObject));\n        },\n\n        addItemToBasket(basketObject)\n        {\n            this.$store.dispatch(\"addBasketItem\", basketObject).then(\n                response =>\n                {\n                    document.dispatchEvent(new CustomEvent(\"afterBasketItemAdded\", { detail: basketObject }));\n                    this.$store.commit(\"setIsAddToBasketLoading\", 0);\n                },\n                error =>\n                {\n                    this.$store.commit(\"setIsAddToBasketLoading\", 0);\n\n                    if (error.data)\n                    {\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        showMissingPropertiesError()\n        {\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            {\n                errorMsgContent += name + \"<br>\";\n            }\n\n            NotificationService.error(this.$translate(\"Ceres::Template.singleItemMissingOrderPropertiesError\").replace(\"<properties>\", errorMsgContent));\n        },\n\n        directToItem()\n        {\n            navigateTo(this.itemUrl);\n        },\n\n        handleButtonState(value)\n        {\n            this.buttonLockState = value;\n        },\n\n        /**\n         * update the property quantity of the current instance\n         * @param value\n         */\n        updateQuantity(value)\n        {\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        {\n            if (this.quantity !== value)\n            {\n                this.quantity = value;\n            }\n        },\n\n        propQuantity(value)\n        {\n            if (!isNaN(value))\n            {\n                this.quantity = value;\n            }\n        }\n    }\n}\n\nfunction extractPropertiesAndSurcharge(orderProperties)\n{\n    let totalSurcharge = 0;\n    const orderParams = [];\n\n    orderProperties.forEach((orderProperty) =>\n    {\n        if(!isNullOrUndefined(orderProperty.property.value))\n        {\n            const property = orderProperty.property;\n\n            if (property.valueType === \"float\" &&\n                !isNullOrUndefined(property.value) &&\n                property.value.slice(-1) === App.decimalSeparator)\n            {\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=7b1a5146&\"\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\nexport default component.exports"],"sourceRoot":""}