{"version":3,"sources":["webpack:///./resources/js/src/app/mixins/buttonSizeProperty.mixin.js","webpack:///./resources/js/src/app/components/item/QuantityInput.vue?b65e","webpack:///resources/js/src/app/components/item/QuantityInput.vue","webpack:///./resources/js/src/app/components/item/QuantityInput.vue?f4be","webpack:///./resources/js/src/app/components/item/QuantityInput.vue","webpack:///./resources/js/src/app/components/basket/AddToBasket.vue?4bec","webpack:///resources/js/src/app/components/basket/AddToBasket.vue","webpack:///./resources/js/src/app/components/basket/AddToBasket.vue?6a66","webpack:///./resources/js/src/app/components/basket/AddToBasket.vue"],"names":["BUTTON_SIZES","LEGACY_CLASS_MAP","ButtonSizePropertyMixin","props","buttonSize","type","String","default","validator","value","concat","_toConsumableArray","Object","keys","indexOf","computed","buttonSizeClass","hasOwnProperty","this","render","_vm","_h","$createElement","_c","_self","staticClass","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","options","__file","showQuantity","useLargeScale","canBeAddedToBasket","hasPropertyIdThree","isLoading","addToBasket","icon","loading","_e","directToItem","$ceres","isItemView","minimumQuantity","maximumQuantity","intervalQuantity","isSalable","allVariationsSelected","updateQuantity","handleButtonState","buttonLockState","buttonClasses","style","paddingInlineStyles","openGuideLineModal","_s","_f","hasPrice","tooltipText","isWishList","role","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","propQuantity","itemType","properties","inject","itemId","isSet","documents","item","filter","requiresProperties","config","requireOrderProperties","isShownOnItemPage","classes","split","hasAvailableVariations","variationOrderQuantity","variationMissingProperties","variationSelect","some","isVariationSelected","isAddToBasketLoading","isSetLoading","isBasketLoading","ModalService","findModal","document","getElementById","show","getElementsByClassName","addEventListener","dispatch","undefined","showMissingPropertiesError","commit","orderParamsAndSurcharge","basketItemOrderParams","totalOrderParamsMarkup","setComponents","setComponentIds","setComponent","setComponentOrderParamsAndSurcharge","prop","isOderProperty","then","response","dispatchEvent","CustomEvent","detail","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-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() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"qty-box d-flex h-100\" }, [\n    _c(\"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>\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\">\n            <button class=\"btn qty-btn flex-fill d-flex justify-content-center p-0\"\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                <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\"\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                <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=62163595&\"\nimport script from \"./QuantityInput.vue?vue&type=script&lang=js&\"\nexport * from \"./QuantityInput.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/ihab/Workspace/PlentyDevTool/11228/79/MGCRedesign/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('62163595')) {\n      api.createRecord('62163595', component.options)\n    } else {\n      api.reload('62163595', component.options)\n    }\n    module.hot.accept(\"./QuantityInput.vue?vue&type=template&id=62163595&\", function () {\n      api.rerender('62163595', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/item/QuantityInput.vue\"\nexport default component.exports","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    !_vm.showQuantity &&\n    _vm.useLargeScale &&\n    _vm.canBeAddedToBasket &&\n    !_vm.hasPropertyIdThree\n      ? _c(\n          \"div\",\n          {\n            directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n            staticClass: \"add-to-basket-lg-container d-none d-lg-block\",\n            class: { \"no-pointer-events\": _vm.isLoading },\n            attrs: {\n              \"data-toggle\": \"tooltip\",\n              \"data-placement\": \"top\",\n              title: _vm.$translate(\"Ceres::Template.singleItemAddToBasket\")\n            },\n            on: {\n              click: function($event) {\n                return _vm.addToBasket()\n              }\n            }\n          },\n          [\n            _c(\"icon\", {\n              staticClass: \"fa-lg mobile-icon-right\",\n              attrs: { icon: \"cart-plus\", loading: _vm.isLoading }\n            })\n          ],\n          1\n        )\n      : _vm._e(),\n    _vm._v(\" \"),\n    !_vm.showQuantity &&\n    _vm.useLargeScale &&\n    _vm.canBeAddedToBasket &&\n    _vm.hasPropertyIdThree\n      ? _c(\n          \"div\",\n          {\n            directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n            staticClass: \"add-to-basket-lg-container d-none d-lg-block\",\n            attrs: {\n              \"data-toggle\": \"tooltip\",\n              \"data-placement\": \"top\",\n              title: _vm.$translate(\"Ceres::Template.itemShowItem\")\n            },\n            on: {\n              click: function($event) {\n                return _vm.directToItem()\n              }\n            }\n          },\n          [\n            _c(\"i\", {\n              staticClass: \"fa fa-arrow-right fa-lg d-none d-sm-block\"\n            })\n          ]\n        )\n      : _vm._e(),\n    _vm._v(\" \"),\n    !_vm.showQuantity && _vm.useLargeScale && !_vm.canBeAddedToBasket\n      ? _c(\n          \"div\",\n          {\n            directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n            staticClass: \"add-to-basket-lg-container d-none d-lg-block\",\n            attrs: {\n              \"data-toggle\": \"tooltip\",\n              \"data-placement\": \"top\",\n              title: _vm.$translate(\"Ceres::Template.itemShowItem\")\n            },\n            on: {\n              click: function($event) {\n                return _vm.directToItem()\n              }\n            }\n          },\n          [\n            _c(\"i\", {\n              staticClass: \"fa fa-arrow-right fa-lg d-none d-sm-block\"\n            })\n          ]\n        )\n      : _vm._e(),\n    _vm._v(\" \"),\n    _vm.showQuantity && !_vm.useLargeScale\n      ? _c(\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 && _vm.hasPropertyIdThree\n                ? _c(\n                    \"button\",\n                    {\n                      staticClass: \"btn btn-block btn-primary btn-appearance\",\n                      class: _vm.buttonClasses,\n                      style: _vm.paddingInlineStyles,\n                      on: {\n                        click: function($event) {\n                          return _vm.openGuideLineModal()\n                        }\n                      }\n                    },\n                    [\n                      _c(\"icon\", { attrs: { icon: \"shopping-cart\" } }),\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                : !_vm.buttonLockState\n                ? _c(\n                    \"button\",\n                    {\n                      staticClass: \"btn btn-block btn-primary btn-appearance\",\n                      class: _vm.buttonClasses,\n                      style: _vm.paddingInlineStyles,\n                      attrs: { disabled: _vm.isLoading || !_vm.hasPrice },\n                      on: {\n                        click: function($event) {\n                          return _vm.addToBasket()\n                        }\n                      }\n                    },\n                    [\n                      _c(\"icon\", {\n                        attrs: { icon: \"shopping-cart\", loading: _vm.isLoading }\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(\n                          \"translate\"\n                        )(\"Ceres::Template.singleItemQuantityMax\", {\n                          max: _vm.maximumQuantity\n                        })\n                      }\n                    },\n                    [\n                      _c(\"icon\", {\n                        attrs: { icon: \"shopping-cart\", waiting: _vm.isLoading }\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(\n          \"div\",\n          { staticClass: \"d-inline\", class: { \"d-lg-none\": !_vm.isWishList } },\n          [\n            _c(\n              \"div\",\n              {\n                staticClass: \"btn-group\",\n                attrs: { role: \"group\", \"aria-label\": \"Thumb Control\" }\n              },\n              [\n                _vm.canBeAddedToBasket && !_vm.hasPropertyIdThree\n                  ? _c(\n                      \"button\",\n                      {\n                        staticClass:\n                          \"btn btn-primary btn-appearance mobile-width-button\",\n                        class: { \"no-pointer-events\": _vm.isLoading },\n                        attrs: { type: \"button\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.addToBasket()\n                          }\n                        }\n                      },\n                      [\n                        _c(\"icon\", {\n                          staticClass: \"fa-lg mobile-icon-right\",\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                  : _vm.canBeAddedToBasket && _vm.hasPropertyIdThree\n                  ? _c(\n                      \"button\",\n                      {\n                        staticClass:\n                          \"btn btn-primary btn-appearance mobile-width-button\",\n                        attrs: { type: \"button\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.directToItem()\n                          }\n                        }\n                      },\n                      [\n                        _c(\"i\", {\n                          staticClass:\n                            \"fa fa-arrow-right fa-lg d-none d-sm-block\",\n                          attrs: { \"aria-hidden\": \"true\" }\n                        }),\n                        _vm._v(\n                          \"\\n                \" +\n                            _vm._s(\n                              _vm.$translate(\"Ceres::Template.itemShowItem\")\n                            ) +\n                            \"\\n            \"\n                        )\n                      ]\n                    )\n                  : _c(\n                      \"button\",\n                      {\n                        staticClass:\n                          \"btn btn-primary btn-appearance mobile-width-button\",\n                        attrs: { type: \"button\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.directToItem()\n                          }\n                        }\n                      },\n                      [\n                        _c(\"i\", {\n                          staticClass:\n                            \"fa fa-arrow-right fa-lg d-none d-sm-block\",\n                          attrs: { \"aria-hidden\": \"true\" }\n                        }),\n                        _vm._v(\n                          \"\\n                \" +\n                            _vm._s(\n                              _vm.$translate(\"Ceres::Template.itemShowItem\")\n                            ) +\n                            \"\\n            \"\n                        )\n                      ]\n                    )\n              ]\n            )\n          ]\n        )\n      : _vm._e()\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <div :class=\"{'no-pointer-events': isLoading}\" class=\"add-to-basket-lg-container d-none d-lg-block\" v-if=\"!showQuantity && useLargeScale && canBeAddedToBasket && !hasPropertyIdThree\"\n             v-tooltip data-toggle=\"tooltip\" data-placement=\"top\" :title=\"$translate('Ceres::Template.singleItemAddToBasket')\" @click=\"addToBasket()\">\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\" v-if=\"!showQuantity && useLargeScale && canBeAddedToBasket && hasPropertyIdThree\"\n             v-tooltip data-toggle=\"tooltip\" data-placement=\"top\" :title=\"$translate('Ceres::Template.itemShowItem')\" @click=\"directToItem()\">\n            <i class=\"fa fa-arrow-right fa-lg d-none d-sm-block\"></i>\n        </div>\n\n        <div class=\"add-to-basket-lg-container d-none d-lg-block\" v-if=\"!showQuantity && useLargeScale && !canBeAddedToBasket\"\n             v-tooltip data-toggle=\"tooltip\" data-placement=\"top\" :title=\"$translate('Ceres::Template.itemShowItem')\" @click=\"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 && hasPropertyIdThree\"\n                        class=\"btn btn-block btn-primary btn-appearance\"\n                        @click=\"openGuideLineModal()\"\n                        :class=\"buttonClasses\"\n                        :style=\"paddingInlineStyles\">\n                        <icon icon=\"shopping-cart\"></icon>\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\"\n                        @click=\"addToBasket()\"\n                        :class=\"buttonClasses\"\n                        :style=\"paddingInlineStyles\">\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 class=\"d-inline\" v-if=\"!showQuantity && !useLargeScale\" :class=\"{'d-lg-none': !isWishList }\">\n            <div class=\"btn-group\" role=\"group\" aria-label=\"Thumb Control\">\n                <button type=\"button\" :class=\"{'no-pointer-events': isLoading}\" v-if=\"canBeAddedToBasket && !hasPropertyIdThree\" class=\"btn btn-primary btn-appearance mobile-width-button\" @click=\"addToBasket()\">\n                    <icon icon=\"shopping-cart\" class=\"fa-lg mobile-icon-right\" :loading=\"isLoading\"></icon>\n                    {{ $translate(\"Ceres::Template.singleItemAddToBasket\") }}\n                </button>\n\n                <button type=\"button\" v-else-if=\"canBeAddedToBasket && hasPropertyIdThree\" class=\"btn btn-primary btn-appearance mobile-width-button\" @click=\"directToItem()\">\n                    <i class=\"fa fa-arrow-right fa-lg d-none d-sm-block\" aria-hidden=\"true\"></i>\n                    {{ $translate(\"Ceres::Template.itemShowItem\") }}\n                </button>\n\n                <button type=\"button\" v-else class=\"btn btn-primary btn-appearance mobile-width-button\" @click=\"directToItem()\">\n                    <i class=\"fa fa-arrow-right fa-lg d-none d-sm-block\" aria-hidden=\"true\"></i>\n                    {{ $translate(\"Ceres::Template.itemShowItem\") }}\n                </button>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport ExceptionMap from \"../../exceptions/ExceptionMap\";\nimport ModalService from \"../../services/ModalService\";\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        properties:\n        {\n            type: Array,\n            default: () => []\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        hasPropertyIdThree() {\n            if (this.properties.length > 0) {\n                return this.properties.filter(property => property.propertyId == 3).length > 0;\n            } else if (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.properties.length > 0) {\n                return this.$store.state.items[this.itemId].variation.documents[0].data.properties.filter(property => property.propertyId == 3).length > 0;\n            }\n            return false;\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        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        openGuideLineModal()\n        {\n            ModalService.findModal(document.getElementById('guidelines')).show();\n\n            document.getElementsByClassName('btn-weiter')[0].addEventListener('click', () => {\n                this.addToBasket();\n            });\n        },\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                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        },\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=729fe3ab&\"\nimport script from \"./AddToBasket.vue?vue&type=script&lang=js&\"\nexport * from \"./AddToBasket.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/ihab/Workspace/PlentyDevTool/11228/79/MGCRedesign/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('729fe3ab')) {\n      api.createRecord('729fe3ab', component.options)\n    } else {\n      api.reload('729fe3ab', component.options)\n    }\n    module.hot.accept(\"./AddToBasket.vue?vue&type=template&id=729fe3ab&\", function () {\n      api.rerender('729fe3ab', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/basket/AddToBasket.vue\"\nexport default component.exports"],"sourceRoot":""}