{"version":3,"sources":["webpack:///resources/js/src/app/components/basket/BasketPreview.vue","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?ab57","webpack:///./resources/js/src/app/components/basket/BasketPreview.vue?4c39"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA;AACA;AAEA;AACA,wBADA;AAGA,SACA;AACA,mBACA;AACA,mBADA;AAEA;AAFA,KAFA;AAMA,mBACA;AACA,iBADA;AAEA;AAAA,gBACA,gBADA,EAEA,kBAFA,EAGA,QAHA,EAIA,kBAJA,EAKA,oBALA,EAMA,iBANA,EAOA,aAPA,EAQA,MARA,EASA,iBATA,EAUA,eAVA,EAWA,aAXA,EAYA,YAZA,EAaA,WAbA;AAAA;AAFA;AAPA,GAJA;AA+BA;AACA,SADA,mBAEA;AACA;AACA,KAJA;AAMA,6BANA,uCAOA;AACA;AACA;AATA,KAWA;AACA;AAAA;AAAA,KADA;AAEA;AAAA;AAAA,KAFA;AAGA;AAAA;AAAA,KAHA;AAIA;AAAA;AAAA;AAJA,IAXA,CA/BA;;AAkDA;AACA;AACA;AACA,SArDA,qBAsDA;AAAA;;AACA,gEACA;AACA,gHACA;AACA;AACA,OAHA;AAKA,mHACA;AACA,+CACA;AACA;AACA;AACA,OANA;AAOA;AACA,GAtEA;AAwEA,WACA;AACA,QADA,kBAEA;AACA,6BACA;AACA;AACA,OAHA,EAGA,CAHA;AAIA;AAPA;AAzEA,G;;;;;;;;;;;;AC7FA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,iBAAiB,yCAAyC;AAC1D;AACA;AACA;AACA;AACA;AACA,WAAW;AACX;AACA;AACA;AACA,eAAe,yDAAyD;AACxE;AACA,4BAA4B,yBAAyB;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA,gCAAgC,SAAS,wBAAwB,EAAE;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,yDAAyD;AACxE;AACA;AACA;AACA;AACA,0BAA0B,qBAAqB;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B,sCAAsC;AACpE;AACA;AACA;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,uBAAuB,mDAAmD;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA,qCAAqC,qCAAqC;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA,sCAAsC;AACtC,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW;AACX;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AC7RA;AAAA;AAAA;AAAA;AAA4F;AAC3B;AACL;;;AAG5D;AACsG;AACtG,gBAAgB,2GAAU;AAC1B,EAAE,mFAAM;AACR,EAAE,wFAAM;AACR,EAAE,iGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAAqM,CAAgB,iPAAG,EAAC,C;;;;;;;;;;;;ACAzN;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunks/ceres-21.js","sourcesContent":["<template>\n    <div class=\"basket-preview-wrapper h-100\" :class=\"{ 'empty': !basketItems.length, 'open-hover': hover, 'open-right': !hover }\">\n        <div class=\"position-relative h-100\">\n            <div class=\"basket-preview d-flex flex-column flex-nowrap bg-white shadow w-100\">\n\n                <header class=\"basket-preview-header border-bottom p-3\">\n                    <span class=\"h3 mb-0\">{{ $translate(\"Ceres::Template.basketPreview\") }}</span>\n                    <button v-toggle-basket-preview type=\"button\" class=\"close\" :aria-label=\"$translate('Ceres::Template.closeIcon')\">\n                        <span aria-hidden=\"true\">&times;</span>\n                    </button>\n                </header>\n\n                <div 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                </div>\n\n                <div class=\"basket-preview-content d-flex flex-fill\">\n                    <basket-list class=\"item-list d-flex flex-fill flex-nowrap flex-column overflow-auto px-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 class=\"totals d-flex flex-nowrap flex-column px-3 pt-3\">\n\n                        <shipping-country-select\n                                v-if=\"showShippingCountrySelect\"\n                                :basket-select=\"true\"\n                                :open-basket-preview=\"true\">\n                        </shipping-country-select>\n                        <hr>\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 d-flex pb-3\">\n                            <a v-waiting-animation-infinite :href=\"$ceres.urls.basket\" rel=\"nofollow\" class=\"btn btn-outline-primary btn-block\" :title=\"$translate('Ceres::Template.basket')\">\n                                <i class=\"fa fa-shopping-cart\"></i>\n                                {{ $translate(\"Ceres::Template.basket\") }}\n                            </a>\n\n                            <slot name=\"before-checkout-button\"></slot>\n                            <a v-waiting-animation-infinite :href=\"$ceres.urls.checkout\" rel=\"nofollow\" class=\"btn btn-primary btn-block\" :title=\"$translate('Ceres::Template.basketCheckout')\">\n                                <i class=\"fa fa-arrow-right\" aria-hidden=\"true\"></i>\n                                {{ $translate(\"Ceres::Template.basketCheckout\") }}\n                            </a>\n                            <slot name=\"after-checkout-button\"></slot>\n                        </div>\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 \"../../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                \"subAmount\"\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","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: \"basket-preview-wrapper h-100\",\n      class: {\n        empty: !_vm.basketItems.length,\n        \"open-hover\": _vm.hover,\n        \"open-right\": !_vm.hover\n      }\n    },\n    [\n      _c(\"div\", { staticClass: \"position-relative h-100\" }, [\n        _c(\n          \"div\",\n          {\n            staticClass:\n              \"basket-preview d-flex flex-column flex-nowrap bg-white shadow w-100\"\n          },\n          [\n            _c(\n              \"header\",\n              { staticClass: \"basket-preview-header border-bottom p-3\" },\n              [\n                _c(\"span\", { staticClass: \"h3 mb-0\" }, [\n                  _vm._v(\n                    _vm._s(_vm.$translate(\"Ceres::Template.basketPreview\"))\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: \"close\",\n                    attrs: {\n                      type: \"button\",\n                      \"aria-label\": _vm.$translate(\"Ceres::Template.closeIcon\")\n                    }\n                  },\n                  [\n                    _c(\"span\", { attrs: { \"aria-hidden\": \"true\" } }, [\n                      _vm._v(\"×\")\n                    ])\n                  ]\n                )\n              ]\n            ),\n            _vm._v(\" \"),\n            _vm.basketNotifications.length > 0\n              ? _c(\n                  \"div\",\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                  0\n                )\n              : _vm._e(),\n            _vm._v(\" \"),\n            _c(\n              \"div\",\n              { staticClass: \"basket-preview-content d-flex flex-fill\" },\n              [\n                _c(\"basket-list\", {\n                  staticClass:\n                    \"item-list d-flex flex-fill flex-nowrap flex-column overflow-auto px-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                _c(\n                  \"div\",\n                  {\n                    staticClass:\n                      \"totals d-flex flex-nowrap flex-column px-3 pt-3\"\n                  },\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                    _c(\"hr\"),\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 d-flex pb-3\" },\n                      [\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-block\",\n                            attrs: {\n                              href: _vm.$ceres.urls.basket,\n                              rel: \"nofollow\",\n                              title: _vm.$translate(\"Ceres::Template.basket\")\n                            }\n                          },\n                          [\n                            _c(\"i\", { staticClass: \"fa fa-shopping-cart\" }),\n                            _vm._v(\n                              \"\\n                            \" +\n                                _vm._s(\n                                  _vm.$translate(\"Ceres::Template.basket\")\n                                ) +\n                                \"\\n                        \"\n                            )\n                          ]\n                        ),\n                        _vm._v(\" \"),\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-primary 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                            _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.basketCheckout\"\n                                  )\n                                ) +\n                                \"\\n                        \"\n                            )\n                          ]\n                        ),\n                        _vm._v(\" \"),\n                        _vm._t(\"after-checkout-button\")\n                      ],\n                      2\n                    )\n                  ],\n                  2\n                )\n              ],\n              1\n            )\n          ]\n        )\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  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","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(\"/home/runner/work/plugin-ceres/plugin-ceres/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","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&\"","export * from \"-!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BasketPreview.vue?vue&type=template&id=614a7aab&\""],"sourceRoot":""}