{"version":3,"sources":["webpack:///./resources/js/src/app/eros/components/item/QuantityInput.vue","webpack:///resources/js/src/app/eros/components/item/QuantityInput.vue","webpack:///./resources/js/src/app/eros/components/item/QuantityInput.vue?b247","webpack:///./resources/js/src/app/eros/components/item/QuantityInput.vue?a5c5"],"names":["render","_vm","this","_c","_self","staticClass","ref","attrs","waiting","$translate","domProps","displayValue","on","$event","setValue","target","value","_v","directives","name","rawName","isMaximum","compMax","expression","class","useAppearance","maximumHint","increaseValue","isMinimum","minimumHint","decreaseValue","_withStripped","component"],"mappings":"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","file":"chunks/eros-67.min.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"qty-box d-flex h-100 justify-content-end\"},[_c('input',{ref:\"quantityInputField\",staticClass:\"qty-input text-center\",attrs:{\"type\":\"text\",\"disabled\":_vm.waiting,\"aria-label\":_vm.$translate('Ceres::Template.itemQuantityInput')},domProps:{\"value\":_vm.displayValue},on:{\"change\":function($event){return _vm.setValue($event.target.value)}}}),_vm._v(\" \"),_c('div',{staticClass:\"qty-btn-container d-flex flex-column\"},[_c('button',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:(_vm.isMaximum && _vm.compMax !== 0),expression:\"isMaximum && compMax !== 0\"}],staticClass:\"btn qty-btn flex-fill d-flex justify-content-center p-0\",class:{ 'disabled': _vm.isMaximum || _vm.waiting, 'btn-appearance': _vm.useAppearance },attrs:{\"data-toggle\":\"tooltip\",\"data-placement\":\"top\",\"data-testing\":\"quantity-btn-increase\",\"title\":_vm.maximumHint,\"aria-label\":_vm.$translate('Ceres::Template.itemQuantityInputIncrease')},on:{\"click\":function($event){return _vm.increaseValue()}}},[_c('i',{staticClass:\"fa fa-chevron-up default-float\",attrs:{\"aria-hidden\":\"true\"}})]),_vm._v(\" \"),_c('button',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:(_vm.isMinimum && _vm.compMax !== 0),expression:\"isMinimum && compMax !== 0\"}],staticClass:\"btn qty-btn flex-fill d-flex justify-content-center p-0\",class:{ 'disabled': _vm.isMinimum || _vm.waiting, 'btn-appearance': _vm.useAppearance },attrs:{\"data-toggle\":\"tooltip\",\"data-placement\":\"bottom\",\"data-testing\":\"quantity-btn-decrease\",\"title\":_vm.minimumHint,\"aria-label\":_vm.$translate('Ceres::Template.itemQuantityInputDecrease')},on:{\"click\":function($event){return _vm.decreaseValue()}}},[_c('i',{staticClass:\"fa fa-chevron-down default-float\",attrs:{\"aria-hidden\":\"true\"}})])])])\n}\nvar staticRenderFns = []\nrender._withStripped = true\nexport { render, staticRenderFns }","<template>\n    <div class=\"qty-box d-flex h-100 justify-content-end\">\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\t\t\t   :aria-label=\"$translate('Ceres::Template.itemQuantityInput')\">\n\n        <div class=\"qty-btn-container d-flex flex-column\">\n            <button class=\"btn qty-btn flex-fill d-flex justify-content-center p-0\"\n                 @click=\"increaseValue()\"\n                 :class=\"{ 'disabled': isMaximum || waiting, 'btn-appearance': useAppearance }\"\n                 v-tooltip=\"isMaximum && compMax !== 0\"\n                 data-toggle=\"tooltip\"\n                 data-placement=\"top\"\n                 data-testing=\"quantity-btn-increase\"\n                 :title=\"maximumHint\"\n\t\t\t\t :aria-label=\"$translate('Ceres::Template.itemQuantityInputIncrease')\">\n                <i class=\"fa fa-chevron-up default-float\" aria-hidden=\"true\"></i>\n            </button>\n\n            <button class=\"btn qty-btn flex-fill d-flex justify-content-center p-0\"\n                 @click=\"decreaseValue()\"\n                 :class=\"{ 'disabled': isMinimum || waiting, 'btn-appearance': useAppearance }\"\n                 v-tooltip=\"isMinimum && compMax !== 0\"\n                 data-toggle=\"tooltip\"\n                 data-placement=\"bottom\"\n                 data-testing=\"quantity-btn-decrease\"\n                 :title=\"minimumHint\"\n\t\t\t\t :aria-label=\"$translate('Ceres::Template.itemQuantityInputDecrease')\">\n                <i class=\"fa fa-chevron-down default-float\" aria-hidden=\"true\"></i>\n            </button>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { floatLength, formatFloat, limit } from \"../../../ceres/helper/number\";\nimport { defaultValue, isDefined, isNullOrUndefined } from \"../../../ceres/helper/utils\";\nimport { debounce } from \"../../../ceres/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\t\tconst minDecimals = floatLength(this.min);\n        const intervalDecimals = floatLength(this.compInterval);\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        interval(newInterval)\n        {\n            this.compInterval = defaultValue(newInterval, 1)\n\t\t}\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=1ae2063c\"\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":""}