{"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","directives","name","rawName","attrs","width","height","fill","_v","basketNotifications","length","_l","notification","key","id","_s","message","_e","scopedSlots","_u","fn","_t","proxy","basketItems","showShippingCountrySelect","visibleFields","href","$ceres","urls","checkout","rel","title","$translate","basket","_withStripped","component","options","__file"],"mappings":"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","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(\"div\", { staticClass: \"offcanvas is-right basket-preview\" }, [\n    _c(\n      \"button\",\n      {\n        directives: [\n          { name: \"toggle-basket-preview\", rawName: \"v-toggle-basket-preview\" }\n        ],\n        staticClass: \"btn btn-block offcanvas-close\"\n      },\n      [\n        _c(\n          \"svg\",\n          {\n            staticClass: \"icon icon-chevron-left\",\n            attrs: { width: \"32\", height: \"32\", fill: \"currentColor\" }\n          },\n          [_c(\"use\", { attrs: { \"xlink:href\": \"#chevron-left\" } })]\n        ),\n        _vm._v(\" \"),\n        _c(\"span\", [_vm._v(\"\\n            Weiter einkaufen\\n        \")])\n      ]\n    ),\n    _vm._v(\" \"),\n    _c(\n      \"div\",\n      { staticClass: \"offcanvas-content-container\" },\n      [\n        _vm.basketNotifications.length > 0\n          ? _vm._l(_vm.basketNotifications, function(notification) {\n              return _c(\n                \"div\",\n                {\n                  key: notification.id,\n                  staticClass: \"w-100 alert alert-danger\"\n                },\n                [_c(\"div\", [_vm._v(_vm._s(notification.message))])]\n              )\n            })\n          : _vm._e(),\n        _vm._v(\" \"),\n        _c(\n          \"div\",\n          { staticClass: \"basket-preview-content\" },\n          [\n            _c(\"basket-list\", {\n              staticClass: \"item-list mb-3\",\n              attrs: { \"is-preview\": true },\n              scopedSlots: _vm._u(\n                [\n                  {\n                    key: \"before-basket-item\",\n                    fn: function() {\n                      return [_vm._t(\"before-basket-item\")]\n                    },\n                    proxy: true\n                  },\n                  {\n                    key: \"after-basket-item\",\n                    fn: function() {\n                      return [_vm._t(\"after-basket-item\")]\n                    },\n                    proxy: true\n                  }\n                ],\n                null,\n                true\n              )\n            }),\n            _vm._v(\" \"),\n            _vm.basketItems.length > 0\n              ? _c(\n                  \"div\",\n                  { staticClass: \"basket-totals\" },\n                  [\n                    _vm.showShippingCountrySelect\n                      ? _c(\"shipping-country-select\", {\n                          attrs: {\n                            \"basket-select\": true,\n                            \"open-basket-preview\": true\n                          }\n                        })\n                      : _vm._e(),\n                    _vm._v(\" \"),\n                    _vm._t(\"before-basket-totals\"),\n                    _vm._v(\" \"),\n                    _c(\"basket-totals\", {\n                      attrs: { \"visible-fields\": _vm.visibleFields },\n                      scopedSlots: _vm._u(\n                        [\n                          {\n                            key: \"before-item-sum\",\n                            fn: function() {\n                              return [_vm._t(\"before-item-sum\")]\n                            },\n                            proxy: true\n                          },\n                          {\n                            key: \"after-item-sum\",\n                            fn: function() {\n                              return [_vm._t(\"after-item-sum\")]\n                            },\n                            proxy: true\n                          },\n                          {\n                            key: \"before-shipping-costs\",\n                            fn: function() {\n                              return [_vm._t(\"before-shipping-costs\")]\n                            },\n                            proxy: true\n                          },\n                          {\n                            key: \"after-shipping-costs\",\n                            fn: function() {\n                              return [_vm._t(\"after-shipping-costs\")]\n                            },\n                            proxy: true\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: \"before-vat\",\n                            fn: function() {\n                              return [_vm._t(\"before-vat\")]\n                            },\n                            proxy: true\n                          },\n                          {\n                            key: \"after-vat\",\n                            fn: function() {\n                              return [_vm._t(\"after-vat\")]\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                    _vm._v(\" \"),\n                    _vm._t(\"after-basket-totals\"),\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: \"btn btn-buy btn-block\",\n                            attrs: {\n                              href: _vm.$ceres.urls.checkout,\n                              rel: \"nofollow\",\n                              title: _vm.$translate(\n                                \"Ceres::Template.basketCheckout\"\n                              )\n                            }\n                          },\n                          [\n                            _vm._v(\n                              \"\\n                        \" +\n                                _vm._s(\n                                  _vm.$translate(\n                                    \"Ceres::Template.basketCheckout\"\n                                  )\n                                ) +\n                                \"\\n                    \"\n                            )\n                          ]\n                        ),\n                        _vm._v(\" \"),\n                        _vm._t(\"after-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: \"btn btn-link btn-sm btn-block\",\n                            attrs: {\n                              href: _vm.$ceres.urls.basket,\n                              rel: \"nofollow\",\n                              title: _vm.$translate(\"Ceres::Template.basket\")\n                            }\n                          },\n                          [\n                            _vm._v(\n                              \"\\n                        \" +\n                                _vm._s(\n                                  _vm.$translate(\"Ceres::Template.basket\")\n                                ) +\n                                \"\\n                    \"\n                            )\n                          ]\n                        )\n                      ],\n                      2\n                    )\n                  ],\n                  2\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      2\n    ),\n    _vm._v(\" \"),\n    _c(\"div\", {\n      directives: [\n        { name: \"toggle-basket-preview\", rawName: \"v-toggle-basket-preview\" }\n      ],\n      staticClass: \"basket-preview-overlay\"\n    })\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"offcanvas is-right basket-preview\">\n        <button class=\"btn btn-block offcanvas-close\" v-toggle-basket-preview>\n            <svg class=\"icon icon-chevron-left\" width=\"32\" height=\"32\" fill=\"currentColor\">\n                <use xlink:href=\"#chevron-left\" />\n            </svg>\n            <span>\n                Weiter einkaufen\n            </span>\n        </button>\n        <div class=\"offcanvas-content-container\">\n            <template v-if=\"basketNotifications.length > 0\">\n                <div class=\"w-100 alert alert-danger\" v-for=\"notification in basketNotifications\" :key=\"notification.id\">\n                    <div>{{ notification.message }}</div>\n                </div>\n            </template>\n\n            <div class=\"basket-preview-content\">\n                <basket-list class=\"item-list mb-3\" :is-preview=\"true\">\n                    <template #before-basket-item>\n                        <slot name=\"before-basket-item\"></slot>\n                    </template>\n                    <template #after-basket-item>\n                        <slot name=\"after-basket-item\"></slot>\n                    </template>\n                </basket-list>\n\n                <div v-if=\"basketItems.length > 0\" class=\"basket-totals\">\n\n                    <shipping-country-select\n                        v-if=\"showShippingCountrySelect\"\n                        :basket-select=\"true\"\n                        :open-basket-preview=\"true\">\n                    </shipping-country-select>\n\n                    <slot name=\"before-basket-totals\"></slot>\n\n                    <basket-totals :visible-fields=\"visibleFields\">\n                        <template #before-item-sum>\n                            <slot name=\"before-item-sum\"></slot>\n                        </template>\n                        <template #after-item-sum>\n                            <slot name=\"after-item-sum\"></slot>\n                        </template>\n                        <template #before-shipping-costs>\n                            <slot name=\"before-shipping-costs\"></slot>\n                        </template>\n                        <template #after-shipping-costs>\n                            <slot name=\"after-shipping-costs\"></slot>\n                        </template>\n                        <template #before-total-sum>\n                            <slot name=\"before-total-sum\"></slot>\n                        </template>\n                        <template #before-vat>\n                            <slot name=\"before-vat\"></slot>\n                        </template>\n                        <template #after-vat>\n                            <slot name=\"after-vat\"></slot>\n                        </template>\n                        <template #after-total-sum>\n                            <slot name=\"after-total-sum\"></slot>\n                        </template>\n                    </basket-totals>\n\n                    <slot name=\"after-basket-totals\"></slot>\n\n                    <div class=\"basket-preview-footer\">\n                        <slot name=\"before-checkout-button\"></slot>\n                        <a v-waiting-animation-infinite :href=\"$ceres.urls.checkout\" rel=\"nofollow\" class=\"btn btn-buy btn-block\" :title=\"$translate('Ceres::Template.basketCheckout')\">\n                            {{ $translate(\"Ceres::Template.basketCheckout\") }}\n                        </a>\n                        <slot name=\"after-checkout-button\"></slot>\n\n                        <a v-waiting-animation-infinite :href=\"$ceres.urls.basket\" rel=\"nofollow\" class=\"btn btn-link btn-sm btn-block\" :title=\"$translate('Ceres::Template.basket')\">\n                            {{ $translate(\"Ceres::Template.basket\") }}\n                        </a>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"basket-preview-overlay\" v-toggle-basket-preview></div>\n    </div>\n</template>\n\n<script>\nimport ApiService from \"ceres/app/services/ApiService\";\nimport { mapState } from \"vuex\";\n\nexport default {\n    name: \"basket-preview\",\n\n    props:\n    {\n        showNetPrices:\n        {\n            type: Boolean,\n            default: false\n        },\n        visibleFields:\n        {\n            type: Array,\n            default: () => [\n                \"basketValueNet\",\n                \"basketValueGross\",\n                \"rebate\",\n                \"shippingCostsNet\",\n                \"shippingCostsGross\",\n                \"promotionCoupon\",\n                \"totalSumNet\",\n                \"vats\",\n                \"additionalCosts\",\n                \"totalSumGross\",\n                \"salesCoupon\",\n                \"openAmount\"\n            ]\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                document.body.classList.add(\"basket-open\");\n            }, 1);\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/onedot/Sites/DIA-Kahu/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":""}