{"version":3,"sources":["webpack:///./node_modules/Ceres/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","Object","keys","indexOf","computed","buttonSizeClass","hasOwnProperty","this","render","_vm","_h","$createElement","_c","_self","staticClass","directives","name","rawName","isMaximum","compMax","expression","class","disabled","waiting","attrs","title","minimumHint","$translate","on","click","$event","decreaseValue","_v","ref","size","maxlength","domProps","displayValue","change","setValue","target","isMinimum","maximumHint","increaseValue","_withStripped","component","options","__file","showQuantity","useLargeScale","canBeAddedToBasket","_e","goToItem","_s","onlyQty","quantity","timeout","min","minimumQuantity","max","maximumQuantity","interval","intervalQuantity","variationId","isLoading","isSalable","allVariationsSelected","updateQuantity","handleButtonState","buttonLockState","_f","item","variation","maximumOrderQuantity","hasPrice","addToBasket","width","height","viewBox","version","xmlns","id","stroke","fill","transform","d","isWishList","role","directToItem","extractPropertiesAndSurcharge","orderProperties","components"],"mappings":"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","file":"chunks/ceres-client-5.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: \"quantity\" }, [\n    _c(\n      \"span\",\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: \"quantity__minus\",\n        class: { disabled: _vm.isMaximum || _vm.waiting },\n        attrs: {\n          \"data-toggle\": \"tooltip\",\n          \"data-placement\": \"top\",\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      [_vm._v(\"-\")]\n    ),\n    _vm._v(\" \"),\n    _c(\"input\", {\n      ref: \"quantityInputField\",\n      staticClass: \"quantity__input\",\n      attrs: {\n        disabled: _vm.waiting,\n        type: \"text\",\n        name: \"ArticleQuantity\",\n        value: \"1\",\n        size: \"4\",\n        maxlength: \"3\",\n        \"aria-label\": _vm.$translate(\"Ceres::Template.itemQuantityInput\")\n      },\n      domProps: { value: _vm.displayValue },\n      on: {\n        change: function($event) {\n          return _vm.setValue($event.target.value)\n        }\n      }\n    }),\n    _vm._v(\" \"),\n    _c(\n      \"span\",\n      {\n        directives: [\n          {\n            name: \"tooltip\",\n            rawName: \"v-tooltip\",\n            value: _vm.isMinimum,\n            expression: \"isMinimum\"\n          }\n        ],\n        staticClass: \"quantity__plus\",\n        class: { disabled: _vm.isMinimum || _vm.waiting },\n        attrs: {\n          \"data-toggle\": \"tooltip\",\n          \"data-placement\": \"bottom\",\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      [_vm._v(\"+\")]\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\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                 :title=\"maximumHint\">\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                 :title=\"minimumHint\">\n                <i class=\"fa fa-minus default-float\" aria-hidden=\"true\"></i>\n            </button>\n        </div>\n    </div>-->\n\n    <div class=\"quantity\">\n        <span class=\"quantity__minus\" @click=\"decreaseValue()\"\n              :class=\"{'disabled': isMaximum || waiting}\"\n              v-tooltip=\"isMaximum && compMax !== 0\"\n              data-toggle=\"tooltip\"\n              data-placement=\"top\"\n              data-testing=\"quantity-btn-decrease\"\n              :title=\"minimumHint\"\n              :aria-label=\"$translate('Ceres::Template.itemQuantityInputDecrease')\"\n        >-</span>\n\n        <input :value=\"displayValue\"\n               @change=\"setValue($event.target.value)\"\n               :disabled=\"waiting\" type=\"text\" class=\"quantity__input\" name=\"ArticleQuantity\" ref=\"quantityInputField\" value=\"1\" size=\"4\" maxlength=\"3\"\n               :aria-label=\"$translate('Ceres::Template.itemQuantityInput')\">\n\n        <span class=\"quantity__plus\" @click=\"increaseValue()\"\n              :class=\"{'disabled': isMinimum || waiting}\"\n              v-tooltip=\"isMinimum\"\n              data-toggle=\"tooltip\"\n              data-placement=\"bottom\"\n              data-testing=\"quantity-btn-increase\"\n              :title=\"maximumHint\"\n              :aria-label=\"$translate('Ceres::Template.itemQuantityInputIncrease')\">+</span>\n    </div>\n</template>\n\n<script>\nimport { floatLength, formatFloat, limit } from \"ceres/app/helper/number\";\nimport { defaultValue, isDefined, isNullOrUndefined } from \"ceres/app/helper/utils\";\nimport { debounce } from \"ceres/app/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, this.variationId);\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, this.variationId);\n            }\n        },\n\n        setValue(value, varId)\n        {\n            varId = varId || null;\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(varId === this.variationId || typeof this.variationId === \"undefined\"){\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        },\n\n        fetchQuantityFromBasket()\n        {\n            if (!isNullOrUndefined(this.min) && this.variationBasketQuantity >= this.min && this.variationBasketQuantity !== 0)\n            {\n                // minimum quantity already in basket\n                this.compMin = this.compInterval;\n            }\n            else if (this.variationBasketQuantity === 0)\n            {\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/fhartwig/Sites/pp-sweets_online/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('62163595')) {\n      api.createRecord('62163595', component.options)\n    } else {\n      api.reload('62163595', component.options)\n    }\n    module.hot.accept(\"./QuantityInput.vue?vue&type=template&id=62163595&\", function () {\n      api.rerender('62163595', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/item/QuantityInput.vue\"\nexport default component.exports","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    !_vm.showQuantity && _vm.useLargeScale && _vm.canBeAddedToBasket\n      ? _c(\n          \"div\",\n          {\n            directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n            staticClass: \"category-item__add-to-basket\",\n            attrs: {\n              \"data-toggle\": \"tooltip\",\n              \"data-placement\": \"top\",\n              title: \"In die Naschtüte\"\n            }\n          },\n          [\n            _c(\n              \"button\",\n              { staticClass: \"btn btn-primary btn-block article-card__btn\" },\n              [_vm._v(\"In die Naschtüte\")]\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: \"category-item__add-to-basket\",\n            attrs: {\n              \"data-toggle\": \"tooltip\",\n              \"data-placement\": \"top\",\n              title: _vm.$translate(\"Ceres::Template.itemShowItem\")\n            }\n          },\n          [\n            _c(\n              \"button\",\n              {\n                staticClass:\n                  \"btn btn-primary btn-block article-card__btn article-card__btn--show\",\n                on: {\n                  click: function($event) {\n                    return _vm.goToItem($event.target)\n                  }\n                }\n              },\n              [_vm._v(_vm._s(_vm.$translate(\"Ceres::Template.itemShowItem\")))]\n            )\n          ]\n        )\n      : _vm._e(),\n    _vm._v(\" \"),\n    _vm.showQuantity && !_vm.useLargeScale\n      ? _c(\"div\", { staticClass: \"category-list-view-port\" }, [\n          _c(\"span\", [\n            _c(\n              \"div\",\n              { class: { \"col-12 col-md-12 col-lg-12 my-3\": !_vm.onlyQty } },\n              [\n                _c(\n                  \"div\",\n                  {\n                    staticClass:\n                      \"add-to-basket-container d-flex justify-content-between\"\n                  },\n                  [\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\n                      ? _c(\n                          \"button\",\n                          {\n                            directives: [\n                              { name: \"tooltip\", rawName: \"v-tooltip\" }\n                            ],\n                            staticClass:\n                              \"btn btn-block btn-primary disabled article-card__btn\",\n                            attrs: {\n                              \"data-toggle\": \"tooltip\",\n                              \"data-placement\": \"top\",\n                              title: _vm.$translate(\n                                \"Ceres::Template.singleItemPleaseSelectValidVariation\"\n                              )\n                            }\n                          },\n                          [\n                            _vm._v(\n                              \"\\n                        In die Naschtüte\\n                    \"\n                            )\n                          ]\n                        )\n                      : !_vm.buttonLockState\n                      ? _c(\n                          \"button\",\n                          {\n                            staticClass:\n                              \"btn btn-block btn-primary article-card__btn\",\n                            attrs: { disabled: _vm.isLoading || !_vm.hasPrice },\n                            on: {\n                              click: function($event) {\n                                return _vm.addToBasket()\n                              }\n                            }\n                          },\n                          [\n                            _c(\n                              \"div\",\n                              {\n                                staticClass:\n                                  \"d-none d-md-flex d-xl-none justify-content-center align-items-center\"\n                              },\n                              [\n                                _c(\n                                  \"svg\",\n                                  {\n                                    attrs: {\n                                      width: \"18\",\n                                      height: \"25\",\n                                      viewBox: \"0 0 35 42\",\n                                      version: \"1.1\",\n                                      xmlns: \"http://www.w3.org/2000/svg\",\n                                      \"xmlns:xlink\":\n                                        \"http://www.w3.org/1999/xlink\"\n                                    }\n                                  },\n                                  [\n                                    _c(\"defs\"),\n                                    _vm._v(\" \"),\n                                    _c(\n                                      \"g\",\n                                      {\n                                        attrs: {\n                                          id: \"header/header-xl\",\n                                          stroke: \"none\",\n                                          \"stroke-width\": \"1\",\n                                          fill: \"none\",\n                                          \"fill-rule\": \"evenodd\",\n                                          transform:\n                                            \"translate(-1608.000000, -84.000000)\"\n                                        }\n                                      },\n                                      [\n                                        _c(\n                                          \"g\",\n                                          {\n                                            attrs: {\n                                              id: \"header-lg\",\n                                              fill: \"#FFFFFF\"\n                                            }\n                                          },\n                                          [\n                                            _c(\n                                              \"g\",\n                                              {\n                                                attrs: {\n                                                  id: \"head\",\n                                                  transform:\n                                                    \"translate(0.000000, 45.000000)\"\n                                                }\n                                              },\n                                              [\n                                                _c(\n                                                  \"g\",\n                                                  {\n                                                    attrs: {\n                                                      id: \"basket\",\n                                                      transform:\n                                                        \"translate(1597.000000, 22.000000)\"\n                                                    }\n                                                  },\n                                                  [\n                                                    _c(\n                                                      \"g\",\n                                                      {\n                                                        attrs: {\n                                                          id: \"basket-full\",\n                                                          transform:\n                                                            \"translate(0.250000, 0.296875)\"\n                                                        }\n                                                      },\n                                                      [\n                                                        _c(\"path\", {\n                                                          attrs: {\n                                                            d:\n                                                              \"M43.3893,57.0679 C43.3643,57.0959 43.3233,57.1309 43.2533,57.1309 L12.6013,57.1309 C12.5323,57.1309 12.4903,57.0959 12.4663,57.0679 C12.4453,57.0439 12.4253,57.0089 12.4213,56.9569 L14.2623,51.1149 L14.4113,20.4349 L15.1233,21.1469 L17.2593,19.0109 L19.3923,21.1469 L21.5243,19.0109 L23.6603,21.1469 L25.7933,19.0109 L27.9293,21.1469 L30.0623,19.0109 L32.1943,21.1469 L34.3303,19.0109 L36.4633,21.1469 L38.5993,19.0109 L40.7323,21.1469 L41.4443,20.4349 L41.5313,51.1079 L43.4343,56.9609 C43.4313,57.0089 43.4103,57.0439 43.3893,57.0679 M44.8373,56.7139 C44.9073,57.1749 44.7743,57.6409 44.4693,57.9959 C44.1633,58.3499 43.7223,58.5509 43.2533,58.5509 L12.6013,58.5509 C12.1363,58.5509 11.6913,58.3499 11.3893,57.9959 C11.0843,57.6409 10.9483,57.1719 11.0183,56.7139 L11.0423,56.6029 L13.0153,50.3399 L12.9903,48.4129 L12.9903,16.9999 L15.1233,19.1319 L17.2593,16.9999 L19.3923,19.1319 L21.5283,16.9999 L23.6603,19.1319 L25.7933,16.9999 L27.9293,19.1319 L30.0623,16.9999 L32.1983,19.1319 L34.3303,16.9999 L36.4633,19.1319 L38.5993,16.9999 L40.7323,19.1319 L42.8683,16.9999 L42.8683,49.0339 L42.7773,50.3439 L44.8373,56.7139 Z M33.6193,27.9653 C33.2263,27.9653 32.9073,28.2803 32.9073,28.6773 L32.9073,32.9423 C32.9073,35.6893 30.6733,37.9233 27.9293,37.9233 C25.1813,37.9233 22.9493,35.6893 22.9493,32.9423 L22.9493,28.6773 C22.9493,28.2803 22.6293,27.9653 22.2373,27.9653 C21.8443,27.9653 21.5243,28.2803 21.5243,28.6773 L21.5243,32.9423 C21.5243,36.4743 24.3963,39.3473 27.9293,39.3473 C31.4583,39.3473 34.3303,36.4743 34.3303,32.9423 L34.3303,28.6773 C34.3303,28.2803 34.0113,27.9653 33.6193,27.9653 Z M35.7511,29.3853 C36.1471,29.3853 36.4631,29.0703 36.4631,28.6773 C36.4631,27.1073 35.1891,25.8283 33.6191,25.8283 C32.0491,25.8283 30.7731,27.1073 30.7731,28.6773 C30.7731,29.0703 31.0901,29.3853 31.4861,29.3853 C31.8781,29.3853 32.1941,29.0703 32.1941,28.6773 C32.1941,27.8923 32.8341,27.2533 33.6191,27.2533 C34.4031,27.2533 35.0431,27.8923 35.0431,28.6773 C35.0431,29.0703 35.3591,29.3853 35.7511,29.3853 Z M22.237,27.2534 C23.022,27.2534 23.66,27.8924 23.66,28.6774 C23.66,29.0694 23.977,29.3854 24.373,29.3854 C24.765,29.3854 25.081,29.0694 25.081,28.6774 C25.081,27.1074 23.806,25.8284 22.237,25.8284 C20.667,25.8284 19.392,27.1074 19.392,28.6774 C19.392,29.0694 19.712,29.3854 20.104,29.3854 C20.497,29.3854 20.816,29.0694 20.816,28.6774 C20.816,27.8924 21.452,27.2534 22.237,27.2534 Z\",\n                                                            id: \"Fill-7\"\n                                                          }\n                                                        })\n                                                      ]\n                                                    )\n                                                  ]\n                                                )\n                                              ]\n                                            )\n                                          ]\n                                        )\n                                      ]\n                                    )\n                                  ]\n                                ),\n                                _vm._v(\n                                  \"\\n\\n                      +\\n                      \"\n                                )\n                              ]\n                            ),\n                            _vm._v(\" \"),\n                            _c(\n                              \"span\",\n                              { staticClass: \"d-md-none d-xl-block\" },\n                              [\n                                _vm._v(\n                                  \"\\n                        In die Naschtüte\\n                      \"\n                                )\n                              ]\n                            )\n                          ]\n                        )\n                      : _c(\n                          \"button\",\n                          {\n                            directives: [\n                              { name: \"tooltip\", rawName: \"v-tooltip\" }\n                            ],\n                            staticClass:\n                              \"btn btn-block btn-primary disabled article-card__btn\",\n                            attrs: {\n                              \"data-toggle\": \"tooltip\",\n                              \"data-placement\": \"top\",\n                              title: _vm._f(\n                                \"translate\"\n                              )(\"Ceres::Template.singleItemQuantityMax\", {\n                                max: _vm.item.variation.maximumOrderQuantity\n                              })\n                            }\n                          },\n                          [\n                            _c(\"i\", {\n                              directives: [\n                                {\n                                  name: \"waiting-animation\",\n                                  rawName: \"v-waiting-animation\",\n                                  value: _vm.isLoading,\n                                  expression: \"isLoading\"\n                                }\n                              ],\n                              staticClass: \"fa fa-shopping-cart\",\n                              attrs: { \"aria-hidden\": \"true\" }\n                            }),\n                            _vm._v(\n                              \"\\n                        In die Naschtüte\\n                    \"\n                            )\n                          ]\n                        )\n                  ]\n                )\n              ]\n            )\n          ])\n        ])\n      : _vm._e(),\n    _vm._v(\" \"),\n    !_vm.showQuantity && !_vm.useLargeScale && !_vm.isWishList\n      ? _c(\"div\", { staticClass: \"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.canBeAddedToBasket\n                ? _c(\n                    \"button\",\n                    {\n                      staticClass:\n                        \"btn btn-outline-primary mobile-width-button\",\n                      attrs: { type: \"button\" },\n                      on: {\n                        click: function($event) {\n                          return _vm.addToBasket()\n                        }\n                      }\n                    },\n                    [\n                      _c(\"i\", {\n                        staticClass: \"fa fa-cart-plus fa-lg mobile-icon-right\",\n                        attrs: { \"aria-hidden\": \"true\" }\n                      }),\n                      _vm._v(\" \"),\n                      _c(\"span\", { staticClass: \"mobile-text-only\" }, [\n                        _vm._v(\"In die Naschtüte\")\n                      ])\n                    ]\n                  )\n                : _vm._e(),\n              _vm._v(\" \"),\n              !_vm.canBeAddedToBasket\n                ? _c(\n                    \"button\",\n                    {\n                      staticClass:\n                        \"btn btn-outline-primary 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 mobile-icon-right\",\n                        attrs: { \"aria-hidden\": \"true\" }\n                      }),\n                      _vm._v(\" \"),\n                      _c(\"span\", { staticClass: \"mobile-text-only\" }, [\n                        _vm._v(\n                          _vm._s(_vm.$translate(\"Ceres::Template.itemShowItem\"))\n                        )\n                      ])\n                    ]\n                  )\n                : _vm._e()\n            ]\n          )\n        ])\n      : _vm._e(),\n    _vm._v(\" \"),\n    !_vm.showQuantity && !_vm.useLargeScale && _vm.isWishList\n      ? _c(\"div\", { staticClass: \"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.canBeAddedToBasket\n                ? _c(\n                    \"button\",\n                    {\n                      staticClass: \"btn btn-primary mobile-width-button\",\n                      attrs: { type: \"button\" },\n                      on: {\n                        click: function($event) {\n                          return _vm.addToBasket()\n                        }\n                      }\n                    },\n                    [\n                      _c(\"i\", {\n                        staticClass: \"fa fa-cart-plus fa-lg mobile-icon-right\",\n                        attrs: { \"aria-hidden\": \"true\" }\n                      }),\n                      _vm._v(\" \"),\n                      _c(\"span\", { staticClass: \"mobile-text-only\" }, [\n                        _vm._v(\"In die Naschtüte\")\n                      ])\n                    ]\n                  )\n                : _vm._e(),\n              _vm._v(\" \"),\n              !_vm.canBeAddedToBasket\n                ? _c(\n                    \"button\",\n                    {\n                      staticClass: \"btn btn-primary 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 mobile-icon-right\",\n                        attrs: { \"aria-hidden\": \"true\" }\n                      }),\n                      _vm._v(\" \"),\n                      _c(\"span\", { staticClass: \"mobile-text-only\" }, [\n                        _vm._v(\n                          _vm._s(_vm.$translate(\"Ceres::Template.itemShowItem\"))\n                        )\n                      ])\n                    ]\n                  )\n                : _vm._e()\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\"\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\"\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\"\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\" 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                <button type=\"button\" v-if=\"!canBeAddedToBasket\" 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\n    <div>\n        <div class=\"category-item__add-to-basket\" v-if=\"!showQuantity && useLargeScale && canBeAddedToBasket\"\n             v-tooltip data-toggle=\"tooltip\" data-placement=\"top\" title=\"In die Naschtüte\">\n            <button class=\"btn btn-primary btn-block article-card__btn\">In die Naschtüte</button>\n        </div>\n\n        <div class=\"category-item__add-to-basket\" v-if=\"!showQuantity && useLargeScale && !canBeAddedToBasket\"\n             v-tooltip data-toggle=\"tooltip\" data-placement=\"top\" :title=\"$translate('Ceres::Template.itemShowItem')\">\n            <button class=\"btn btn-primary btn-block article-card__btn article-card__btn--show\" @click=\"goToItem($event.target)\">{{ $translate(\"Ceres::Template.itemShowItem\") }}</button>\n        </div>\n\n        <div class=\"category-list-view-port\" v-if=\"showQuantity && !useLargeScale\">\n            <span>\n                <div :class=\"{'col-12 col-md-12 col-lg-12 my-3' : !onlyQty}\">\n                    <div class=\"add-to-basket-container d-flex justify-content-between\">\n                        <div class=\"quantity-input-container\">\n                            <quantity-input\n                                            :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 v-if=\"!allVariationsSelected\" class=\"btn btn-block btn-primary disabled article-card__btn\" v-tooltip data-toggle=\"tooltip\" data-placement=\"top\" :title=\"$translate('Ceres::Template.singleItemPleaseSelectValidVariation')\">\n                            In die Naschtüte\n                        </button>\n                        <button v-else-if=\"!buttonLockState\" :disabled=\"isLoading || !hasPrice\" class=\"btn btn-block btn-primary article-card__btn\" @click=\"addToBasket()\">\n                          <div class=\"d-none d-md-flex d-xl-none justify-content-center align-items-center\">\n                            <svg class=\"\" width=\"18\" height=\"25\" viewBox=\"0 0 35 42\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n                              <defs></defs>\n                              <g id=\"header/header-xl\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(-1608.000000, -84.000000)\">\n                                  <g id=\"header-lg\" fill=\"#FFFFFF\">\n                                      <g id=\"head\" transform=\"translate(0.000000, 45.000000)\">\n                                          <g id=\"basket\" transform=\"translate(1597.000000, 22.000000)\">\n                                              <g id=\"basket-full\" transform=\"translate(0.250000, 0.296875)\">\n                                                  <path d=\"M43.3893,57.0679 C43.3643,57.0959 43.3233,57.1309 43.2533,57.1309 L12.6013,57.1309 C12.5323,57.1309 12.4903,57.0959 12.4663,57.0679 C12.4453,57.0439 12.4253,57.0089 12.4213,56.9569 L14.2623,51.1149 L14.4113,20.4349 L15.1233,21.1469 L17.2593,19.0109 L19.3923,21.1469 L21.5243,19.0109 L23.6603,21.1469 L25.7933,19.0109 L27.9293,21.1469 L30.0623,19.0109 L32.1943,21.1469 L34.3303,19.0109 L36.4633,21.1469 L38.5993,19.0109 L40.7323,21.1469 L41.4443,20.4349 L41.5313,51.1079 L43.4343,56.9609 C43.4313,57.0089 43.4103,57.0439 43.3893,57.0679 M44.8373,56.7139 C44.9073,57.1749 44.7743,57.6409 44.4693,57.9959 C44.1633,58.3499 43.7223,58.5509 43.2533,58.5509 L12.6013,58.5509 C12.1363,58.5509 11.6913,58.3499 11.3893,57.9959 C11.0843,57.6409 10.9483,57.1719 11.0183,56.7139 L11.0423,56.6029 L13.0153,50.3399 L12.9903,48.4129 L12.9903,16.9999 L15.1233,19.1319 L17.2593,16.9999 L19.3923,19.1319 L21.5283,16.9999 L23.6603,19.1319 L25.7933,16.9999 L27.9293,19.1319 L30.0623,16.9999 L32.1983,19.1319 L34.3303,16.9999 L36.4633,19.1319 L38.5993,16.9999 L40.7323,19.1319 L42.8683,16.9999 L42.8683,49.0339 L42.7773,50.3439 L44.8373,56.7139 Z M33.6193,27.9653 C33.2263,27.9653 32.9073,28.2803 32.9073,28.6773 L32.9073,32.9423 C32.9073,35.6893 30.6733,37.9233 27.9293,37.9233 C25.1813,37.9233 22.9493,35.6893 22.9493,32.9423 L22.9493,28.6773 C22.9493,28.2803 22.6293,27.9653 22.2373,27.9653 C21.8443,27.9653 21.5243,28.2803 21.5243,28.6773 L21.5243,32.9423 C21.5243,36.4743 24.3963,39.3473 27.9293,39.3473 C31.4583,39.3473 34.3303,36.4743 34.3303,32.9423 L34.3303,28.6773 C34.3303,28.2803 34.0113,27.9653 33.6193,27.9653 Z M35.7511,29.3853 C36.1471,29.3853 36.4631,29.0703 36.4631,28.6773 C36.4631,27.1073 35.1891,25.8283 33.6191,25.8283 C32.0491,25.8283 30.7731,27.1073 30.7731,28.6773 C30.7731,29.0703 31.0901,29.3853 31.4861,29.3853 C31.8781,29.3853 32.1941,29.0703 32.1941,28.6773 C32.1941,27.8923 32.8341,27.2533 33.6191,27.2533 C34.4031,27.2533 35.0431,27.8923 35.0431,28.6773 C35.0431,29.0703 35.3591,29.3853 35.7511,29.3853 Z M22.237,27.2534 C23.022,27.2534 23.66,27.8924 23.66,28.6774 C23.66,29.0694 23.977,29.3854 24.373,29.3854 C24.765,29.3854 25.081,29.0694 25.081,28.6774 C25.081,27.1074 23.806,25.8284 22.237,25.8284 C20.667,25.8284 19.392,27.1074 19.392,28.6774 C19.392,29.0694 19.712,29.3854 20.104,29.3854 C20.497,29.3854 20.816,29.0694 20.816,28.6774 C20.816,27.8924 21.452,27.2534 22.237,27.2534 Z\" id=\"Fill-7\"></path>\n                                              </g>\n                                          </g>\n                                      </g>\n                                  </g>\n                              </g>\n                          </svg>\n\n                          +\n                          </div>\n\n\n                          <span class=\"d-md-none d-xl-block\">\n                            In die Naschtüte\n                          </span>\n                        </button>\n                        <button v-else\n                                class=\"btn btn-block btn-primary disabled article-card__btn\"\n                                v-tooltip\n                                data-toggle=\"tooltip\"\n                                data-placement=\"top\"\n                                :title=\"'Ceres::Template.singleItemQuantityMax' | translate({max: item.variation.maximumOrderQuantity})\"> <!-- :class=\"{'d-none' : onlyQty}\" -->\n                            <i v-waiting-animation=\"isLoading\" class=\"fa fa-shopping-cart\" aria-hidden=\"true\"></i>\n                            In die Naschtüte\n                        </button>\n\n                        <!--<add-to-wish-list :variation-id=\"variationId\"></add-to-wish-list>-->\n                    </div>\n                </div>\n\n            </span>\n        </div>\n\n        <div class=\"category-list-view-port\" v-if=\"!showQuantity && !useLargeScale && !isWishList\">\n            <div class=\"btn-group\" role=\"group\" aria-label=\"Thumb Control\">\n                <button type=\"button\" v-if=\"canBeAddedToBasket\" class=\"btn btn-outline-primary mobile-width-button\" @click=\"addToBasket()\">\n                    <i class=\"fa fa-cart-plus fa-lg mobile-icon-right\" aria-hidden=\"true\"></i>\n                    <span class=\"mobile-text-only\">In die Naschtüte</span>\n                </button>\n                <button type=\"button\" v-if=\"!canBeAddedToBasket\" class=\"btn btn-outline-primary mobile-width-button\" @click=\"directToItem()\">\n                    <i class=\"fa fa-arrow-right fa-lg mobile-icon-right\" aria-hidden=\"true\"></i>\n                    <span class=\"mobile-text-only\">{{ $translate(\"Ceres::Template.itemShowItem\") }}</span>\n                </button>\n            </div>\n        </div>\n\n        <div class=\"category-list-view-port\" v-if=\"!showQuantity && !useLargeScale && isWishList\">\n            <div class=\"btn-group\" role=\"group\" aria-label=\"Thumb Control\">\n                <button type=\"button\" v-if=\"canBeAddedToBasket\" class=\"btn btn-primary mobile-width-button\" @click=\"addToBasket()\">\n                    <i class=\"fa fa-cart-plus fa-lg mobile-icon-right\" aria-hidden=\"true\"></i>\n                    <span class=\"mobile-text-only\">In die Naschtüte</span>\n                </button>\n                <button type=\"button\" v-if=\"!canBeAddedToBasket\" class=\"btn btn-primary mobile-width-button\" @click=\"directToItem()\">\n                    <i class=\"fa fa-arrow-right fa-lg mobile-icon-right\" aria-hidden=\"true\"></i>\n                    <span class=\"mobile-text-only\">{{ $translate(\"Ceres::Template.itemShowItem\") }}</span>\n                </button>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport ExceptionMap from \"ceres/app/exceptions/ExceptionMap\";\nimport { navigateTo } from \"ceres/app/services/UrlService\";\nimport { isNullOrUndefined, isDefined } from \"ceres/app/helper/utils\";\nimport { mapState } from \"vuex\";\nimport { ButtonSizePropertyMixin } from \"ceres/app/mixins/buttonSizeProperty.mixin\";\nimport QuantityInput from \"../item/QuantityInput.vue\";\n\nconst NotificationService = require(\"ceres/app/services/NotificationService\");\n\nexport default {\n\tname: \"add-to-basket\",\n\n\tmixins: [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        onlyQty:\n        {\n            type: Boolean,\n            default:false\n        },\n        orderProperties:\n        {\n            type: Array,\n            default: () => []\n        },\n\t\t\t\thasOrderProperties:\n\t\t\t\t\t{\n\t\t\t\t\t\ttype: Boolean,\n\t\t\t\t\t\tdefault: false\n\t\t\t\t\t},\n\t\t\t\thasRequiredOrderProperty:\n\t\t\t\t\t{\n\t\t\t\t\t\ttype: Boolean,\n\t\t\t\t\t\tdefault: false\n\t\t\t\t\t},\n\t\t\t\thasPrice:\n\t\t\t\t\t{\n\t\t\t\t\t\ttype: Boolean,\n\t\t\t\t\t\tdefault: true\n\t\t\t\t\t},\n\t\t\t\thasGraduatedPrice:\n\t\t\t\t\t{\n\t\t\t\t\t\ttype: Boolean,\n\t\t\t\t\t\tdefault: false\n\t\t\t\t\t},\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    },\n\n    inject: {\n        itemId: {\n            default: null\n        }\n    },\n\n    computed:\n    {\n        isSet()\n        {\n            return (\n                this.$store.state.items[this.itemId]\n                && this.$store.state.items[this.itemId].variation\n                && this.$store.state.items[this.itemId].variation.documents[0].data.item.itemType === \"set\"\n            ) || this.itemType === \"set\";\n        },\n\n        canBeAddedToBasket()\n        {\n            return this.isSalable &&\n                !this.hasChildren &&\n                !(this.minimumQuantity != 1 || this.intervalQuantity != 1) &&\n                !this.requiresProperties &&\n                this.hasPrice &&\n\t\t\t\t\t\t\t\t!this.hasGraduatedPrice &&\n\t\t\t\t\t\t\t\t!this.isSet;\n        },\n\n        requiresProperties()\n        {\n\t\t\t\t\treturn (App.config.item.requireOrderProperties &&\n\t\t\t\t\t\t\t\t\t(this.hasOrderProperties || this.orderProperties.filter(property => property.property.isShownOnItemPage).length > 0)) ||\n\t\t\t\t\t\t\t\t\tthis.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        goToItem(event){\n            window.location.href = $(event).closest(\".thumb-content\").find(\"a.thumb-title\").attr(\"href\");\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                        if(window.innerWidth >= 992){\n                            setTimeout(function(){\n                                document.body.classList.remove(\"basket-open\");\n                            }, 3000);\n                        }\n\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/fhartwig/Sites/pp-sweets_online/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":""}