{"version":3,"sources":["webpack:///./resources/js/src/app/servershop/AddItemToBasketOverlay.vue","webpack:///resources/js/src/app/servershop/AddItemToBasketOverlay.vue","webpack:///./resources/js/src/app/servershop/AddItemToBasketOverlay.vue?d58d","webpack:///./resources/js/src/app/servershop/AddItemToBasketOverlay.vue?ae20"],"names":["render","_vm","this","_c","_self","attrs","id","staticClass","role","basketItem","_v","_s","$translate","_m","type","staticStyle","src","imageUrl","alt","imageAlternativeText","itemName","title","countAdditionalBasketItems","count","_e","quantity","_f","price","_l","variation","attributes","attribute","names","name","value","shownOrderProperties","length","property","key","propertyId","class","colon","$options","filters","propertySurcharge","data","properties","showXCrossSeller","showGarantie","rel","href","on","click","$event","scrollToPOI","showUpgrades","directives","rawName","urls","basket","checkout","_t","_withStripped","ModalService","require","ApiService","props","defaultTimeToClose","Number","default","xcrossSeller","garantie","upgrades","mounted","_this","App","config","addItemToBasketConfirm","listen","updatedBasketItem","basketItems","isBasketItemQuantityUpdate","find","item","showItem","computed","_objectSpread","mapState","state","items","Array","isArray","$store","serverShop","isLastBasketEntrySet","isNullOrUndefined","images","itemImages","itemImage","itemImageAlternativeText","_this2","basketItemOrderParams","filter","prop","methods","findModal","document","getElementById","setTimeout","show","search","loadmore","clickitemselector","arguments","undefined","hide","vueEventHub","$emit","querySelector","topValue","getBoundingClientRect","top","window","scrollTo","behavior","tabHeaders","querySelectorAll","tabBodys","indexToOpen","i","firstChild","text","classList","remove","i2","add","component"],"mappings":"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","file":"chunks/ceres-client-41.min.js","sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { attrs: { id: \"add-item-to-basket-overlay\" } }, [\n    _c(\"div\", { staticClass: \"modal fade\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"modal-dialog modal-xl\", attrs: { role: \"document\" } },\n        [\n          _vm.basketItem\n            ? _c(\n                \"div\",\n                { staticClass: \"modal-content\" },\n                [\n                  _c(\"div\", { staticClass: \"modal-header\" }, [\n                    _c(\"div\", { staticClass: \"modal-title h3\" }, [\n                      _vm._v(\n                        _vm._s(\n                          _vm.$translate(\"Ceres::Template.singleItemAdded\")\n                        )\n                      ),\n                    ]),\n                    _vm._v(\" \"),\n                    _vm._m(0),\n                    _vm._v(\" \"),\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(\n                            \"Ceres::Template.closeIcon\"\n                          ),\n                        },\n                      },\n                      [\n                        _c(\"span\", { attrs: { \"aria-hidden\": \"true\" } }, [\n                          _vm._v(\"×\"),\n                        ]),\n                      ]\n                    ),\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"div\", { staticClass: \"modal-body\" }, [\n                    _c(\"div\", { staticClass: \"row is-table-row\" }, [\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"col-md-4\",\n                          staticStyle: { \"min-height\": \"80px\" },\n                        },\n                        [\n                          _c(\"img\", {\n                            staticClass: \"img-fluid mx-auto\",\n                            staticStyle: { \"max-height\": \"140px\" },\n                            attrs: {\n                              src: _vm.imageUrl,\n                              alt: _vm.imageAlternativeText || _vm.itemName,\n                              title: _vm.itemName,\n                            },\n                          }),\n                        ]\n                      ),\n                      _vm._v(\" \"),\n                      _c(\n                        \"div\",\n                        { staticClass: \"col-md-8\" },\n                        [\n                          _c(\"p\", [\n                            _c(\"strong\", [_vm._v(_vm._s(_vm.itemName))]),\n                            _vm._v(\" \"),\n                            _c(\"br\"),\n                            _vm._v(\" \"),\n                            _vm.countAdditionalBasketItems > 0\n                              ? _c(\"span\", [\n                                  _vm._v(\n                                    _vm._s(\n                                      _vm.$translate(\n                                        \"Ceres::Template.basketItemOverlayAdditionalCount\",\n                                        {\n                                          count: _vm.countAdditionalBasketItems,\n                                        }\n                                      )\n                                    )\n                                  ),\n                                ])\n                              : _vm._e(),\n                          ]),\n                          _vm._v(\" \"),\n                          _c(\"p\", { staticClass: \"small\" }, [\n                            _c(\"strong\", [\n                              _c(\"span\", { staticClass: \"text-muted\" }, [\n                                _vm._v(_vm._s(_vm.basketItem.quantity) + \" x \"),\n                              ]),\n                              _vm._v(\" \"),\n                              _c(\"span\", [\n                                _vm._v(_vm._s(_vm._f(\"currency\")(_vm.price))),\n                              ]),\n                            ]),\n                          ]),\n                          _vm._v(\" \"),\n                          _vm._l(\n                            _vm.variation.attributes,\n                            function (attribute) {\n                              return _c(\"p\", { staticClass: \"small\" }, [\n                                _c(\"strong\", [\n                                  _vm._v(\n                                    _vm._s(attribute.attribute.names.name)\n                                  ),\n                                ]),\n                                _vm._v(\":\\n                                \"),\n                                _c(\"span\", [\n                                  _vm._v(_vm._s(attribute.value.names.name)),\n                                ]),\n                              ])\n                            }\n                          ),\n                          _vm._v(\" \"),\n                          _vm.shownOrderProperties.length\n                            ? _c(\"div\", { staticClass: \"small\" }, [\n                                _c(\n                                  \"div\",\n                                  { staticClass: \"font-weight-bold my-1\" },\n                                  [\n                                    _vm._v(\n                                      _vm._s(\n                                        _vm.$translate(\n                                          \"Ceres::Template.singleItemAdditionalOptions\"\n                                        )\n                                      ) + \":\"\n                                    ),\n                                  ]\n                                ),\n                                _vm._v(\" \"),\n                                _c(\n                                  \"ul\",\n                                  { staticClass: \"ml-1 pl-3\" },\n                                  _vm._l(\n                                    _vm.shownOrderProperties,\n                                    function (property) {\n                                      return _c(\n                                        \"li\",\n                                        { key: property.propertyId },\n                                        [\n                                          _c(\n                                            \"span\",\n                                            { staticClass: \"d-block\" },\n                                            [\n                                              _c(\n                                                \"strong\",\n                                                {\n                                                  class: {\n                                                    colon:\n                                                      property.type.length > 0,\n                                                  },\n                                                },\n                                                [\n                                                  _vm._v(\n                                                    _vm._s(property.name) + \" \"\n                                                  ),\n                                                  _vm.$options.filters.propertySurcharge(\n                                                    _vm.basketItem.variation\n                                                      .data.properties,\n                                                    property.propertyId\n                                                  ) > 0\n                                                    ? [\n                                                        _vm._v(\n                                                          \"(\" +\n                                                            _vm._s(\n                                                              _vm.$translate(\n                                                                \"Ceres::Template.singleItemIncludeAbbr\"\n                                                              )\n                                                            ) +\n                                                            \" \" +\n                                                            _vm._s(\n                                                              _vm._f(\n                                                                \"currency\"\n                                                              )(\n                                                                _vm._f(\n                                                                  \"propertySurcharge\"\n                                                                )(\n                                                                  _vm.basketItem\n                                                                    .variation\n                                                                    .data\n                                                                    .properties,\n                                                                  property.propertyId\n                                                                )\n                                                              )\n                                                            ) +\n                                                            \") \"\n                                                        ),\n                                                      ]\n                                                    : _vm._e(),\n                                                ],\n                                                2\n                                              ),\n                                              _vm._v(\" \"),\n                                              _c(\n                                                \"span\",\n                                                [\n                                                  _c(\"order-property-value\", {\n                                                    attrs: {\n                                                      property: property,\n                                                    },\n                                                  }),\n                                                ],\n                                                1\n                                              ),\n                                            ]\n                                          ),\n                                        ]\n                                      )\n                                    }\n                                  ),\n                                  0\n                                ),\n                              ])\n                            : _vm._e(),\n                        ],\n                        2\n                      ),\n                    ]),\n                  ]),\n                  _vm._v(\" \"),\n                  _vm.showXCrossSeller || _vm.showGarantie\n                    ? _c(\"div\", { staticClass: \"modal-footer invert\" }, [\n                        _c(\"div\", { staticClass: \"row flex-fill\" }, [\n                          _vm.showGarantie\n                            ? _c(\"div\", { staticClass: \"col-12 col-lg-4\" }, [\n                                _c(\n                                  \"a\",\n                                  {\n                                    staticClass: \"btn btn-primary btn-block\",\n                                    attrs: {\n                                      rel: \"nofollow\",\n                                      \"data-toggle\": \"collapse\",\n                                      href: \"#upgrades\",\n                                    },\n                                    on: {\n                                      click: function ($event) {\n                                        return _vm.scrollToPOI(\n                                          \"serverupgradeHeight\",\n                                          false,\n                                          \".upgrades-box .nav-tabs li:last-child\"\n                                        )\n                                      },\n                                    },\n                                  },\n                                  [\n                                    _c(\"use\", {\n                                      attrs: {\n                                        \"xlink:href\": \"#pickup\",\n                                        \"xmlns:xlink\":\n                                          \"http://www.w3.org/1999/xlink\",\n                                      },\n                                    }),\n                                    _vm._v(\n                                      \"\\n                        \" +\n                                        _vm._s(\n                                          _vm.$translate(\n                                            \"Servershop5::Template.overlayGarantie\"\n                                          )\n                                        ) +\n                                        \"\\n                      \"\n                                    ),\n                                  ]\n                                ),\n                              ])\n                            : _vm._e(),\n                          _vm._v(\" \"),\n                          _vm.showXCrossSeller\n                            ? _c(\n                                \"div\",\n                                { staticClass: \"col-12 col-lg-4 mt-3 mt-lg-0\" },\n                                [\n                                  _c(\n                                    \"a\",\n                                    {\n                                      staticClass: \"btn btn-primary btn-block\",\n                                      attrs: { rel: \"nofollow\" },\n                                      on: {\n                                        click: function ($event) {\n                                          return _vm.scrollToPOI(\n                                            \"xcrossSeller\",\n                                            true\n                                          )\n                                        },\n                                      },\n                                    },\n                                    [\n                                      _vm._v(\n                                        \"\\n                        \" +\n                                          _vm._s(\n                                            _vm.$translate(\n                                              \"Servershop5::Template.overlayZubehoer\"\n                                            )\n                                          ) +\n                                          \"\\n                      \"\n                                      ),\n                                    ]\n                                  ),\n                                ]\n                              )\n                            : _vm._e(),\n                          _vm._v(\" \"),\n                          _vm.showUpgrades\n                            ? _c(\n                                \"div\",\n                                { staticClass: \"col-12 col-lg-4 mt-3 mt-lg-0\" },\n                                [\n                                  _c(\n                                    \"a\",\n                                    {\n                                      staticClass: \"btn btn-primary btn-block\",\n                                      attrs: {\n                                        rel: \"nofollow\",\n                                        \"data-toggle\": \"collapse\",\n                                        href: \"#upgrades\",\n                                      },\n                                      on: {\n                                        click: function ($event) {\n                                          return _vm.scrollToPOI(\n                                            \"serverupgradeHeight\",\n                                            false\n                                          )\n                                        },\n                                      },\n                                    },\n                                    [\n                                      _c(\"i\", { staticClass: \"icon-settings\" }),\n                                      _vm._v(\n                                        \"\\n                        \" +\n                                          _vm._s(\n                                            _vm.$translate(\n                                              \"Servershop5::Template.overlayUpgrades\"\n                                            )\n                                          ) +\n                                          \"\\n                      \"\n                                      ),\n                                    ]\n                                  ),\n                                ]\n                              )\n                            : _vm._e(),\n                        ]),\n                      ])\n                    : _vm._e(),\n                  _vm._v(\" \"),\n                  _c(\n                    \"div\",\n                    { staticClass: \"modal-footer justify-content-end\" },\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-primary btn-medium mr-2\",\n                          attrs: { href: _vm.urls.basket, rel: \"nofollow\" },\n                        },\n                        [\n                          _c(\"i\", {\n                            staticClass: \"fa fa-shopping-cart\",\n                            attrs: { \"aria-hidden\": \"true\" },\n                          }),\n                          _vm._v(\n                            \"\\n                        \" +\n                              _vm._s(\n                                _vm.$translate(\n                                  \"Ceres::Template.singleItemBasket\"\n                                )\n                              ) +\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 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                  _vm._v(\" \"),\n                  _vm._t(\"extendOverlayButtons\"),\n                ],\n                2\n              )\n            : _vm._e(),\n        ]\n      ),\n    ]),\n  ])\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"span\", { staticClass: \"text-muted ml-auto\" }, [\n      _c(\"span\", { staticClass: \"timer\" }),\n      _vm._v(\"s\"),\n    ])\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"add-item-to-basket-overlay\">\n        <div class=\"modal fade\">\n            <div class=\"modal-dialog modal-xl\" role=\"document\">\n                <div class=\"modal-content\" v-if=\"basketItem\">\n\n                    <!-- MODAL HEADER -->\n                    <div class=\"modal-header\">\n                        <div class=\"modal-title h3\">{{ $translate(\"Ceres::Template.singleItemAdded\") }}</div>\n                        <span class=\"text-muted ml-auto\"><span class=\"timer\"></span>s</span>\n                        <button type=\"button\" class=\"close ml-0 pl-1\" data-dismiss=\"modal\" :aria-label=\"$translate('Ceres::Template.closeIcon')\">\n                            <span aria-hidden=\"true\">&times;</span>\n                        </button>\n                    </div>\n                    <!-- ./MODAL HEADER -->\n\n                    <!-- MODAL BODY -->\n                    <div class=\"modal-body\">\n                        <div class=\"row is-table-row\">\n                            <div class=\"col-md-4\" style=\"min-height: 80px;\">\n                                <img style=\"max-height: 140px;\" class=\"img-fluid mx-auto\" :src=\"imageUrl\" :alt=\"imageAlternativeText || itemName\" :title=\"itemName\"/>\n                            </div>\n                            <div class=\"col-md-8\">\n                                <p>\n                                    <strong>{{ itemName }}</strong>\n                                    <br>\n                                    <span v-if=\"countAdditionalBasketItems > 0\">{{ $translate(\"Ceres::Template.basketItemOverlayAdditionalCount\", {\"count\": countAdditionalBasketItems }) }}</span>\n                                </p>\n\n                                <p class=\"small\">\n                                    <strong>\n                                        <span class=\"text-muted\">{{ basketItem.quantity }} x </span>\n                                        <span>{{ price | currency }}</span>\n                                    </strong>\n                                </p>\n                                <!--<p>\n                                    <item-bundle v-if=\"isLastBasketEntrySet\" :bundle-type=\"variation.variation.bundleType\" :bundle-components=\"variation.bundleComponents\"></item-bundle>\n                                </p> -->\n\n                                <p class=\"small\" v-for=\"attribute in variation.attributes\">\n                                    <strong>{{ attribute.attribute.names.name }}</strong>:\n                                    <span>{{ attribute.value.names.name }}</span>\n                                </p>\n\n                                <div class=\"small\" v-if=\"shownOrderProperties.length\">\n                                    <div class=\"font-weight-bold my-1\">{{ $translate(\"Ceres::Template.singleItemAdditionalOptions\") }}:</div>\n                                    <ul class=\"ml-1 pl-3\">\n                                        <li v-for=\"property in shownOrderProperties\" :key=\"property.propertyId\">\n                                            <span class=\"d-block\">\n                                              <strong :class=\"{ 'colon': property.type.length > 0 }\">{{ property.name }} <template v-if=\"$options.filters.propertySurcharge(basketItem.variation.data.properties, property.propertyId) > 0\">({{ $translate(\"Ceres::Template.singleItemIncludeAbbr\") }} {{ basketItem.variation.data.properties | propertySurcharge(property.propertyId) | currency }}) </template></strong>\n                                                <span>\n                                                    <order-property-value :property=\"property\"></order-property-value>\n                                                </span>\n                                            </span>\n                                        </li>\n                                    </ul>\n                                </div>\n\n                            </div>\n                        </div>\n                    </div>\n                    <!-- ./MODAL BODY -->\n\n                    <!-- MODAL FOOTER -->\n                    <div class=\"modal-footer invert\" v-if=\"showXCrossSeller || showGarantie\">\n                      <div class=\"row flex-fill\">\n                        <div class=\"col-12 col-lg-4\" v-if=\"showGarantie\">\n                          <a  rel=\"nofollow\" class=\"btn btn-primary btn-block\"data-toggle=\"collapse\" href=\"#upgrades\" @click=\"scrollToPOI('serverupgradeHeight',false,'.upgrades-box .nav-tabs li:last-child')\">\n                            <use xlink:href=\"#pickup\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"></use>\n                            {{ $translate(\"Servershop5::Template.overlayGarantie\") }}\n                          </a>\n                        </div>\n                        <div class=\"col-12 col-lg-4 mt-3 mt-lg-0\" v-if=\"showXCrossSeller\">\n                          <a  rel=\"nofollow\" class=\"btn btn-primary btn-block\" @click=\"scrollToPOI('xcrossSeller',true)\">\n                            {{ $translate(\"Servershop5::Template.overlayZubehoer\") }}\n                          </a>\n                        </div>\n                        <div class=\"col-12 col-lg-4 mt-3 mt-lg-0\" v-if=\"showUpgrades\">\n                          <a  rel=\"nofollow\" class=\"btn btn-primary btn-block\" data-toggle=\"collapse\" href=\"#upgrades\" @click=\"scrollToPOI('serverupgradeHeight',false)\">\n                            <i class=\"icon-settings\"></i>\n                            {{ $translate(\"Servershop5::Template.overlayUpgrades\") }}\n                          </a>\n                        </div>\n                      </div>\n                    </div>\n                    <div class=\"modal-footer justify-content-end\">\n                        <a v-waiting-animation-infinite :href=\"urls.basket\" rel=\"nofollow\" class=\"btn btn-primary btn-medium mr-2\">\n                            <i class=\"fa fa-shopping-cart\" aria-hidden=\"true\"></i>\n                            {{ $translate(\"Ceres::Template.singleItemBasket\") }}\n                        </a>\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                    <!-- MODAL FOOTER -->\n\n                    <slot name=\"extendOverlayButtons\"></slot>\n                    <!-- ./MODAL FOOTER -->\n\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { isNullOrUndefined } from \"../helper/utils\";\nimport { mapState } from \"vuex\";\n\nconst ModalService  = require(\"../services/ModalService\");\nconst ApiService    = require(\"../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            xcrossSeller:false,\n            garantie:false,\n            upgrades: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\n    },\n\n    computed:\n    {\n        ...mapState({\n            basketItems: state => state.basket.items,\n            isBasketItemQuantityUpdate: state => state.basket.isBasketItemQuantityUpdate\n        }),\n\n        showGarantie()\n        {\n          if(Array.isArray(this.$store.state.serverShop.garantie) === false)\n          {\n            return  true;\n          }\n          else\n          {\n            return false;\n          }\n        },\n        showXCrossSeller()\n        {\n          if(Array.isArray(this.$store.state.serverShop.xcrossSeller) === false)\n          {\n            return  true;\n          }\n          else\n          {\n            return false;\n          }\n        },\n        showUpgrades()\n        {\n          if(this.$store.state.serverShop.upgrades.length > 0)\n          {\n            return  true;\n          }\n          else\n          {\n            return false;\n          }\n        },\n\n\n\n\n\n\n\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            ModalService\n                .findModal(document.getElementById(\"add-item-to-basket-overlay\"))\n                .setTimeout(this.defaultTimeToClose * 1000)\n                .show();\n        },\n        scrollToPOI(search,loadmore,clickitemselector = '')\n        {\n            ModalService\n                .findModal(document.getElementById(\"add-item-to-basket-overlay\"))\n                .hide();\n            if(loadmore)\n            {\n              vueEventHub.$emit(search,true);\n              document.querySelector('.'+search+' .showMore').click();\n            }\n            setTimeout(function()\n            {\n              let topValue = document.querySelector('.'+search).getBoundingClientRect().top;\n              if(search == 'serverupgradeHeight')\n              {\n                topValue = topValue-80;\n              }\n              window.scrollTo({\n                top: topValue,\n                behavior: 'smooth'\n              });\n            },100)\n            if(clickitemselector!='')\n            {\n              let tabHeaders  = document.querySelectorAll('.upgrades-box .nav-tabs > li');\n              let tabBodys    = document.querySelectorAll('.upgrades-box .tab-content >  div');\n              let indexToOpen = 0;\n              for(let i = 0; i < tabHeaders.length; i++)\n              {\n                if(tabHeaders[i].firstChild.text =='Garantie-Erweiterungen')\n                {\n                  indexToOpen = i;\n                }\n                tabHeaders[i].firstChild.classList.remove('active')\n              }\n              for(let i2 = 0; i2 < tabBodys.length; i2++)\n              {\n                tabBodys[i2].classList.remove('active')\n              }\n\n              tabHeaders[indexToOpen].firstChild.classList.add('active')\n              tabBodys[indexToOpen].classList.add('active')\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=2e89ea66\"\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\nexport default component.exports"],"sourceRoot":""}