{"version":3,"sources":["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?8dc2","webpack:///./resources/js/src/app/components/item/QuantityInput.vue?f4be","webpack:///./resources/js/src/app/components/item/QuantityInput.vue?48eb"],"names":["name","props","value","type","Number","required","timeout","default","min","max","interval","waiting","Boolean","variationId","useAppearance","data","compValue","compMin","compMax","compInterval","compDecimals","onValueChanged","created","_this","defaultValue","minDecimals","floatLength","intervalDecimals","Math","debounce","$emit","isNullOrUndefined","fetchQuantityFromBasket","computed","_objectSpread","variationBasketQuantity","_this2","itemSetVariationId","basketObject","$store","state","basket","items","find","variations","quantity","isMinimum","isDefined","isMaximum","minimumHint","$translate","$options","filters","numberFormat","maximumHint","displayValue","itemSetId","getters","concat","variation","id","mapState","basketItems","watch","newValue","handler","oldValue","deep","setValue","newInterval","methods","increaseValue","formatFloat","decreaseValue","replace","App","decimalSeparator","parseFloat","isNaN","limit","diff","$refs","quantityInputField","render","_vm","_c","_self","staticClass","ref","attrs","disabled","domProps","on","change","$event","target","_v","directives","rawName","expression","class","title","click","xmlns","width","height","viewBox","transform","fill","opacity","y2","stroke","x2","staticRenderFns","_withStripped"],"mappings":"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","file":"chunks/ceres-client-0.js","sourcesContent":["<template>\n    <div class=\"qty-box d-flex h-100\">\n        <input class=\"qty-input text-center\"\n               type=\"text\"\n               :value=\"displayValue\"\n               @change=\"setValue($event.target.value)\"\n               :disabled=\"waiting\"\n               ref=\"quantityInputField\"\n               :aria-label=\"$translate('Ceres::Template.itemQuantityInput')\">\n\n        <div class=\"qty-btn-container d-flex flex-column\">\n            <button class=\"btn btn-up qty-btn flex-fill d-flex justify-content-center p-0\"\n                 @click=\"increaseValue()\"\n                 :class=\"{ 'disabled': isMaximum || waiting, 'btn-appearance': useAppearance }\"\n                 v-tooltip=\"isMaximum && compMax !== 0\"\n                 data-toggle=\"tooltip\"\n                 data-placement=\"top\"\n                 data-testing=\"quantity-btn-increase\"\n                 :title=\"maximumHint\"\n                 :aria-label=\"$translate('Ceres::Template.itemQuantityInputIncrease')\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\">\n                    <g id=\"Icon\" transform=\"translate(0.781 1)\">\n                        <rect id=\"Area\" width=\"12\" height=\"12\" transform=\"translate(0.219)\" fill=\"#697578\" opacity=\"0\"/>\n                        <g id=\"Icon-2\" data-name=\"Icon\" transform=\"translate(0.219 0)\">\n                        <line id=\"d729310e-840d-40d6-ac59-bed71cd561d7\" y2=\"12\" transform=\"translate(6 0)\" fill=\"none\" stroke=\"#697578\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/>\n                        <line id=\"e0ce4bba-91a5-45b4-a5c7-f08c3a767f6a\" x2=\"12\" transform=\"translate(0 6)\" fill=\"none\" stroke=\"#697578\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/>\n                        </g>\n                    </g>\n                </svg>\n            </button>\n\n            <button class=\"btn btn-down qty-btn flex-fill d-flex justify-content-center p-0\"\n                 @click=\"decreaseValue()\"\n                 :class=\"{ 'disabled': isMinimum || waiting, 'btn-appearance': useAppearance }\"\n                 v-tooltip=\"isMinimum && compMax !== 0\"\n                 data-toggle=\"tooltip\"\n                 data-placement=\"bottom\"\n                 data-testing=\"quantity-btn-decrease\"\n                 :title=\"minimumHint\"\n                 :aria-label=\"$translate('Ceres::Template.itemQuantityInputDecrease')\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"12\" viewBox=\"0 0 14 12\">\n                    <g id=\"Icon\" transform=\"translate(1)\">\n                        <rect id=\"Area\" width=\"12\" height=\"12\" fill=\"#fcfcfc\" opacity=\"0\"/>\n                        <g id=\"Icon-2\" data-name=\"Icon\" transform=\"translate(0 6.217)\">\n                        <line id=\"_648e5c59-df75-4e73-9a5f-2255072b5a73\" data-name=\"648e5c59-df75-4e73-9a5f-2255072b5a73\" x2=\"12\" transform=\"translate(0 -0.217)\" fill=\"none\" stroke=\"#697578\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"/>\n                        </g>\n                    </g>\n                </svg>\n            </button>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { floatLength, formatFloat, limit } from \"../../helper/number\";\nimport { defaultValue, isDefined, isNullOrUndefined } from \"../../helper/utils\";\nimport { debounce } from \"../../helper/debounce\";\nimport { mapState } from \"vuex\";\n\nexport default {\n    name: \"quantity-input\",\n\n    props: {\n        value: {\n            type: Number,\n            required: true\n        },\n        timeout: {\n            type: Number,\n            required: false,\n            default: 500\n        },\n        min: {\n            type: Number,\n            required: false,\n            default: 0\n        },\n        max: {\n            type: Number,\n            required: false\n        },\n        interval: {\n            type: Number,\n            required: false,\n            default: 1\n        },\n        waiting: {\n            type: Boolean,\n            required: false\n        },\n        variationId: {\n            type: Number,\n            required: false\n        },\n        useAppearance: Boolean\n    },\n\n    data()\n    {\n        return {\n            compValue:      this.value,\n            compMin:        this.min,\n            compMax:        this.max,\n            compInterval:   this.interval,\n            compDecimals:   0,\n            onValueChanged: null\n        };\n    },\n\n    created()\n    {\n        this.compInterval = defaultValue(this.compInterval, 1);\n        this.compInterval = this.compInterval === 0 ? 1 : this.compInterval;\n\n        const minDecimals = floatLength(this.min);\n        const intervalDecimals = floatLength(this.compInterval);\n\n        this.compDecimals = Math.max(minDecimals, intervalDecimals);\n\n        this.onValueChanged = debounce(() =>\n        {\n            this.$emit(\"quantity-change\", this.compValue);\n        }, defaultValue(this.timeout, 500));\n\n        if (!isNullOrUndefined(this.variationId))\n        {\n            this.fetchQuantityFromBasket();\n        }\n    },\n\n    computed:\n    {\n        variationBasketQuantity()\n        {\n            if (isNullOrUndefined(this.variationId))\n            {\n                return 0;\n            }\n\n            if(this.itemSetVariationId <= 0 || this.variationId === this.itemSetVariationId)\n            {\n                const basketObject = this.$store.state.basket.items.find(variations => variations.variationId === this.variationId);\n\n                return basketObject ? basketObject.quantity : 0;\n            }\n\n            return 0;\n        },\n\n        isMinimum()\n        {\n            return isDefined(this.compMin) && (this.compValue - this.compInterval) < this.compMin;\n        },\n\n        isMaximum()\n        {\n            return isDefined(this.compMax) && (this.compValue + this.compInterval) > this.compMax;\n        },\n\n        minimumHint()\n        {\n            return this.$translate(\n                \"Ceres::Template.singleItemQuantityMin\",\n                {\n                    min: this.$options.filters.numberFormat(this.compMin)\n                }\n            );\n        },\n\n        maximumHint()\n        {\n            return this.$translate(\n                \"Ceres::Template.singleItemQuantityMax\",\n                {\n                    max: this.$options.filters.numberFormat(this.max)\n                }\n            );\n        },\n\n        displayValue()\n        {\n            return this.$options.filters.numberFormat(this.compValue);\n        },\n\n        itemSetVariationId()\n        {\n            if (this.$store.state.items.itemSetId > 0)\n            {\n                return this.$store.getters[`${this.$store.state.items.itemSetId}/currentItemVariation`].variation.id;\n            }\n\n            return 0;\n        },\n\n        ...mapState({\n            basketItems: state => state.basket.items\n        })\n    },\n\n    watch:\n    {\n        variationId(newValue)\n        {\n            if (isDefined(newValue))\n            {\n                this.fetchQuantityFromBasket();\n            }\n        },\n\n        basketItems:\n        {\n            handler(newValue, oldValue)\n            {\n                if (isDefined(this.variationId))\n                {\n                    this.fetchQuantityFromBasket();\n                }\n            },\n            deep: true\n        },\n\n        min(newValue)\n        {\n            this.compMin = newValue;\n            this.fetchQuantityFromBasket();\n        },\n\n        max(newValue)\n        {\n            this.compMax = newValue;\n            this.fetchQuantityFromBasket();\n        },\n\n        value(newValue, oldValue)\n        {\n            if (newValue !== oldValue)\n            {\n                this.setValue(newValue);\n            }\n        },\n\n        interval(newInterval)\n        {\n            this.compInterval = defaultValue(newInterval, 1)\n        }\n    },\n\n    methods:\n    {\n        increaseValue()\n        {\n            const newValue = formatFloat(this.compValue + this.compInterval, this.compDecimals);\n\n            if ((isNullOrUndefined(this.compMax) || newValue <= this.compMax) && !this.waiting)\n            {\n                this.setValue(newValue);\n            }\n        },\n\n        decreaseValue()\n        {\n            const newValue = formatFloat(this.compValue - this.compInterval, this.compDecimals);\n\n            if ((isNullOrUndefined(this.compMin) || newValue >= this.compMin) && !this.waiting)\n            {\n                this.setValue(newValue);\n            }\n        },\n\n        setValue(value)\n        {\n            // consider the configured decimal seperator (if the input is typed in the input field)\n            if (typeof value === \"string\")\n            {\n                value = value.replace(App.decimalSeparator || \",\", \".\");\n            }\n\n            value = parseFloat(value);\n            if (isNaN(value))\n            {\n                value = defaultValue(this.compMin, 1);\n            }\n\n            // limit new value to min/ max value\n            value = limit(value, this.compMin, this.compMax);\n\n            // make sure, new value is an even multiple of interval\n            let diff;\n            if (this.variationBasketQuantity === 0 && this.min !== 0)\n            {\n                diff = formatFloat((value - this.min) % this.compInterval, this.compDecimals, true);\n            }\n            else\n            {\n                diff = formatFloat(value % this.compInterval, this.compDecimals, true);\n            }\n\n            if (diff > 0 && diff !== this.compInterval)\n            {\n                if (diff < this.compInterval / 2)\n                {\n                    value -= diff;\n                }\n                else\n                {\n                    value += this.compInterval - diff;\n                }\n                value = limit(value, this.compMin, this.compMax);\n            }\n\n            // cut fraction\n            value = formatFloat(value, this.compDecimals);\n\n            if (value !== this.compValue)\n            {\n                this.compValue = value;\n                this.onValueChanged();\n            }\n            else if (!isNullOrUndefined(this.$refs.quantityInputField))\n            {\n                this.$refs.quantityInputField.value = this.displayValue;\n            }\n        },\n\n        fetchQuantityFromBasket()\n        {\n            if (!isNullOrUndefined(this.min) && this.variationBasketQuantity >= this.min && this.variationBasketQuantity !== 0)\n            {\n                // set the minimum value to the interval, if the item is already in the basket\n                this.compMin = this.compInterval;\n            }\n            else if (this.variationBasketQuantity === 0)\n            {\n                // reset the minimum, when item is not in the basket\n                this.compMin = this.min;\n            }\n\n            if (!isNullOrUndefined(this.max))\n            {\n                // decrease maximum quantity by quantity of variations already in basket\n                this.compMax = this.max - this.variationBasketQuantity;\n\n                if (this.variationBasketQuantity + this.compInterval > this.max)\n                {\n                    this.compMin = 0;\n                    this.compMax = 0;\n                    this.$emit(\"out-of-stock\", true);\n                }\n                else\n                {\n                    this.$emit(\"out-of-stock\", false);\n                }\n            }\n            else\n            {\n                this.$emit(\"out-of-stock\", false);\n            }\n\n            this.setValue(this.compMin);\n        }\n    }\n}\n</script>\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { staticClass: \"qty-box d-flex h-100\" }, [\n    _c(\"input\", {\n      ref: \"quantityInputField\",\n      staticClass: \"qty-input text-center\",\n      attrs: {\n        type: \"text\",\n        disabled: _vm.waiting,\n        \"aria-label\": _vm.$translate(\"Ceres::Template.itemQuantityInput\"),\n      },\n      domProps: { value: _vm.displayValue },\n      on: {\n        change: function ($event) {\n          return _vm.setValue($event.target.value)\n        },\n      },\n    }),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"qty-btn-container d-flex flex-column\" }, [\n      _c(\n        \"button\",\n        {\n          directives: [\n            {\n              name: \"tooltip\",\n              rawName: \"v-tooltip\",\n              value: _vm.isMaximum && _vm.compMax !== 0,\n              expression: \"isMaximum && compMax !== 0\",\n            },\n          ],\n          staticClass:\n            \"btn btn-up qty-btn flex-fill d-flex justify-content-center p-0\",\n          class: {\n            disabled: _vm.isMaximum || _vm.waiting,\n            \"btn-appearance\": _vm.useAppearance,\n          },\n          attrs: {\n            \"data-toggle\": \"tooltip\",\n            \"data-placement\": \"top\",\n            \"data-testing\": \"quantity-btn-increase\",\n            title: _vm.maximumHint,\n            \"aria-label\": _vm.$translate(\n              \"Ceres::Template.itemQuantityInputIncrease\"\n            ),\n          },\n          on: {\n            click: function ($event) {\n              return _vm.increaseValue()\n            },\n          },\n        },\n        [\n          _c(\n            \"svg\",\n            {\n              attrs: {\n                xmlns: \"http://www.w3.org/2000/svg\",\n                width: \"14\",\n                height: \"14\",\n                viewBox: \"0 0 14 14\",\n              },\n            },\n            [\n              _c(\n                \"g\",\n                { attrs: { id: \"Icon\", transform: \"translate(0.781 1)\" } },\n                [\n                  _c(\"rect\", {\n                    attrs: {\n                      id: \"Area\",\n                      width: \"12\",\n                      height: \"12\",\n                      transform: \"translate(0.219)\",\n                      fill: \"#697578\",\n                      opacity: \"0\",\n                    },\n                  }),\n                  _vm._v(\" \"),\n                  _c(\n                    \"g\",\n                    {\n                      attrs: {\n                        id: \"Icon-2\",\n                        \"data-name\": \"Icon\",\n                        transform: \"translate(0.219 0)\",\n                      },\n                    },\n                    [\n                      _c(\"line\", {\n                        attrs: {\n                          id: \"d729310e-840d-40d6-ac59-bed71cd561d7\",\n                          y2: \"12\",\n                          transform: \"translate(6 0)\",\n                          fill: \"none\",\n                          stroke: \"#697578\",\n                          \"stroke-linecap\": \"round\",\n                          \"stroke-linejoin\": \"round\",\n                          \"stroke-width\": \"2\",\n                        },\n                      }),\n                      _vm._v(\" \"),\n                      _c(\"line\", {\n                        attrs: {\n                          id: \"e0ce4bba-91a5-45b4-a5c7-f08c3a767f6a\",\n                          x2: \"12\",\n                          transform: \"translate(0 6)\",\n                          fill: \"none\",\n                          stroke: \"#697578\",\n                          \"stroke-linecap\": \"round\",\n                          \"stroke-linejoin\": \"round\",\n                          \"stroke-width\": \"2\",\n                        },\n                      }),\n                    ]\n                  ),\n                ]\n              ),\n            ]\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 btn-down qty-btn flex-fill d-flex justify-content-center p-0\",\n          class: {\n            disabled: _vm.isMinimum || _vm.waiting,\n            \"btn-appearance\": _vm.useAppearance,\n          },\n          attrs: {\n            \"data-toggle\": \"tooltip\",\n            \"data-placement\": \"bottom\",\n            \"data-testing\": \"quantity-btn-decrease\",\n            title: _vm.minimumHint,\n            \"aria-label\": _vm.$translate(\n              \"Ceres::Template.itemQuantityInputDecrease\"\n            ),\n          },\n          on: {\n            click: function ($event) {\n              return _vm.decreaseValue()\n            },\n          },\n        },\n        [\n          _c(\n            \"svg\",\n            {\n              attrs: {\n                xmlns: \"http://www.w3.org/2000/svg\",\n                width: \"14\",\n                height: \"12\",\n                viewBox: \"0 0 14 12\",\n              },\n            },\n            [\n              _c(\"g\", { attrs: { id: \"Icon\", transform: \"translate(1)\" } }, [\n                _c(\"rect\", {\n                  attrs: {\n                    id: \"Area\",\n                    width: \"12\",\n                    height: \"12\",\n                    fill: \"#fcfcfc\",\n                    opacity: \"0\",\n                  },\n                }),\n                _vm._v(\" \"),\n                _c(\n                  \"g\",\n                  {\n                    attrs: {\n                      id: \"Icon-2\",\n                      \"data-name\": \"Icon\",\n                      transform: \"translate(0 6.217)\",\n                    },\n                  },\n                  [\n                    _c(\"line\", {\n                      attrs: {\n                        id: \"_648e5c59-df75-4e73-9a5f-2255072b5a73\",\n                        \"data-name\": \"648e5c59-df75-4e73-9a5f-2255072b5a73\",\n                        x2: \"12\",\n                        transform: \"translate(0 -0.217)\",\n                        fill: \"none\",\n                        stroke: \"#697578\",\n                        \"stroke-linecap\": \"round\",\n                        \"stroke-linejoin\": \"round\",\n                        \"stroke-width\": \"2\",\n                      },\n                    }),\n                  ]\n                ),\n              ]),\n            ]\n          ),\n        ]\n      ),\n    ]),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","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(\"C:\\\\PlentyMarkets\\\\19680\\\\44\\\\CeresCoconut\\\\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","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&\"","export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./QuantityInput.vue?vue&type=template&id=62163595&\""],"sourceRoot":""}