{"version":3,"sources":["webpack:///resources/js/src/app/components/basket/AddItemToBasketOverlay.vue","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?6029"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA;AACA;AACA;;AACA;;AACA;;AAEA;AACA,oCADA;AAGA;AACA;AACA,kBADA;AAEA;AAFA,KADA;AAKA;AACA,mBADA;AAEA;AAFA,KALA;AASA;AACA;AADA;AATA,GAHA;AAiBA,MAjBA,kBAkBA;AACA;AACA,cADA;AAEA,sBAFA;AAGA,mCAHA;AAIA,0BAJA;AAKA;AALA;AAOA,GA1BA;AA4BA,SA5BA,qBA6BA;AAAA;;AACA,gEACA;AACA,iEACA;AACA;;AAEA,gDACA;AACA;AAAA;AAAA;;AAEA;AACA;AACA,OAVA;AAYA,8DACA;AACA;AACA,OAHA;AAIA;;AAEA;AACA;AACA,KAFA;AAGA,GArDA;AAuDA,4CAEA;AACA;AAAA;AAAA,KADA;AAEA;AAAA;AAAA;AAFA,IAFA;AAOA,wBAPA,kCAQA;AACA;AACA,KAVA;AAYA,aAZA,uBAaA;AACA,2BACA;AACA;AACA;;AAEA;AACA,KApBA;AAsBA,YAtBA,sBAuBA;AACA,qCACA;AACA;AACA;;AAEA;AACA,KA9BA;AAgCA,YAhCA,sBAiCA;AACA,qCACA;AACA;AAEA;AACA;;AAEA;AACA,KA1CA;AA4CA,wBA5CA,kCA6CA;AACA,qCACA;AACA;AAEA;AACA;;AAEA;AACA,KAtDA;AAwDA,QAxDA,kBAyDA;AACA;AACA,+BADA;AAEA;AAFA;AAIA,KA9DA;AAgEA,wBAhEA,kCAiEA;AAAA;;AACA,8EACA;AACA;AAAA;AAAA;AACA,OAHA;AAIA,KAtEA;AAwEA,iBAxEA,2BAwEA;AACA;AACA;AA1EA,IAvDA;AAoIA,WACA;AACA,YADA,oBACA,UADA,EACA,0BADA,EAEA;AACA;AACA;AACA;AAEA,mBACA,SADA,CACA,qDADA,EAEA,IAFA,GALA,CASA;;AAEA;;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;;AACA;AACA;AACA,0EADA;AAEA;AAFA,eADA;AAKA,8BALA;AAMA,yBANA;AAOA,8BAPA;AAQA,mCARA;AASA;AACA,qEADA;AAEA;AAFA,eATA;AAaA;AACA;AACA,kCADA;AAEA;AAFA,iBADA;AAKA;AACA,kCADA;AAEA;AAFA,iBALA;AASA;AACA,kCADA;AAEA;AAFA;AATA,eAbA;AA2BA;AACA;AACA;AACA;AACA;AACA;;AACA;AACA,mBALA,EAKA,EALA;AAMA,iBARA;AASA;AACA;AACA;AAXA;AA3BA;AAyCA,WA9CA,EA8CA,EA9CA;AA+CA;AACA,OArDA,EAqDA,GArDA;AAsDA;AArEA;AArIA,G;;;;;;;;;;;;AC3DA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP,cAAc;AACd,KAAK;AACL;AACA,iBAAiB,4BAA4B;AAC7C;AACA;AACA;AACA;AACA,oBAAoB,0CAA0C;AAC9D,oBAAoB;AACpB,WAAW;AACX;AACA,uBAAuB,+BAA+B;AACtD,yBAAyB,qCAAqC;AAC9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA,+BAA+B,SAAS,4BAA4B,EAAE;AACtE;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA,2BAA2B,0BAA0B;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,oCAAoC;AAC/D,6BAA6B,uBAAuB;AACpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC;AAChC,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B,uBAAuB;AACpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC;AAChC,uBAAuB;AACvB;AACA;AACA;AACA,kCAAkC;AAClC,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B,mCAAmC;AAChE,+BAA+B,+BAA+B;AAC9D;AACA;AACA;AACA;AACA;AACA,uBAAuB,+BAA+B;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B,qCAAqC;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC;AAChC,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AClNA;AAAA;AAAA;AAAA;AAAqG;AAC3B;AACL;;;AAGrE;AACsG;AACtG,gBAAgB,2GAAU;AAC1B,EAAE,4FAAM;AACR,EAAE,iGAAM;AACR,EAAE,0GAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAA8M,CAAgB,0PAAG,EAAC,C;;;;;;;;;;;;ACAlO;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunks/ceres-client-34.js","sourcesContent":["<template>\n  <div id=\"add-item-to-basket-overlay\" class=\"add-item-to-basket-overlay--mobile\" :class=\"{ 'is-single' : templateEvent == 'tpl.item', 'add-item-to-basket-overlay--mobile': isMobile }\">\n    <div class=\"modal fade\">\n      <div class=\"modal-dialog\" :class=\"{ 'has-crossselling' : hasCrossselling }\" role=\"document\">\n        <div class=\"modal-content\">\n          <div class=\"modal-header-mobile\">\n            <button type=\"button\" class=\"close ml-0 pl-1\" data-dismiss=\"modal\" :aria-label=\"$translate('Ceres::Template.closeIcon')\">\n              <svg width=\"18\" height=\"18\"><use xlink:href=\"#svg_close\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"></use></svg>\n            </button>\n            <div class=\"headline\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"51\" height=\"51\" viewBox=\"0 0 51 51\" fill=\"none\">\n                <circle cx=\"25.5\" cy=\"25.5\" r=\"25.5\" fill=\"#333333\"/>\n                <path d=\"M36 18L22.25 32L16 25.6364\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n              </svg>\n              <span>Artikel ist im Warenkorb</span>\n            </div>\n            <div class=\"button-wrapper row\">\n              <div class=\"col-6\">\n                <a v-waiting-animation-infinite :href=\"urls.basket\" rel=\"nofollow\" class=\"btn btn-outline-primary btn-medium mr-2\">\n                  {{ $translate(\"Ceres::Template.singleItemBasket\") }}\n                </a>\n              </div>\n              <div class=\"col-6\">\n                <a v-waiting-animation-infinite :href=\"urls.checkout\" rel=\"nofollow\" class=\"btn btn-primary btn-medium\">\n                  <i class=\"fa fa-arrow-right\" aria-hidden=\"true\"></i>\n                  {{ $translate(\"Ceres::Template.singleItemCheckout\") }}\n                </a>\n              </div>\n            </div>\n          </div>\n          <div v-if=\"hasCrossselling\" class=\"modal-body-mobile\">\n            <div class=\"body-headline\">Gleich mitbestellen</div>\n            <div class=\"items-wrapper\">\n              <template v-for=\"item in items\">\n                <category-item :item-data=\"item.data\" :key=\"item.id\" :is-overlay=\"true\"></category-item>\n              </template>\n            </div>\n          </div>\n          <div v-if=\"hasCrossselling\" class=\"modal-footer-mobile\">\n            <button type=\"button\" data-dismiss=\"modal\" :aria-label=\"$translate('Ceres::Template.closeIcon')\">\n              Weiter shoppen\n            </button>\n            <a v-waiting-animation-infinite :href=\"urls.basket\" rel=\"nofollow\">\n              Zum Warenkorb\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { isNullOrUndefined } from \"ceres/app/helper/utils\";\nimport { mapState } from \"vuex\";\nimport { Swiper } from 'swiper';\nconst ModalService  = require(\"ceres/app/services/ModalService\");\nconst ApiService    = require(\"ceres/app/services/ApiService\");\n\nexport default {\n\tname: \"add-item-to-basket-overlay\",\n\n\tprops: {\n    defaultTimeToClose: {\n      type: Number,\n      default: 15\n    },\n    hasCrossselling:{\n      type: Boolean,\n      default: false\n    },\n    items:{\n      type: Array,\n    }\n  },\n\n  data()\n  {\n    return {\n      price: 0,\n      basketItem: null,\n      countAdditionalBasketItems: 0,\n      displaySwiper: false,\n      isMobile: false,\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          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    this.$nextTick(() => {\n      this.isMobile = window.innerWidth < 768\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        templateEvent(){\n          return App.templateEvent;\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          ModalService\n              .findModal(document.getElementById(\"add-item-to-basket-overlay\"))\n              .show();\n\n          // init slider\n\n          let _this = this\n\n          setTimeout(function(){\n            if ($('.add-to-basket__crossselling--swiper').length) {\n\n              var addToBasketSwiper;\n\n              setTimeout(function(){\n                if(typeof addToBasketSwiper !== \"undefined\"){\n                  addToBasketSwiper.destroy();\n                  addToBasketSwiper = undefined;\n                }\n                addToBasketSwiper = new Swiper('.add-to-basket__crossselling--swiper', {\n                  navigation: {\n                    nextEl: \".add-to-basket__crossselling .swiper-button-next\",\n                    prevEl: \".add-to-basket__crossselling .swiper-button-prev\"\n                  },\n                  spaceBetween: 14,\n                  loop: false,\n                  slidesPerView: 2,\n                  centeredSlides: false,\n                  pagination: {\n                    el: \".add-to-basket__crossselling .swiper-pagination\",\n                    type: \"fraction\"\n                  },\n                  breakpoints: {\n                    587: {\n                      slidesPerView: 2,\n                      spaceBetween: 5\n                    },\n                    767: {\n                      slidesPerView: 2,\n                      spaceBetween: 5\n                    },\n                    991: {\n                      slidesPerView: 3,\n                      spaceBetween: 5\n                    }\n                  },\n                  on: {\n                    init: function () {\n                      setTimeout(function(){\n                        if($('.add-to-basket__crossselling .swiper-pagination-current').text() == 1 && $('.add-to-basket__crossselling .swiper-pagination-total').text() == 1){\n                          $('.add-to-basket__crossselling .swiper-controls').hide();\n                        }\n                        window.scrollTo(window.scrollX, window.scrollY + 1);\n                      }, 50);\n                    },\n                    afterInit: function() {\n                      _this.displaySwiper = true\n                    }\n                  }\n                });\n              }, 50);\n            }\n          }, 500);\n        }\n      }\n}\n</script>\n","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--mobile\",\n      class: {\n        \"is-single\": _vm.templateEvent == \"tpl.item\",\n        \"add-item-to-basket-overlay--mobile\": _vm.isMobile\n      },\n      attrs: { id: \"add-item-to-basket-overlay\" }\n    },\n    [\n      _c(\"div\", { staticClass: \"modal fade\" }, [\n        _c(\n          \"div\",\n          {\n            staticClass: \"modal-dialog\",\n            class: { \"has-crossselling\": _vm.hasCrossselling },\n            attrs: { role: \"document\" }\n          },\n          [\n            _c(\"div\", { staticClass: \"modal-content\" }, [\n              _c(\"div\", { staticClass: \"modal-header-mobile\" }, [\n                _c(\n                  \"button\",\n                  {\n                    staticClass: \"close ml-0 pl-1\",\n                    attrs: {\n                      type: \"button\",\n                      \"data-dismiss\": \"modal\",\n                      \"aria-label\": _vm.$translate(\"Ceres::Template.closeIcon\")\n                    }\n                  },\n                  [\n                    _c(\"svg\", { attrs: { width: \"18\", height: \"18\" } }, [\n                      _c(\"use\", {\n                        attrs: {\n                          \"xlink:href\": \"#svg_close\",\n                          \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\"\n                        }\n                      })\n                    ])\n                  ]\n                ),\n                _vm._v(\" \"),\n                _c(\"div\", { staticClass: \"headline\" }, [\n                  _c(\n                    \"svg\",\n                    {\n                      attrs: {\n                        xmlns: \"http://www.w3.org/2000/svg\",\n                        width: \"51\",\n                        height: \"51\",\n                        viewBox: \"0 0 51 51\",\n                        fill: \"none\"\n                      }\n                    },\n                    [\n                      _c(\"circle\", {\n                        attrs: {\n                          cx: \"25.5\",\n                          cy: \"25.5\",\n                          r: \"25.5\",\n                          fill: \"#333333\"\n                        }\n                      }),\n                      _vm._v(\" \"),\n                      _c(\"path\", {\n                        attrs: {\n                          d: \"M36 18L22.25 32L16 25.6364\",\n                          stroke: \"white\",\n                          \"stroke-width\": \"2.5\",\n                          \"stroke-linecap\": \"round\",\n                          \"stroke-linejoin\": \"round\"\n                        }\n                      })\n                    ]\n                  ),\n                  _vm._v(\" \"),\n                  _c(\"span\", [_vm._v(\"Artikel ist im Warenkorb\")])\n                ]),\n                _vm._v(\" \"),\n                _c(\"div\", { staticClass: \"button-wrapper row\" }, [\n                  _c(\"div\", { staticClass: \"col-6\" }, [\n                    _c(\n                      \"a\",\n                      {\n                        directives: [\n                          {\n                            name: \"waiting-animation-infinite\",\n                            rawName: \"v-waiting-animation-infinite\"\n                          }\n                        ],\n                        staticClass: \"btn btn-outline-primary btn-medium mr-2\",\n                        attrs: { href: _vm.urls.basket, rel: \"nofollow\" }\n                      },\n                      [\n                        _vm._v(\n                          \"\\n                \" +\n                            _vm._s(\n                              _vm.$translate(\"Ceres::Template.singleItemBasket\")\n                            ) +\n                            \"\\n              \"\n                        )\n                      ]\n                    )\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"div\", { staticClass: \"col-6\" }, [\n                    _c(\n                      \"a\",\n                      {\n                        directives: [\n                          {\n                            name: \"waiting-animation-infinite\",\n                            rawName: \"v-waiting-animation-infinite\"\n                          }\n                        ],\n                        staticClass: \"btn btn-primary btn-medium\",\n                        attrs: { href: _vm.urls.checkout, rel: \"nofollow\" }\n                      },\n                      [\n                        _c(\"i\", {\n                          staticClass: \"fa fa-arrow-right\",\n                          attrs: { \"aria-hidden\": \"true\" }\n                        }),\n                        _vm._v(\n                          \"\\n                \" +\n                            _vm._s(\n                              _vm.$translate(\n                                \"Ceres::Template.singleItemCheckout\"\n                              )\n                            ) +\n                            \"\\n              \"\n                        )\n                      ]\n                    )\n                  ])\n                ])\n              ]),\n              _vm._v(\" \"),\n              _vm.hasCrossselling\n                ? _c(\"div\", { staticClass: \"modal-body-mobile\" }, [\n                    _c(\"div\", { staticClass: \"body-headline\" }, [\n                      _vm._v(\"Gleich mitbestellen\")\n                    ]),\n                    _vm._v(\" \"),\n                    _c(\n                      \"div\",\n                      { staticClass: \"items-wrapper\" },\n                      [\n                        _vm._l(_vm.items, function(item) {\n                          return [\n                            _c(\"category-item\", {\n                              key: item.id,\n                              attrs: {\n                                \"item-data\": item.data,\n                                \"is-overlay\": true\n                              }\n                            })\n                          ]\n                        })\n                      ],\n                      2\n                    )\n                  ])\n                : _vm._e(),\n              _vm._v(\" \"),\n              _vm.hasCrossselling\n                ? _c(\"div\", { staticClass: \"modal-footer-mobile\" }, [\n                    _c(\n                      \"button\",\n                      {\n                        attrs: {\n                          type: \"button\",\n                          \"data-dismiss\": \"modal\",\n                          \"aria-label\": _vm.$translate(\n                            \"Ceres::Template.closeIcon\"\n                          )\n                        }\n                      },\n                      [_vm._v(\"\\n            Weiter shoppen\\n          \")]\n                    ),\n                    _vm._v(\" \"),\n                    _c(\n                      \"a\",\n                      {\n                        directives: [\n                          {\n                            name: \"waiting-animation-infinite\",\n                            rawName: \"v-waiting-animation-infinite\"\n                          }\n                        ],\n                        attrs: { href: _vm.urls.basket, rel: \"nofollow\" }\n                      },\n                      [_vm._v(\"\\n            Zum Warenkorb\\n          \")]\n                    )\n                  ])\n                : _vm._e()\n            ])\n          ]\n        )\n      ])\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","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/pp-weberbuero/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","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&\"","export * from \"-!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddItemToBasketOverlay.vue?vue&type=template&id=71cf7942&\""],"sourceRoot":""}