{"version":3,"sources":["webpack:///./resources/js/src/app/mixins/buttonSizeProperty.mixin.js","webpack:///./resources/js/src/app/components/basket/AddToBasket.vue","webpack:///resources/js/src/app/components/basket/AddToBasket.vue","webpack:///./resources/js/src/app/components/basket/AddToBasket.vue?553e","webpack:///./resources/js/src/app/components/basket/AddToBasket.vue?72a9","webpack:///./resources/js/src/app/components/item/QuantityInput.vue","webpack:///resources/js/src/app/components/item/QuantityInput.vue","webpack:///./resources/js/src/app/components/item/QuantityInput.vue?18a6","webpack:///./resources/js/src/app/components/item/QuantityInput.vue?8dc2"],"names":["BUTTON_SIZES","LEGACY_CLASS_MAP","ButtonSizePropertyMixin","props","buttonSize","type","String","default","validator","value","concat","_toConsumableArray","Object","keys","indexOf","computed","buttonSizeClass","hasOwnProperty","this","render","_vm","_c","_self","showQuantity","useLargeScale","canBeAddedToBasket","directives","name","rawName","staticClass","class","isLoading","attrs","title","$translate","on","click","$event","addToBasket","icon","loading","_e","_v","directToItem","$ceres","isItemView","isSaleableForUser","quantity","timeout","min","minimumQuantity","max","maximumQuantity","interval","intervalQuantity","variationId","waiting","isSalable","allVariationsSelected","updateQuantity","handleButtonState","buttonLockState","buttonClasses","style","paddingInlineStyles","_f","_s","disabled","hasPrice","tooltipText","isWishList","role","_withStripped","NotificationService","require","extractPropertiesAndSurcharge","orderProperties","totalSurcharge","orderParams","forEach","orderProperty","isNullOrUndefined","property","valueType","slice","App","decimalSeparator","substr","length","surcharge","push","propertyId","id","names","mixins","components","QuantityInput","itemUrl","Boolean","Number","hasChildren","Array","hasOrderProperties","hasRequiredOrderProperty","hasGraduatedPrice","paddingClasses","propQuantity","itemType","variationProperties","inject","itemId","_objectSpread","isSet","$store","state","items","variation","documents","data","item","requiresProperties","config","requireOrderProperties","filter","isShownOnItemPage","classes","isDefined","split","hasAvailableVariations","variationOrderQuantity","variationMissingProperties","getters","variationSelect","variations","some","isVariationSelected","isAddToBasketLoading","isSetLoading","mapState","basketItems","basket","isBasketLoading","mapGetters","methods","_step","_iterator","_createForOfIteratorHelper","s","n","done","_step2","_iterator2","properties","values","userClassId","err","e","f","_this","dispatch","undefined","showMissingPropertiesError","commit","orderParamsAndSurcharge","basketObject","basketItemOrderParams","totalOrderParamsMarkup","setComponents","setComponentIds","setComponent","setComponentOrderParamsAndSurcharge","prop","isOderProperty","then","response","document","dispatchEvent","CustomEvent","detail","error","ExceptionMap","get","exceptionCode","toString","placeholder","closeAfter","_step3","errorMsgContent","_iterator3","map","replace","navigateTo","watch","isNaN","component","ref","isDisabledVariationId","domProps","displayValue","change","setValue","target","isMaximum","compMax","expression","useAppearance","maximumHint","increaseValue","isMinimum","minimumHint","decreaseValue","required","variationIdToExcludeItem","excludedVariationIds","compValue","compMin","compInterval","compDecimals","onValueChanged","created","defaultValue","minDecimals","floatLength","intervalDecimals","Math","debounce","$emit","fetchQuantityFromBasket","variationBasketQuantity","_this2","itemSetVariationId","find","$options","filters","numberFormat","itemSetId","newValue","handler","oldValue","deep","newInterval","formatFloat","diff","parseFloat","limit","$refs","quantityInputField"],"mappings":"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","file":"chunks/ceres-0.min.js","sourcesContent":["const BUTTON_SIZES = [\"btn-sm\", \"btn-lg\"];\n\nconst LEGACY_CLASS_MAP = {\n    \"sm\": \"btn-sm\",\n    \"md\": \"\",\n    \"lg\": \"btn-lg\"\n};\n\nexport const ButtonSizePropertyMixin =\n{\n    props: {\n        buttonSize:\n        {\n            type: [String, null],\n            default: null,\n            validator: value =>\n            {\n                return [\n                    \"\",\n                    ...BUTTON_SIZES,\n                    ...Object.keys(LEGACY_CLASS_MAP)\n                ].indexOf(value) !== -1;\n            }\n        }\n    },\n\n    computed: {\n        buttonSizeClass()\n        {\n            if (LEGACY_CLASS_MAP.hasOwnProperty(this.buttonSize))\n            {\n                return LEGACY_CLASS_MAP[this.buttonSize];\n            }\n\n            return this.buttonSize;\n        }\n    }\n};\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", [\n    !_vm.showQuantity && _vm.useLargeScale && _vm.canBeAddedToBasket\n      ? _c(\n          \"div\",\n          {\n            directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n            staticClass: \"add-to-basket-lg-container d-none d-lg-block\",\n            class: { \"no-pointer-events\": _vm.isLoading },\n            attrs: {\n              \"data-toggle\": \"tooltip\",\n              \"data-placement\": \"top\",\n              title: _vm.$translate(\"Ceres::Template.singleItemAddToBasket\"),\n            },\n            on: {\n              click: function ($event) {\n                return _vm.addToBasket()\n              },\n            },\n          },\n          [\n            _c(\"icon\", {\n              staticClass: \"fa-lg mobile-icon-right\",\n              attrs: { icon: \"cart-plus\", loading: _vm.isLoading },\n            }),\n          ],\n          1\n        )\n      : _vm._e(),\n    _vm._v(\" \"),\n    !_vm.showQuantity && _vm.useLargeScale && !_vm.canBeAddedToBasket\n      ? _c(\n          \"div\",\n          {\n            directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n            staticClass: \"add-to-basket-lg-container d-none d-lg-block\",\n            attrs: {\n              \"data-toggle\": \"tooltip\",\n              \"data-placement\": \"top\",\n              title: _vm.$translate(\"Ceres::Template.itemShowItem\"),\n            },\n            on: {\n              click: function ($event) {\n                return _vm.directToItem()\n              },\n            },\n          },\n          [\n            _c(\"i\", {\n              staticClass: \"fa fa-arrow-right fa-lg d-none d-sm-block\",\n            }),\n          ]\n        )\n      : _vm._e(),\n    _vm._v(\" \"),\n    _vm.showQuantity && !_vm.useLargeScale\n      ? _c(\n          \"div\",\n          {\n            staticClass: \"d-inline\",\n            class: { \"d-lg-none\": !_vm.$ceres.isItemView },\n          },\n          [\n            _vm.isSaleableForUser()\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: [\n                            { name: \"tooltip\", rawName: \"v-tooltip\" },\n                          ],\n                          staticClass:\n                            \"btn btn-block btn-primary btn-appearance disabled\",\n                          class: _vm.buttonClasses,\n                          style: _vm.paddingInlineStyles,\n                          attrs: {\n                            \"data-toggle\": \"tooltip\",\n                            \"data-placement\": \"top\",\n                            title: _vm.tooltipText,\n                          },\n                        },\n                        [\n                          _c(\"i\", {\n                            staticClass: \"fa fa-shopping-cart\",\n                            attrs: { \"aria-hidden\": \"true\" },\n                          }),\n                          _vm._v(\n                            \"\\n                \" +\n                              _vm._s(\n                                _vm.$translate(\n                                  \"Ceres::Template.singleItemAddToBasket\"\n                                )\n                              ) +\n                              \"\\n            \"\n                          ),\n                        ]\n                      )\n                    : !_vm.buttonLockState\n                    ? _c(\n                        \"button\",\n                        {\n                          staticClass:\n                            \"btn btn-block btn-primary btn-appearance\",\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: {\n                              icon: \"shopping-cart\",\n                              loading: _vm.isLoading,\n                            },\n                          }),\n                          _vm._v(\n                            \"\\n                \" +\n                              _vm._s(\n                                _vm.$translate(\n                                  \"Ceres::Template.singleItemAddToBasket\"\n                                )\n                              ) +\n                              \"\\n            \"\n                          ),\n                        ],\n                        1\n                      )\n                    : _c(\n                        \"button\",\n                        {\n                          directives: [\n                            { name: \"tooltip\", rawName: \"v-tooltip\" },\n                          ],\n                          staticClass:\n                            \"btn btn-block btn-primary btn-appearance disabled\",\n                          class: _vm.buttonClasses,\n                          style: _vm.paddingInlineStyles,\n                          attrs: {\n                            \"data-toggle\": \"tooltip\",\n                            \"data-placement\": \"top\",\n                            title: _vm._f(\"translate\")(\n                              \"Ceres::Template.singleItemQuantityMax\",\n                              { max: _vm.maximumQuantity }\n                            ),\n                          },\n                        },\n                        [\n                          _c(\"icon\", {\n                            attrs: {\n                              icon: \"shopping-cart\",\n                              waiting: _vm.isLoading,\n                            },\n                          }),\n                          _vm._v(\n                            \"\\n                \" +\n                              _vm._s(\n                                _vm.$translate(\n                                  \"Ceres::Template.singleItemAddToBasket\"\n                                )\n                              ) +\n                              \"\\n            \"\n                          ),\n                        ],\n                        1\n                      ),\n                ])\n              : _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: true,\n                        },\n                        on: {\n                          \"quantity-change\": _vm.updateQuantity,\n                          \"out-of-stock\": _vm.handleButtonState,\n                        },\n                      }),\n                    ],\n                    1\n                  ),\n                  _vm._v(\" \"),\n                  _c(\n                    \"button\",\n                    {\n                      directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n                      staticClass:\n                        \"btn btn-block btn-primary btn-appearance disabled\",\n                      class: _vm.buttonClasses,\n                      style: _vm.paddingInlineStyles,\n                      attrs: {\n                        \"data-toggle\": \"tooltip\",\n                        \"data-placement\": \"top\",\n                        title: _vm._f(\"translate\")(\n                          \"LucxCeres::Template.notSaleableForDealer\"\n                        ),\n                      },\n                    },\n                    [\n                      _c(\"icon\", {\n                        attrs: {\n                          icon: \"shopping-cart\",\n                          waiting: _vm.isLoading,\n                        },\n                      }),\n                      _vm._v(\n                        \"\\n                \" +\n                          _vm._s(\n                            _vm.$translate(\n                              \"Ceres::Template.singleItemAddToBasket\"\n                            )\n                          ) +\n                          \"\\n            \"\n                      ),\n                    ],\n                    1\n                  ),\n                ]),\n          ]\n        )\n      : _vm._e(),\n    _vm._v(\" \"),\n    !_vm.showQuantity && !_vm.useLargeScale\n      ? _c(\n          \"div\",\n          { staticClass: \"d-inline\", class: { \"d-lg-none\": !_vm.isWishList } },\n          [\n            _c(\n              \"div\",\n              {\n                staticClass: \"btn-group\",\n                attrs: { role: \"group\", \"aria-label\": \"Thumb Control\" },\n              },\n              [\n                _vm.canBeAddedToBasket ||\n                (_vm.isWishList && _vm.isSaleableForUser())\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                  : _c(\n                      \"button\",\n                      {\n                        staticClass:\n                          \"btn btn-outline-primary btn-outline-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\"\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\" v-if=\"isSaleableForUser()\">\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 class=\"add-to-basket-container\" v-else>\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=\"true\">\n                    </quantity-input>\n                </div>\n\n                <button\n                    class=\"btn btn-block btn-primary btn-appearance disabled\"\n                    v-tooltip\n                    data-toggle=\"tooltip\"\n                    data-placement=\"top\"\n                    :title=\"'LucxCeres::Template.notSaleableForDealer' | translate()\"\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 || (isWishList && isSaleableForUser())\" 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-else class=\"btn btn-outline-primary btn-outline-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 { navigateTo } from \"../../services/UrlService\";\nimport { isNullOrUndefined, isDefined } from \"../../helper/utils\";\nimport { mapState, mapGetters } 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        variationProperties:\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        canBeAddedToBasket()\n        {\n            return this.isSaleableForUser() &&\n                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        // not saleable for b2b (userClassId 1 & 2)\n        ...mapState({\n            basketItems: state => state.basket.items,\n            isBasketLoading: state => state.basket.isBasketLoading\n        }),\n\n        ...mapGetters([\n            \"userClassId\"\n        ])\n    },\n\n    data()\n    {\n        return {\n            quantity: 1,\n            buttonLockState: false\n        };\n    },\n\n    methods:\n    {\n        isSaleableForUser()\n        {\n            if(!isNullOrUndefined(this.variationProperties)) {\n                for (const properties of this.variationProperties) {\n                    for (const property of properties.properties) {\n                        // important: value == 1 is correct\n                        if (([62].indexOf(property.id) > -1) && (property.values.value == 1)) {\n                            if (this.userClassId === 1 || this.userClassId === 2)\n                            {\n                                return false;\n                            }\n                        }\n                    }\n                }\n            }\n            return true;\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=3c312c3a\"\nimport script from \"./AddToBasket.vue?vue&type=script&lang=js\"\nexport * from \"./AddToBasket.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { staticClass: \"qty-box d-flex h-100\" }, [\n    _c(\"input\", {\n      ref: \"quantityInputField\",\n      staticClass: \"qty-input text-center\",\n      attrs: {\n        type: \"text\",\n        disabled: _vm.waiting || _vm.isDisabledVariationId,\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 || _vm.isDisabledVariationId,\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            disabled: _vm.isDisabledVariationId,\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 || _vm.isDisabledVariationId,\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            disabled: _vm.isDisabledVariationId,\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 || isDisabledVariationId\"\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 || isDisabledVariationId, '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                    :disabled=\"isDisabledVariationId\"\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 || isDisabledVariationId, '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                :disabled=\"isDisabledVariationId\"\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        variationIdToExcludeItem: {\n            type: Number,\n            required: false\n        },\n        excludedVariationIds: {\n            type: Array,\n            default: () => ([224523])\n        }\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        isDisabledVariationId()\n        {\n            return isDefined(this.variationIdToExcludeItem) && this.excludedVariationIds.indexOf(this.variationIdToExcludeItem) > -1;\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=05c62510\"\nimport script from \"./QuantityInput.vue?vue&type=script&lang=js\"\nexport * from \"./QuantityInput.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}