{"version":3,"sources":["webpack:///./resources/js/src/app/components/item/OrderPropertyValueList.vue","webpack:///./resources/js/src/app/components/item/OrderPropertyValueListItem.vue","webpack:///./resources/js/src/app/components/item/OrderPropertyValueListItem.vue?3e43","webpack:///resources/js/src/app/components/item/OrderPropertyValueListItem.vue","webpack:///./resources/js/src/app/components/item/OrderPropertyValueList.vue?fc10","webpack:///resources/js/src/app/components/item/OrderPropertyValueList.vue","webpack:///./resources/js/src/app/components/item/OrderPropertyValueListItem.vue?cbd9","webpack:///./resources/js/src/app/components/item/OrderPropertyValueList.vue?5b05","webpack:///./resources/js/src/app/components/basket/AddItemToBasketOverlay.vue","webpack:///resources/js/src/app/components/basket/AddItemToBasketOverlay.vue","webpack:///./resources/js/src/app/components/basket/AddItemToBasketOverlay.vue?9dd5","webpack:///./resources/js/src/app/components/basket/AddItemToBasketOverlay.vue?a181"],"names":["render","_vm","this","_c","_self","shownProperties","length","staticClass","attrs","dateComp","_v","_s","_e","_l","property","key","propertyId","_withStripped","class","colon","showColon","names","name","surcharge","isAdditionalCost","isTaxless","$translate","_f","valueType","href","value","target","props","required","type","computed","components","OrderPropertyValueListItem","basketItem","data","date","isDefined","requiredPropertyIds","foundProperties","dateString","map","join","methods","isPropertyWithAdditionalCosts","id","role","_m","staticStyle","src","imageUrl","alt","imageAlternativeText","itemName","title","countAdditionalBasketItems","count","quantity","price","variation","attributes","attribute","directives","rawName","urls","basket","rel","checkout","_t","OrderPropertyValueList","defaultTimeToClose","default","mounted","ApiService","mapState","basketItems","isBasketItemQuantityUpdate","isLastBasketEntrySet","showItem","ModalService","findModal","setTimeout","show","component"],"mappings":"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","file":"chunks/ceres-18.min.js","sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _vm.shownProperties && _vm.shownProperties.length\n    ? _c(\"div\", { staticClass: \"card px-4 border-0\" }, [\n        _c(\n          \"ul\",\n          {\n            staticClass:\n              \"order-property-list list-unstyled row d-flex justify-content-between p-3 mb-0\",\n            attrs: { \"data-testing\": \"order-property-list\" },\n          },\n          [\n            _vm.dateComp\n              ? _c(\"li\", [\n                  _c(\"span\", { staticClass: \"d-block\" }, [\n                    _c(\"strong\", [_vm._v(\" Geburtstag : \")]),\n                    _vm._v(\" \"),\n                    _c(\"span\", [\n                      _c(\"span\", [_vm._v(\" \" + _vm._s(_vm.dateComp) + \" \")]),\n                    ]),\n                  ]),\n                ])\n              : _vm._e(),\n            _vm._v(\" \"),\n            _vm._l(_vm.shownProperties, function (property) {\n              return _c(\"order-property-value-list-item\", {\n                key: property.propertyId,\n                attrs: { property: property },\n              })\n            }),\n          ],\n          2\n        ),\n      ])\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"li\", [\n    _c(\"span\", { staticClass: \"d-block\" }, [\n      _c(\n        \"strong\",\n        { class: { colon: _vm.showColon } },\n        [\n          _vm._v(\n            \"\\n            \" +\n              _vm._s(_vm.property.property.names.name) +\n              \" \\n            \"\n          ),\n          _vm.surcharge > 0\n            ? [\n                _vm.isAdditionalCost || _vm.isTaxless\n                  ? [\n                      _vm._v(\n                        \"\\n                    (\" +\n                          _vm._s(\n                            _vm.$translate(\"Ceres::Template.basketPlusAbbr\")\n                          ) +\n                          \" \" +\n                          _vm._s(_vm._f(\"currency\")(_vm.surcharge)) +\n                          \")\\n                \"\n                      ),\n                    ]\n                  : [\n                      _vm._v(\n                        \"\\n                    (\" +\n                          _vm._s(\n                            _vm.$translate(\"Ceres::Template.basketIncludeAbbr\")\n                          ) +\n                          \" \" +\n                          _vm._s(_vm._f(\"currency\")(_vm.surcharge)) +\n                          \")\\n                \"\n                      ),\n                    ],\n              ]\n            : _vm._e(),\n        ],\n        2\n      ),\n      _vm._v(\" \"),\n      _c(\"span\", [\n        _vm.property.property.valueType === \"file\"\n          ? _c(\"span\", [\n              _c(\n                \"a\",\n                {\n                  attrs: {\n                    href: _vm._f(\"fileUploadPath\")(_vm.property.property.value),\n                    target: \"_blank\",\n                  },\n                },\n                [\n                  _c(\"i\", {\n                    staticClass: \"fa fa-external-link\",\n                    attrs: { \"aria-hidden\": \"true\" },\n                  }),\n                  _vm._v(\n                    \"\\n                    \" +\n                      _vm._s(_vm._f(\"fileName\")(_vm.property.property.value)) +\n                      \"\\n                \"\n                  ),\n                ]\n              ),\n            ])\n          : _vm.property.property.valueType !== \"empty\"\n          ? _c(\"span\", [_vm._v(_vm._s(_vm.property.property.value))])\n          : _vm._e(),\n      ]),\n    ]),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OrderPropertyValueListItem.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!./OrderPropertyValueListItem.vue?vue&type=script&lang=js&\"","<template>\n    <li>\n        <span class=\"d-block\">\n            <strong :class=\"{ 'colon': showColon }\">\n                {{ property.property.names.name }} \n                <template v-if=\"surcharge > 0\">\n                    <template v-if=\"isAdditionalCost || isTaxless\">\n                        ({{ $translate(\"Ceres::Template.basketPlusAbbr\") }} {{ surcharge | currency }})\n                    </template>\n                    <template v-else>\n                        ({{ $translate(\"Ceres::Template.basketIncludeAbbr\") }} {{ surcharge | currency }})\n                    </template>\n                </template>\n            </strong>\n            <span>\n                <span v-if=\"property.property.valueType === 'file'\">\n                    <a :href=\"property.property.value | fileUploadPath\" target=\"_blank\">\n                        <i class=\"fa fa-external-link\" aria-hidden=\"true\"></i>\n                        {{ property.property.value | fileName }}\n                    </a>\n                </span>\n                <span v-else-if=\"property.property.valueType !== 'empty'\">{{ property.property.value }}</span>\n            </span>\n        </span>\n    </li>\n</template>\n\n<script>\nimport { hasVat, isAdditionalCosts } from \"../../helper/OrderPropertyHelper\";\nexport default {\n    name: \"order-property-value-list-item\",\n\n    props:\n    {\n        property:\n        {\n            required: true,\n            type: Object\n        }\n    },\n\n    computed:\n    {\n        surcharge()\n        {\n            return this.$options.filters.propertySurcharge([this.property], this.property.propertyId);\n        },\n\n        isAdditionalCost()\n        {\n            return isAdditionalCosts(this.property);\n        },\n\n        isTaxless()\n        {\n            return !hasVat(this.property) && App.useVariationOrderProperties;\n        },\n\n        showColon()\n        {\n            return this.property && this.property.property.value && this.property.property.valueType !== \"empty\";\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!./OrderPropertyValueList.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!./OrderPropertyValueList.vue?vue&type=script&lang=js&\"","<template>\n  <div\n    class=\"card px-4 border-0\"\n    v-if=\"shownProperties && shownProperties.length\"\n  >\n    <ul\n      class=\"order-property-list list-unstyled row d-flex justify-content-between p-3 mb-0\"\n      data-testing=\"order-property-list\"\n    >\n      <li v-if=\"dateComp\">\n        <span class=\"d-block\">\n          <strong> Geburtstag : </strong>\n          <span>\n            <span> {{ dateComp }} </span>\n          </span>\n        </span>\n      </li>\n      <order-property-value-list-item\n        v-for=\"property in shownProperties\"\n        :key=\"property.propertyId\"\n        :property=\"property\"\n      ></order-property-value-list-item>\n    </ul>\n  </div>\n</template>\n\n<script>\nimport { isDefined } from \"../../helper/utils\";\nimport OrderPropertyValueListItem from \"./OrderPropertyValueListItem.vue\";\n\nexport default {\n  name: \"order-property-value-list\",\n\n  components: {\n    OrderPropertyValueListItem,\n  },\n  props: {\n    basketItem: {\n      required: true,\n      type: Object,\n    },\n  },\n  data() {\n    return {\n      date: \"\",\n    };\n  },\n  computed: {\n    shownProperties() {\n      let shownProperties = [];\n\n      this.basketItem.variation.data.properties.forEach((property) => {\n        const filledProperty = this.basketItem.basketItemOrderParams.find(\n          (prop) => {\n            return parseInt(prop.propertyId) === property.propertyId;\n          }\n        );\n\n        if (isDefined(filledProperty)) {\n          if (filledProperty.type === \"selection\") {\n            property.property.value =\n              property.property.selectionValues[filledProperty.value].name;\n          } else {\n            property.property.value = filledProperty.value;\n          }\n        }\n\n        if (\n          isDefined(filledProperty) ||\n          this.isPropertyWithAdditionalCosts(property)\n        ) {\n          shownProperties.push(property);\n        }\n      });\n      const requiredPropertyIds = [82, 83, 84];\n      const foundProperties = shownProperties.filter((property) =>\n        requiredPropertyIds.includes(property.propertyId)\n      );\n      let dateString = \"\";\n\n      if (foundProperties.length === 3) {\n        foundProperties.sort((a, b) => a.propertyId - b.propertyId);\n        dateString = foundProperties\n          .map((property) => property.property.value)\n          .join(\".\");\n      }\n      this.date = dateString;\n\n      const excludedPropertyIds = [2, 3, 4, 9, 82, 83, 84, 70];\n      let filteredProp = shownProperties.filter(\n        (property) => !excludedPropertyIds.includes(property.propertyId)\n      );\n\n      return filteredProp;\n    },\n    dateComp() {\n      return this.date;\n    },\n  },\n\n  methods: {\n    isPropertyWithAdditionalCosts(property) {\n      return (\n        property.property &&\n        property.property.isShownAtCheckout &&\n        property.property.isShownAsAdditionalCosts &&\n        !property.property.isOderProperty\n      );\n    },\n  },\n};\n</script>\n","import { render, staticRenderFns } from \"./OrderPropertyValueListItem.vue?vue&type=template&id=f7b6d6d2&\"\nimport script from \"./OrderPropertyValueListItem.vue?vue&type=script&lang=js&\"\nexport * from \"./OrderPropertyValueListItem.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","import { render, staticRenderFns } from \"./OrderPropertyValueList.vue?vue&type=template&id=2ed1ae3e&\"\nimport script from \"./OrderPropertyValueList.vue?vue&type=script&lang=js&\"\nexport * from \"./OrderPropertyValueList.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","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(\"div\", { staticClass: \"modal-dialog\", attrs: { role: \"document\" } }, [\n        _vm.basketItem\n          ? _c(\n              \"div\",\n              { staticClass: \"modal-content\" },\n              [\n                _c(\"div\", { staticClass: \"modal-header\" }, [\n                  _c(\"div\", { staticClass: \"modal-title h5\" }, [\n                    _vm._v(\n                      _vm._s(_vm.$translate(\"Ceres::Template.singleItemAdded\"))\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                                      { count: _vm.countAdditionalBasketItems }\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(_vm.variation.attributes, function (attribute) {\n                          return _c(\"p\", { staticClass: \"small\" }, [\n                            _c(\"strong\", [\n                              _vm._v(_vm._s(attribute.attribute.names.name)),\n                            ]),\n                            _vm._v(\":\\n                                \"),\n                            _c(\"span\", [\n                              _vm._v(_vm._s(attribute.value.names.name)),\n                            ]),\n                          ])\n                        }),\n                        _vm._v(\" \"),\n                        _c(\"order-property-value-list\", {\n                          attrs: { \"basket-item\": _vm.basketItem },\n                        }),\n                      ],\n                      2\n                    ),\n                  ]),\n                ]),\n                _vm._v(\" \"),\n                _c(\"div\", { staticClass: \"modal-footer\" }, [\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-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(\"Ceres::Template.singleItemBasket\")\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(\"Ceres::Template.singleItemCheckout\")\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}\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\" role=\"document\">\n                <div class=\"modal-content\" v-if=\"basketItem\">\n\n                    <!-- MODAL HEADER -->\n                    <div class=\"modal-header\">\n                        <div class=\"modal-title h5\">{{ $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                                <order-property-value-list :basket-item=\"basketItem\"></order-property-value-list>\n\n                            </div>\n                        </div>\n                    </div>\n                    <!-- ./MODAL BODY -->\n\n                    <!-- MODAL FOOTER -->\n                    <div class=\"modal-footer\">\n                        <a v-waiting-animation-infinite :href=\"urls.basket\" rel=\"nofollow\" class=\"btn btn-outline-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                    <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\";\nimport OrderPropertyValueList from \"../item/OrderPropertyValueList.vue\"\n\nconst ModalService  = require(\"../../services/ModalService\");\nconst ApiService    = require(\"../../services/ApiService\");\n\nexport default {\n    name: \"add-item-to-basket-overlay\",\n\n    components: {\n        OrderPropertyValueList\n    },\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        };\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    computed:\n    {\n        ...mapState({\n            basketItems: state => state.basket.items,\n            isBasketItemQuantityUpdate: state => state.basket.isBasketItemQuantityUpdate\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\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    }\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=004c0f61&\"\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":""}