{"version":3,"sources":["webpack:///./resources/js/src/app/components/pageDesign/QuickViewModal.vue?c26a","webpack:///resources/js/src/app/components/pageDesign/QuickViewModal.vue","webpack:///./resources/js/src/app/components/pageDesign/QuickViewModal.vue?213e","webpack:///./resources/js/src/app/components/pageDesign/QuickViewModal.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","showModal","loadedItem","staticClass","class","displayModal","_v","attrs","tabindex","role","on","click","$event","closeQuickView","width","height","currentVariation","pluginPathCeres","_e","domProps","innerHTML","_s","texts","shortDescription","itemName","isRecommendedPriceActive","isConfActive","confArticleList","confColorIds","confMatrix","crossseller","length","crossSellingItems","variation","id","filter","isSalable","hasActiveChildren","intervalOrderQuantity","minimumOrderQuantity","maximumOrderQuantity","properties","prop","property","isOderProperty","origin","_f","isVariationSelected","href","$translate","item","_m","_withStripped","component","src","alt","title","options","__file"],"mappings":"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","file":"chunks/ceres-client-54.min.js","sourcesContent":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _vm.showModal && _vm.loadedItem\n    ? _c(\"div\", { staticClass: \"quick-view__wrapper\" }, [\n        _c(\"div\", {\n          staticClass: \"quick-view__backdrop\",\n          class: { \"modal-visible\": _vm.displayModal }\n        }),\n        _vm._v(\" \"),\n        _c(\n          \"div\",\n          {\n            staticClass: \"quick-view__modal\",\n            class: { \"modal-visible\": _vm.displayModal },\n            attrs: { tabindex: \"-1\", role: \"dialog\" }\n          },\n          [\n            _c(\"div\", { staticClass: \"modal-dialog\" }, [\n              _c(\"div\", { staticClass: \"modal-content\" }, [\n                _c(\"div\", { staticClass: \"modal-body\" }, [\n                  _c(\n                    \"div\",\n                    {\n                      staticClass: \"quick-view__close\",\n                      on: {\n                        click: function($event) {\n                          return _vm.closeQuickView()\n                        }\n                      }\n                    },\n                    [\n                      _c(\"svg\", { attrs: { width: \"18\", height: \"18\" } }, [\n                        _c(\"use\", {\n                          attrs: {\n                            \"xlink:href\": \"#svg_close\",\n                            \"xmlns:xlink\": \"http://www.w3.org/1999/xlink\"\n                          }\n                        })\n                      ])\n                    ]\n                  ),\n                  _vm._v(\" \"),\n                  _c(\"div\", { staticClass: \"row\" }, [\n                    _c(\n                      \"div\",\n                      { staticClass: \"col-7 left-side\" },\n                      [\n                        _vm.displayModal\n                          ? _c(\"item-image-carousel\", {\n                              attrs: {\n                                \"item-data\": _vm.currentVariation,\n                                \"plugin-path\": _vm.pluginPathCeres,\n                                \"image-url-accessor\": \"url\"\n                              }\n                            })\n                          : _vm._e(),\n                        _vm._v(\" \"),\n                        _c(\n                          \"div\",\n                          {\n                            staticClass: \"widget widget-code widget-none mt-5\"\n                          },\n                          [\n                            _c(\n                              \"div\",\n                              { staticClass: \"widget-inner bg-appearance\" },\n                              [\n                                _c(\"div\", [\n                                  _c(\"div\", {\n                                    staticClass: \"single__features\",\n                                    domProps: {\n                                      innerHTML: _vm._s(\n                                        _vm.currentVariation.texts\n                                          .shortDescription\n                                      )\n                                    }\n                                  })\n                                ])\n                              ]\n                            )\n                          ]\n                        )\n                      ],\n                      1\n                    ),\n                    _vm._v(\" \"),\n                    _c(\"div\", { staticClass: \"col-5\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"quick-view__right-side\" },\n                        [\n                          _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"widget widget-text widget-none title-outer m-0\"\n                            },\n                            [\n                              _c(\n                                \"div\",\n                                {\n                                  staticClass:\n                                    \"widget-inner bg-appearance pt-0 pr-0 pb-0 pl-0\"\n                                },\n                                [\n                                  _c(\"h1\", { staticClass: \"single__name\" }, [\n                                    _c(\"span\", [_vm._v(_vm._s(_vm.itemName))])\n                                  ])\n                                ]\n                              )\n                            ]\n                          ),\n                          _vm._v(\" \"),\n                          _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"widget widget-item-price widget-none single__prices\"\n                            },\n                            [\n                              _c(\"item-price\", {\n                                attrs: {\n                                  \"item-data\": _vm.currentVariation,\n                                  \"show-cross-price\":\n                                    _vm.isRecommendedPriceActive\n                                }\n                              })\n                            ],\n                            1\n                          ),\n                          _vm._v(\" \"),\n                          _c(\n                            \"div\",\n                            {\n                              staticClass: \"widget widget-code widget-none m-0\"\n                            },\n                            [\n                              _c(\n                                \"div\",\n                                {\n                                  staticClass:\n                                    \"widget-inner bg-appearance pt-0 pr-0 pb-0 pl-0 mt-0 mr-0 mb-0 ml-0\"\n                                },\n                                [_c(\"vat-component\")],\n                                1\n                              )\n                            ]\n                          ),\n                          _vm._v(\" \"),\n                          _vm.isConfActive\n                            ? [\n                                _c(\"wall-configurator\", {\n                                  attrs: {\n                                    \"confi-article-list\": _vm.confArticleList,\n                                    \"swiper-color-list\": _vm.confColorIds,\n                                    \"conf-matrix\": _vm.confMatrix,\n                                    \"item-data\": _vm.currentVariation,\n                                    \"is-quick-view\": true\n                                  }\n                                })\n                              ]\n                            : [\n                                this.crossseller !== null &&\n                                _vm.crossseller.length > 0\n                                  ? _c(\"variation-cross-selling\", {\n                                      attrs: {\n                                        \"item-data\": _vm.currentVariation,\n                                        \"is-quick\": true,\n                                        crossSellingItems: _vm.crossseller\n                                      }\n                                    })\n                                  : _vm._e(),\n                                _vm._v(\" \"),\n                                _c(\"variation-select\", {\n                                  attrs: { \"item-data\": _vm.currentVariation }\n                                })\n                              ],\n                          _vm._v(\" \"),\n                          _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"widget widget-grid widget-two-col row single__wishlist\"\n                            },\n                            [\n                              _c(\n                                \"div\",\n                                {\n                                  staticClass:\n                                    \"widget-inner col-xl-9 widget-prop-xl-2-1 col-lg-9 widget-prop-lg-2-1 col-md-9 widget-prop-md-2-1 col-sm-12 widget-prop-sm-3-1 widget-stacked-mobile col-12 widget-prop-3-1 widget-stacked-mobile\"\n                                },\n                                [\n                                  _c(\"div\", [\n                                    _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"widget widget-add-to-basket widget-primary mt-3 mb-3\"\n                                      },\n                                      [\n                                        _c(\"add-to-basket\", {\n                                          attrs: {\n                                            \"variation-id\":\n                                              _vm.currentVariation.variation.id,\n                                            \"is-salable\":\n                                              !!_vm.currentVariation.filter &&\n                                              _vm.currentVariation.filter\n                                                .isSalable,\n                                            \"has-children\":\n                                              !!_vm.currentVariation.filter &&\n                                              _vm.currentVariation.filter\n                                                .hasActiveChildren,\n                                            \"interval-quantity\":\n                                              _vm.currentVariation.variation\n                                                .intervalOrderQuantity || 1,\n                                            \"minimum-quantity\":\n                                              _vm.currentVariation.variation\n                                                .minimumOrderQuantity,\n                                            \"maximum-quantity\":\n                                              !!_vm.currentVariation.variation\n                                                .maximumOrderQuantity &&\n                                              _vm.currentVariation.variation\n                                                .maximumOrderQuantity > 0\n                                                ? _vm.currentVariation.variation\n                                                    .maximumOrderQuantity\n                                                : null,\n                                            \"order-properties\": _vm.currentVariation.properties.filter(\n                                              function(prop) {\n                                                return prop.property\n                                                  .isOderProperty\n                                              }\n                                            ),\n                                            \"use-large-scale\": false,\n                                            \"show-quantity\": true,\n                                            origin: \"category\",\n                                            \"item-data\": _vm.currentVariation,\n                                            \"item-url\": _vm._f(\"itemURL\")(\n                                              _vm.currentVariation\n                                            ),\n                                            \"is-variation-selected\":\n                                              _vm.isVariationSelected &&\n                                              _vm.currentVariation.filter\n                                                .isSalable,\n                                            \"has-price\": _vm._f(\n                                              \"hasItemDefaultPrice\"\n                                            )(_vm.currentVariation)\n                                          }\n                                        })\n                                      ],\n                                      1\n                                    )\n                                  ])\n                                ]\n                              ),\n                              _vm._v(\" \"),\n                              _c(\n                                \"div\",\n                                {\n                                  staticClass:\n                                    \"widget-inner col-xl-3 widget-prop-xl-auto col-lg-3 widget-prop-lg-auto col-md-3 widget-prop-md-auto col-sm-12 widget-prop-sm-3-1 col-12 widget-prop-3-1\"\n                                },\n                                [\n                                  _c(\"div\", [\n                                    _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"widget widget-add-to-wish-list widget-none single__wishlist-btn\"\n                                      },\n                                      [\n                                        _c(\"add-to-wish-list\", {\n                                          attrs: {\n                                            \"variation-id\":\n                                              _vm.currentVariation.variation.id\n                                          }\n                                        })\n                                      ],\n                                      1\n                                    )\n                                  ])\n                                ]\n                              )\n                            ]\n                          ),\n                          _vm._v(\" \"),\n                          _c(\n                            \"a\",\n                            {\n                              staticClass: \"btn w-100 quick-view__goto-item\",\n                              attrs: {\n                                href: _vm._f(\"itemURL\")(_vm.currentVariation)\n                              }\n                            },\n                            [\n                              _vm._v(\n                                _vm._s(\n                                  _vm.$translate(\n                                    \"Weberbuero::Template.quickViewDetails\"\n                                  )\n                                )\n                              )\n                            ]\n                          ),\n                          _vm._v(\" \"),\n                          _c(\"availability\"),\n                          _vm._v(\" \"),\n                          _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"widget widget-grid widget-two-col row single__wishlist\"\n                            },\n                            [\n                              _c(\n                                \"div\",\n                                {\n                                  staticClass:\n                                    \"widget-inner col-xl-12 widget-prop-xl-auto col-lg-12 widget-prop-lg-auto col-md-12 widget-prop-md-3-1 col-sm-12 widget-prop-sm-3-1 widget-stacked-mobile col-12 widget-prop-3-1 widget-stacked-mobile\"\n                                },\n                                [\n                                  _c(\"div\", [\n                                    _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"widget widget-text widget-none single__article-number m-0\"\n                                      },\n                                      [\n                                        _c(\n                                          \"div\",\n                                          {\n                                            staticClass:\n                                              \"widget-inner bg-appearance pt-0 pr-0 pb-0 pl-0 mt-0 mr-0 mb-0 ml-0\"\n                                          },\n                                          [\n                                            _c(\"p\", [\n                                              _vm._v(\n                                                _vm._s(\n                                                  _vm.$translate(\n                                                    \"Weberbuero::Template.singleItemId\"\n                                                  )\n                                                ) + \": \"\n                                              ),\n                                              _c(\"span\", [\n                                                _vm._v(\n                                                  _vm._s(\n                                                    _vm.currentVariation.item.id\n                                                  )\n                                                )\n                                              ])\n                                            ])\n                                          ]\n                                        )\n                                      ]\n                                    )\n                                  ])\n                                ]\n                              )\n                            ]\n                          ),\n                          _vm._v(\" \"),\n                          _vm._m(0)\n                        ],\n                        2\n                      )\n                    ])\n                  ])\n                ])\n              ])\n            ])\n          ]\n        )\n      ])\n    : _vm._e()\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"widget widget-code widget-none mb-0\" }, [\n      _c(\"div\", { staticClass: \"widget-inner bg-appearance\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"text-center widget widget-d2g widget-payment-icons\" },\n          [\n            _c(\"div\", { staticClass: \"widget-inner\" }, [\n              _c(\n                \"ul\",\n                {\n                  staticClass:\n                    \"list-unstyled d-flex flex-wrap justify-content-start icon-size-s\"\n                },\n                [\n                  _c(\"li\", { staticClass: \"amazon-pay\" }, [\n                    _c(\"img\", {\n                      attrs: {\n                        src:\n                          \"https://bilder.weberbuero.de/frontend/images/shop/amazon-pay.svg\",\n                        alt: \"Amazon Pay - Zahlen Sie mit Ihrem Amazon-Account\",\n                        title:\n                          \"Amazon Pay - Zahlen Sie mit Ihrem Amazon-Account\"\n                      }\n                    })\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"li\", { staticClass: \"paypal\" }, [\n                    _c(\"img\", {\n                      attrs: {\n                        src:\n                          \"https://bilder.weberbuero.de/frontend/images/shop/paypal.svg\",\n                        alt: \"PayPal\",\n                        title: \"PayPal\"\n                      }\n                    })\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"li\", { staticClass: \"visa\" }, [\n                    _c(\"img\", {\n                      attrs: {\n                        src:\n                          \"https://bilder.weberbuero.de/frontend/images/shop/visa.svg\",\n                        alt: \"VISA\",\n                        title: \"VISA\"\n                      }\n                    })\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"li\", { staticClass: \"mastercard\" }, [\n                    _c(\"img\", {\n                      attrs: {\n                        src:\n                          \"https://bilder.weberbuero.de/frontend/images/shop/mastercard.svg\",\n                        alt: \"Mastercard\",\n                        title: \"Mastercard\"\n                      }\n                    })\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"li\", { staticClass: \"invoice\" }, [\n                    _c(\"img\", {\n                      attrs: {\n                        src:\n                          \"https://bilder.weberbuero.de/frontend/images/shop/Rechnungskauf_1.svg\",\n                        alt: \"Rechnungskauf nach Freischaltung\",\n                        title: \"Rechnung nach Freischaltung\"\n                      }\n                    })\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"li\", { staticClass: \"american-express\" }, [\n                    _c(\"img\", {\n                      attrs: {\n                        src:\n                          \"https://bilder.weberbuero.de/frontend/images/shop/american-express.svg\",\n                        alt: \"American Express\",\n                        title: \"American Express\"\n                      }\n                    })\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"li\", { staticClass: \"sepa-directdebit\" }, [\n                    _c(\"img\", {\n                      attrs: {\n                        src:\n                          \"https://bilder.weberbuero.de/frontend/images/shop/sepa.svg\",\n                        alt: \"SEPA Lastschrift\",\n                        title: \"SEPA Lastschrift\"\n                      }\n                    })\n                  ])\n                ]\n              )\n            ])\n          ]\n        )\n      ])\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"quick-view__wrapper\" v-if=\"showModal && loadedItem\">\n        <div class=\"quick-view__backdrop\" :class=\"{'modal-visible' : displayModal}\"></div>\n        <div class=\"quick-view__modal\" :class=\"{'modal-visible' : displayModal}\" tabindex=\"-1\" role=\"dialog\">\n            <div class=\"modal-dialog\">\n                <div class=\"modal-content\">\n                    <div class=\"modal-body\">\n                        <div class=\"quick-view__close\" @click=\"closeQuickView()\">\n                            <svg width=\"18\" height=\"18\">\n                                <use xlink:href=\"#svg_close\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"></use>\n                            </svg>\n                        </div>\n                        <div class=\"row\">\n                            <div class=\"col-7 left-side\">\n                                <item-image-carousel v-if=\"displayModal\" :item-data=\"currentVariation\" :plugin-path=\"pluginPathCeres\"\n                                                     image-url-accessor=\"url\"></item-image-carousel>\n\n                                <div class=\"widget widget-code widget-none mt-5\">\n                                    <div class=\"widget-inner bg-appearance\">\n                                        <div>\n                                            <div class=\"single__features\"\n                                                 v-html=\"currentVariation.texts.shortDescription\"></div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class=\"col-5\">\n                                <div class=\"quick-view__right-side\">\n\n                                    <div class=\"widget widget-text widget-none title-outer m-0\">\n                                        <div class=\"widget-inner bg-appearance pt-0 pr-0 pb-0 pl-0\">\n                                            <h1 class=\"single__name\"><span>{{ itemName }}</span></h1>\n                                        </div>\n                                    </div>\n\n                                    <!-- hier waren single features -->\n\n                                    <div class=\"widget widget-item-price widget-none single__prices\">\n                                        <item-price :item-data=\"currentVariation\"\n                                                    :show-cross-price=\"isRecommendedPriceActive\"></item-price>\n                                    </div>\n\n                                    <div class=\"widget widget-code widget-none m-0\">\n                                        <div class=\"widget-inner bg-appearance pt-0 pr-0 pb-0 pl-0 mt-0 mr-0 mb-0 ml-0\">\n                                            <vat-component></vat-component>\n                                            <!--<div class=\"single__vat\">\n                                                <a href=\"/weberbuero/versandkosten\" target=\"_blank\"\n                                                   title=\"Versandkosten\">\n                                                    <span><span>+ 54,90&nbsp;€ Versandkosten</span>\n                                                        <span>, 2. Artikel:  11,90 € pro Artikel im <b>Kombiversand</b></span>\n                                                    </span>\n                                                </a>\n                                            </div>-->\n                                        </div>\n                                    </div>\n\n                                    <template v-if=\"isConfActive\">\n                                        <wall-configurator\n                                                :confi-article-list=\"confArticleList\"\n                                                :swiper-color-list=\"confColorIds\"\n                                                :conf-matrix=\"confMatrix\"\n                                                :item-data=\"currentVariation\"\n                                                :is-quick-view=\"true\"\n                                        ></wall-configurator>\n                                    </template>\n                                    <template v-else>\n                                        <variation-cross-selling v-if=\"this.crossseller !== null && crossseller.length > 0\"\n                                                                 :item-data=\"currentVariation\"\n                                                                 :is-quick=\"true\"\n                                                                 :crossSellingItems=\"crossseller\"></variation-cross-selling>\n                                        <variation-select :item-data=\"currentVariation\"></variation-select>\n                                    </template>\n\n\t\t\t\t\t\t\t\t\t<div class=\"widget widget-grid widget-two-col row single__wishlist\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"widget-inner col-xl-9 widget-prop-xl-2-1 col-lg-9 widget-prop-lg-2-1 col-md-9 widget-prop-md-2-1 col-sm-12 widget-prop-sm-3-1 widget-stacked-mobile col-12 widget-prop-3-1 widget-stacked-mobile\">\n\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"widget widget-add-to-basket widget-primary mt-3 mb-3\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<add-to-basket\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:variation-id=\"currentVariation.variation.id\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:is-salable=\"!!currentVariation.filter && currentVariation.filter.isSalable\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:has-children=\"!!currentVariation.filter && currentVariation.filter.hasActiveChildren\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:interval-quantity=\"currentVariation.variation.intervalOrderQuantity || 1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:minimum-quantity=\"currentVariation.variation.minimumOrderQuantity\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:maximum-quantity=\"!!currentVariation.variation.maximumOrderQuantity && currentVariation.variation.maximumOrderQuantity > 0 ? currentVariation.variation.maximumOrderQuantity : null\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:order-properties=\"currentVariation.properties.filter(function(prop) { return prop.property.isOderProperty })\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:use-large-scale=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:show-quantity=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\torigin=\"category\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:item-data=\"currentVariation\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:item-url=\"currentVariation | itemURL\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:is-variation-selected=\"isVariationSelected && currentVariation.filter.isSalable\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:has-price=\"currentVariation | hasItemDefaultPrice\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</add-to-basket>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"widget-inner col-xl-3 widget-prop-xl-auto col-lg-3 widget-prop-lg-auto col-md-3 widget-prop-md-auto col-sm-12 widget-prop-sm-3-1 col-12 widget-prop-3-1\">\n\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"widget widget-add-to-wish-list widget-none single__wishlist-btn\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<add-to-wish-list\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:variation-id=\"currentVariation.variation.id\"></add-to-wish-list>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\n\n\n                                    <a :href=\"currentVariation | itemURL\" class=\"btn w-100 quick-view__goto-item\">{{\n                                        $translate(\"Weberbuero::Template.quickViewDetails\") }}</a>\n\n<!--                                    <div class=\"single__stock-availability\" :class=\"'single__stock-availability_' + currentVariation.variation.availability.id\">-->\n<!--                                        <div class=\"single__stock\" v-if=\"((currentVariation.variation.isMain && !currentVariation.filter.hasActiveChildren) || (!currentVariation.variation.isMain && !currentVariation.filter.hasActiveChildren)) && currentVariation.stock.net > 0 && currentVariation.variation.availability.id === 1\" v-html=\"currentVariation.stock.net + $translate('Weberbuero::Template.quickViewDeliveryStock')\"></div>-->\n<!--                                        <div class=\"single__availability\" v-if=\"currentVariation.variation.availability\"-->\n<!--                                             v-html=\"$translate('Weberbuero::Template.quickViewDelivery1') + currentVariation.variation.availability.names.name + (currentVariation.variation.availability.id === 1 ? 'n' : '') + $translate('Weberbuero::Template.quickViewDelivery2')\"></div>-->\n<!--                                    </div>-->\n\n                                    <availability></availability>\n\n                                    <!--<div class=\"single__stock-availability\"\n                                         :class=\"'single__stock-availability_' + currentVariation.variation.availability.id\">\n                                        <div class=\"single__availability\">{{\n                                            currentVariation.variation.availability.names.name }}\n                                        </div>\n                                    </div>-->\n\n                                    <div class=\"widget widget-grid widget-two-col row single__wishlist\">\n                                        <div class=\"widget-inner col-xl-12 widget-prop-xl-auto col-lg-12 widget-prop-lg-auto col-md-12 widget-prop-md-3-1 col-sm-12 widget-prop-sm-3-1 widget-stacked-mobile col-12 widget-prop-3-1 widget-stacked-mobile\">\n                                            <div>\n                                                <div class=\"widget widget-text widget-none single__article-number m-0\">\n                                                    <div class=\"widget-inner bg-appearance pt-0 pr-0 pb-0 pl-0 mt-0 mr-0 mb-0 ml-0\">\n                                                        <p>{{ $translate(\"Weberbuero::Template.singleItemId\") }}: <span>{{ currentVariation.item.id }}</span>\n                                                        </p></div>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n\n                                    <div class=\"widget widget-code widget-none mb-0\">\n                                        <div class=\"widget-inner bg-appearance\">\n                                            <div class=\"text-center widget widget-d2g widget-payment-icons\">\n                                                <div class=\"widget-inner\">\n                                                    <ul class=\"list-unstyled d-flex flex-wrap justify-content-start icon-size-s\">\n                                                        <li class=\"amazon-pay\"><img\n                                                                src=\"https://bilder.weberbuero.de/frontend/images/shop/amazon-pay.svg\"\n                                                                alt=\"Amazon Pay - Zahlen Sie mit Ihrem Amazon-Account\"\n                                                                title=\"Amazon Pay - Zahlen Sie mit Ihrem Amazon-Account\">\n                                                        </li>\n                                                        <li class=\"paypal\"><img\n                                                                src=\"https://bilder.weberbuero.de/frontend/images/shop/paypal.svg\"\n                                                                alt=\"PayPal\" title=\"PayPal\"></li>\n                                                        <li class=\"visa\"><img\n                                                                src=\"https://bilder.weberbuero.de/frontend/images/shop/visa.svg\"\n                                                                alt=\"VISA\" title=\"VISA\"></li>\n                                                        <li class=\"mastercard\"><img\n                                                                src=\"https://bilder.weberbuero.de/frontend/images/shop/mastercard.svg\"\n                                                                alt=\"Mastercard\" title=\"Mastercard\"></li>\n                                                        <li class=\"invoice\"><img\n                                                                src=\"https://bilder.weberbuero.de/frontend/images/shop/Rechnungskauf_1.svg\"\n                                                                alt=\"Rechnungskauf nach Freischaltung\"\n                                                                title=\"Rechnung nach Freischaltung\"></li>\n                                                        <li class=\"american-express\"><img\n                                                                src=\"https://bilder.weberbuero.de/frontend/images/shop/american-express.svg\"\n                                                                alt=\"American Express\" title=\"American Express\"></li>\n                                                        <li class=\"sepa-directdebit\"><img\n                                                                src=\"https://bilder.weberbuero.de/frontend/images/shop/sepa.svg\"\n                                                                alt=\"SEPA Lastschrift\" title=\"SEPA Lastschrift\"></li>\n                                                    </ul>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\n    import { mapState } from \"vuex\";\n    import { get } from \"ceres/app/helper/get\";\n    import ApiService from \"ceres/app/services/ApiService\";\n    import Swiper from \"swiper\";\n\n    export default {\n        created()\n        {\n\n        },\n\n        mounted()\n        {\n            this.$nextTick(() =>\n            {\n\n            });\n        },\n\n        data()\n        {\n            return {\n                showModal: false,\n                loadedItem: false,\n                item: null,\n                isConfActive: false,\n                confArticleList: [],\n                displayModal: false\n            };\n        },\n\n        methods: {\n            initItem()\n            {\n                this.showModal = true;\n                let _this = this;\n\n                if (!this.$store.getters[`${this.itemId}/currentItemVariation`])\n                {\n                    ApiService.get(window.location.origin + \"/rest/weberbuero/quickview?itemId=\" + this.itemId + \"&variationId=\" + this.variationId)\n                        .done(data =>\n                        {\n\n                            this.$store.dispatch(\"initVariation\", data.item);\n\n                            this.item = data.item.documents[0].data;\n\n                            this.$store.commit(`${this.itemId}/setPleaseSelectVariationId`, 0);\n                            this.$store.dispatch(\"addLastSeenItem\", this.variationId);\n\n                            this.$store.dispatch(`${this.itemId}/variationSelect/setVariationSelect`, {\n                                itemId: this.itemId,\n                                attributes: data.variationAttributeMap.attributes,\n                                variations: data.variationAttributeMap.variations,\n                                initialVariationId: this.variationId,\n                                isPleaseSelectOption: 0,\n                                afterKey: {}\n                            });\n\n                            this.$store.commit(\"setQuickViewAttributes\", { [this.itemId]: data.variationAttributeMap.attributes });\n                            this.$store.commit(\"setQuickViewVariations\", { [this.itemId]: data.variationAttributeMap.variations });\n\n                            this.loadedItem = true;\n\n                            setTimeout(function()\n                            {\n                                //$(\".quick-view__modal\").modal(\"show\");\n                                _this.displayModal = true;\n\n                                // INFO: Alt-Last Jquery aus SingleItem\n                                if ($('.single__features').length) {\n                                    $('.single__features li').prepend('<svg width=\"8\" height=\"12\"><use xlink:href=\"#svg_arrow\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"></use></svg>');\n                                }\n                                _this.initCrossSwiper();\n                                _this.fillConfArticleList();\n                                document.querySelector(\"body\").classList.remove(\"loading-quickview\");\n                            }, 250);\n\n                        }).fail((err) => console.log(err));\n                }\n                else\n                {\n\n                    this.$store.dispatch(`${this.itemId}/loadVariation`, this.variationId).then(variation =>\n                    {\n                        document.dispatchEvent(new CustomEvent(\"onVariationChanged\",\n                            {\n                                detail:\n                                    {\n                                        attributes: variation.attributes,\n                                        documents: variation.documents\n                                    },\n                                itemId: this.itemId\n                            }));\n\n                        this.$store.commit(`${this.itemId}/setPleaseSelectVariationId`, 0);\n                        this.$store.dispatch(\"addLastSeenItem\", this.currentVariation.variation.id);\n\n                        let attributes = [];\n                        for (let key in this.attributes)\n                        {\n                            for (let innerKey in this.attributes[key])\n                            {\n                                if (parseInt(innerKey) === this.itemId)\n                                {\n                                    attributes = this.attributes[key][innerKey];\n                                    break;\n                                }\n                            }\n                        }\n\n                        let variations = [];\n                        for (let key in this.variations)\n                        {\n                            for (let innerKey in this.variations[key])\n                            {\n                                if (parseInt(innerKey) === this.itemId)\n                                {\n                                    variations = this.variations[key][innerKey];\n                                    break;\n                                }\n                            }\n                        }\n\n                        this.$store.dispatch(`${this.itemId}/variationSelect/setVariationSelect`, {\n                            itemId: this.itemId,\n                            attributes: attributes,\n                            variations: variations,\n                            initialVariationId: this.variationId,\n                            isPleaseSelectOption: 0\n                        }).then(response =>\n                        {\n\n                        });\n                    });\n\n                    this.loadedItem = true;\n                    setTimeout(function()\n                    {\n                        //$(\".quick-view__modal\").modal(\"show\");\n                        _this.displayModal = true;\n\n                        // INFO: Alt-Last Jquery aus SingleItem\n                        if ($('.single__features').length) {\n                            $('.single__features li').prepend('<svg width=\"8\" height=\"12\"><use xlink:href=\"#svg_arrow\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"></use></svg>');\n                        }\n                        _this.initCrossSwiper();\n                        _this.fillConfArticleList();\n                        document.querySelector(\"body\").classList.remove(\"loading-quickview\");\n                    }, 250);\n                }\n            },\n\n            closeQuickView()\n            {\n                this.$store.dispatch(\"removeItem\", this.currentVariation);\n\n                window.driftzoom.destroy();\n                this.showModal = false;\n                this.loadedItem = false;\n                this.isConfActive = false;\n                this.displayModal = false;\n\n                this.$store.commit(\"setQuickViewItemId\", 0);\n                this.$store.commit(\"setQuickViewVariationId\", 0);\n                this.$store.commit(\"setQuickViewCrossseller\", []);\n            },\n\n            initCrossSwiper()\n            {\n                if (this.loadedItem && this.crossseller !== null && this.crossseller.length > 0)\n                {\n\n                    var swipeVariations = new Swiper(\".single-variations-swiper\", {\n                        navigation: {\n                            nextEl: \".swiper-button-next-variations\",\n                            prevEl: \".swiper-button-prev-variations\"\n                        },\n                        spaceBetween: 5,\n                        loop: false,\n                        slidesPerView: 4,\n                        centeredSlides: false,\n                        breakpointsInverse: true,\n                        breakpoints: {\n                            991: {\n                                allowTouchMove: false,\n                                slidesPerView: 5\n                            }\n                        }\n                    });\n                }\n            },\n\n            fillConfArticleList(){\n\n                let confArticleList = [];\n                let lastOuterLoop = false;\n                let lastInnerLoop = false;\n                let _this = this;\n\n                for(let key in this.confMatrix){\n                    let confIds = this.confMatrix[key].toString();\n                    confIds = confIds.split(\",\");\n                    let reqCounter = 0;\n\n                    if(this.confMatrix.length === parseInt(key)+1){\n                        lastOuterLoop = true;\n                    }\n\n                    if(confIds.indexOf(this.currentVariation.item.id+\"\") > -1){\n                        // this.isConfActive = true;\n                        for(let innerKey in confIds){\n                            if(this.currentVariation.item.id == confIds[innerKey]){\n\n                                reqCounter++;\n\n                                if(confIds.length === reqCounter){\n                                    lastInnerLoop = true;\n                                }\n\n                                confArticleList.push({data: this.currentVariation, id: this.currentVariation.variation.id});\n\n                                if(lastInnerLoop && lastOuterLoop){\n                                    _this.confArticleList = confArticleList;\n                                    _this.isConfActive = true;\n                                }\n                            }else{\n                                let response = new Promise((resolve, reject) =>\n                                {\n                                    ApiService.get(window.location.origin + \"/rest/weberbuero/getItem?itemId=\" + confIds[innerKey], { supressNotifications: true })\n                                        .done(data =>\n                                        {\n                                            reqCounter++;\n                                            if (data)\n                                            {\n                                                resolve(data);\n                                            }\n                                            else\n                                            {\n                                                reject();\n                                            }\n\n                                            if(confIds.length === reqCounter){\n                                                lastInnerLoop = true;\n                                            }\n\n                                            confArticleList.push(data.documents[0]);\n\n                                            if(lastInnerLoop && lastOuterLoop){\n                                                _this.confArticleList = confArticleList;\n                                                _this.isConfActive = true;\n                                            }\n\n                                        }).fail((err) => console.log(err));\n                                });\n                            }\n                        }\n                    }\n                }\n\n            }\n        },\n\n        watch: {\n            itemId(value, oldValue)\n            {\n                if (value !== oldValue && value !== 0)\n                {\n                    this.initItem();\n                }\n            }\n        },\n\n        computed: {\n            isRecommendedPriceActive()\n            {\n                return App.config.item.itemData.includes(\"item.recommendedPrice\") || App.config.item.itemData.includes(\"all\");\n            },\n\n            itemName(){\n                return this.currentVariation && this.currentVariation.texts[0] ? this.currentVariation.texts[0].name1 : this.currentVariation.texts.name1;\n            },\n\n            currentVariationSelect()\n            {\n                return this.$store.state.items[this.itemId] && this.$store.state.items[this.itemId].variationSelect;\n            },\n\n            attributesToCheck()\n            {\n                return this.currentVariationSelect && this.currentVariationSelect.attributes;\n            },\n\n            pluginPathCeres()\n            {\n                return App.pluginPathCeres;\n            },\n\n            currentVariation()\n            {\n                return get(this.$store.state, `items[${this.itemId}].variation.documents[0].data`);\n            },\n\n            isVariationSelected()\n            {\n                if (this.loadedItem)\n                {\n                    return get(this.$store.state, `items[${this.itemId}].variationSelect.isVariationSelected`);\n                }\n                else\n                {\n                    return false;\n                }\n            },\n\n            confMatrix(){\n\n                if(App.weberConfig.confiItemIdsString !== \"\"){\n                    //let confiItemIds = JSON.parse(App.weberConfig.confiItemIds);\n                    let confiItemIdsString = App.weberConfig.confiItemIdsString;\n                    confiItemIdsString = confiItemIdsString.split(\"#\");\n\n                    for(let key in confiItemIdsString){\n                        confiItemIdsString[key] = confiItemIdsString[key].split(\",\");\n                    }\n\n                    return confiItemIdsString;\n                }\n\n                return [\n                    [3256,2613],\n                    [2607,3262],\n                    [3258,2612],\n                    [3264,2606],\n                    [3261,2611],\n                    [3267,2605],\n                    [3257,2610],\n                    [3263,2604],\n                    [3260,2609],\n                    [3266,2603],\n                    [3259,2608],\n                    [3265,2602],\n                    [4802,4803],\n                    [1426,4811,4812],\n                    [1758],\n                    [1428,4813,4814],\n                    [1759,4827,4826],\n                    [2202],\n                    [1749],\n                    [1913],\n                    [2432,2433,1425],\n                    [2958,2957],\n                    [2203],\n                    [2961,4962],\n                    [2253],\n                    [4977,4976],\n                    [2861],\n                    [2964,4968]\n                ]\n            },\n\n            confColorIds(){\n                return App.weberConfig.confiColorIds.split(\",\");\n            },\n\n            ...mapState({\n                itemId: state => state.quickview.itemId,\n                variationId: state => state.quickview.variationId,\n                crossseller: state => state.quickview.crossseller,\n                attributes: state => state.quickview.attributes,\n                variations: state => state.quickview.variations\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!./QuickViewModal.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!./QuickViewModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./QuickViewModal.vue?vue&type=template&id=7ab6cb1b&\"\nimport script from \"./QuickViewModal.vue?vue&type=script&lang=js&\"\nexport * from \"./QuickViewModal.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/fhartwig/Sites/pp-weberbuero/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('7ab6cb1b')) {\n      api.createRecord('7ab6cb1b', component.options)\n    } else {\n      api.reload('7ab6cb1b', component.options)\n    }\n    module.hot.accept(\"./QuickViewModal.vue?vue&type=template&id=7ab6cb1b&\", function () {\n      api.rerender('7ab6cb1b', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/pageDesign/QuickViewModal.vue\"\nexport default component.exports"],"sourceRoot":""}