{"version":3,"sources":["webpack:///./resources/js/src/app/components/pageDesign/GonserBox.vue?968b","webpack:///resources/js/src/app/components/pageDesign/GonserBox.vue","webpack:///./resources/js/src/app/components/pageDesign/GonserBox.vue?b146","webpack:///./resources/js/src/app/components/pageDesign/GonserBox.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","getClasses","hide","setVisibility","isBoxItem","smaller","isBasketOverlay","hasTotalItems","column","isFree","domProps","innerHTML","_s","$translate","_e","_v","diff","getCurrencyString","attrs","xmlns","viewBox","on","click","$event","openShippingInfo","d","style","total","limit","toFixed","isSmallScreen","alt","showAdditionalInfo","href","isCheckout","title","isShopBuilder","isItem","_withStripped","component","options","__file"],"mappings":"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","file":"chunks/ceres-client-44.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(\n \"div\",\n {\n staticClass: \"gonser-box\",\n class: [\n _vm.getClasses,\n {\n hide: _vm.setVisibility && !_vm.isBoxItem,\n smaller: _vm.smaller,\n isBasketOverlay: _vm.isBasketOverlay,\n },\n ],\n },\n [\n _vm.hasTotalItems\n ? _c(\n \"div\",\n {\n staticClass: \"gonser-box-inner align-items-center\",\n class: { \"d-md-flex\": !_vm.column },\n },\n [\n _c(\n \"div\",\n {\n staticClass: \"gonser-box-column-one\",\n class: { \"mb-5 mb-md-0\": !_vm.column, \"mb-4\": _vm.column },\n },\n [\n _c(\"div\", { staticClass: \"h3 mb-3\" }, [\n !_vm.isBasketOverlay && _vm.isFree\n ? _c(\"span\", {\n domProps: {\n innerHTML: _vm._s(\n _vm.$translate(\n \"GonserDT::Template.gonserBoxAmountReached\"\n )\n ),\n },\n })\n : _vm._e(),\n _vm._v(\" \"),\n _vm.isBasketOverlay && _vm.isFree\n ? _c(\"span\", {\n domProps: {\n innerHTML: _vm._s(\n _vm.$translate(\n \"GonserDT::Template.gonserBoxAmountReachedBasketItemOverlay\"\n )\n ),\n },\n })\n : _vm._e(),\n _vm._v(\" \"),\n !_vm.isFree && _vm.isBasketOverlay\n ? _c(\"span\", {\n domProps: {\n innerHTML: _vm._s(\n _vm.$translate(\n \"GonserDT::Template.gonserBoxAmountLeftBasketItemOverlay\",\n { diff: _vm.getCurrencyString(_vm.diff) }\n )\n ),\n },\n })\n : _vm._e(),\n _vm._v(\" \"),\n !_vm.isFree && !_vm.isBasketOverlay\n ? _c(\"span\", {\n domProps: {\n innerHTML: _vm._s(\n _vm.$translate(\n \"GonserDT::Template.gonserBoxAmountLeft\",\n { diff: _vm.getCurrencyString(_vm.diff) }\n )\n ),\n },\n })\n : _vm._e(),\n _vm._v(\" \"),\n _vm.isBasketOverlay\n ? _c(\n \"svg\",\n {\n attrs: {\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 512 512\",\n },\n on: {\n click: function ($event) {\n return _vm.openShippingInfo()\n },\n },\n },\n [\n _c(\"path\", {\n attrs: {\n d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3l58.3 0c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24l0-13.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1l-58.3 0c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\",\n },\n }),\n ]\n )\n : _vm._e(),\n ]),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"d-flex gonser-progress-bar\" },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"gonser-box-shipping-progress-info position-relative d-flex justify-content-between align-items-center w-100\",\n },\n [\n _c(\"div\", {\n staticClass:\n \"gonser-box-shipping-progress-bar bg-success position-absolute h-100\",\n style:\n \"width: \" +\n ((_vm.total * 100) / _vm.limit).toFixed(0) +\n \"%\",\n }),\n _vm._v(\" \"),\n _c(\"span\", [\n _c(\"strong\", [\n _vm._v(_vm._s(_vm.getCurrencyString(_vm.total))),\n ]),\n ]),\n _vm._v(\" \"),\n _c(\"span\", [\n !_vm.isFree\n ? _c(\"strong\", [\n _vm._v(\n _vm._s(_vm.getCurrencyString(_vm.diff))\n ),\n ])\n : _c(\"i\", { staticClass: \"fa fa-check fa-lg\" }),\n ]),\n ]\n ),\n _vm._v(\" \"),\n _vm.isBasketOverlay && _vm.isSmallScreen\n ? _c(\"lazy-img\", {\n attrs: {\n \"picture-class\": \"img-fluid\",\n \"image-url\":\n \"https://cdn02.plentymarkets.com/mrt54q44tptl/frontend/gonserbox.png\",\n alt: \"Gonser-Box\",\n },\n })\n : _vm._e(),\n ],\n 1\n ),\n ]\n ),\n _vm._v(\" \"),\n !_vm.isBasketOverlay ||\n (_vm.isBasketOverlay && !_vm.isSmallScreen)\n ? _c(\"div\", { staticClass: \"gonser-box-column-two\" }, [\n _c(\n \"div\",\n {\n staticClass:\n \"d-sm-flex justify-content-between align-items-center\",\n class: {\n \"justify-content-md-start justify-content-lg-between\":\n _vm.column,\n \"justify-content-md-center\": !_vm.column,\n },\n },\n [\n _c(\"div\", {\n domProps: {\n innerHTML: _vm._s(\n _vm.$translate(\n \"GonserDT::Template.gonserBoxExplanation\",\n { limit: _vm.getCurrencyString(_vm.limit) }\n )\n ),\n },\n }),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"img-wrapper\" },\n [\n _c(\"lazy-img\", {\n attrs: {\n \"picture-class\": \"img-fluid\",\n \"image-url\":\n \"https://cdn02.plentymarkets.com/mrt54q44tptl/frontend/gonserbox.png\",\n alt: \"Gonser-Box\",\n },\n }),\n ],\n 1\n ),\n ]\n ),\n ])\n : _vm._e(),\n _vm._v(\" \"),\n _vm.showAdditionalInfo\n ? _c(\"div\", { staticClass: \"gonser-box-column-three mt-3\" }, [\n _c(\n \"a\",\n {\n staticClass:\n \"btn btn-dark btn-sm d-block d-sm-inline-block mb-3 mb-md-0 mr-sm-3\",\n attrs: {\n href: _vm.$translate(\n \"GonserDT::Template.themeBoxCategoryUrl\"\n ),\n },\n },\n [\n _vm._v(\n \"\\n \" +\n _vm._s(\n _vm.$translate(\n \"GonserDT::Template.gonserBoxShowAllItems\"\n )\n ) +\n \"\\n \"\n ),\n ]\n ),\n _vm._v(\" \"),\n !_vm.isCheckout\n ? _c(\n \"a\",\n {\n staticClass:\n \"btn btn-secondary text-white mb-3 mb-md-0 btn-sm d-block d-sm-inline-block\",\n attrs: {\n title: _vm.$translate(\n \"Ceres::Template.shippingInfoCosts\"\n ),\n },\n on: {\n click: function ($event) {\n return _vm.openShippingInfo()\n },\n },\n },\n [\n _vm._v(\n \"\\n \" +\n _vm._s(\n _vm.$translate(\n \"GonserDT::Template.generalMoreInfo\"\n )\n ) +\n \"\\n \"\n ),\n ]\n )\n : _c(\n \"a\",\n {\n staticClass:\n \"btn btn-secondary mb-3 mb-md-0 btn-sm d-block d-sm-inline-block\",\n attrs: {\n href: _vm.$translate(\n \"GonserDT::Template.uspsFeat1URL\"\n ),\n title: _vm.$translate(\n \"Ceres::Template.shippingInfoCosts\"\n ),\n },\n },\n [\n _vm._v(\n \"\\n \" +\n _vm._s(\n _vm.$translate(\n \"GonserDT::Template.generalMoreInfo\"\n )\n ) +\n \"\\n \"\n ),\n ]\n ),\n ])\n : _vm._e(),\n ]\n )\n : _vm._e(),\n _vm._v(\" \"),\n (_vm.isShopBuilder && _vm.isItem) || (_vm.setVisibility && _vm.isItem)\n ? _c(\n \"div\",\n {\n staticClass:\n \"gonser-box-description row flex-column flex-sm-row no-gutters\",\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"gonser-box-img col-12 col-sm-4 col-lg-3 align-self-center text-center\",\n },\n [\n _c(\"lazy-img\", {\n attrs: {\n \"picture-class\": \"img-fluid\",\n \"image-url\":\n \"/layout/gonser_2015_20190704/img/gonserbox.png\",\n },\n }),\n ],\n 1\n ),\n _vm._v(\" \"),\n _c(\n \"div\",\n {\n staticClass:\n \"gonser-box-text col-12 col-sm-8 col-lg-9 pl-sm-3\",\n },\n [\n _c(\"p\", {\n staticClass: \"headline font-weight-bolder\",\n domProps: {\n innerHTML: _vm._s(\n _vm.$translate(\n \"GonserDT::Template.gonserBoxExplainTitle\"\n )\n ),\n },\n }),\n _vm._v(\" \"),\n _c(\"p\", {\n domProps: {\n innerHTML: _vm._s(\n _vm.$translate(\n \"GonserDT::Template.gonserBoxExplainText\"\n )\n ),\n },\n }),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"btn-wrapper\" }, [\n _c(\n \"a\",\n {\n staticClass:\n \"btn btn-dark btn-sm d-block d-sm-inline-block mb-3 mb-md-0 mr-sm-3\",\n attrs: {\n href: _vm.$translate(\n \"GonserDT::Template.themeBoxCategoryUrl\"\n ),\n },\n },\n [\n _vm._v(\n \"\\n \" +\n _vm._s(\n _vm.$translate(\n \"GonserDT::Template.gonserBoxShowAllItems\"\n )\n ) +\n \"\\n \"\n ),\n ]\n ),\n _vm._v(\" \"),\n _c(\n \"a\",\n {\n staticClass:\n \"btn btn-secondary btn-sm d-block mb-3 mb-md-0 d-sm-inline-block\",\n attrs: {\n \"data-toggle\": \"modal\",\n href: \"#shippingscosts\",\n title: _vm.$translate(\n \"Ceres::Template.shippingInfoCosts\"\n ),\n },\n },\n [\n _vm._v(\n \"\\n \" +\n _vm._s(\n _vm.$translate(\n \"GonserDT::Template.generalMoreInfo\"\n )\n ) +\n \"\\n \"\n ),\n ]\n ),\n ]),\n ]\n ),\n ]\n )\n : _vm._e(),\n ]\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\r\n <div class=\"gonser-box\" :class=\"[getClasses, {'hide': setVisibility && !isBoxItem, 'smaller': smaller, 'isBasketOverlay': isBasketOverlay}]\">\r\n <div class=\"gonser-box-inner align-items-center\" :class=\"{'d-md-flex': !column}\" v-if=\"hasTotalItems\">\r\n <div class=\"gonser-box-column-one\" :class=\"{'mb-5 mb-md-0': !column, 'mb-4': column}\">\r\n <div class=\"h3 mb-3\">\r\n <span v-if=\"!isBasketOverlay && isFree\" v-html='$translate(\"GonserDT::Template.gonserBoxAmountReached\")'>\r\n </span>\r\n <span v-if=\"isBasketOverlay && isFree\" v-html='$translate(\"GonserDT::Template.gonserBoxAmountReachedBasketItemOverlay\")'>\r\n </span>\r\n <span v-if=\"!isFree && isBasketOverlay\"\r\n v-html='$translate(\"GonserDT::Template.gonserBoxAmountLeftBasketItemOverlay\", { diff: getCurrencyString(diff) })'>\r\n </span>\r\n <span v-if=\"!isFree && !isBasketOverlay\"\r\n v-html='$translate(\"GonserDT::Template.gonserBoxAmountLeft\", { diff: getCurrencyString(diff) })'>\r\n </span>\r\n <svg v-if=\"isBasketOverlay\"\r\n @click=\"openShippingInfo()\" \r\n xmlns=\"http://www.w3.org/2000/svg\" \r\n viewBox=\"0 0 512 512\"><path d=\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3l58.3 0c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24l0-13.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1l-58.3 0c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\"/>\r\n </svg>\r\n </div>\r\n <div class=\"d-flex gonser-progress-bar\">\r\n <div class=\"gonser-box-shipping-progress-info position-relative d-flex justify-content-between align-items-center w-100\">\r\n <div class=\"gonser-box-shipping-progress-bar bg-success position-absolute h-100\"\r\n :style=\"'width: '+ (total*100/limit).toFixed(0) +'%'\">\r\n </div>\r\n <span>\r\n <strong>{{ getCurrencyString(total) }}</strong>\r\n </span>\r\n <span>\r\n <strong v-if=\"!isFree\">{{ getCurrencyString(diff) }}</strong>\r\n <i v-else class=\"fa fa-check fa-lg\"></i>\r\n </span>\r\n </div>\r\n <lazy-img \r\n v-if=\"isBasketOverlay && isSmallScreen\"\r\n picture-class=\"img-fluid\"\r\n image-url=\"https://cdn02.plentymarkets.com/mrt54q44tptl/frontend/gonserbox.png\"\r\n alt=\"Gonser-Box\">\r\n </lazy-img>\r\n </div>\r\n \r\n </div>\r\n <div v-if=\"!isBasketOverlay || (isBasketOverlay && !isSmallScreen)\" class=\"gonser-box-column-two\">\r\n <div class=\"d-sm-flex justify-content-between align-items-center\"\r\n :class=\"{'justify-content-md-start justify-content-lg-between': column, 'justify-content-md-center': !column }\">\r\n <div \r\n v-html='$translate(\"GonserDT::Template.gonserBoxExplanation\", {limit: getCurrencyString(limit)})'>\r\n </div>\r\n <div class=\"img-wrapper\">\r\n <lazy-img picture-class=\"img-fluid\"\r\n image-url=\"https://cdn02.plentymarkets.com/mrt54q44tptl/frontend/gonserbox.png\"\r\n alt=\"Gonser-Box\">\r\n </lazy-img>\r\n </div>\r\n </div>\r\n </div>\r\n <div v-if=\"showAdditionalInfo\" class=\"gonser-box-column-three mt-3\">\r\n <a :href=\"$translate('GonserDT::Template.themeBoxCategoryUrl')\"\r\n class=\"btn btn-dark btn-sm d-block d-sm-inline-block mb-3 mb-md-0 mr-sm-3\">\r\n {{ $translate(\"GonserDT::Template.gonserBoxShowAllItems\") }}\r\n </a>\r\n <a v-if=\"!isCheckout\"\r\n @click=\"openShippingInfo()\"\r\n :title=\"$translate('Ceres::Template.shippingInfoCosts')\"\r\n class=\"btn btn-secondary text-white mb-3 mb-md-0 btn-sm d-block d-sm-inline-block\">\r\n {{ $translate(\"GonserDT::Template.generalMoreInfo\") }}\r\n </a>\r\n <a v-else\r\n :href=\"$translate('GonserDT::Template.uspsFeat1URL')\"\r\n :title=\"$translate('Ceres::Template.shippingInfoCosts')\"\r\n class=\"btn btn-secondary mb-3 mb-md-0 btn-sm d-block d-sm-inline-block\">\r\n {{ $translate(\"GonserDT::Template.generalMoreInfo\") }}\r\n </a>\r\n </div>\r\n </div>\r\n <div v-if=\"(isShopBuilder && isItem) || (setVisibility && isItem)\"\r\n class=\"gonser-box-description row flex-column flex-sm-row no-gutters\">\r\n <div class=\"gonser-box-img col-12 col-sm-4 col-lg-3 align-self-center text-center\">\r\n <lazy-img\r\n picture-class=\"img-fluid\"\r\n image-url=\"/layout/gonser_2015_20190704/img/gonserbox.png\"></lazy-img>\r\n </div>\r\n <div class=\"gonser-box-text col-12 col-sm-8 col-lg-9 pl-sm-3\">\r\n <p class=\"headline font-weight-bolder\" v-html=\"$translate('GonserDT::Template.gonserBoxExplainTitle')\"></p>\r\n <p v-html=\"$translate('GonserDT::Template.gonserBoxExplainText')\"></p>\r\n <div class=\"btn-wrapper\">\r\n <a :href=\"$translate('GonserDT::Template.themeBoxCategoryUrl')\"\r\n class=\"btn btn-dark btn-sm d-block d-sm-inline-block mb-3 mb-md-0 mr-sm-3\">\r\n {{ $translate(\"GonserDT::Template.gonserBoxShowAllItems\") }}\r\n </a>\r\n <a data-toggle=\"modal\"\r\n href=\"#shippingscosts\"\r\n :title=\"$translate('Ceres::Template.shippingInfoCosts')\"\r\n class=\"btn btn-secondary btn-sm d-block mb-3 mb-md-0 d-sm-inline-block\">\r\n {{ $translate(\"GonserDT::Template.generalMoreInfo\") }}\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from \"vuex\";\r\nimport ApiService from \"../../services/ApiService\";\r\nimport ModalService from \"../../services/ModalService\";\r\n\r\nexport default {\r\n \r\n name: \"gonser-box\",\r\n \r\n props: {\r\n template: String,\r\n isBoxItem: {\r\n type: Boolean,\r\n default: false\r\n },\r\n showAdditionalInfo: {\r\n type: Boolean,\r\n default: false\r\n },\r\n column: {\r\n type: Boolean,\r\n default: false\r\n },\r\n isItem: {\r\n type: Boolean,\r\n default: false\r\n },\r\n smaller: {\r\n type: Boolean,\r\n default: false\r\n },\r\n classes: {\r\n type: String,\r\n default: ''\r\n },\r\n isShopBuilder: {\r\n type: Boolean,\r\n default: false\r\n },\r\n isBasketOverlay: {\r\n type: Boolean,\r\n default: false\r\n }\r\n },\r\n \r\n created() {\r\n this.checkAndAddBoxes();\r\n \r\n ApiService.listen(\"AfterBasketChanged\", data => {\r\n this.items = {};\r\n this.checkAndAddBoxes();\r\n });\r\n },\r\n\r\n mounted() {\r\n this.updateScreenSize();\r\n window.addEventListener('resize', this.updateScreenSize);\r\n },\r\n\r\n beforeDestroy() {\r\n window.removeEventListener('resize', this.updateScreenSize);\r\n },\r\n\r\n data() {\r\n return {\r\n diff : 0,\r\n isFree : false,\r\n items : {},\r\n total : 0,\r\n totalItems : 0,\r\n boxInBasket : false,\r\n limit : App.gonserBoxLimit,\r\n screenSize: \"large\"\r\n };\r\n },\r\n \r\n computed: {\r\n currency() {\r\n return this.basket.currency;\r\n },\r\n \r\n shipping() {\r\n return this.basket.shippingAmount;\r\n },\r\n \r\n setVisibility()\r\n {\r\n return this.total === 0 || this.isShopBuilder;\r\n },\r\n \r\n hasTotalItems ()\r\n {\r\n return this.totalItems > 0;\r\n },\r\n \r\n lang()\r\n {\r\n return App.language !== \"de\" ? App.language + '/' : \"\";\r\n },\r\n \r\n getClasses()\r\n {\r\n return !this.setVisibility || this.isBoxItem ? this.classes : \"\";\r\n },\r\n \r\n isCheckout()\r\n {\r\n return App.isCheckoutView;\r\n },\r\n \r\n ...mapState({\r\n basketItems: state => state.basket.items,\r\n basket: state => state.basket.data\r\n }),\r\n isSmallScreen() {\r\n return this.screenSize === 'small';\r\n },\r\n isMediumScreen() {\r\n return this.screenSize === 'medium';\r\n },\r\n isLargeScreen() {\r\n return this.screenSize === 'large';\r\n }\r\n },\r\n \r\n methods: {\r\n checkAndAddBoxes()\r\n {\r\n let tmpBoxInBasket = false;\r\n \r\n if (this.basketItems && this.basketItems.length > 0)\r\n {\r\n for (let basketItem of this.basketItems)\r\n {\r\n if (basketItem.variation != null && basketItem.variation.data.variationProperties)\r\n {\r\n for (let variationPropertyProperty of basketItem.variation.data.variationProperties)\r\n {\r\n if (variationPropertyProperty != null)\r\n {\r\n for (let property of variationPropertyProperty.properties)\r\n {\r\n if (property.id === 4 && property.values.value === \"1\")\r\n {\r\n tmpBoxInBasket = true;\r\n this.addProduct({\r\n \"id\": basketItem.variation.id,\r\n \"price\": basketItem.price,\r\n \"quantity\": basketItem.quantity\r\n });\r\n }\r\n }\r\n }\r\n \r\n }\r\n }\r\n }\r\n this.boxInBasket = tmpBoxInBasket;\r\n }\r\n this.updateComponentTotals();\r\n },\r\n \r\n openShippingInfo()\r\n {\r\n ModalService.findModal(document.getElementById(\"shippingscosts\")).show();\r\n document.body.classList.remove(\"basket-open\");\r\n },\r\n \r\n // +++++ INCREMENT\r\n addProduct( item )\r\n {\r\n this.items[item.id] = { \"price\" : item.price, \"quantity\": item.quantity };\r\n this.totalItems = this.totalItems + item.quantity;\r\n },\r\n getCurrencyString(value)\r\n {\r\n return this.currency + \" \" + parseFloat(value).toFixed(2);\r\n },\r\n updateComponentItems( item )\r\n {\r\n if (this.items.hasOwnProperty(item.id))\r\n {\r\n this.items[item.id] = { \"price\" : item.price, \"quantity\": item.quantity };\r\n }\r\n this.updateComponentTotals();\r\n },\r\n updateComponentTotals()\r\n {\r\n this.total = 0;\r\n this.totalItems = 0;\r\n \r\n for (let key in this.items)\r\n {\r\n this.total += (this.items[key].quantity*this.items[key].price);\r\n this.totalItems = this.totalItems + this.items[key].quantity;\r\n }\r\n \r\n this.diff = parseInt(this.limit) - this.total;\r\n this.isFree = this.diff <= 0;\r\n \r\n this.updateInstances( {\r\n 'diff' : this.diff,\r\n 'isFree' : this.isFree,\r\n 'items' : this.items,\r\n 'total' : this.total,\r\n 'totalItems' : this.totalItems\r\n });\r\n },\r\n deleteComponentItems(id)\r\n {\r\n delete this.items[id];\r\n this.updateComponentTotals();\r\n },\r\n \r\n updateInstances(options)\r\n {\r\n this.diff = options.diff;\r\n this.isFree = options.isFree;\r\n this.items = options.items;\r\n this.total = options.total;\r\n this.totalItems = options.totalItems;\r\n },\r\n\r\n updateScreenSize()\r\n {\r\n const width = window.innerWidth;\r\n if (width < 768) {\r\n this.screenSize = 'small';\r\n } else if (width >= 768 && width < 992) {\r\n this.screenSize = 'medium';\r\n } else {\r\n this.screenSize = 'large';\r\n }\r\n }\r\n },\r\n \r\n watch:\r\n {\r\n basketItems()\r\n {\r\n this.checkAndAddBoxes();\r\n }\r\n }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GonserBox.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!./GonserBox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GonserBox.vue?vue&type=template&id=6f3f6801&\"\nimport script from \"./GonserBox.vue?vue&type=script&lang=js&\"\nexport * from \"./GonserBox.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/philippneumann/Documents/frontendstudios/8291/438/GonserDT/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('6f3f6801')) {\n api.createRecord('6f3f6801', component.options)\n } else {\n api.reload('6f3f6801', component.options)\n }\n module.hot.accept(\"./GonserBox.vue?vue&type=template&id=6f3f6801&\", function () {\n api.rerender('6f3f6801', {\n render: render,\n staticRenderFns: staticRenderFns\n })\n })\n }\n}\ncomponent.options.__file = \"resources/js/src/app/components/pageDesign/GonserBox.vue\"\nexport default component.exports"],"sourceRoot":""}