{"version":3,"sources":["webpack:///resources/js/src/app/components/item/ItemImageCarousel.vue","webpack:///./resources/js/src/app/components/item/ItemImageCarousel.vue","webpack:///./node_modules/core-js/internals/object-to-array.js","webpack:///./node_modules/core-js/modules/es.object.values.js","webpack:///./resources/js/src/app/components/item/ItemImageCarousel.vue?f260","webpack:///./resources/js/src/app/components/item/ItemImageCarousel.vue?a1ec","webpack:///./resources/js/src/app/components/item/ItemImageCarousel.vue?1280"],"names":["props","maxQuantity","type","default","imageUrlAccessor","showThumbs","showDots","animationStyle","pluginPath","freeFields","inject","itemId","data","currentItem","thumbsSwiper","singleSwiper","test","loadVariationImages","newVariation","computed","hasSelection","mainVariationId","currentVariation","carouselImages","allImages","singleImages","console","selectedAttributes","getImageCount","watch","handler","setTimeout","_this","deep","mounted","_this2","catch","document","methods","getImages","url","alternate","position","urlBig","reInitialize","_this3","initCarousel","spaceBetween","allowTouchMove","navigation","nextEl","prevEl","pagination","el","lazy","preloadImages","loadPrevNext","loadOnTransitionStart","breakpoints","thumbs","swiper","on","slideChange","_this4","window","wrapAround","current","total","imageNumber","initThumbCarousel","slidesPerView","centeredSlides","direction","orderByPosition","getAltText","getItemName","loadLightbox","resolve","script","render","_vm","_c","_self","staticClass","attrs","itemscope","itemtype","ref","_l","imagePreview","index","class","loading","src","alt","title","_v","width","height","viewBox","fill","xmlns","d","image","href","key","itemprop","staticRenderFns","_withStripped"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqD2D;AAC3B;AACA;AAEjB;EACfA;IACAC,aACA;MACAC;MACAC;IACA;IACAC,kBACA;MACAF;MACAC;IACA;IACAE,YACA;MACAH;MACAC;IACA;IACAG,UACA;MACAJ;MACAC;IACA;IACAI,gBACA;MACAL;MACAC;IACA;IACAK,YACA;MACAN;MACAC;IACA;IACAM;EACA;EAEAC;IACAC;MACAR;IACA;EACA;EAEAS;IACA;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;IACA;EACA;EAEAC,UACA;IACAC;MACA;QAAA;MAAA;IACA;IAEAC;MACA;IACA;IAEAC;MACA;IACA;IAEAC;MACA;MACA;MACA;MAEA;QAEA;UACA;YACA;YACAC;YACA;UACA;QACA;MACA;MAEA;IACA;IAEAC;MACA;MACA;MACA;MAEA;QACA;UACA;YACA;YACAD;YACA;UACA;QACA;MACA;MAEAE;MACAA;MAEA;IACA;IAEAC;MACA;IACA;IAEAC;MACA;IACA;EAEA;EAEAC;IACAP,kBACA;MACAQ;QAAA;QACA;UACAC;YACAC;UACA;QACA;MACA;MACAC;IACA;EACA;EAEAC;IAAA;IACA;MACAC;QACAA;QACAA;MACA,GACAC;QACAV;MACA;IAEA;IAEAW;MACAX;MACAS;IACA;EACA;EAEAG,SACA;IACAC;MAAA;MAAA;MACA;QACA;MACA;MACA;QACA;UACA;QACA;QAEA;UACAC;UACAC;UACAC;UACAC;QACA;MACA;MACA;IACA;IAEAC;MAAA;MACA;MACA;MAEA;QACAC;QACAA;QACAA;MACA;IACA;IAEAC;MAAA;MACA;MAEA;MAEA;QACAC;QACA;QACAC;QACAC;UACAC;UACAC;QACA;QACAC;UACAC;UACAnD;QACA;QACAoD;QACAC;QACAC;QACAC;QACAC;UACA;YACAV;UACA;QACA;QACAW;UACAC;QACA;QACAC;UACAC;YACAC;UACA;QACA;MACA;MAEA;QACAC;UACAC;QACA;QACAD;UACA;YA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","file":"chunks/ceres-15.min.js","sourcesContent":["<template>\n    <div class=\"row\" itemscope itemtype=\"http://schema.org/Thing\">\n        <div class=\"d-flex col-12 col-xl-2 thumb-swiper__container\" ref=\"single\">\n            <div class=\"swiper-container thumb-swiper\" ref=\"thumbs\">\n                <div class=\"swiper-wrapper\">\n                    <div class=\"swiper-slide\" v-for=\"(imagePreview, index) in carouselImages\"\n                         :class=\"{'is-active' : currentItem == index}\">\n                        <img\n                            loading=\"lazy\"\n                            class=\"thumb-swiper__image\"\n                            :src=\"imagePreview.url\"\n                            :alt=\"getAltText(imagePreview)\"\n                            :title=\"getItemName()\"\n                        >\n                    </div>\n                </div>\n            </div>\n            <div class=\"swiper-button-next thumb-swiper__next\">\n                <svg width=\"14\" height=\"12\" viewBox=\"0 0 14 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path\n                        d=\"M0.998698 6.66666L11.3894 6.66666L7.81337 10.2427C7.55303 10.503 7.55303 10.9252 7.8132 11.1853C8.07353 11.4457 8.49587 11.4457 8.7562 11.1853L13.47 6.47132C13.501 6.44032 13.5287 6.40616 13.553 6.36982C13.5642 6.35299 13.572 6.33482 13.5817 6.31732C13.5927 6.29666 13.6054 6.27699 13.6142 6.25516C13.6237 6.23266 13.629 6.20932 13.6357 6.18599C13.6412 6.16749 13.6484 6.14982 13.6522 6.13082C13.6609 6.08749 13.6654 6.04382 13.6654 5.99999C13.6654 5.99949 13.6652 5.99899 13.6652 5.99849C13.665 5.95532 13.6607 5.91199 13.6522 5.86949C13.6482 5.84949 13.6407 5.83099 13.6349 5.81132C13.6284 5.78916 13.6234 5.76666 13.6144 5.74516C13.6047 5.72199 13.5917 5.70099 13.5797 5.67916C13.5707 5.66282 13.5635 5.64616 13.5532 5.63049C13.5289 5.59366 13.5009 5.55932 13.4697 5.52816L8.75603 0.814656C8.4957 0.554322 8.07353 0.554322 7.8132 0.814489C7.55287 1.07482 7.55287 1.49699 7.8132 1.75749L11.3892 5.33332L0.998698 5.33332C0.630531 5.33332 0.332031 5.63182 0.332031 5.99999C0.332031 6.36816 0.630531 6.66666 0.998698 6.66666Z\"\n                        fill=\"#0E0F12\"/>\n                </svg>\n            </div>\n            <div class=\"swiper-button-prev thumb-swiper__prev\">\n                <svg width=\"14\" height=\"12\" viewBox=\"0 0 14 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path\n                        d=\"M13.0013 5.33334L2.61063 5.33334L6.18663 1.75734C6.44697 1.49701 6.44697 1.07484 6.1868 0.814675C5.92647 0.554342 5.50413 0.554342 5.2438 0.814675L0.529964 5.52868C0.498964 5.55968 0.471299 5.59384 0.446965 5.63018C0.435798 5.64701 0.427964 5.66518 0.418297 5.68268C0.407298 5.70334 0.394631 5.72301 0.385798 5.74484C0.376297 5.76734 0.370965 5.79068 0.364298 5.81401C0.358798 5.83251 0.351632 5.85018 0.347798 5.86918C0.339132 5.91251 0.33463 5.95618 0.33463 6.00001C0.33463 6.00051 0.334797 6.00101 0.334797 6.00151C0.334964 6.04468 0.339298 6.08801 0.347798 6.13051C0.351798 6.15051 0.359297 6.16901 0.365131 6.18868C0.371631 6.21084 0.376631 6.23334 0.385631 6.25484C0.395298 6.27801 0.408298 6.29901 0.420298 6.32084C0.429298 6.33718 0.436464 6.35384 0.446797 6.36951C0.471131 6.40634 0.499132 6.44068 0.530299 6.47184L5.24397 11.1853C5.5043 11.4457 5.92647 11.4457 6.1868 11.1855C6.44713 10.9252 6.44713 10.503 6.1868 10.2425L2.6108 6.66668L13.0013 6.66668C13.3695 6.66668 13.668 6.36818 13.668 6.00001C13.668 5.63184 13.3695 5.33334 13.0013 5.33334Z\"\n                        fill=\"#0E0F12\"/>\n                </svg>\n            </div>\n        </div>\n\n\n        <div class=\"col-12 col-xl-10\">\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 :href=\"image.urlBig\"\n                           data-lightbox=\"single-big-image-gallery\">\n                            <img class=\"single__swiper-image swiper-lazy\" :key=\"image.url\" :data-src=\"image.url\"\n                                 :alt=\"getAltText(image)\" :title=\"getItemName()\" itemprop=\"image\">\n                            <div class=\"swiper-lazy-preloader\"></div>\n                        </a>\n                    </div>\n                </div>\n            </div>\n            <div class=\"swiper-pagination single-swiper__pagination\"></div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { isNullOrUndefined } from \"ceres/app/helper/utils\";\nimport { Swiper } from 'swiper';\nimport { mapState } from \"vuex\";\n\nexport default {\n    props: {\n        maxQuantity:\n            {\n                type: Number,\n                default: 16\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        freeFields: Object\n    },\n\n    inject: {\n        itemId: {\n            default: null\n        }\n    },\n\n    data() {\n        return {\n            currentItem: 0,\n            thumbsSwiper: null,\n            singleSwiper: null,\n            test: 0,\n            loadVariationImages: false,\n            newVariation: 0\n        };\n    },\n\n    computed:\n        {\n            hasSelection() {\n                return !isNullOrUndefined(this.selectedAttributes) && !Object.values(this.selectedAttributes).some((value) => value < 0);\n            },\n\n            mainVariationId() {\n                return this.$store.getters.currentItemVariation.item.mainVariationId\n            },\n\n            currentVariation() {\n                return this.$store.getters[`${this.itemId}/currentItemVariation`]\n            },\n\n            carouselImages() {\n                const varImages = this.getImages(\"variation\", true);\n                const ItemImages = this.getImages(\"item\", true).slice(0, this.maxQuantity);\n                let allImages = [...varImages, ...ItemImages];\n\n                if (!this.loadVariationImages) {\n\n                    for (let key in allImages) {\n                        if (allImages[key].position === App.catImgPos) {\n                            var imortant_note = allImages.splice(key, 1);\n                            allImages.unshift(imortant_note[0])\n                            break\n                        }\n                    }\n                }\n\n                return allImages\n            },\n\n            singleImages() {\n                const varImages = this.getImages(\"variation\", false);\n                const ItemImages = this.getImages(\"item\", false).slice(0, this.maxQuantity);\n                let allImages = [...varImages, ...ItemImages];\n\n                if (!this.loadVariationImages) {\n                    for (let key in allImages) {\n                        if (allImages[key].position === App.catImgPos) {\n                            var imortant_note = allImages.splice(key, 1);\n                            allImages.unshift(imortant_note[0])\n                            break\n                        }\n                    }\n                }\n\n                console.log(allImages[0].url)\n                console.log(this.currentVariation.variation.id)\n\n                return allImages\n            },\n\n            selectedAttributes() {\n                return this.$store.state.items[this.itemId].variationSelect.selectedAttributes;\n            },\n\n            getImageCount() {\n                return this.carouselImages.length > this.maxQuantity ? this.maxQuantity : this.carouselImages.length;\n            }\n\n        },\n\n    watch: {\n        currentVariation:\n            {\n                handler(val, oldVal) {\n                    if (val !== oldVal) {\n                        setTimeout(() => {\n                            this.reInitialize();\n                        }, 1);\n                    }\n                },\n                deep: true\n            }\n    },\n\n    mounted() {\n        this.$nextTick(() => {\n            this.loadLightbox().then(() => {\n                this.initThumbCarousel();\n                this.initCarousel();\n            })\n                .catch(event => {\n                    console.log(\"error while loading lightbox\", event);\n                });\n\n        });\n\n        document.addEventListener(\"onVariationChanged\", event => {\n            console.log(\"test img\")\n            this.loadVariationImages = this.hasSelection\n        })\n    },\n\n    methods:\n        {\n            getImages(target = \"item\", isPreview) {\n                if (!this.currentVariation.images[target]) {\n                    return [];\n                }\n                const images = this.currentVariation.images[target].map(img => {\n                    if (!img) {\n                        return {};\n                    }\n\n                    return {\n                        url: isPreview ? img.urlPreview : img.urlMiddle,\n                        alternate: img.names ? img.names.alternate : null,\n                        position: img.position,\n                        urlBig: img.url\n                    };\n                });\n                return this.orderByPosition(images);\n            },\n\n            reInitialize() {\n                this.thumbsSwiper.destroy();\n                this.singleSwiper.destroy();\n\n                this.$nextTick(() => {\n                    this.initThumbCarousel();\n                    this.initCarousel();\n                    this.currentItem = 0;\n                });\n            },\n\n            initCarousel() {\n                const imageCount = this.getImageCount;\n\n                const $singleRef = $(this.$refs.single);\n\n                this.singleSwiper = new Swiper('.single-swiper', {\n                    spaceBetween: 10,\n                    //loop: true,\n                    allowTouchMove: true,\n                    navigation: {\n                        nextEl: \".swiper-button-next\",\n                        prevEl: \".swiper-button-prev\"\n                    },\n                    pagination: {\n                        el: \".single-swiper__pagination\",\n                        type: \"bullets\"\n                    },\n                    lazy: true,\n                    preloadImages: false,\n                    loadPrevNext: true,\n                    loadOnTransitionStart: true,\n                    breakpoints: {\n                        480: {\n                            allowTouchMove: false,\n                        }\n                    },\n                    thumbs: {\n                        swiper: this.thumbsSwiper\n                    },\n                    on: {\n                        slideChange: () => {\n                            this.currentItem = this.singleSwiper.realIndex;\n                        }\n                    }\n                });\n\n                if (!isNullOrUndefined(window.lightbox)) {\n                    window.lightbox.option({\n                        wrapAround: true\n                    });\n                    window.lightbox.imageCountLabel = (current, total) => {\n                        if (isNullOrUndefined(imageCount) || imageCount <= 1) {\n                            return \"\";\n                        }\n                        current -= ((total - imageCount) / 2);\n                        while (current <= 0) {\n                            current += imageCount;\n                        }\n                        while (current > imageCount) {\n                            current -= imageCount;\n                        }\n                        return this.$translate(\"AbfallbehaelterXXL::Template.singleItemImagePreviewCaption\", {\n                            current: current,\n                            total: imageCount\n                        });\n                    };\n\n                    const originalFn = window.lightbox.changeImage;\n\n                    window.lightbox.changeImage = imageNumber => {\n                        if (window.lightbox.currentImageIndex === 0 && imageNumber === window.lightbox.album.length - 1) {\n                            imageNumber--;\n                        } else if (window.lightbox.currentImageIndex === window.lightbox.album.length - 1 && imageNumber === 0) {\n                            imageNumber++;\n                        }\n                        return originalFn.call(window.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                const isMobile = window.matchMedia(\"(max-width: 1024px)\").matches;\n                const imageCount = this.getImageCount;\n\n                const $thumbsRef = $(this.$refs.thumbs);\n\n                if (isMobile) {\n                    this.thumbsSwiper = new Swiper('.thumb-swiper', {\n                        spaceBetween: 10,\n                        slidesPerView: \"3\",\n                        navigation: {\n                            nextEl: \".thumb-swiper__next\",\n                            prevEl: \".thumb-swiper__prev\"\n                        }\n                    });\n                } else {\n                    this.thumbsSwiper = new Swiper('.thumb-swiper', {\n                        spaceBetween: 10,\n                        slidesPerView: \"auto\",\n                        centeredSlides: true,\n                        direction: \"vertical\",\n                        //centerInsufficientSlides: true,\n                        navigation: {\n                            nextEl: \".thumb-swiper__next\",\n                            prevEl: \".thumb-swiper__prev\"\n                        },\n                    });\n                }\n            },\n\n            orderByPosition(list) {\n                return list.sort(\n                    (entryA, entryB) => {\n                        if (entryA.position > entryB.position) {\n                            return 1;\n                        }\n                        if (entryA.position < entryB.position) {\n                            return -1;\n                        }\n\n                        return 0;\n                    });\n            },\n\n            getAltText(image) {\n                const altText = image && image.alternate ? image.alternate : this.$options.filters.itemName(this.currentVariation);\n\n                return altText;\n            },\n\n            getItemName() {\n                return this.$options.filters.itemName(this.currentVariation);\n            },\n            loadLightbox() {\n                return new Promise((resolve, reject) => {\n                    const script = document.querySelector(\"script#lightboxscript\");\n\n                    if (!isNullOrUndefined(script)) {\n                        resolve();\n                    } else {\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","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    {\n      staticClass: \"row\",\n      attrs: { itemscope: \"\", itemtype: \"http://schema.org/Thing\" },\n    },\n    [\n      _c(\n        \"div\",\n        {\n          ref: \"single\",\n          staticClass: \"d-flex col-12 col-xl-2 thumb-swiper__container\",\n        },\n        [\n          _c(\n            \"div\",\n            { ref: \"thumbs\", staticClass: \"swiper-container thumb-swiper\" },\n            [\n              _c(\n                \"div\",\n                { staticClass: \"swiper-wrapper\" },\n                _vm._l(_vm.carouselImages, function (imagePreview, index) {\n                  return _c(\n                    \"div\",\n                    {\n                      staticClass: \"swiper-slide\",\n                      class: { \"is-active\": _vm.currentItem == index },\n                    },\n                    [\n                      _c(\"img\", {\n                        staticClass: \"thumb-swiper__image\",\n                        attrs: {\n                          loading: \"lazy\",\n                          src: imagePreview.url,\n                          alt: _vm.getAltText(imagePreview),\n                          title: _vm.getItemName(),\n                        },\n                      }),\n                    ]\n                  )\n                }),\n                0\n              ),\n            ]\n          ),\n          _vm._v(\" \"),\n          _c(\"div\", { staticClass: \"swiper-button-next thumb-swiper__next\" }, [\n            _c(\n              \"svg\",\n              {\n                attrs: {\n                  width: \"14\",\n                  height: \"12\",\n                  viewBox: \"0 0 14 12\",\n                  fill: \"none\",\n                  xmlns: \"http://www.w3.org/2000/svg\",\n                },\n              },\n              [\n                _c(\"path\", {\n                  attrs: {\n                    d: \"M0.998698 6.66666L11.3894 6.66666L7.81337 10.2427C7.55303 10.503 7.55303 10.9252 7.8132 11.1853C8.07353 11.4457 8.49587 11.4457 8.7562 11.1853L13.47 6.47132C13.501 6.44032 13.5287 6.40616 13.553 6.36982C13.5642 6.35299 13.572 6.33482 13.5817 6.31732C13.5927 6.29666 13.6054 6.27699 13.6142 6.25516C13.6237 6.23266 13.629 6.20932 13.6357 6.18599C13.6412 6.16749 13.6484 6.14982 13.6522 6.13082C13.6609 6.08749 13.6654 6.04382 13.6654 5.99999C13.6654 5.99949 13.6652 5.99899 13.6652 5.99849C13.665 5.95532 13.6607 5.91199 13.6522 5.86949C13.6482 5.84949 13.6407 5.83099 13.6349 5.81132C13.6284 5.78916 13.6234 5.76666 13.6144 5.74516C13.6047 5.72199 13.5917 5.70099 13.5797 5.67916C13.5707 5.66282 13.5635 5.64616 13.5532 5.63049C13.5289 5.59366 13.5009 5.55932 13.4697 5.52816L8.75603 0.814656C8.4957 0.554322 8.07353 0.554322 7.8132 0.814489C7.55287 1.07482 7.55287 1.49699 7.8132 1.75749L11.3892 5.33332L0.998698 5.33332C0.630531 5.33332 0.332031 5.63182 0.332031 5.99999C0.332031 6.36816 0.630531 6.66666 0.998698 6.66666Z\",\n                    fill: \"#0E0F12\",\n                  },\n                }),\n              ]\n            ),\n          ]),\n          _vm._v(\" \"),\n          _c(\"div\", { staticClass: \"swiper-button-prev thumb-swiper__prev\" }, [\n            _c(\n              \"svg\",\n              {\n                attrs: {\n                  width: \"14\",\n                  height: \"12\",\n                  viewBox: \"0 0 14 12\",\n                  fill: \"none\",\n                  xmlns: \"http://www.w3.org/2000/svg\",\n                },\n              },\n              [\n                _c(\"path\", {\n                  attrs: {\n                    d: \"M13.0013 5.33334L2.61063 5.33334L6.18663 1.75734C6.44697 1.49701 6.44697 1.07484 6.1868 0.814675C5.92647 0.554342 5.50413 0.554342 5.2438 0.814675L0.529964 5.52868C0.498964 5.55968 0.471299 5.59384 0.446965 5.63018C0.435798 5.64701 0.427964 5.66518 0.418297 5.68268C0.407298 5.70334 0.394631 5.72301 0.385798 5.74484C0.376297 5.76734 0.370965 5.79068 0.364298 5.81401C0.358798 5.83251 0.351632 5.85018 0.347798 5.86918C0.339132 5.91251 0.33463 5.95618 0.33463 6.00001C0.33463 6.00051 0.334797 6.00101 0.334797 6.00151C0.334964 6.04468 0.339298 6.08801 0.347798 6.13051C0.351798 6.15051 0.359297 6.16901 0.365131 6.18868C0.371631 6.21084 0.376631 6.23334 0.385631 6.25484C0.395298 6.27801 0.408298 6.29901 0.420298 6.32084C0.429298 6.33718 0.436464 6.35384 0.446797 6.36951C0.471131 6.40634 0.499132 6.44068 0.530299 6.47184L5.24397 11.1853C5.5043 11.4457 5.92647 11.4457 6.1868 11.1855C6.44713 10.9252 6.44713 10.503 6.1868 10.2425L2.6108 6.66668L13.0013 6.66668C13.3695 6.66668 13.668 6.36818 13.668 6.00001C13.668 5.63184 13.3695 5.33334 13.0013 5.33334Z\",\n                    fill: \"#0E0F12\",\n                  },\n                }),\n              ]\n            ),\n          ]),\n        ]\n      ),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"col-12 col-xl-10\" }, [\n        _c(\n          \"div\",\n          { ref: \"single\", staticClass: \"swiper-container single-swiper\" },\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                      attrs: {\n                        href: image.urlBig,\n                        \"data-lightbox\": \"single-big-image-gallery\",\n                      },\n                    },\n                    [\n                      _c(\"img\", {\n                        key: image.url,\n                        staticClass: \"single__swiper-image swiper-lazy\",\n                        attrs: {\n                          \"data-src\": image.url,\n                          alt: _vm.getAltText(image),\n                          title: _vm.getItemName(),\n                          itemprop: \"image\",\n                        },\n                      }),\n                      _vm._v(\" \"),\n                      _c(\"div\", { staticClass: \"swiper-lazy-preloader\" }),\n                    ]\n                  ),\n                ])\n              }),\n              0\n            ),\n          ]\n        ),\n        _vm._v(\" \"),\n        _c(\"div\", {\n          staticClass: \"swiper-pagination single-swiper__pagination\",\n        }),\n      ]),\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var DESCRIPTORS = require('../internals/descriptors');\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar objectKeys = require('../internals/object-keys');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar $propertyIsEnumerable = require('../internals/object-property-is-enumerable').f;\n\nvar propertyIsEnumerable = uncurryThis($propertyIsEnumerable);\nvar push = uncurryThis([].push);\n\n// `Object.{ entries, values }` methods implementation\nvar createMethod = function (TO_ENTRIES) {\n  return function (it) {\n    var O = toIndexedObject(it);\n    var keys = objectKeys(O);\n    var length = keys.length;\n    var i = 0;\n    var result = [];\n    var key;\n    while (length > i) {\n      key = keys[i++];\n      if (!DESCRIPTORS || propertyIsEnumerable(O, key)) {\n        push(result, TO_ENTRIES ? [key, O[key]] : O[key]);\n      }\n    }\n    return result;\n  };\n};\n\nmodule.exports = {\n  // `Object.entries` method\n  // https://tc39.es/ecma262/#sec-object.entries\n  entries: createMethod(true),\n  // `Object.values` method\n  // https://tc39.es/ecma262/#sec-object.values\n  values: createMethod(false)\n};\n","var $ = require('../internals/export');\nvar $values = require('../internals/object-to-array').values;\n\n// `Object.values` method\n// https://tc39.es/ecma262/#sec-object.values\n$({ target: 'Object', stat: true }, {\n  values: function values(O) {\n    return $values(O);\n  }\n});\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/Trollmeister/Development/KELPIO/pp-abfallbehaelter-xxl/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","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\"","export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ItemImageCarousel.vue?vue&type=template&id=5285279e\""],"sourceRoot":""}