{"version":3,"sources":["webpack:///./resources/js/src/app/components/basket/BasketPreview.vue?f631","webpack:///resources/js/src/app/components/basket/BasketPreview.vue","webpack:///./resources/js/src/app/components/basket/BasketPreview.vue?0dec","webpack:///./resources/js/src/app/components/basket/BasketPreview.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","basketNotifications","length","_l","notification","_v","_s","message","_e","$translate","directives","name","rawName","attrs","width","height","type","scopedSlots","_u","key","fn","_t","proxy","class","basketItems","href","$ceres","urls","checkout","title","basket","_withStripped","component","options","__file"],"mappings":"kGAAA,IAAIA,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eACTC,EAAKJ,EAAIK,MAAMD,IAAMF,EACzB,OAAOE,EAAG,MAAO,CAAEE,YAAa,kBAAoB,CAClDN,EAAIO,oBAAoBC,OAAS,EAC7BJ,EACE,MACAJ,EAAIS,GAAGT,EAAIO,qBAAqB,SAASG,GACvC,OAAON,EAAG,MAAO,CAAEE,YAAa,8BAAgC,CAC9DF,EAAG,MAAO,CACRJ,EAAIW,GACF,qBACEX,EAAIY,GAAGF,EAAaG,SACpB,yBAKV,GAEFb,EAAIc,KACRd,EAAIW,GAAG,KACPP,EAAG,MAAO,CAAEE,YAAa,mCAAqC,CAC5DF,EAAG,MAAO,CAAEE,YAAa,2BAA6B,CACpDF,EAAG,SAAU,CAAEE,YAAa,0BAA4B,CACtDF,EAAG,MAAO,CAAEE,YAAa,yBAA2B,CAClDN,EAAIW,GACF,yBACEX,EAAIY,GAAGZ,EAAIe,WAAW,+BACtB,wBAGNf,EAAIW,GAAG,KACPP,EACE,SACA,CACEY,WAAY,CACV,CACEC,KAAM,wBACNC,QAAS,4BAGbZ,YAAa,yBAEf,CACEF,EAAG,MAAO,CAAEe,MAAO,CAAEC,MAAO,KAAMC,OAAQ,OAAU,CAClDjB,EAAG,MAAO,CACRe,MAAO,CACL,cAAe,+BACf,aAAc,sBAO1BnB,EAAIW,GAAG,KACPP,EACE,MACA,CAAEE,YAAa,gCACf,CACEF,EAAG,cAAe,CAChBe,MAAO,CAAEG,KAAM,iBAAkB,cAAc,MAGnD,GAEFtB,EAAIW,GAAG,KACPP,EACE,MACA,CAAEE,YAAa,kCACf,CACEF,EAAG,gBAAiB,CAClBe,MAAO,CAAEG,KAAM,kBACfC,YAAavB,EAAIwB,GACf,CACE,CACEC,IAAK,mBACLC,GAAI,WACF,MAAO,CAAC1B,EAAI2B,GAAG,sBAEjBC,OAAO,GAET,CACEH,IAAK,kBACLC,GAAI,WACF,MAAO,CAAC1B,EAAI2B,GAAG,qBAEjBC,OAAO,IAGX,MACA,MAIN,GAEF5B,EAAIW,GAAG,KACPP,EACE,MACA,CAAEE,YAAa,0BACf,CACEN,EAAI2B,GAAG,0BACP3B,EAAIW,GAAG,KACPP,EACE,IACA,CACEY,WAAY,CACV,CACEC,KAAM,6BACNC,QAAS,iCAGbZ,YAAa,cACbuB,MAAO,CACL,yBAA0B7B,EAAI8B,YAAYtB,QAAU,GAEtDW,MAAO,CACLY,KAAM/B,EAAIgC,OAAOC,KAAKC,SACtBC,MAAOnC,EAAIe,WAAW,iCAG1B,CACEf,EAAIW,GACF,yBACEX,EAAIY,GAAGZ,EAAIe,WAAW,gCACtB,wBAIRf,EAAIW,GAAG,KACPP,EACE,IACA,CACEY,WAAY,CACV,CACEC,KAAM,6BACNC,QAAS,iCAGbZ,YAAa,uCACbuB,MAAO,CACL,2BAA4B7B,EAAI8B,YAAYtB,QAAU,GAExDW,MAAO,CACLY,KAAM/B,EAAIgC,OAAOC,KAAKG,OACtBD,MAAOnC,EAAIe,WAAW,yBAG1B,CACEf,EAAIW,GACF,yBACEX,EAAIY,GAAGZ,EAAIe,WAAW,wBACtB,wBAIRf,EAAIW,GAAG,KACPX,EAAI2B,GAAG,0BAET,GAEF3B,EAAIW,GAAG,KACPP,EAAG,MAAO,CAAEE,YAAa,mCAAqC,CAC5DF,EAAG,IAAK,CAAEE,YAAa,oCAAsC,CAC3DN,EAAIW,GACF,yBACEX,EAAIY,GAAGZ,EAAIe,WAAW,kCACtB,wBAGNf,EAAIW,GAAG,KACPP,EACE,KACA,CAAEE,YAAa,qCACf,CAACN,EAAI2B,GAAG,4BACR,YAQZ5B,EAAOsC,eAAgB,E,2YC3GvB,IC/EqN,ED+ErN,CAEE,MACF,CACI,cACJ,CACM,KAAN,QACM,SAAN,IAIE,S,+VAAF,EACI,MADJ,WAGM,MAAN,yCAGI,0BANJ,WAQM,OAAN,8CAGA,aACI,OAAJ,YAAM,OAAN,eACI,YAAJ,YAAM,OAAN,gBACI,oBAAJ,YAAM,OAAN,8BACI,2BAAJ,YAAM,OAAN,wCAOE,QAjCF,WAkCI,IAAJ,OACA,uDAEM,EAAN,iDAEQ,EAAR,UAGM,EAAN,oDAEA,8BAEU,EAAV,YAME,QACF,CACI,KADJ,WAGM,YAAN,WAMQ,GAJA,EAAR,oDACQ,EAAR,4CACQ,EAAR,kEAEA,+BAEU,IAAV,6BAEU,EAAV,iCACU,EAAV,oCAEU,YAAV,WACY,EAAZ,2BACA,QAEA,IAGI,mBAvBJ,WAwBM,SAAN,sBACA,UACA,kCACM,SAAN,sDACA,UACA,+BACM,EAAN,+C,OE3JIC,EAAY,YACd,EACAvC,EHgLoB,IG9KpB,EACA,KACA,KACA,MAuBFuC,EAAUC,QAAQC,OAAS,2DACZ,UAAAF,E","file":"chunks/ceres-34.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(\"div\", { staticClass: \"basket-preview\" }, [\n    _vm.basketNotifications.length > 0\n      ? _c(\n          \"div\",\n          _vm._l(_vm.basketNotifications, function(notification) {\n            return _c(\"div\", { staticClass: \"alert fade in alert-danger\" }, [\n              _c(\"div\", [\n                _vm._v(\n                  \"\\n                \" +\n                    _vm._s(notification.message) +\n                    \"\\n            \"\n                )\n              ])\n            ])\n          }),\n          0\n        )\n      : _vm._e(),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"basket-preview__content-wrapper\" }, [\n      _c(\"div\", { staticClass: \"basket-preview__content\" }, [\n        _c(\"header\", { staticClass: \"basket-preview__header\" }, [\n          _c(\"div\", { staticClass: \"basket-preview__title\" }, [\n            _vm._v(\n              \"\\n                    \" +\n                _vm._s(_vm.$translate(\"ODNaPo::NaPo.basketPreview\")) +\n                \"\\n                \"\n            )\n          ]),\n          _vm._v(\" \"),\n          _c(\n            \"button\",\n            {\n              directives: [\n                {\n                  name: \"toggle-basket-preview\",\n                  rawName: \"v-toggle-basket-preview\"\n                }\n              ],\n              staticClass: \"basket-preview__close\"\n            },\n            [\n              _c(\"svg\", { attrs: { width: \"20\", height: \"20\" } }, [\n                _c(\"use\", {\n                  attrs: {\n                    \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\",\n                    \"xlink:href\": \"#svg-close\"\n                  }\n                })\n              ])\n            ]\n          )\n        ]),\n        _vm._v(\" \"),\n        _c(\n          \"div\",\n          { staticClass: \"basket-preview__list-wrapper\" },\n          [\n            _c(\"basket-list\", {\n              attrs: { type: \"basket-preview\", \"is-preview\": true }\n            })\n          ],\n          1\n        ),\n        _vm._v(\" \"),\n        _c(\n          \"div\",\n          { staticClass: \"basket-preview__totals-wrapper\" },\n          [\n            _c(\"basket-totals\", {\n              attrs: { type: \"basket-preview\" },\n              scopedSlots: _vm._u(\n                [\n                  {\n                    key: \"before-total-sum\",\n                    fn: function() {\n                      return [_vm._t(\"before-total-sum\")]\n                    },\n                    proxy: true\n                  },\n                  {\n                    key: \"after-total-sum\",\n                    fn: function() {\n                      return [_vm._t(\"after-total-sum\")]\n                    },\n                    proxy: true\n                  }\n                ],\n                null,\n                true\n              )\n            })\n          ],\n          1\n        ),\n        _vm._v(\" \"),\n        _c(\n          \"div\",\n          { staticClass: \"basket-preview__footer\" },\n          [\n            _vm._t(\"before-checkout-button\"),\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                staticClass: \"basket__btn\",\n                class: {\n                  \"btn__primary--disabled\": _vm.basketItems.length <= 0\n                },\n                attrs: {\n                  href: _vm.$ceres.urls.checkout,\n                  title: _vm.$translate(\"ODNaPo::NaPo.basketCheckout\")\n                }\n              },\n              [\n                _vm._v(\n                  \"\\n                    \" +\n                    _vm._s(_vm.$translate(\"ODNaPo::NaPo.basketCheckout\")) +\n                    \"\\n                \"\n                )\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                staticClass: \"btn__secondary btn__secondary--block\",\n                class: {\n                  \"btn__secondary--disabled\": _vm.basketItems.length <= 0\n                },\n                attrs: {\n                  href: _vm.$ceres.urls.basket,\n                  title: _vm.$translate(\"ODNaPo::NaPo.basket\")\n                }\n              },\n              [\n                _vm._v(\n                  \"\\n                    \" +\n                    _vm._s(_vm.$translate(\"ODNaPo::NaPo.basket\")) +\n                    \"\\n                \"\n                )\n              ]\n            ),\n            _vm._v(\" \"),\n            _vm._t(\"after-checkout-button\")\n          ],\n          2\n        ),\n        _vm._v(\" \"),\n        _c(\"div\", { staticClass: \"basket-preview__express-wrapper\" }, [\n          _c(\"p\", { staticClass: \"basket-preview__express-headline\" }, [\n            _vm._v(\n              \"\\n                    \" +\n                _vm._s(_vm.$translate(\"ODNaPo::NaPo.basketExpressBtn\")) +\n                \"\\n                \"\n            )\n          ]),\n          _vm._v(\" \"),\n          _c(\n            \"ul\",\n            { staticClass: \"basket-preview__express-btn-group\" },\n            [_vm._t(\"express-checkout-button\")],\n            2\n          )\n        ])\n      ])\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"basket-preview\">\n        <div v-if=\"basketNotifications.length > 0\">\n            <div class=\"alert fade in alert-danger\"\n                 v-for=\"notification in basketNotifications\">\n                <div>\n                    {{ notification.message }}\n                </div>\n            </div>\n        </div>\n        <div class=\"basket-preview__content-wrapper\">\n            <div class=\"basket-preview__content\">\n\n                <header class=\"basket-preview__header\">\n                    <div class=\"basket-preview__title\">\n                        {{ $translate(\"ODNaPo::NaPo.basketPreview\") }}\n                    </div>\n                    <button class=\"basket-preview__close\"\n                            v-toggle-basket-preview>\n                        <svg width=\"20\" height=\"20\">\n                            <use xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n                                 xlink:href=\"#svg-close\">\n                            </use>\n                        </svg>\n                    </button>\n                </header>\n\n                <div class=\"basket-preview__list-wrapper\">\n                    <basket-list type=\"basket-preview\"\n                                 :is-preview=\"true\">\n                    </basket-list>\n                </div>\n                <div class=\"basket-preview__totals-wrapper\">\n                    <basket-totals type=\"basket-preview\">\n                        <template #before-total-sum>\n                            <slot name=\"before-total-sum\"></slot>\n                        </template>\n                        <template #after-total-sum>\n                            <slot name=\"after-total-sum\"></slot>\n                        </template>\n                    </basket-totals>\n                </div>\n\n                <div class=\"basket-preview__footer\">\n                    <slot name=\"before-checkout-button\"></slot>\n                    <a v-waiting-animation-infinite\n                       :href=\"$ceres.urls.checkout\"\n                       class=\"basket__btn\"\n                       :class=\"{ 'btn__primary--disabled': basketItems.length <= 0 }\"\n                       :title=\"$translate('ODNaPo::NaPo.basketCheckout')\">\n                        {{ $translate(\"ODNaPo::NaPo.basketCheckout\") }}\n                    </a>\n                    <a v-waiting-animation-infinite\n                       :href=\"$ceres.urls.basket\"\n                       class=\"btn__secondary btn__secondary--block\"\n                       :class=\"{ 'btn__secondary--disabled': basketItems.length <= 0 }\"\n                       :title=\"$translate('ODNaPo::NaPo.basket')\">\n                        {{ $translate(\"ODNaPo::NaPo.basket\") }}\n                    </a>\n                    <slot name=\"after-checkout-button\"></slot>\n                </div>\n\n                <div class=\"basket-preview__express-wrapper\">\n                    <p class=\"basket-preview__express-headline\">\n                        {{ $translate(\"ODNaPo::NaPo.basketExpressBtn\") }}\n                    </p>\n                    <ul class=\"basket-preview__express-btn-group\">\n                        <slot name=\"express-checkout-button\"></slot>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport ApiService from \"ceres/app/services/ApiService\";\nimport { mapState } from \"vuex\";\n\nexport default {\n\n    props:\n    {\n        showNetPrices:\n            {\n                type: Boolean,\n                default: false\n            }\n    },\n\n    computed: {\n        hover()\n        {\n            return App.config.basket.previewType === 'hover';\n        },\n\n        showShippingCountrySelect()\n        {\n            return App.config.basket.showShippingCountrySelect;\n        },\n\n        ...mapState({\n            basket: state => state.basket.data,\n            basketItems: state => state.basket.items,\n            basketNotifications: state => state.basket.basketNotifications,\n            isBasketItemQuantityUpdate: state => state.basket.isBasketItemQuantityUpdate\n        })\n    },\n\n    /**\n     * Bind to basket and bind the basket items\n     */\n    mounted()\n    {\n        if (App.config.basket.addItemToBasketConfirm === \"preview\")\n        {\n            ApiService.listen(\"AfterBasketItemAdd\", data =>\n            {\n                this.show();\n            });\n\n            ApiService.listen(\"AfterBasketItemUpdate\", data =>\n            {\n                if (!this.isBasketItemQuantityUpdate)\n                {\n                    this.show();\n                }\n            });\n        }\n    },\n\n    methods:\n    {\n        show()\n        {\n            setTimeout(function()\n            {\n                $('.basket-preview').addClass('basket-preview--open');\n                $('body').addClass('basket-preview--visible');\n                $('.shop-nav__btn-basket-preview').addClass('shop-nav__btn--close');\n\n                if($(document).outerWidth() >= 992) {\n\n                    let $btn = $('.shop-nav__search-btn');\n\n                    $('.search__wrapper').slideUp(200);\n                    $btn.removeClass('shop-nav__btn--close');\n\n                    setTimeout(function () {\n                        $('.search__input').blur();\n                    }, 200);\n                }\n            }, 1);\n        },\n\n        closeBasketPreview() {\n            document.querySelector('body').\n            classList.\n            remove('basket-preview--visible');\n            document.querySelector('.basket-preview.basket-preview--open').\n            classList.\n            remove('basket-preview--open');\n            $('.mobile-navigation__overlay').fadeOut(300);\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!./BasketPreview.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!./BasketPreview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BasketPreview.vue?vue&type=template&id=614a7aab&\"\nimport script from \"./BasketPreview.vue?vue&type=script&lang=js&\"\nexport * from \"./BasketPreview.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('614a7aab')) {\n      api.createRecord('614a7aab', component.options)\n    } else {\n      api.reload('614a7aab', component.options)\n    }\n    module.hot.accept(\"./BasketPreview.vue?vue&type=template&id=614a7aab&\", function () {\n      api.rerender('614a7aab', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/basket/BasketPreview.vue\"\nexport default component.exports"],"sourceRoot":""}