{"version":3,"sources":["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"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","displayValue","attrs","name","mode","title","$translate","id","_uid","disabled","waiting","domProps","value","on","change","$event","setValue","target","_v","for","_s","ref","type","placeholder","_withStripped","component","options","__file"],"mappings":"kGAAA,IAAIA,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eACTC,EAAKJ,EAAIK,MAAMD,IAAMF,EACzB,OAAOE,EACL,MACA,CACEE,YAAa,qBACbC,MAAO,CAAE,+BAAgCP,EAAIQ,cAAgB,KAE/D,CACEJ,EAAG,aAAc,CAAEK,MAAO,CAAEC,KAAM,OAAQC,KAAM,WAAc,CAC5DX,EAAIQ,aAAe,GACfJ,EAAG,MAAO,CAAEE,YAAa,6BAA+B,CACtDF,EACE,SACA,CACEE,YAAa,oBACbG,MAAO,CACLG,MAAOZ,EAAIa,WAAW,4BACtBC,GAAI,wBAA0Bd,EAAIe,KAClCC,SAAUhB,EAAIiB,SAEhBC,SAAU,CAAEC,MAAOnB,EAAIQ,cACvBY,GAAI,CACFC,OAAQ,SAASC,GACf,OAAOtB,EAAIuB,SAASD,EAAOE,OAAOL,UAIxC,CACEf,EAAG,SAAU,CAAEK,MAAO,CAAEU,MAAO,MAAS,CAACnB,EAAIyB,GAAG,OAChDzB,EAAIyB,GAAG,KACPrB,EAAG,SAAU,CAAEK,MAAO,CAAEU,MAAO,MAAS,CAACnB,EAAIyB,GAAG,OAChDzB,EAAIyB,GAAG,KACPrB,EAAG,SAAU,CAAEK,MAAO,CAAEU,MAAO,MAAS,CAACnB,EAAIyB,GAAG,OAChDzB,EAAIyB,GAAG,KACPrB,EAAG,SAAU,CAAEK,MAAO,CAAEU,MAAO,MAAS,CAACnB,EAAIyB,GAAG,OAChDzB,EAAIyB,GAAG,KACPrB,EAAG,SAAU,CAAEK,MAAO,CAAEU,MAAO,MAAS,CAACnB,EAAIyB,GAAG,OAChDzB,EAAIyB,GAAG,KACPrB,EAAG,SAAU,CAAEK,MAAO,CAAEU,MAAO,MAAS,CAACnB,EAAIyB,GAAG,OAChDzB,EAAIyB,GAAG,KACPrB,EAAG,SAAU,CAAEK,MAAO,CAAEU,MAAO,MAAS,CAACnB,EAAIyB,GAAG,OAChDzB,EAAIyB,GAAG,KACPrB,EAAG,SAAU,CAAEK,MAAO,CAAEU,MAAO,MAAS,CAACnB,EAAIyB,GAAG,OAChDzB,EAAIyB,GAAG,KACPrB,EAAG,SAAU,CAAEK,MAAO,CAAEU,MAAO,MAAS,CAACnB,EAAIyB,GAAG,OAChDzB,EAAIyB,GAAG,KACPrB,EAAG,SAAU,CAAEK,MAAO,CAAEU,MAAO,OAAU,CAACnB,EAAIyB,GAAG,QACjDzB,EAAIyB,GAAG,KACPrB,EAAG,SAAU,CAAEK,MAAO,CAAEU,MAAO,OAAU,CAACnB,EAAIyB,GAAG,WAGrDzB,EAAIyB,GAAG,KACPrB,EACE,QACA,CACEE,YAAa,mBACbG,MAAO,CAAEiB,IAAK,wBAA0B1B,EAAIe,OAE9C,CACEf,EAAIyB,GACF,qBACEzB,EAAI2B,GAAG3B,EAAIa,WAAW,6BACtB,sBAKVT,EAAG,MAAO,CAAEE,YAAa,4BAA8B,CACrDF,EAAG,QAAS,CACVwB,IAAK,QACLtB,YAAa,mBACbG,MAAO,CACLoB,KAAM,SACNC,YAAa9B,EAAIa,WAAW,4BAC5BD,MAAOZ,EAAIa,WAAW,4BACtBC,GAAI,uBAAyBd,EAAIe,MAEnCG,SAAU,CAAEC,MAAOnB,EAAIQ,cACvBY,GAAI,CACFC,OAAQ,SAASC,GACf,OAAOtB,EAAIuB,SAASD,EAAOE,OAAOL,WAIxCnB,EAAIyB,GAAG,KACPrB,EACE,QACA,CACEE,YAAa,mBACbG,MAAO,CAAEiB,IAAK,uBAAyB1B,EAAIe,OAE7C,CACEf,EAAIyB,GACF,qBACEzB,EAAI2B,GAAG3B,EAAIa,WAAW,6BACtB,yBAOlB,IAIJd,EAAOgC,eAAgB,E,qbCvDvB,ICtDqN,EDsDrN,CACE,KAAF,iBAEE,MAAF,CACI,MAAJ,CACM,KAAN,OACM,UAAN,GAEI,QAAJ,CACM,KAAN,OACM,UAAN,EACM,QAAN,KAEI,IAAJ,CACM,KAAN,OACM,UAAN,EACM,QAAN,GAEI,IAAJ,CACM,KAAN,OACM,UAAN,GAEI,SAAJ,CACM,KAAN,OACM,UAAN,EACM,QAAN,GAEI,QAAJ,CACM,KAAN,QACM,UAAN,GAEI,YAAJ,CACM,KAAN,OACM,UAAN,GAEI,cAAJ,SAGE,KAtCF,WAwCI,MAAJ,CACM,UAAN,WACM,QAAN,SACM,QAAN,SACM,aAAN,cACM,aAAN,EACM,eAAN,OAIE,QAlDF,WAmDI,IAAJ,OACI,KAAJ,8CACI,KAAJ,uDAEI,IAAJ,wBACA,iCAEI,KAAJ,2BAEI,KAAJ,uCAEM,EAAN,uCACA,+BAEA,+BAEM,KAAN,2BAIE,S,+VAAF,EAEI,wBAFJ,WAGM,IAAN,OACM,GAAN,8BAEQ,OAAR,EAGM,GAAN,uEACA,CACQ,IAAR,mDAAU,OAAV,iCAEQ,OAAR,eAGM,OAAN,GAGI,UAnBJ,WAqBM,OAAN,0EAGI,UAxBJ,WA0BM,OAAN,0EAGI,YA7BJ,WA+BM,OAAN,gBACA,wCACA,CACQ,IAAR,oDAKI,YAvCJ,WAyCM,OAAN,gBACA,wCACA,CACQ,IAAR,gDAKI,aAjDJ,WAmDM,OAAN,oDAGI,mBAtDJ,WAwDM,OAAN,oCAEA,uGAGA,IAGA,aACI,YAAJ,YAAM,OAAN,mBAIE,MACF,CACI,YACJ,CACM,QADN,SACA,KAEA,+BAEU,KAAV,2BAGM,MAAN,GAGI,IAbJ,SAaA,GAEM,KAAN,UACM,KAAN,2BAGI,IAnBJ,SAmBA,GAEM,KAAN,UACM,KAAN,2BAGI,MAzBJ,SAyBA,KAEA,OAEQ,KAAR,cAKE,QACF,CACI,cADJ,WAGM,IAAN,mEAEA,4DAEQ,KAAR,aAII,cAXJ,WAaM,IAAN,mEAEA,4DAEQ,KAAR,aAII,SArBJ,SAqBA,GAEM,IAAN,iBAGA,qBAEQ,EAAR,0CAGM,EAAN,cACA,WAEQ,EAAR,6BAIM,EAAN,yCAGM,IAAN,mEA4BM,GA1BN,6BAEA,sBAEU,GAAV,EAIU,GAAV,oBAEQ,EAAR,2CAIM,EAAN,oCAEA,gBAEQ,KAAR,YACQ,KAAR,kBAEA,6CAEQ,KAAR,kDAGA,YAEQ,IAAR,OAEQ,YAAR,WACU,EAAV,yBACA,OAII,wBA/EJ,YAiFA,gGAEQ,KAAR,sDAEA,mCAEQ,KAAR,kBAGA,sBAkBQ,KAAR,0BAfQ,KAAR,8CAEA,yDAEU,KAAV,UACU,KAAV,UACU,KAAV,0BAIU,KAAV,0BAQM,KAAN,0B,OE9UIC,EAAY,YACd,EACAjC,EHmGoB,IGjGpB,EACA,KACA,KACA,MAuBFiC,EAAUC,QAAQC,OAAS,yDACZ,UAAAF,E","file":"chunks/ceres-45.min.js","sourcesContent":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    {\n      staticClass: \"qty-input__wrapper\",\n      class: { \"qty-input__wrapper--no-arrow\": _vm.displayValue >= 11 }\n    },\n    [\n      _c(\"transition\", { attrs: { name: \"fade\", mode: \"out-in\" } }, [\n        _vm.displayValue < 11\n          ? _c(\"div\", { staticClass: \"qty-input__select-wrapper\" }, [\n              _c(\n                \"select\",\n                {\n                  staticClass: \"qty-input__select\",\n                  attrs: {\n                    title: _vm.$translate(\"ODNaPo::NaPo.basketCount\"),\n                    id: \"id--qty-input__select\" + _vm._uid,\n                    disabled: _vm.waiting\n                  },\n                  domProps: { value: _vm.displayValue },\n                  on: {\n                    change: function($event) {\n                      return _vm.setValue($event.target.value)\n                    }\n                  }\n                },\n                [\n                  _c(\"option\", { attrs: { value: \"1\" } }, [_vm._v(\"1\")]),\n                  _vm._v(\" \"),\n                  _c(\"option\", { attrs: { value: \"2\" } }, [_vm._v(\"2\")]),\n                  _vm._v(\" \"),\n                  _c(\"option\", { attrs: { value: \"3\" } }, [_vm._v(\"3\")]),\n                  _vm._v(\" \"),\n                  _c(\"option\", { attrs: { value: \"4\" } }, [_vm._v(\"4\")]),\n                  _vm._v(\" \"),\n                  _c(\"option\", { attrs: { value: \"5\" } }, [_vm._v(\"5\")]),\n                  _vm._v(\" \"),\n                  _c(\"option\", { attrs: { value: \"6\" } }, [_vm._v(\"6\")]),\n                  _vm._v(\" \"),\n                  _c(\"option\", { attrs: { value: \"7\" } }, [_vm._v(\"7\")]),\n                  _vm._v(\" \"),\n                  _c(\"option\", { attrs: { value: \"8\" } }, [_vm._v(\"8\")]),\n                  _vm._v(\" \"),\n                  _c(\"option\", { attrs: { value: \"9\" } }, [_vm._v(\"9\")]),\n                  _vm._v(\" \"),\n                  _c(\"option\", { attrs: { value: \"10\" } }, [_vm._v(\"10\")]),\n                  _vm._v(\" \"),\n                  _c(\"option\", { attrs: { value: \"11\" } }, [_vm._v(\"10+\")])\n                ]\n              ),\n              _vm._v(\" \"),\n              _c(\n                \"label\",\n                {\n                  staticClass: \"qty-input__label\",\n                  attrs: { for: \"id--qty-input__select\" + _vm._uid }\n                },\n                [\n                  _vm._v(\n                    \"\\n                \" +\n                      _vm._s(_vm.$translate(\"ODNaPo::NaPo.basketCount\")) +\n                      \"\\n            \"\n                  )\n                ]\n              )\n            ])\n          : _c(\"div\", { staticClass: \"qty-input__input-wrapper\" }, [\n              _c(\"input\", {\n                ref: \"input\",\n                staticClass: \"qty-input__input\",\n                attrs: {\n                  type: \"number\",\n                  placeholder: _vm.$translate(\"ODNaPo::NaPo.basketCount\"),\n                  title: _vm.$translate(\"ODNaPo::NaPo.basketCount\"),\n                  id: \"id--qty-input__input\" + _vm._uid\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                \"label\",\n                {\n                  staticClass: \"qty-input__label\",\n                  attrs: { for: \"id--qty-input__input\" + _vm._uid }\n                },\n                [\n                  _vm._v(\n                    \"\\n                \" +\n                      _vm._s(_vm.$translate(\"ODNaPo::NaPo.basketCount\")) +\n                      \"\\n            \"\n                  )\n                ]\n              )\n            ])\n      ])\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"qty-input__wrapper\"\n         :class=\"{'qty-input__wrapper--no-arrow': displayValue >= 11}\">\n        <transition name=\"fade\" mode=\"out-in\">\n            <div v-if=\"displayValue < 11\"\n                 class=\"qty-input__select-wrapper\">\n                <select class=\"qty-input__select\"\n                        :title=\"$translate('ODNaPo::NaPo.basketCount')\"\n                        :id=\"'id--qty-input__select' + _uid\"\n                        :value=\"displayValue\"\n                        :disabled=\"waiting\"\n                        @change=\"setValue($event.target.value)\">\n                <option value=\"1\">1</option>\n                <option value=\"2\">2</option>\n                <option value=\"3\">3</option>\n                <option value=\"4\">4</option>\n                <option value=\"5\">5</option>\n                <option value=\"6\">6</option>\n                <option value=\"7\">7</option>\n                <option value=\"8\">8</option>\n                <option value=\"9\">9</option>\n                <option value=\"10\">10</option>\n                <option value=\"11\">10+</option>\n                </select>\n                <label :for=\"'id--qty-input__select' + _uid\"\n                       class=\"qty-input__label\">\n                    {{ $translate(\"ODNaPo::NaPo.basketCount\") }}\n                </label>\n            </div>\n            <div v-else\n                 class=\"qty-input__input-wrapper\">\n                <input ref=\"input\"\n                       type=\"number\"\n                       class=\"qty-input__input\"\n                       :placeholder=\"$translate('ODNaPo::NaPo.basketCount')\"\n                       :title=\"$translate('ODNaPo::NaPo.basketCount')\"\n                       :id=\"'id--qty-input__input' + _uid\"\n                       :value=\"displayValue\"\n                       @change=\"setValue($event.target.value)\">\n                <label :for=\"'id--qty-input__input' + _uid\"\n                       class=\"qty-input__label\">\n                    {{ $translate(\"ODNaPo::NaPo.basketCount\") }}\n                </label>\n            </div>\n        </transition>\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        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\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            const prevValue = this.compValue;\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            const diff = formatFloat((value - this.min) % this.compInterval, this.compDecimals, true);\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            if (value > 10 && prevValue < 11) {\n\n                const that = this;\n\n                setTimeout(function() {\n                    $(that.$refs.input).focus();\n                }, 1000);\n            }\n        },\n\n        fetchQuantityFromBasket()\n        {\n            if (!isNullOrUndefined(this.min) && this.variationBasketQuantity >= this.min && this.variationBasketQuantity !== 0)\n            {\n                this.compMin = this.min % this.compInterval  || 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/DIA-NaPo/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"],"sourceRoot":""}