{"version":3,"sources":["webpack:///./resources/js/src/app/components/item/ImageZoom.vue?f30b","webpack:///./resources/js/src/app/components/item/ImageZoom.vue?fee2","webpack:///resources/js/src/app/components/item/ImageZoom.vue","webpack:///./resources/js/src/app/components/item/ImageZoom.vue","webpack:///./resources/js/src/app/components/item/ItemImageCarousel.vue?55b3","webpack:///./resources/js/src/app/components/item/ItemImageCarousel.vue?df97","webpack:///resources/js/src/app/components/item/ItemImageCarousel.vue","webpack:///./resources/js/src/app/components/item/ItemImageCarousel.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","zoomActive","attrs","id","_v","_s","$translate","type","on","click","$event","close","class","showSwiper","ref","_l","singleImages","image","length","src","url","replace","_e","_m","_withStripped","component","options","__file","itemscope","itemtype","thumbsHorizontalData","carouselImages","imagePreview","index","alt","getAltText","title","loading","preventDefault","openZoom","itemprop","isSingleView","href","toggleSocials","fbShareLink","target","twitterShareLink","pinterestShareLink","showZoom","maxQuantity","imageUrlAccessor","showThumbs","showDots","currentItem","animationStyle","pluginPath","getCloseCall","closeZoom","initialized","getImageName"],"mappings":"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","file":"chunks/ceres-client-21.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(\"div\", { staticClass: \"product-detail__zoom\" }, [\n    _vm.zoomActive\n      ? _c(\"div\", { staticClass: \"product-detail__zoom-wrapper\" }, [\n          _c(\n            \"div\",\n            {\n              staticClass: \"product-detail__zoom-modal\",\n              attrs: { id: \"swiper-zoom\" }\n            },\n            [\n              _c(\"div\", { staticClass: \"product-detail__zoom-head\" }, [\n                _c(\"div\", { staticClass: \"modal-title h3\" }, [\n                  _vm._v(\n                    _vm._s(\n                      _vm.$translate(\n                        \"ODStylebreaker::Template.singleZoomHeadline\"\n                      )\n                    )\n                  )\n                ]),\n                _vm._v(\" \"),\n                _c(\n                  \"button\",\n                  {\n                    staticClass: \"close\",\n                    attrs: { type: \"button\", \"aria-hidden\": \"true\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.close()\n                      }\n                    }\n                  },\n                  [_vm._v(\"×\")]\n                )\n              ]),\n              _vm._v(\" \"),\n              _c(\n                \"div\",\n                {\n                  staticClass: \"product-detail__zoom-body\",\n                  class: { \"opacity-1\": _vm.showSwiper }\n                },\n                [\n                  _c(\n                    \"div\",\n                    { ref: \"zoomSwiper\", staticClass: \"swiper-container\" },\n                    [\n                      _c(\n                        \"div\",\n                        { staticClass: \"swiper-wrapper\" },\n                        _vm._l(_vm.singleImages, function(image) {\n                          return _c(\"div\", { staticClass: \"swiper-slide\" }, [\n                            _c(\n                              \"div\",\n                              { staticClass: \"swiper-zoom-container\" },\n                              [\n                                _vm.singleImages.length === 1\n                                  ? _c(\"img\", {\n                                      staticClass: \"only-img\",\n                                      attrs: {\n                                        src: image.url.replace(\n                                          \"/middle/\",\n                                          \"/full/\"\n                                        )\n                                      }\n                                    })\n                                  : _c(\"img\", {\n                                      staticClass: \"swiper-lazy\",\n                                      attrs: {\n                                        \"data-src\": image.url.replace(\n                                          \"/middle/\",\n                                          \"/full/\"\n                                        )\n                                      }\n                                    }),\n                                _vm._v(\" \"),\n                                _vm.singleImages.length > 1\n                                  ? _c(\"div\", {\n                                      staticClass: \"swiper-lazy-preloader\"\n                                    })\n                                  : _vm._e()\n                              ]\n                            )\n                          ])\n                        }),\n                        0\n                      ),\n                      _vm._v(\" \"),\n                      _c(\"div\", {\n                        staticClass: \"swiper-pagination swiper-pagination-white\"\n                      }),\n                      _vm._v(\" \"),\n                      _vm._m(0),\n                      _vm._v(\" \"),\n                      _vm._m(1)\n                    ]\n                  )\n                ]\n              )\n            ]\n          )\n        ])\n      : _vm._e(),\n    _vm._v(\" \"),\n    _c(\"div\", {\n      staticClass: \"product-detail__zoom-backdrop\",\n      on: {\n        click: function($event) {\n          return _vm.close()\n        }\n      }\n    })\n  ])\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: \"swiper-button-prev\" }, [\n      _c(\"i\", { staticClass: \"icon-left\" })\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"swiper-button-next\" }, [\n      _c(\"i\", { staticClass: \"icon-right\" })\n    ])\n  }\n]\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!./ImageZoom.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!./ImageZoom.vue?vue&type=script&lang=js&\"","<template>\n    <div class=\"product-detail__zoom\">\n        <div class=\"product-detail__zoom-wrapper\" v-if=\"zoomActive\">\n            <div class=\"product-detail__zoom-modal\" id=\"swiper-zoom\">\n                <div class=\"product-detail__zoom-head\">\n                    <div class=\"modal-title h3\">{{ $translate(\"ODStylebreaker::Template.singleZoomHeadline\") }}</div>\n                    <button type=\"button\" @click=\"close()\" class=\"close\" aria-hidden=\"true\">&times;</button>\n                </div>\n                <div class=\"product-detail__zoom-body\" :class=\"{ 'opacity-1' : showSwiper }\">\n                    <div class=\"swiper-container\" ref=\"zoomSwiper\">\n                        <div class=\"swiper-wrapper\">\n                            <div v-for=\"image in singleImages\" class=\"swiper-slide\">\n                                <div class=\"swiper-zoom-container\">\n                                    <img v-if=\"singleImages.length === 1\" :src=\"image.url.replace('/middle/', '/full/')\" class=\"only-img\" />\n                                    <img v-else :data-src=\"image.url.replace('/middle/', '/full/')\" class=\"swiper-lazy\" />\n                                    <div v-if=\"singleImages.length > 1\" class=\"swiper-lazy-preloader\"></div>\n                                </div>\n                            </div>\n                        </div>\n                        <!-- Add Pagination -->\n                        <div class=\"swiper-pagination swiper-pagination-white\"></div>\n                        <!-- Add Navigation -->\n                        <div class=\"swiper-button-prev\"><i class=\"icon-left\"></i></div>\n                        <div class=\"swiper-button-next\"><i class=\"icon-right\"></i></div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"product-detail__zoom-backdrop\" @click=\"close()\"></div>\n    </div>\n</template>\n<script>\n    import { Swiper } from 'swiper';\n\nexport default {\n\n    name: \"image-zoom\",\n    props: {\n        maxQuantity:\n            {\n                type: Number,\n                default: 10\n            },\n        imageUrlAccessor:\n            {\n                type: String,\n                default: \"url\"\n            },\n        showThumbs:\n            {\n                type: Boolean,\n                default: true\n            },\n        showDots:\n            {\n                type: Boolean,\n                default: true\n            },\n        animationStyle:\n            {\n                type: String,\n                default: \"standard\"\n            },\n        pluginPath:\n            {\n                type: String,\n                default: \"\"\n            },\n        zoomIndex:{\n            type: Number,\n            default: 0\n        }\n    },\n\n    inject: {\n        itemId: {\n            default: null\n        }\n    },\n\n    data()\n    {\n        return {\n            zoomActive: false,\n            zoomSwiper: null,\n            showSwiper: false\n        };\n    },\n    computed:\n        {\n            currentVariation() {\n                return this.$store.getters[`${this.itemId}/currentItemVariation`]\n            },\n\n            singleImages()\n            {\n                return this.$options.filters.itemImages(\n                    this.currentVariation.images,\n                    this.imageUrlAccessor\n                ).slice(0, this.maxQuantity);\n            }\n        },\n\n    mounted()\n    {\n        this.$nextTick(() =>\n        {\n            let that = this;\n            this.zoomActive=true;\n            window.setTimeout(function(){\n                that.initCarousel();\n            },1);\n        })\n    },\n\n    methods:{\n        initCarousel(){\n            let that = this;\n\n            //setTimeout(function(){\n            this.$nextTick(() => {\n                that.zoomSwiper = new Swiper(\".product-detail__zoom-body .swiper-container\", {\n                    zoom: {\n                        maxRatio: 3,\n                        toggle: true,\n                        containerClass: 'swiper-zoom-container',\n                        zoomedSlideClass: 'swiper-slide-zoomed',\n                    },\n                    lazy: true,\n                    sliderPerView: 1,\n                    pagination: {\n                        el: '.product-detail__zoom .swiper-pagination',\n                    },\n                    navigation: {\n                        nextEl: '.product-detail__zoom .swiper-button-next',\n                        prevEl: '.product-detail__zoom .swiper-button-prev',\n                    }\n                });\n\n                that.zoomSwiper.slideTo(that.zoomIndex);\n\n                setTimeout(function(){\n                    that.showSwiper = true;\n                    window.dispatchEvent(new Event('resize'));\n                    window.dispatchEvent(new Event('resize'));\n                }, 500)\n            });\n            //}, 250);\n\n        },\n\n        emitCloseToParent (event) {\n            this.$emit('getCloseCall', true)\n        },\n\n        close(){\n            this.showSwiper = false;\n            this.emitCloseToParent()\n        },\n    }\n}\n</script>\n","import { render, staticRenderFns } from \"./ImageZoom.vue?vue&type=template&id=67fd9ee4&\"\nimport script from \"./ImageZoom.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageZoom.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/DIA-stylebreaker-v2/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('67fd9ee4')) {\n      api.createRecord('67fd9ee4', component.options)\n    } else {\n      api.reload('67fd9ee4', component.options)\n    }\n    module.hot.accept(\"./ImageZoom.vue?vue&type=template&id=67fd9ee4&\", function () {\n      api.rerender('67fd9ee4', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/item/ImageZoom.vue\"\nexport default component.exports","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    { attrs: { itemscope: \"\", itemtype: \"http://schema.org/Thing\" } },\n    [\n      [\n        _c(\"div\", { staticClass: \"row\" }, [\n          !_vm.thumbsHorizontalData\n            ? _c(\n                \"div\",\n                {\n                  ref: \"thumbsContainer\",\n                  staticClass:\n                    \"col-12 col-lg-2 order-2 order-lg-1 d-lg-flex single__thumb-swiper-container\"\n                },\n                [\n                  _c(\n                    \"div\",\n                    {\n                      ref: \"thumbs\",\n                      staticClass: \"swiper-container single__thumb-swiper\"\n                    },\n                    [\n                      _c(\n                        \"div\",\n                        { staticClass: \"swiper-wrapper\" },\n                        _vm._l(_vm.carouselImages, function(\n                          imagePreview,\n                          index\n                        ) {\n                          return _c(\"div\", { staticClass: \"swiper-slide\" }, [\n                            _c(\"img\", {\n                              staticClass: \"single__thumb-swiper-image\",\n                              attrs: {\n                                src: imagePreview.url,\n                                alt: _vm.getAltText(imagePreview),\n                                title: \"\",\n                                loading: \"lazy\"\n                              }\n                            })\n                          ])\n                        }),\n                        0\n                      )\n                    ]\n                  ),\n                  _vm._v(\" \"),\n                  _vm._m(0),\n                  _vm._v(\" \"),\n                  _vm._m(1)\n                ]\n              )\n            : _vm._e(),\n          _vm._v(\" \"),\n          !_vm.thumbsHorizontalData\n            ? _c(\n                \"div\",\n                { staticClass: \"col-12 col-lg-10 order-lg-2 main-swiper\" },\n                [\n                  _c(\n                    \"div\",\n                    {\n                      ref: \"single\",\n                      staticClass: \"swiper-container single-swiper\"\n                    },\n                    [\n                      _c(\n                        \"div\",\n                        { staticClass: \"swiper-wrapper\" },\n                        _vm._l(_vm.singleImages, function(image) {\n                          return _c(\"div\", { staticClass: \"swiper-slide\" }, [\n                            _c(\n                              \"a\",\n                              {\n                                on: {\n                                  click: function($event) {\n                                    $event.preventDefault()\n                                    return _vm.openZoom()\n                                  }\n                                }\n                              },\n                              [\n                                _c(\"img\", {\n                                  staticClass: \"single__swiper-image\",\n                                  attrs: {\n                                    src: image.url,\n                                    alt: _vm.getAltText(image),\n                                    loading: \"lazy\",\n                                    itemprop: \"image\"\n                                  }\n                                })\n                              ]\n                            )\n                          ])\n                        }),\n                        0\n                      ),\n                      _vm._v(\" \"),\n                      _vm._m(2),\n                      _vm._v(\" \"),\n                      _vm._m(3)\n                    ]\n                  )\n                ]\n              )\n            : _vm._e(),\n          _vm._v(\" \"),\n          _vm.thumbsHorizontalData\n            ? _c(\"div\", { staticClass: \"col-12 main-swiper\" }, [\n                _c(\n                  \"div\",\n                  {\n                    ref: \"single\",\n                    staticClass: \"swiper-container single-swiper\"\n                  },\n                  [\n                    _c(\n                      \"div\",\n                      { staticClass: \"swiper-wrapper\" },\n                      _vm._l(_vm.singleImages, function(image) {\n                        return _c(\"div\", { staticClass: \"swiper-slide\" }, [\n                          _c(\n                            \"a\",\n                            {\n                              on: {\n                                click: function($event) {\n                                  $event.preventDefault()\n                                  return _vm.openZoom()\n                                }\n                              }\n                            },\n                            [\n                              _c(\"img\", {\n                                staticClass: \"single__swiper-image\",\n                                attrs: {\n                                  src: image.url,\n                                  alt: _vm.getAltText(image),\n                                  loading: \"lazy\",\n                                  itemprop: \"image\"\n                                }\n                              })\n                            ]\n                          )\n                        ])\n                      }),\n                      0\n                    ),\n                    _vm._v(\" \"),\n                    _vm._m(4),\n                    _vm._v(\" \"),\n                    _vm._m(5)\n                  ]\n                )\n              ])\n            : _vm._e(),\n          _vm._v(\" \"),\n          _vm.thumbsHorizontalData\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"col-12 d-lg-flex single__thumb-swiper-container\"\n                },\n                [\n                  _c(\n                    \"div\",\n                    {\n                      ref: \"thumbs\",\n                      staticClass: \"swiper-container single__thumb-swiper\"\n                    },\n                    [\n                      _c(\n                        \"div\",\n                        { staticClass: \"swiper-wrapper\" },\n                        _vm._l(_vm.carouselImages, function(\n                          imagePreview,\n                          index\n                        ) {\n                          return _c(\"div\", { staticClass: \"swiper-slide\" }, [\n                            _c(\"img\", {\n                              staticClass: \"single__thumb-swiper-image\",\n                              attrs: {\n                                src: imagePreview.url,\n                                alt: _vm.getAltText(imagePreview),\n                                title: \"\",\n                                loading: \"lazy\"\n                              }\n                            })\n                          ])\n                        }),\n                        0\n                      )\n                    ]\n                  ),\n                  _vm._v(\" \"),\n                  _vm._m(6),\n                  _vm._v(\" \"),\n                  _vm._m(7)\n                ]\n              )\n            : _vm._e(),\n          _vm._v(\" \"),\n          _c(\"div\", { staticClass: \"col-12 order-md-3\" }, [\n            _vm.isSingleView\n              ? _c(\"div\", { staticClass: \"social-media__wrapper\" }, [\n                  _c(\n                    \"a\",\n                    {\n                      staticClass: \"share\",\n                      attrs: { href: \"#\" },\n                      on: {\n                        click: function($event) {\n                          $event.preventDefault()\n                          return _vm.toggleSocials()\n                        }\n                      }\n                    },\n                    [\n                      _c(\"i\", { staticClass: \"icon-share\" }),\n                      _vm._v(\" \"),\n                      _c(\"span\", [_vm._v(\"Teilen\")])\n                    ]\n                  ),\n                  _vm._v(\" \"),\n                  _c(\n                    \"ul\",\n                    {\n                      ref: \"socialList\",\n                      staticClass: \"social-media share-icons list-inline\"\n                    },\n                    [\n                      _c(\"li\", [\n                        _c(\n                          \"a\",\n                          {\n                            attrs: {\n                              href: _vm.fbShareLink,\n                              target: \"_blank\",\n                              \"data-toggle\": \"tooltip\",\n                              \"data-placement\": \"bottom\",\n                              title: \"\",\n                              \"data-original-title\":\n                                \"Wenn Du den Button anklickst öffnet sich ein neues Fenster, in dem Du dich mit deinen Daten bei Facebook einloggen kannst. Erst nach diesem aktiven Login wird eine direkte Verbindung zu Facebook hergestellt.\"\n                            }\n                          },\n                          [_c(\"i\", { staticClass: \"fa fa-facebook-square\" })]\n                        )\n                      ]),\n                      _vm._v(\" \"),\n                      _c(\"li\", [\n                        _c(\n                          \"a\",\n                          {\n                            attrs: {\n                              href: _vm.twitterShareLink,\n                              target: \"_blank\",\n                              \"data-toggle\": \"tooltip\",\n                              \"data-placement\": \"bottom\",\n                              title: \"\",\n                              \"data-original-title\":\n                                \"Wenn Du den Button anklickst öffnet sich ein neues Fenster, in dem Du dich mit deinen Daten bei Twitter einloggen kannst. Erst nach diesem aktiven Login wird eine direkte Verbindung zu Twitter hergestellt.\"\n                            }\n                          },\n                          [_c(\"i\", { staticClass: \"fa fa-twitter-square\" })]\n                        )\n                      ]),\n                      _vm._v(\" \"),\n                      _c(\"li\", { staticClass: \"pint\" }, [\n                        _c(\n                          \"a\",\n                          {\n                            attrs: {\n                              href: _vm.pinterestShareLink,\n                              target: \"_blank\",\n                              \"data-toggle\": \"tooltip\",\n                              \"data-placement\": \"bottom\",\n                              title: \"\",\n                              \"data-original-title\":\n                                \"Wenn Du den Button anklickst öffnet sich ein neues Fenster, in dem Du dich mit deinen Daten bei Pinterest einloggen kannst. Erst nach diesem aktiven Login wird eine direkte Verbindung zu Pinterest hergestellt.\"\n                            }\n                          },\n                          [\n                            _c(\"img\", {\n                              attrs: {\n                                alt: \"Pin it\",\n                                src:\n                                  \"/layout/od_stylebreaker_v1_1/images/pinterest.png\"\n                              }\n                            })\n                          ]\n                        )\n                      ])\n                    ]\n                  )\n                ])\n              : _vm._e()\n          ])\n        ]),\n        _vm._v(\" \"),\n        _vm.showZoom\n          ? _c(\"image-zoom\", {\n              attrs: {\n                \"max-quantity\": _vm.maxQuantity,\n                \"image-url-accessor\": _vm.imageUrlAccessor,\n                \"show-thumbs\": _vm.showThumbs,\n                \"show-dots\": _vm.showDots,\n                \"zoom-index\": _vm.currentItem,\n                \"animation-style\": _vm.animationStyle,\n                \"plugin-path\": _vm.pluginPath\n              },\n              on: { getCloseCall: _vm.closeZoom }\n            })\n          : _vm._e()\n      ],\n      _vm._v(\" \"),\n      !_vm.initialized\n        ? _c(\n            \"div\",\n            {\n              staticClass:\n                \"single-carousel owl-carousel owl-theme owl-single-item mt-0 d-block\"\n            },\n            [\n              _c(\"div\", { staticClass: \"prop-1-1\" }, [\n                _c(\"img\", {\n                  staticClass: \"owl-placeholder\",\n                  attrs: {\n                    src: _vm.singleImages[0].url,\n                    alt: _vm.getAltText(_vm.singleImages[0].url),\n                    title: _vm.getImageName(_vm.singleImages[0].url)\n                  }\n                })\n              ])\n            ]\n          )\n        : _vm._e()\n    ],\n    2\n  )\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: \"thumb-swiper-prev\" }, [\n      _c(\"i\", { staticClass: \"icon-left\" })\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"thumb-swiper-next\" }, [\n      _c(\"i\", { staticClass: \"icon-right\" })\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\n      \"div\",\n      { staticClass: \"swiper-button-next swiper-button-white\" },\n      [_c(\"i\", { staticClass: \"icon-right\" })]\n    )\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\n      \"div\",\n      { staticClass: \"swiper-button-prev swiper-button-white\" },\n      [_c(\"i\", { staticClass: \"icon-left\" })]\n    )\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\n      \"div\",\n      { staticClass: \"swiper-button-next swiper-button-white\" },\n      [_c(\"i\", { staticClass: \"icon-right\" })]\n    )\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\n      \"div\",\n      { staticClass: \"swiper-button-prev swiper-button-white\" },\n      [_c(\"i\", { staticClass: \"icon-left\" })]\n    )\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"thumb-swiper-prev\" }, [\n      _c(\"i\", { staticClass: \"icon-left\" })\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"thumb-swiper-next\" }, [\n      _c(\"i\", { staticClass: \"icon-right\" })\n    ])\n  }\n]\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!./ItemImageCarousel.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!./ItemImageCarousel.vue?vue&type=script&lang=js&\"","<template>\n    <div itemscope itemtype=\"http://schema.org/Thing\">\n        <template>\n            <div class=\"row\">\n                <div v-if=\"!thumbsHorizontalData\" class=\"col-12 col-lg-2 order-2 order-lg-1 d-lg-flex single__thumb-swiper-container\" ref=\"thumbsContainer\">\n                    <div class=\"swiper-container single__thumb-swiper\" ref=\"thumbs\">\n                        <div class=\"swiper-wrapper\">\n                            <div class=\"swiper-slide\" v-for=\"(imagePreview, index) in carouselImages\">\n                                <img\n                                        class=\"single__thumb-swiper-image\"\n                                        :src=\"imagePreview.url\"\n                                        :alt=\"getAltText(imagePreview)\"\n                                        title=\"\" loading=\"lazy\"\n\n                                >\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"thumb-swiper-prev\"><i class=\"icon-left\"></i></div>\n                    <div class=\"thumb-swiper-next\"><i class=\"icon-right\"></i></div>\n                </div>\n\n                <div v-if=\"!thumbsHorizontalData\" class=\"col-12 col-lg-10 order-lg-2 main-swiper\">\n                    <div class=\"swiper-container single-swiper\" ref=\"single\">\n                        <div class=\"swiper-wrapper\">\n                            <div class=\"swiper-slide\" v-for=\"image in singleImages\">\n                                <a @click.prevent=\"openZoom()\">\n                                    <img class=\"single__swiper-image\" :src=\"image.url\" :alt=\"getAltText(image)\" loading=\"lazy\" itemprop=\"image\">\n                                </a>\n                            </div>\n                        </div>\n                        <div class=\"swiper-button-next swiper-button-white\"><i class=\"icon-right\"></i></div>\n                        <div class=\"swiper-button-prev swiper-button-white\"><i class=\"icon-left\"></i></div>\n                    </div>\n                </div>\n\n                <div v-if=\"thumbsHorizontalData\" class=\"col-12 main-swiper\">\n                    <div class=\"swiper-container single-swiper\" ref=\"single\">\n                        <div class=\"swiper-wrapper\">\n                            <div class=\"swiper-slide\" v-for=\"image in singleImages\">\n                                <a @click.prevent=\"openZoom()\">\n                                    <img class=\"single__swiper-image\" :src=\"image.url\" :alt=\"getAltText(image)\" loading=\"lazy\" itemprop=\"image\">\n                                </a>\n                            </div>\n                        </div>\n                        <div class=\"swiper-button-next swiper-button-white\"><i class=\"icon-right\"></i></div>\n                        <div class=\"swiper-button-prev swiper-button-white\"><i class=\"icon-left\"></i></div>\n                    </div>\n                </div>\n\n                <div v-if=\"thumbsHorizontalData\" class=\"col-12 d-lg-flex single__thumb-swiper-container\">\n                    <div class=\"swiper-container single__thumb-swiper\" ref=\"thumbs\">\n                        <div class=\"swiper-wrapper\">\n                            <div class=\"swiper-slide\" v-for=\"(imagePreview, index) in carouselImages\">\n                                <img\n                                        class=\"single__thumb-swiper-image\"\n                                        :src=\"imagePreview.url\"\n                                        :alt=\"getAltText(imagePreview)\"\n                                        title=\"\" loading=\"lazy\"\n\n                                >\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"thumb-swiper-prev\"><i class=\"icon-left\"></i></div>\n                    <div class=\"thumb-swiper-next\"><i class=\"icon-right\"></i></div>\n                </div>\n\n                <div class=\"col-12 order-md-3\">\n                    <div v-if=\"isSingleView\" class=\"social-media__wrapper\">\n                        <a href=\"#\" @click.prevent=\"toggleSocials()\" class=\"share\"><i class=\"icon-share\"></i> <span>Teilen</span></a>\n                        <ul class=\"social-media share-icons list-inline\" ref=\"socialList\">\n                            <li><a :href=\"fbShareLink\" target=\"_blank\" data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"\" data-original-title=\"Wenn Du den Button anklickst öffnet sich ein neues Fenster, in dem Du dich mit deinen Daten bei Facebook einloggen kannst. Erst nach diesem aktiven Login wird eine direkte Verbindung zu Facebook hergestellt.\"><i class=\"fa fa-facebook-square\"></i></a></li>\n                            <li><a :href=\"twitterShareLink\" target=\"_blank\" data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"\" data-original-title=\"Wenn Du den Button anklickst öffnet sich ein neues Fenster, in dem Du dich mit deinen Daten bei Twitter einloggen kannst. Erst nach diesem aktiven Login wird eine direkte Verbindung zu Twitter hergestellt.\"><i class=\"fa fa-twitter-square\"></i></a></li>\n                            <li class=\"pint\"><a :href=\"pinterestShareLink\" target=\"_blank\" data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"\" data-original-title=\"Wenn Du den Button anklickst öffnet sich ein neues Fenster, in dem Du dich mit deinen Daten bei Pinterest einloggen kannst. Erst nach diesem aktiven Login wird eine direkte Verbindung zu Pinterest hergestellt.\"><img alt=\"Pin it\" src=\"/layout/od_stylebreaker_v1_1/images/pinterest.png\"></a></li>\n                        </ul>\n                    </div>\n                </div>\n            </div>\n            <image-zoom v-if=\"showZoom\" v-on:getCloseCall=\"closeZoom\"\n                        :max-quantity=\"maxQuantity\"\n                        :image-url-accessor=\"imageUrlAccessor\"\n                        :show-thumbs=\"showThumbs\"\n                        :show-dots=\"showDots\"\n                        :zoom-index=\"currentItem\"\n                        :animation-style=\"animationStyle\"\n                        :plugin-path=\"pluginPath\"/>\n        </template>\n        <div v-if=\"!initialized\" class=\"single-carousel owl-carousel owl-theme owl-single-item mt-0 d-block\">\n            <div class=\"prop-1-1\">\n                <img class=\"owl-placeholder\"\n                     :src=\"singleImages[0].url\"\n                     :alt=\"getAltText(singleImages[0].url)\"\n                     :title=\"getImageName(singleImages[0].url)\">\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { isNullOrUndefined } from \"ceres/app/helper/utils\";\nimport { Swiper } from 'swiper';\nimport ImageZoom from \"./ImageZoom.vue\";\n\nexport default {\n    name: \"item-image-carousel\",\n\n    components: {\n        ImageZoom\n    },\n    props: {\n        maxQuantity:\n        {\n            type: Number,\n            default: 10\n        },\n        imageUrlAccessor:\n        {\n            type: String,\n            default: \"url\"\n        },\n        showThumbs:\n        {\n            type: Boolean,\n            default: true\n        },\n        showDots:\n        {\n            type: Boolean,\n            default: true\n        },\n        enableLightbox:{\n            type: Boolean,\n            default: true\n        },\n        animationStyle:\n        {\n            type: String,\n            default: \"standard\"\n        },\n        pluginPath:\n        {\n            type: String,\n            default: \"\"\n        },\n        thumbsHorizontal:{\n            type: Boolean,\n            default: false\n        },\n        categoryItemData:{\n            type: Object,\n            default: () => {}\n        }\n    },\n\n    inject: {\n        itemId: {\n            default: null\n        }\n    },\n\n    data()\n    {\n        return {\n            currentItem: 0,\n            thumbsSwiper: null,\n            singleSwiper: null,\n            showZoom: false,\n            initialized: false,\n            fbShareLink: \"\",\n            twitterShareLink: \"\",\n            pinterestShareLink: \"\",\n            thumbsHorizontalData: false\n        };\n    },\n\n    computed:\n    {\n        isSingleView(){\n            return App.isItemView;\n        },\n\n        currentVariation() {\n            return this.$store.getters[`${this.itemId}/currentItemVariation`]\n        },\n\n        currentVariationForText() {\n            let accessor;\n            if(typeof this.categoryItemData !== \"undefined\" && this.categoryItemData != null && Object.keys(this.categoryItemData).length){\n                accessor = this.categoryItemData;\n            }else{\n                accessor = this.currentVariation;\n            }\n            return accessor;\n        },\n\n        carouselImages()\n        {\n\n            let accessor;\n            if(typeof this.categoryItemData !== \"undefined\" && this.categoryItemData != null && Object.keys(this.categoryItemData).length){\n                accessor = this.categoryItemData;\n            }else{\n                accessor = this.currentVariation;\n            }\n\n            return this.orderByPosition(\n                this.$options.filters.itemImages(\n                    accessor.images,\n                    \"urlPreview\"\n                )\n            ).slice(0, this.maxQuantity);\n        },\n\n        singleImages()\n        {\n            let accessor;\n            if(typeof this.categoryItemData !== \"undefined\" && this.categoryItemData != null && Object.keys(this.categoryItemData).length){\n                accessor = this.categoryItemData;\n            }else{\n                accessor = this.currentVariation;\n            }\n\n            return this.orderByPosition(\n                this.$options.filters.itemImages(\n                    accessor.images,\n                    this.imageUrlAccessor\n                )\n            ).slice(0, this.maxQuantity);\n        }\n    },\n\n    watch: {\n        currentVariation:\n        {\n            handler(val, oldVal)\n            {\n                if (val !== oldVal)\n                {\n                    setTimeout(() =>\n                    {\n                        this.reInitialize();\n                    }, 1);\n                }\n            },\n            deep: true\n        },\n\n        categoryItemData:{\n            handler(val, oldVal)\n            {\n                if (val !== oldVal)\n                {\n                    setTimeout(() =>\n                    {\n                        this.reInitialize();\n                    }, 1);\n                }\n            },\n            deep: true\n        }\n    },\n\n    mounted()\n    {\n        this.fbShareLink = \"http://www.facebook.com/sharer/sharer.php?u=\" + window.location.href;\n        this.twitterShareLink = \"https://twitter.com/intent/tweet?text=\" + this.currentVariationForText.texts.name2 +\n            \"&url=\"+window.location.href + \"&via=TWITTER-HANDLE\";\n        this.pinterestShareLink = \"http://pinterest.com/pin/create/button/?url=\" + window.location.href + \"&description=\";\n\n        this.$nextTick(() =>\n        {\n            if(window.innerWidth < 992){\n                this.thumbsHorizontalData = true;\n            }else{\n                this.thumbsHorizontalData = this.thumbsHorizontal;\n            }\n\n            this.loadLightbox().then(() =>\n            {\n\n                this.initThumbCarousel();\n                this.initCarousel();\n\n            })\n                .catch(event =>\n                {\n                    console.log(\"error while loading lightbox\", event);\n                });\n        });\n    },\n\n    methods:\n    {\n        openZoom(){\n            this.showZoom = true;\n        },\n\n        closeZoom(){\n            this.showZoom = false;\n        },\n\n        toggleSocials(){\n            $(this.$refs.socialList).toggleClass(\"is-visible\");\n        },\n\n        getImageCount()\n        {\n            return this.carouselImages.length > this.maxQuantity ? this.maxQuantity : this.carouselImages.length;\n        },\n\n        reInitialize()\n        {\n            /*const $owl = $(this.$refs.single);\n\n            $owl.trigger(\"destroy.owl.carousel\");\n            $owl.html($owl.find(\".owl-stage-outer\").html()).removeClass(\"owl-loaded\");\n            $owl.find(\".owl-item\").remove();\n\n            const $thumbs = $(this.$refs.thumbs);\n\n            $thumbs.trigger(\"destroy.owl.carousel\");\n            $thumbs.html($thumbs.find(\".owl-stage-outer\").html()).removeClass(\"owl-loaded\");\n            $thumbs.find(\".owl-item\").remove();\n\n            this.initCarousel();\n            this.initThumbCarousel();*/\n\n            this.thumbsSwiper.destroy();\n            this.singleSwiper.destroy();\n\n            this.$nextTick(() =>\n            {\n                this.initThumbCarousel();\n                this.initCarousel();\n            });\n        },\n\n        initCarousel()\n        {\n            const imageCount = this.getImageCount;\n            const $singleRef = $(this.$refs.single);\n\n            this.singleSwiper = new Swiper(\".single-swiper\", {\n                spaceBetween: 10,\n                //loop: true,\n                allowTouchMove: this.thumbsHorizontalData,\n                navigation: {\n                    nextEl: '.swiper-button-next',\n                    prevEl: '.swiper-button-prev',\n                },\n                thumbs: {\n                    swiper: this.thumbsSwiper,\n                },\n                on: {\n                    slideChange: () => {\n                        this.currentItem = this.singleSwiper.realIndex;\n                    },\n\n                    afterInit: () => {\n                        this.initialized = true;\n                    }\n                },\n            });\n\n            let that = this;\n\n            /*$singleRef.off('click').\n            on('click', '.single__swiper-image', function() {\n\n                const index = that.singleSwiper.activeIndex;\n                const pswpElement = document.querySelectorAll(\n                    '.pswp')[0]; // swiper-slide\n\n                // define options (if needed)\n                const options = {\n                    // optionName: 'option value'\n                    // for example:\n                    index: index, // start at first slide\n                    hideAnimationDuration: 0,\n                    showAnimationDuration: 0,\n                    history: false,\n                    maxSpreadZoom: 3\n\n                };\n\n                // Initializes and opens PhotoSwipe\n                const gallery = new PhotoSwipe(pswpElement,\n                    PhotoSwipeUI_Default, that.photoSwipeImages,\n                    options);\n\n                gallery.listen('gettingData', function(index, item) {\n                    if (item.w < 1 || item.h < 1) { // unknown size\n\n                        const img = new Image();\n\n                        img.onload = function() { // will get size after load\n\n                            item.w = this.width; // set image width\n                            item.h = this.height; // set image height\n\n                            gallery.invalidateCurrItems(); // reinit\n                                                           // Items\n                            gallery.updateSize(true); // reinit Items\n                        };\n                        img.src = item.src; // let's download image\n                    }\n                });\n                gallery.init();\n            });*/\n\n            $(this.$refs.single).on(\"changed.owl.carousel\", event =>\n            {\n                this.currentItem = event.page.index;\n            });\n\n            if (!isNullOrUndefined(window.lightbox))\n            {\n                lightbox.option({\n                    wrapAround: true,\n                    albumLabel: this.$translate(\"Ceres::Template.singleItemLightboxImageShown\")\n                });\n                lightbox.imageCountLabel = (current, total) =>\n                {\n                    if (isNullOrUndefined(imageCount) || imageCount <= 1)\n                    {\n                        return \"\";\n                    }\n                    current -= ((total - imageCount) / 2);\n                    while (current <= 0)\n                    {\n                        current += imageCount;\n                    }\n                    while (current > imageCount)\n                    {\n                        current -= imageCount;\n                    }\n                    return this.$translate(\"Ceres::Template.singleItemImagePreviewCaption\", { current: current, total: imageCount });\n                };\n\n                const originalFn = lightbox.changeImage;\n\n                lightbox.changeImage = imageNumber =>\n                {\n                    if (lightbox.currentImageIndex === 0 && imageNumber === lightbox.album.length - 1)\n                    {\n                        imageNumber--;\n                    }\n                    else if (lightbox.currentImageIndex === lightbox.album.length - 1 && imageNumber === 0)\n                    {\n                        imageNumber++;\n                    }\n                    return originalFn.call(lightbox, imageNumber);\n                };\n            }\n\n            $(this.$refs.single).on(\"changed.owl.carousel\", event =>\n            {\n                this.currentItem = event.page.index;\n            });\n        },\n\n        initThumbCarousel()\n        {\n\n\n            const imageCount = this.getImageCount;\n            const $thumbsRef = $(this.$refs.thumbs);\n            let direction = \"\";\n\n            if(this.thumbsHorizontalData){\n                direction = \"horizontal\"\n            }else{\n                if(window.outerWidth >= 992){\n                    direction = \"vertical\"\n                }else{\n                    direction = \"horizontal\"\n                }\n            }\n\n            if(window.innerWidth > 991 && !this.thumbsHorizontalData && $(this.$refs.thumbs).find(\".swiper-slide\").length < 5){\n                $(this.$refs.thumbsContainer).css(\"height\", \"324px\");\n            }\n\n            this.thumbsSwiper = new Swiper(\".single__thumb-swiper\", {\n                spaceBetween: 5,\n                centeredSlides: false,//imageCount > 4,\n                slidesPerView: 4,\n                loop: false,//imageCount > 4,\n                direction: direction,\n                navigation: {\n                    nextEl: '.thumb-swiper-next',\n                    prevEl: '.thumb-swiper-prev',\n                },\n                breakpoints: {\n                    992: {\n                        slidesPerView: this.thumbsHorizontalData ? 4 : 5,\n                        spaceBetween: this.thumbsHorizontalData ? 10 : 16\n                    }\n                },\n            });\n        },\n\n        orderByPosition(list)\n        {\n            return list.sort(\n                (entryA, entryB) =>\n                {\n                    if (entryA.position > entryB.position)\n                    {\n                        return 1;\n                    }\n                    if (entryA.position < entryB.position)\n                    {\n                        return -1;\n                    }\n\n                    return 0;\n                });\n        },\n\n        getAltText(image)\n        {\n            let accessor;\n            if(typeof this.categoryItemData !== \"undefined\" && this.categoryItemData != null && Object.keys(this.categoryItemData).length){\n                accessor = this.categoryItemData;\n            }else{\n                accessor = this.currentVariation;\n            }\n            return image && image.alternate ? image.alternate : this.$options.filters.itemName(accessor);\n        },\n\n        getImageName(image)\n        {\n            let accessor;\n            if(typeof this.categoryItemData !== \"undefined\" && this.categoryItemData != null && Object.keys(this.categoryItemData).length){\n                accessor = this.categoryItemData;\n            }else{\n                accessor = this.currentVariation;\n            }\n            return image && image.name ? image.name : this.$options.filters.itemName(accessor);\n        },\n\n        loadLightbox()\n        {\n            return new Promise((resolve, reject) =>\n            {\n                const script = document.querySelector(\"script#lightboxscript\");\n\n                if (!isNullOrUndefined(script))\n                {\n                    resolve();\n                }\n                else\n                {\n                    const script = document.createElement(\"script\");\n\n                    script.type = \"text/javascript\";\n                    script.id = \"lightboxscript\";\n                    script.src = `${ this.pluginPath }/js/dist/lightbox.min.js`;\n\n                    script.addEventListener(\"load\", () => resolve(), false);\n                    script.addEventListener(\"error\", event => reject(event), false);\n\n                    document.body.appendChild(script);\n                }\n            });\n        }\n    }\n}\n</script>\n","import { render, staticRenderFns } from \"./ItemImageCarousel.vue?vue&type=template&id=5285279e&\"\nimport script from \"./ItemImageCarousel.vue?vue&type=script&lang=js&\"\nexport * from \"./ItemImageCarousel.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/DIA-stylebreaker-v2/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('5285279e')) {\n      api.createRecord('5285279e', component.options)\n    } else {\n      api.reload('5285279e', component.options)\n    }\n    module.hot.accept(\"./ItemImageCarousel.vue?vue&type=template&id=5285279e&\", function () {\n      api.rerender('5285279e', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/item/ItemImageCarousel.vue\"\nexport default component.exports"],"sourceRoot":""}