{"version":3,"sources":["webpack:///./resources/js/src/app/components/basket/AddItemToBasketOverlay.vue?76a6","webpack:///resources/js/src/app/components/basket/AddItemToBasketOverlay.vue","webpack:///./resources/js/src/app/components/basket/AddItemToBasketOverlay.vue?f556","webpack:///./resources/js/src/app/components/basket/AddItemToBasketOverlay.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","id","role","basketItem","_v","href","$ceres","urls","basket","_e","_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,6BACbC,MAAO,CAAEC,GAAI,+BAEf,CACEJ,EAAG,MAAO,CAAEE,YAAa,cAAgB,CACvCF,EACE,MACA,CAAEE,YAAa,eAAgBC,MAAO,CAAEE,KAAM,aAC9C,CACET,EAAIU,WACAN,EAAG,MAAO,CAAEE,YAAa,iBAAmB,CAC1CF,EACE,MACA,CAAEE,YAAa,oCACf,CAACN,EAAIW,GAAG,gDAEVX,EAAIW,GAAG,KACPP,EACE,MACA,CAAEE,YAAa,uCACf,CACEF,EACE,IACA,CACEE,YAAa,uCACbC,MAAO,CAAE,eAAgB,QAASK,KAAM,MAE1C,CAACZ,EAAIW,GAAG,sBAEVX,EAAIW,GAAG,KACPP,EACE,IACA,CACEE,YAAa,qCACbC,MAAO,CAAEK,KAAMZ,EAAIa,OAAOC,KAAKC,SAEjC,CAACf,EAAIW,GAAG,uBAKhBX,EAAIgB,YAQpBjB,EAAOkB,eAAgB,E,2tBClCvB,YACA,QCvB8N,EDyB9N,CACE,KAAF,6BAEE,MAAF,CACI,mBAAJ,CACM,KAAN,OACM,QAAN,KAIE,KAVF,WAYI,MAAJ,CACM,MAAN,EACM,WAAN,KACM,2BAAN,IAIE,QAnBF,WAoBI,IAAJ,OACA,uDAEM,EAAN,4CAEQ,IAAR,mBAEQ,IAAR,6BACA,CACU,IAAV,kCAAY,OAAZ,mBAEU,EAAV,oBACU,EAAV,cACU,EAAV,8CACU,EAAV,gBAIM,EAAN,yCAEQ,EAAR,uDAKE,SAAF,OAEA,aACI,YAAJ,YAAM,OAAN,gBACI,2BAAJ,YAAM,OAAN,wCAJA,IAOI,qBAPJ,WASM,OAAN,8BAGI,UAZJ,WAcM,OAAN,iBAEA,yDAGA,MAGI,SAtBJ,WAwBM,OAAN,0BAEA,+CAGA,IAGI,SAhCJ,WAkCM,GAAN,0BACA,CACQ,IAAR,uEAEQ,OAAR,mCAGM,MAAN,IAGI,qBA5CJ,WA8CM,GAAN,0BACA,CACQ,IAAR,uEAEQ,OAAR,kDAGM,MAAN,IAGI,KAxDJ,WA0DM,MAAN,CACQ,OAAR,gBACQ,SAAR,oBAII,qBAhEJ,WAiEM,IAAN,OACM,OAAN,0DAEQ,QAAR,yCAAU,OAAV,oCAKE,QACF,CACI,SADJ,SACA,KAEM,KAAN,aACM,KAAN,6BACM,KAAN,cAEA,sBACQ,SAAR,qCAEQ,EACR,iEACA,wCACA,U,OEtJIC,EAAY,YACd,EACAnB,EH8CoB,IG5CpB,EACA,KACA,KACA,MAuBFmB,EAAUC,QAAQC,OAAS,oEACZ,UAAAF,E","file":"chunks/ceres-client-38.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: \"add-item-to-basket-overlay\",\n      attrs: { id: \"add-item-to-basket-overlay\" }\n    },\n    [\n      _c(\"div\", { staticClass: \"modal fade\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"modal-dialog\", attrs: { role: \"document\" } },\n          [\n            _vm.basketItem\n              ? _c(\"div\", { staticClass: \"modal-content\" }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"add-item-to-basket-overlay__text\" },\n                    [_vm._v(\"Der Artikel wurde in den Warenkorb gelegt.\")]\n                  ),\n                  _vm._v(\" \"),\n                  _c(\n                    \"div\",\n                    { staticClass: \"add-item-to-basket-overlay__buttons\" },\n                    [\n                      _c(\n                        \"a\",\n                        {\n                          staticClass: \"add-item-to-basket-overlay__continue\",\n                          attrs: { \"data-dismiss\": \"modal\", href: \"#\" }\n                        },\n                        [_vm._v(\"Weiter einkaufen\")]\n                      ),\n                      _vm._v(\" \"),\n                      _c(\n                        \"a\",\n                        {\n                          staticClass: \"add-item-to-basket-overlay__basket\",\n                          attrs: { href: _vm.$ceres.urls.basket }\n                        },\n                        [_vm._v(\"Zum Warenkorb\")]\n                      )\n                    ]\n                  )\n                ])\n              : _vm._e()\n          ]\n        )\n      ])\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"add-item-to-basket-overlay\" class=\"add-item-to-basket-overlay\">\n        <div class=\"modal fade\">\n            <div class=\"modal-dialog\" role=\"document\">\n                <div class=\"modal-content\" v-if=\"basketItem\">\n\n                    <div class=\"add-item-to-basket-overlay__text\">Der Artikel wurde in den Warenkorb gelegt.</div>\n                    <div class=\"add-item-to-basket-overlay__buttons\">\n                        <a data-dismiss=\"modal\" href=\"#\" class=\"add-item-to-basket-overlay__continue\">Weiter einkaufen</a>\n                        <a :href=\"$ceres.urls.basket\" class=\"add-item-to-basket-overlay__basket\">Zum Warenkorb</a>\n                    </div>\n\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { isNullOrUndefined } from \"ceres/app/helper/utils\";\nimport { mapState } from \"vuex\";\n\nconst ModalService  = require(\"ceres/app/services/ModalService\");\nconst ApiService    = require(\"ceres/app/services/ApiService\");\n\nexport default {\n    name: \"add-item-to-basket-overlay\",\n\n    props: {\n        defaultTimeToClose: {\n            type: Number,\n            default: 15\n        }\n    },\n\n    data()\n    {\n        return {\n            price: 0,\n            basketItem: null,\n            countAdditionalBasketItems: 0\n        };\n    },\n\n    mounted()\n    {\n        if (App.config.basket.addItemToBasketConfirm === \"overlay\")\n        {\n            ApiService.listen(\"AfterBasketItemUpdate\", data =>\n            {\n                const updatedBasketItem = data.basketItems[0];\n\n                if (!this.isBasketItemQuantityUpdate)\n                {\n                    const basketItem = this.basketItems.find(item => item.id === updatedBasketItem.id) || {};\n\n                    basketItem.quantity = updatedBasketItem.quantity;\n                    basketItem.price = updatedBasketItem.price;\n                    basketItem.basketItemOrderParams = updatedBasketItem.basketItemOrderParams;\n                    this.showItem(basketItem);\n                }\n            });\n\n            ApiService.listen(\"AfterBasketItemAdd\", data =>\n            {\n                this.showItem(data.basketItems[0], data.basketItems.length - 1);\n            });\n        }\n    },\n\n    computed:\n    {\n        ...mapState({\n            basketItems: state => state.basket.items,\n            isBasketItemQuantityUpdate: state => state.basket.isBasketItemQuantityUpdate\n        }),\n\n        isLastBasketEntrySet()\n        {\n            return !isNullOrUndefined(this.basketItem);\n        },\n\n        variation()\n        {\n            if(this.basketItem)\n            {\n                return this.basketItem.variation ? this.basketItem.variation.data : null;\n            }\n\n            return null;\n        },\n\n        itemName()\n        {\n            if (this.isLastBasketEntrySet)\n            {\n                return this.$options.filters.itemName(this.variation);\n            }\n\n            return \"\";\n        },\n\n        imageUrl()\n        {\n            if (this.isLastBasketEntrySet)\n            {\n                const images = this.$options.filters.itemImages(this.variation.images, \"urlPreview\");\n\n                return this.$options.filters.itemImage(images);\n            }\n\n            return \"\";\n        },\n\n        imageAlternativeText()\n        {\n            if (this.isLastBasketEntrySet)\n            {\n                const images = this.$options.filters.itemImages(this.variation.images, \"urlPreview\");\n\n                return this.$options.filters.itemImageAlternativeText(images);\n            }\n\n            return \"\";\n        },\n\n        urls()\n        {\n            return {\n                basket: App.urls.basket,\n                checkout: App.urls.checkout\n            }\n        },\n\n        shownOrderProperties()\n        {\n            return this.basketItem.basketItemOrderParams.filter(property =>\n            {\n                return !!this.variation.properties.find(prop => prop.propertyId == property.propertyId);\n            });\n        }\n    },\n\n    methods:\n    {\n        showItem(basketItem, countAdditionalBasketItems)\n        {\n            this.basketItem = basketItem;\n            this.countAdditionalBasketItems = countAdditionalBasketItems;\n            this.price = basketItem.price;\n\n            if(window.innerWidth > 991){\n                document.body.classList.toggle(\"basket-open\");\n            }else{\n                ModalService\n                    .findModal(document.getElementById(\"add-item-to-basket-overlay\"))\n                    .setTimeout(this.defaultTimeToClose * 1000)\n                    .show();\n            }\n\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!./AddItemToBasketOverlay.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!./AddItemToBasketOverlay.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddItemToBasketOverlay.vue?vue&type=template&id=71cf7942&\"\nimport script from \"./AddItemToBasketOverlay.vue?vue&type=script&lang=js&\"\nexport * from \"./AddItemToBasketOverlay.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-stylebreaker-v2/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('71cf7942')) {\n      api.createRecord('71cf7942', component.options)\n    } else {\n      api.reload('71cf7942', component.options)\n    }\n    module.hot.accept(\"./AddItemToBasketOverlay.vue?vue&type=template&id=71cf7942&\", function () {\n      api.rerender('71cf7942', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/basket/AddItemToBasketOverlay.vue\"\nexport default component.exports"],"sourceRoot":""}