{"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/446/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":""}