{"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?18a6","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?553e","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","minimumQuantity","maximumQuantity","intervalQuantity","isSalable","allVariationsSelected","updateQuantity","handleButtonState","buttonLockState","buttonClasses","style","paddingInlineStyles","_f","_s","hasPrice","tooltipText","role","wkIsAccessory","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","noBasketByProperty","inject","itemId","isSet","documents","item","requiresProperties","config","requireOrderProperties","filter","isShownOnItemPage","classes","split","hasAvailableVariations","variationOrderQuantity","variationMissingProperties","variationSelect","some","isVariationSelected","isAddToBasketLoading","isSetLoading","isBasketLoading","dispatch","undefined","showMissingPropertiesError","commit","orderParamsAndSurcharge","basketItemOrderParams","totalOrderParamsMarkup","setComponents","setComponentIds","setComponent","setComponentOrderParamsAndSurcharge","properties","prop","isOderProperty","then","response","document","dispatchEvent","CustomEvent","detail","$","addClass","setTimeout","removeClass","error","ExceptionMap","get","exceptionCode","toString","placeholder","closeAfter","_step","errorMsgContent","_iterator","_createForOfIteratorHelper","map","s","n","done","err","e","f","navigateTo"],"mappings":"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","file":"chunks/ceres-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(\"div\", { staticClass: \"qty-btn-container d-flex flex-column\" }, [\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\",\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          },\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\",\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          },\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}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"qty-box d-flex h-100\">\r\n        <input class=\"qty-input text-center\"\r\n               type=\"text\"\r\n               :value=\"displayValue\"\r\n               @change=\"setValue($event.target.value)\"\r\n               :disabled=\"waiting\"\r\n               ref=\"quantityInputField\"\r\n               :aria-label=\"$translate('Ceres::Template.itemQuantityInput')\">\r\n\r\n        <div class=\"qty-btn-container d-flex flex-column\">\r\n            <button class=\"btn qty-btn flex-fill d-flex justify-content-center p-0\"\r\n                 @click=\"increaseValue()\"\r\n                 :class=\"{ 'disabled': isMaximum || waiting, 'btn-appearance': useAppearance }\"\r\n                 v-tooltip=\"isMaximum && compMax !== 0\"\r\n                 data-toggle=\"tooltip\"\r\n                 data-placement=\"top\"\r\n                 data-testing=\"quantity-btn-increase\"\r\n                 :title=\"maximumHint\"\r\n                 :aria-label=\"$translate('Ceres::Template.itemQuantityInputIncrease')\">\r\n                <i class=\"fa fa-plus default-float\" aria-hidden=\"true\"></i>\r\n            </button>\r\n\r\n            <button class=\"btn qty-btn flex-fill d-flex justify-content-center p-0\"\r\n                 @click=\"decreaseValue()\"\r\n                 :class=\"{ 'disabled': isMinimum || waiting, 'btn-appearance': useAppearance }\"\r\n                 v-tooltip=\"isMinimum && compMax !== 0\"\r\n                 data-toggle=\"tooltip\"\r\n                 data-placement=\"bottom\"\r\n                 data-testing=\"quantity-btn-decrease\"\r\n                 :title=\"minimumHint\"\r\n                 :aria-label=\"$translate('Ceres::Template.itemQuantityInputDecrease')\">\r\n                <i class=\"fa fa-minus default-float\" aria-hidden=\"true\"></i>\r\n            </button>\r\n        </div>\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        };\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=24dfbc62\"\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(\"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: \"mobile-icon-right\",\n              attrs: { icon: \"shopping-cart\", 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(\"icon\", {\n              staticClass: \"mobile-icon-right\",\n              attrs: { icon: \"chevron-right\", loading: _vm.isLoading },\n            }),\n          ],\n          1\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                    staticClass:\n                      \"btn btn-block btn-primary btn-appearance disabled\",\n                    class: _vm.buttonClasses,\n                    style: _vm.paddingInlineStyles,\n                  },\n                  [\n                    _vm._v(\n                      \"\\n\\t\\t\\t\\t\" + _vm._s(_vm.tooltipText) + \"\\n\\t\\t\\t\\t\"\n                    ),\n                    _c(\"icon\", {\n                      staticClass: \"mobile-icon-right\",\n                      attrs: { icon: \"shopping-cart\", loading: _vm.isLoading },\n                    }),\n                  ],\n                  1\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                    _vm._v(\n                      \"\\n\\t\\t\\t\\t\" +\n                        _vm._s(\n                          _vm.$translate(\n                            \"Ceres::Template.singleItemAddToBasket\"\n                          )\n                        ) +\n                        \"\\n\\t\\t\\t\\t\"\n                    ),\n                    _c(\"icon\", {\n                      staticClass: \"mobile-icon-right\",\n                      attrs: { icon: \"shopping-cart\", loading: _vm.isLoading },\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                    _vm._v(\n                      \"\\n\\t\\t\\t\\t\" +\n                        _vm._s(\n                          _vm.$translate(\n                            \"Ceres::Template.singleItemAddToBasket\"\n                          )\n                        ) +\n                        \"\\n\\t\\t\\t\\t\"\n                    ),\n                    _c(\"icon\", {\n                      staticClass: \"mobile-icon-right\",\n                      attrs: { icon: \"shopping-cart\", loading: _vm.isLoading },\n                    }),\n                  ],\n                  1\n                ),\n          ]),\n        ])\n      : _vm._e(),\n    _vm._v(\" \"),\n    !_vm.showQuantity && !_vm.useLargeScale\n      ? _c(\"div\", { staticClass: \"d-inline click category-list-view-port\" }, [\n          _c(\n            \"div\",\n            {\n              staticClass: \"btn-group\",\n              attrs: { role: \"group\", \"aria-label\": \"Thumb Control\" },\n            },\n            [\n              _vm.wkIsAccessory\n                ? _c(\n                    \"button\",\n                    {\n                      staticClass:\n                        \"wk-accessory-to-cart btn btn-outline-primary mobile-width-button\",\n                      class: { \"no-pointer-events\": _vm.isLoading },\n                      attrs: { title: \"In den Warenkorb\", type: \"button\" },\n                      on: {\n                        click: function ($event) {\n                          return _vm.addToBasket()\n                        },\n                      },\n                    },\n                    [\n                      _c(\"span\", { staticClass: \"mobile-text-only\" }, [\n                        _vm._v(\n                          _vm._s(\n                            _vm.$translate(\n                              \"Ceres::Template.singleItemAddToBasket\"\n                            )\n                          )\n                        ),\n                      ]),\n                      _vm._v(\" \"),\n                      _c(\"icon\", {\n                        staticClass: \"mobile-icon-right\",\n                        attrs: {\n                          icon: \"shopping-cart\",\n                          loading: _vm.isLoading,\n                        },\n                      }),\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm._v(\" \"),\n              _vm.canBeAddedToBasket\n                ? _c(\n                    \"button\",\n                    {\n                      staticClass:\n                        \"wk-categorylist-to-cart btn btn-outline-primary mobile-width-button\",\n                      class: { \"no-pointer-events\": _vm.isLoading },\n                      attrs: { title: \"In den Warenkorb\", type: \"button\" },\n                      on: {\n                        click: function ($event) {\n                          return _vm.addToBasket()\n                        },\n                      },\n                    },\n                    [\n                      _c(\"span\", { staticClass: \"mobile-text-only\" }, [\n                        _vm._v(\n                          _vm._s(\n                            _vm.$translate(\n                              \"Ceres::Template.singleItemAddToBasket\"\n                            )\n                          )\n                        ),\n                      ]),\n                      _vm._v(\" \"),\n                      _c(\"icon\", {\n                        staticClass: \"mobile-icon-right\",\n                        attrs: {\n                          icon: \"shopping-cart\",\n                          loading: _vm.isLoading,\n                        },\n                      }),\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm._v(\" \"),\n              !_vm.wkIsAccessory\n                ? _c(\n                    \"button\",\n                    {\n                      staticClass:\n                        \"wk-categorylist-to-item btn btn-outline-primary mobile-width-button\",\n                      attrs: { title: \"Artikel ansehen\", type: \"button\" },\n                      on: {\n                        click: function ($event) {\n                          return _vm.directToItem()\n                        },\n                      },\n                    },\n                    [\n                      _c(\"span\", { staticClass: \"mobile-text-only\" }, [\n                        _vm._v(\n                          _vm._s(_vm.$translate(\"Ceres::Template.itemShowItem\"))\n                        ),\n                      ]),\n                      _vm._v(\" \"),\n                      _c(\"icon\", {\n                        staticClass: \"mobile-icon-right\",\n                        attrs: {\n                          icon: \"chevron-right\",\n                          loading: _vm.isLoading,\n                        },\n                      }),\n                    ],\n                    1\n                  )\n                : _vm._e(),\n            ]\n          ),\n        ])\n      : _vm._e(),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\r\n\t<div>\r\n\t\t<div\r\n\t\t\t:class=\"{ 'no-pointer-events': isLoading }\"\r\n\t\t\tclass=\"add-to-basket-lg-container d-none d-lg-block\"\r\n\t\t\tv-if=\"!showQuantity && useLargeScale && canBeAddedToBasket\"\r\n\t\t\tv-tooltip\r\n\t\t\tdata-toggle=\"tooltip\"\r\n\t\t\tdata-placement=\"top\"\r\n\t\t\t:title=\"$translate('Ceres::Template.singleItemAddToBasket')\"\r\n\t\t\t@click=\"addToBasket()\"\r\n\t\t>\r\n\t\t\t<icon\r\n\t\t\t\ticon=\"shopping-cart\"\r\n\t\t\t\tclass=\"mobile-icon-right\"\r\n\t\t\t\t:loading=\"isLoading\"\r\n\t\t\t></icon>\r\n\t\t</div>\r\n\r\n\t\t<div\r\n\t\t\tclass=\"add-to-basket-lg-container d-none d-lg-block\"\r\n\t\t\tv-if=\"!showQuantity && useLargeScale && !canBeAddedToBasket\"\r\n\t\t\tv-tooltip\r\n\t\t\tdata-toggle=\"tooltip\"\r\n\t\t\tdata-placement=\"top\"\r\n\t\t\t:title=\"$translate('Ceres::Template.itemShowItem')\"\r\n\t\t\t@click=\"directToItem()\"\r\n\t\t>\r\n\t\t\t<icon\r\n\t\t\t\ticon=\"chevron-right\"\r\n\t\t\t\tclass=\"mobile-icon-right\"\r\n\t\t\t\t:loading=\"isLoading\"\r\n\t\t\t></icon>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"d-inline\" v-if=\"showQuantity && !useLargeScale\">\r\n\t\t\t<div class=\"add-to-basket-container\">\r\n\t\t\t\t<div class=\"quantity-input-container\">\r\n\t\t\t\t\t<quantity-input\r\n\t\t\t\t\t\t:value=\"quantity\"\r\n\t\t\t\t\t\t@quantity-change=\"updateQuantity\"\r\n\t\t\t\t\t\t@out-of-stock=\"handleButtonState\"\r\n\t\t\t\t\t\t:timeout=\"0\"\r\n\t\t\t\t\t\t:min=\"minimumQuantity\"\r\n\t\t\t\t\t\t:max=\"maximumQuantity\"\r\n\t\t\t\t\t\t:interval=\"intervalQuantity\"\r\n\t\t\t\t\t\t:variation-id=\"variationId\"\r\n\t\t\t\t\t\t:waiting=\"isLoading || !isSalable || !allVariationsSelected\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t</quantity-input>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<button\r\n\t\t\t\t\tv-if=\"!allVariationsSelected || !isSalable\"\r\n\t\t\t\t\tclass=\"btn btn-block btn-primary btn-appearance disabled\"\r\n\t\t\t\t\t:class=\"buttonClasses\"\r\n\t\t\t\t\t:style=\"paddingInlineStyles\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ tooltipText }}\r\n\t\t\t\t\t<icon\r\n\t\t\t\t\t\ticon=\"shopping-cart\"\r\n\t\t\t\t\t\tclass=\"mobile-icon-right\"\r\n\t\t\t\t\t\t:loading=\"isLoading\"\r\n\t\t\t\t\t></icon>\r\n\t\t\t\t</button>\r\n\t\t\t\t<button\r\n\t\t\t\t\tv-else-if=\"!buttonLockState\"\r\n\t\t\t\t\t:disabled=\"isLoading || !hasPrice\"\r\n\t\t\t\t\tclass=\"btn btn-block btn-primary btn-appearance\"\r\n\t\t\t\t\t@click=\"addToBasket()\"\r\n\t\t\t\t\t:class=\"buttonClasses\"\r\n\t\t\t\t\t:style=\"paddingInlineStyles\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ $translate(\"Ceres::Template.singleItemAddToBasket\") }}\r\n\t\t\t\t\t<icon\r\n\t\t\t\t\t\ticon=\"shopping-cart\"\r\n\t\t\t\t\t\tclass=\"mobile-icon-right\"\r\n\t\t\t\t\t\t:loading=\"isLoading\"\r\n\t\t\t\t\t></icon>\r\n\t\t\t\t</button>\r\n\t\t\t\t<button\r\n\t\t\t\t\tv-else\r\n\t\t\t\t\tclass=\"btn btn-block btn-primary btn-appearance disabled\"\r\n\t\t\t\t\tv-tooltip\r\n\t\t\t\t\tdata-toggle=\"tooltip\"\r\n\t\t\t\t\tdata-placement=\"top\"\r\n\t\t\t\t\t:title=\"\r\n\t\t\t\t\t\t'Ceres::Template.singleItemQuantityMax'\r\n\t\t\t\t\t\t\t| translate({ max: maximumQuantity })\r\n\t\t\t\t\t\"\r\n\t\t\t\t\t:class=\"buttonClasses\"\r\n\t\t\t\t\t:style=\"paddingInlineStyles\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ $translate(\"Ceres::Template.singleItemAddToBasket\") }}\r\n\t\t\t\t\t<icon\r\n\t\t\t\t\t\ticon=\"shopping-cart\"\r\n\t\t\t\t\t\tclass=\"mobile-icon-right\"\r\n\t\t\t\t\t\t:loading=\"isLoading\"\r\n\t\t\t\t\t></icon>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div\r\n\t\t\tclass=\"d-inline click category-list-view-port\"\r\n\t\t\tv-if=\"!showQuantity && !useLargeScale\"\r\n\t\t>\r\n\t\t\t<div class=\"btn-group\" role=\"group\" aria-label=\"Thumb Control\">\r\n\t\t\t\t<!-- WK Accessory Add to Basket Button. -->\r\n\t\t\t\t<button\r\n\t\t\t\t\ttitle=\"In den Warenkorb\"\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t:class=\"{ 'no-pointer-events': isLoading }\"\r\n\t\t\t\t\tv-if=\"wkIsAccessory\"\r\n\t\t\t\t\tclass=\"wk-accessory-to-cart btn btn-outline-primary mobile-width-button\"\r\n\t\t\t\t\t@click=\"addToBasket()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"mobile-text-only\">{{\r\n\t\t\t\t\t\t$translate(\"Ceres::Template.singleItemAddToBasket\")\r\n\t\t\t\t\t}}</span>\r\n\t\t\t\t\t<icon\r\n\t\t\t\t\t\ticon=\"shopping-cart\"\r\n\t\t\t\t\t\tclass=\"mobile-icon-right\"\r\n\t\t\t\t\t\t:loading=\"isLoading\"\r\n\t\t\t\t\t></icon>\r\n\t\t\t\t</button>\r\n\t\t\t\t<button\r\n\t\t\t\t\ttitle=\"In den Warenkorb\"\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t:class=\"{ 'no-pointer-events': isLoading }\"\r\n\t\t\t\t\tv-if=\"canBeAddedToBasket\"\r\n\t\t\t\t\tclass=\"wk-categorylist-to-cart btn btn-outline-primary mobile-width-button\"\r\n\t\t\t\t\t@click=\"addToBasket()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"mobile-text-only\">{{\r\n\t\t\t\t\t\t$translate(\"Ceres::Template.singleItemAddToBasket\")\r\n\t\t\t\t\t}}</span>\r\n\t\t\t\t\t<icon\r\n\t\t\t\t\t\ticon=\"shopping-cart\"\r\n\t\t\t\t\t\tclass=\"mobile-icon-right\"\r\n\t\t\t\t\t\t:loading=\"isLoading\"\r\n\t\t\t\t\t></icon>\r\n\t\t\t\t</button>\r\n\t\t\t\t<button\r\n\t\t\t\t\ttitle=\"Artikel ansehen\"\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\tv-if=\"!wkIsAccessory\"\r\n\t\t\t\t\tclass=\"wk-categorylist-to-item btn btn-outline-primary mobile-width-button\"\r\n\t\t\t\t\t@click=\"directToItem()\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<span class=\"mobile-text-only\">{{\r\n\t\t\t\t\t\t$translate(\"Ceres::Template.itemShowItem\")\r\n\t\t\t\t\t}}</span>\r\n\t\t\t\t\t<icon\r\n\t\t\t\t\t\ticon=\"chevron-right\"\r\n\t\t\t\t\t\tclass=\"mobile-icon-right\"\r\n\t\t\t\t\t\t:loading=\"isLoading\"\r\n\t\t\t\t\t></icon>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport ExceptionMap from \"../../exceptions/ExceptionMap\";\r\n\timport { navigateTo } from \"../../services/UrlService\";\r\n\timport { isNullOrUndefined, isDefined } from \"../../helper/utils\";\r\n\timport { mapState } from \"vuex\";\r\n\timport { ButtonSizePropertyMixin } from \"../../mixins/buttonSizeProperty.mixin\";\r\n\timport QuantityInput from \"../item/QuantityInput.vue\";\r\n\r\n\tconst NotificationService = require(\"../../services/NotificationService\");\r\n\r\n\texport default {\r\n\t\tname: \"add-to-basket\",\r\n\r\n\t\tmixins: [ButtonSizePropertyMixin],\r\n\r\n\t\tcomponents: {\r\n\t\t\tQuantityInput,\r\n\t\t},\r\n\r\n\t\tprops: {\r\n\t\t\titemUrl: String,\r\n\t\t\tshowQuantity: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: false,\r\n\t\t\t},\r\n\t\t\tuseLargeScale: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: false,\r\n\t\t\t},\r\n\t\t\tvariationId: {\r\n\t\t\t\ttype: Number,\r\n\t\t\t},\r\n\t\t\tisSalable: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: false,\r\n\t\t\t},\r\n\t\t\thasChildren: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: false,\r\n\t\t\t},\r\n\t\t\tintervalQuantity: {\r\n\t\t\t\ttype: Number,\r\n\t\t\t\tdefault: 1,\r\n\t\t\t},\r\n\t\t\tminimumQuantity: {\r\n\t\t\t\ttype: Number,\r\n\t\t\t\tdefault: 0,\r\n\t\t\t},\r\n\t\t\tmaximumQuantity: {\r\n\t\t\t\ttype: Number,\r\n\t\t\t\tdefault: null,\r\n\t\t\t},\r\n\t\t\torderProperties: {\r\n\t\t\t\ttype: Array,\r\n\t\t\t\tdefault: () => [],\r\n\t\t\t},\r\n\t\t\thasOrderProperties: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: false,\r\n\t\t\t},\r\n\t\t\thasRequiredOrderProperty: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: false,\r\n\t\t\t},\r\n\t\t\thasPrice: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: true,\r\n\t\t\t},\r\n\t\t\thasGraduatedPrice: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: false,\r\n\t\t\t},\r\n\t\t\tpaddingClasses: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: null,\r\n\t\t\t},\r\n\t\t\tpaddingInlineStyles: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: null,\r\n\t\t\t},\r\n\t\t\tisWishList: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: false,\r\n\t\t\t},\r\n\t\t\tpropQuantity: {\r\n\t\t\t\ttype: Number,\r\n\t\t\t\tdefault: null,\r\n\t\t\t},\r\n\t\t\titemType: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: null,\r\n\t\t\t},\r\n\t\t\tnoBasketByProperty: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: false,\r\n\t\t\t},\r\n\t\t\twkIsAccessory: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: false,\r\n\t\t\t},\r\n\t\t},\r\n\r\n\t\tinject: {\r\n\t\t\titemId: {\r\n\t\t\t\tdefault: null,\r\n\t\t\t},\r\n\t\t},\r\n\r\n\t\tcomputed: {\r\n\t\t\tisSet() {\r\n\t\t\t\treturn (\r\n\t\t\t\t\t(this.$store.state.items[this.itemId] &&\r\n\t\t\t\t\t\tthis.$store.state.items[this.itemId].variation &&\r\n\t\t\t\t\t\tthis.$store.state.items[this.itemId].variation.documents[0].data\r\n\t\t\t\t\t\t\t.item.itemType === \"set\") ||\r\n\t\t\t\t\tthis.itemType === \"set\"\r\n\t\t\t\t);\r\n\t\t\t},\r\n\r\n\t\t\tcanBeAddedToBasket() {\r\n\t\t\t\treturn (\r\n\t\t\t\t\tthis.isSalable &&\r\n\t\t\t\t\t!this.noBasketByProperty &&\r\n\t\t\t\t\t!this.hasChildren &&\r\n\t\t\t\t\t!(this.minimumQuantity != 1 || this.intervalQuantity != 1) &&\r\n\t\t\t\t\t!this.requiresProperties &&\r\n\t\t\t\t\tthis.hasPrice &&\r\n\t\t\t\t\t!this.hasGraduatedPrice &&\r\n\t\t\t\t\t!this.isSet\r\n\t\t\t\t);\r\n\t\t\t},\r\n\r\n\t\t\trequiresProperties() {\r\n\t\t\t\treturn (\r\n\t\t\t\t\t(App.config.item.requireOrderProperties &&\r\n\t\t\t\t\t\t(this.hasOrderProperties ||\r\n\t\t\t\t\t\t\tthis.orderProperties.filter(\r\n\t\t\t\t\t\t\t\t(property) => property.property.isShownOnItemPage\r\n\t\t\t\t\t\t\t).length > 0)) ||\r\n\t\t\t\t\tthis.hasRequiredOrderProperty\r\n\t\t\t\t);\r\n\t\t\t},\r\n\r\n\t\t\tbuttonClasses() {\r\n\t\t\t\tconst classes = [];\r\n\r\n\t\t\t\tif (isDefined(this.buttonSizeClass)) {\r\n\t\t\t\t\tclasses.push(this.buttonSizeClass);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (isDefined(this.paddingClasses)) {\r\n\t\t\t\t\tclasses.push(this.paddingClasses.split(\" \"));\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn classes;\r\n\t\t\t},\r\n\r\n\t\t\ttooltipText() {\r\n\t\t\t\tif (this.hasAvailableVariations) {\r\n\t\t\t\t\treturn this.$translate(\r\n\t\t\t\t\t\t\"Ceres::Template.singleItemPleaseSelectValidVariation\"\r\n\t\t\t\t\t);\r\n\t\t\t\t} else {\r\n\t\t\t\t\treturn this.$translate(\r\n\t\t\t\t\t\t\"Ceres::Template.singleItemPleaseSelectNotAvailable\"\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\tvariationOrderQuantity() {\r\n\t\t\t\treturn (\r\n\t\t\t\t\tthis.$store.state.items[this.itemId] &&\r\n\t\t\t\t\tthis.$store.state.items[this.itemId].variationOrderQuantity\r\n\t\t\t\t);\r\n\t\t\t},\r\n\r\n\t\t\tvariationMissingProperties() {\r\n\t\t\t\treturn this.$store.getters[`${this.itemId}/variationMissingProperties`];\r\n\t\t\t},\r\n\r\n\t\t\thasAvailableVariations() {\r\n\t\t\t\treturn (\r\n\t\t\t\t\tthis.$store.state.items[this.itemId] &&\r\n\t\t\t\t\tthis.$store.state.items[this.itemId].variationSelect &&\r\n\t\t\t\t\tthis.$store.state.items[this.itemId].variationSelect.variations.some(\r\n\t\t\t\t\t\t(variation) => variation.isSalable\r\n\t\t\t\t\t)\r\n\t\t\t\t);\r\n\t\t\t},\r\n\r\n\t\t\tallVariationsSelected() {\r\n\t\t\t\tif (this.isSet) {\r\n\t\t\t\t\treturn this.$store.getters[\"itemSetAllVariationSelected\"];\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// FIX return true if module is not registered. This equals the default value from the module\r\n\t\t\t\t\t// and is required to use this component in other contexts, e.g. the category view\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t!this.$store.state.items[this.itemId] ||\r\n\t\t\t\t\t\t(this.$store.state.items[this.itemId].variationSelect &&\r\n\t\t\t\t\t\t\tthis.$store.state.items[this.itemId].variationSelect\r\n\t\t\t\t\t\t\t\t.isVariationSelected)\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\tisLoading() {\r\n\t\t\t\treturn (\r\n\t\t\t\t\tthis.$store.state.items.isAddToBasketLoading === this.variationId ||\r\n\t\t\t\t\tthis.$store.state.items.isSetLoading\r\n\t\t\t\t);\r\n\t\t\t},\r\n\r\n\t\t\t...mapState({\r\n\t\t\t\tbasketItems: (state) => state.basket.items,\r\n\t\t\t\tisBasketLoading: (state) => state.basket.isBasketLoading,\r\n\t\t\t}),\r\n\t\t},\r\n\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tquantity: 1,\r\n\t\t\t\tbuttonLockState: false,\r\n\t\t\t};\r\n\t\t},\r\n\r\n\t\tmethods: {\r\n\t\t\t/**\r\n\t\t\t * add an item to basket-resource\r\n\t\t\t */\r\n\t\t\taddToBasket() {\r\n\t\t\t\tthis.$store.dispatch(\"loadComponent\", \"add-item-to-basket-overlay\");\r\n\t\t\t\tthis.$store.dispatch(\"loadComponent\", \"basket-preview\");\r\n\r\n\t\t\t\tif (\r\n\t\t\t\t\tthis.variationMissingProperties !== undefined &&\r\n\t\t\t\t\tthis.variationMissingProperties.length\r\n\t\t\t\t) {\r\n\t\t\t\t\tthis.showMissingPropertiesError();\r\n\t\t\t\t} else if (this.isSalable || this.isSet) {\r\n\t\t\t\t\tthis.$store.commit(\"setIsAddToBasketLoading\", this.variationId);\r\n\r\n\t\t\t\t\tconst orderParamsAndSurcharge = extractPropertiesAndSurcharge(\r\n\t\t\t\t\t\tthis.orderProperties\r\n\t\t\t\t\t);\r\n\r\n\t\t\t\t\tconst basketObject = {\r\n\t\t\t\t\t\tvariationId: this.variationId,\r\n\t\t\t\t\t\tquantity: this.quantity,\r\n\t\t\t\t\t\tbasketItemOrderParams: orderParamsAndSurcharge.orderParams,\r\n\t\t\t\t\t\ttotalOrderParamsMarkup: orderParamsAndSurcharge.totalSurcharge,\r\n\t\t\t\t\t};\r\n\r\n\t\t\t\t\tif (this.isSet) {\r\n\t\t\t\t\t\tconst setComponents = [];\r\n\t\t\t\t\t\tthis.$store.state.items.setComponentIds.forEach((itemId) => {\r\n\t\t\t\t\t\t\tconst setComponent = this.$store.getters[\r\n\t\t\t\t\t\t\t\t`${itemId}/currentItemVariation`\r\n\t\t\t\t\t\t\t];\r\n\r\n\t\t\t\t\t\t\tconst variationId = setComponent && setComponent.variation.id;\r\n\r\n\t\t\t\t\t\t\t// Extract order properties and total surcharge for set components\r\n\t\t\t\t\t\t\tconst setComponentOrderParamsAndSurcharge = extractPropertiesAndSurcharge(\r\n\t\t\t\t\t\t\t\tsetComponent.properties.filter(\r\n\t\t\t\t\t\t\t\t\t(prop) => prop.property.isOderProperty\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\t\tsetComponents.push({\r\n\t\t\t\t\t\t\t\tvariationId: variationId,\r\n\t\t\t\t\t\t\t\tquantity: this.$store.state.items[itemId]\r\n\t\t\t\t\t\t\t\t\t.variationOrderQuantity,\r\n\t\t\t\t\t\t\t\tbasketItemOrderParams:\r\n\t\t\t\t\t\t\t\t\tsetComponentOrderParamsAndSurcharge.orderParams,\r\n\t\t\t\t\t\t\t\ttotalOrderParamsMarkup:\r\n\t\t\t\t\t\t\t\t\tsetComponentOrderParamsAndSurcharge.totalSurcharge,\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\tbasketObject.setComponents = setComponents;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tthis.$store.dispatch(\"addBasketItem\", basketObject).then(\r\n\t\t\t\t\t\t(response) => {\r\n\t\t\t\t\t\t\tdocument.dispatchEvent(\r\n\t\t\t\t\t\t\t\tnew CustomEvent(\"afterBasketItemAdded\", {\r\n\t\t\t\t\t\t\t\t\tdetail: basketObject,\r\n\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\tthis.$store.commit(\"setIsAddToBasketLoading\", 0);\r\n\t\t\t\t\t\t\tif (this.wkIsAccessory) {\r\n\t\t\t\t\t\t\t\t$(\".wk-accessory-to-cart-confirm\").addClass(\"toggled\");\r\n\t\t\t\t\t\t\t\tsetTimeout(function() {\r\n\t\t\t\t\t\t\t\t\t$(\".wk-accessory-to-cart-confirm\").removeClass(\"toggled\");\r\n\t\t\t\t\t\t\t\t}, 1000);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t(error) => {\r\n\t\t\t\t\t\t\tthis.$store.commit(\"setIsAddToBasketLoading\", 0);\r\n\r\n\t\t\t\t\t\t\tif (error.data) {\r\n\t\t\t\t\t\t\t\tNotificationService.error(\r\n\t\t\t\t\t\t\t\t\tthis.$translate(\r\n\t\t\t\t\t\t\t\t\t\t\"Ceres::Template.\" +\r\n\t\t\t\t\t\t\t\t\t\t\tExceptionMap.get(error.data.exceptionCode.toString()),\r\n\t\t\t\t\t\t\t\t\t\terror.data.placeholder\r\n\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t).closeAfter(5000);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tshowMissingPropertiesError() {\r\n\t\t\t\tthis.$store.commit(`${this.itemId}/setVariationMarkInvalidProps`, true);\r\n\r\n\t\t\t\tconst propertyNames = this.variationMissingProperties.map(\r\n\t\t\t\t\t(property) => property.property.names.name\r\n\t\t\t\t);\r\n\t\t\t\tlet errorMsgContent = \"\";\r\n\r\n\t\t\t\tfor (const name of propertyNames) {\r\n\t\t\t\t\terrorMsgContent += name + \"<br>\";\r\n\t\t\t\t}\r\n\r\n\t\t\t\tNotificationService.error(\r\n\t\t\t\t\tthis.$translate(\r\n\t\t\t\t\t\t\"Ceres::Template.singleItemMissingOrderPropertiesError\"\r\n\t\t\t\t\t).replace(\"<properties>\", errorMsgContent)\r\n\t\t\t\t);\r\n\t\t\t},\r\n\r\n\t\t\tdirectToItem() {\r\n\t\t\t\tnavigateTo(this.itemUrl);\r\n\t\t\t},\r\n\r\n\t\t\thandleButtonState(value) {\r\n\t\t\t\tthis.buttonLockState = value;\r\n\t\t\t},\r\n\r\n\t\t\t/**\r\n\t\t\t * update the property quantity of the current instance\r\n\t\t\t * @param value\r\n\t\t\t */\r\n\t\t\tupdateQuantity(value) {\r\n\t\t\t\tthis.quantity = value;\r\n\t\t\t},\r\n\t\t},\r\n\r\n\t\twatch: {\r\n\t\t\tquantity(value) {\r\n\t\t\t\tif (!isNullOrUndefined(this.itemId)) {\r\n\t\t\t\t\tthis.$store.commit(`${this.itemId}/setVariationOrderQuantity`, value);\r\n\t\t\t\t\tthis.$store.commit(\r\n\t\t\t\t\t\t`${this.itemId}/setVariationPropertySurcharges`,\r\n\t\t\t\t\t\tthis.$store.getters[`${this.itemId}/variationBasePrice`]\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\tvariationOrderQuantity(value) {\r\n\t\t\t\tif (this.quantity !== value) {\r\n\t\t\t\t\tthis.quantity = value;\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\tpropQuantity(value) {\r\n\t\t\t\tif (!isNaN(value)) {\r\n\t\t\t\t\tthis.quantity = value;\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t},\r\n\t};\r\n\r\n\tfunction extractPropertiesAndSurcharge(orderProperties) {\r\n\t\tlet totalSurcharge = 0;\r\n\t\tconst orderParams = [];\r\n\r\n\t\torderProperties.forEach((orderProperty) => {\r\n\t\t\tif (!isNullOrUndefined(orderProperty.property.value)) {\r\n\t\t\t\tconst property = orderProperty.property;\r\n\r\n\t\t\t\tif (\r\n\t\t\t\t\tproperty.valueType === \"float\" &&\r\n\t\t\t\t\t!isNullOrUndefined(property.value) &&\r\n\t\t\t\t\tproperty.value.slice(-1) === App.decimalSeparator\r\n\t\t\t\t) {\r\n\t\t\t\t\tproperty.value = property.value.substr(0, property.value.length - 1);\r\n\t\t\t\t}\r\n\r\n\t\t\t\ttotalSurcharge +=\r\n\t\t\t\t\t(orderProperty.surcharge || 0) + (property.surcharge || 0);\r\n\r\n\t\t\t\torderParams.push({\r\n\t\t\t\t\tpropertyId: property.id,\r\n\t\t\t\t\ttype: property.valueType,\r\n\t\t\t\t\tname: property.names.name,\r\n\t\t\t\t\tvalue: property.value,\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\treturn {\r\n\t\t\torderParams: orderParams,\r\n\t\t\ttotalSurcharge: totalSurcharge,\r\n\t\t};\r\n\t}\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=542b2c36\"\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":""}