{"version":3,"sources":["webpack:///./resources/js/src/app/components/item/ItemImageCarousel.vue","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?f260"],"names":["render","_vm","this","_c","_self","showGallery","staticClass","attrs","itemscope","itemtype","id","showDots","_l","singleImages","image","index","class","active","_e","_v","staticStyle","width","height","src","url","alt","getAltText","loading","showNav","length","href","_uid","role","showThumbs","carouselImages","imagePreview","title","getImageName","_withStripped","name","props","maxQuantity","type","Number","default","Boolean","animationStyle","String","inject","itemId","data","imageObserver","computed","currentVariation","$store","getters","concat","$options","filters","itemImages","images","slice","watch","handler","val","oldVal","_this","$nextTick","registerElementsForIntersection","deep","mounted","_this2","initCarousel","methods","showImages","parentElement","querySelectorAll","forEach","elem","dataSrc","getAttribute","_this3","observe","document","querySelector","$","on","_this4","window","IntersectionObserver","entries","entry","isIntersecting","target","unobserve","console","log","i","$el","getElementsByClassName","x","removeAttribute","carousel","getImageCount","altText","alternate","itemName","attributes","value","names","imageName","component"],"mappings":"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","file":"chunks/ceres-client-32.min.js","sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _vm.showGallery()\n    ? _c(\n        \"div\",\n        {\n          staticClass: \"text-center\",\n          attrs: {\n            itemscope: \"\",\n            itemtype: \"http://schema.org/Thing\",\n            id: \"carousel-wrapper\" + _vm.id,\n          },\n        },\n        [\n          _c(\n            \"div\",\n            {\n              staticClass: \"carousel slide\",\n              attrs: { id: \"carousel\" + _vm.id, \"data-interval\": \"false\" },\n            },\n            [\n              _vm.showDots\n                ? _c(\n                    \"ol\",\n                    { staticClass: \"carousel-indicators\" },\n                    _vm._l(_vm.singleImages, function (image, index) {\n                      return _c(\"li\", {\n                        class: { active: index === 0 },\n                        attrs: {\n                          \"data-target\": \"#carousel\" + _vm.id,\n                          \"data-slide-to\": index,\n                        },\n                      })\n                    }),\n                    0\n                  )\n                : _vm._e(),\n              _vm._v(\" \"),\n              _c(\n                \"div\",\n                { staticClass: \"carousel-inner text-center\" },\n                _vm._l(_vm.singleImages, function (image, index) {\n                  return _c(\n                    \"div\",\n                    {\n                      staticClass: \"carousel-item prop-1-1\",\n                      class: { active: index === 0 },\n                    },\n                    [\n                      _c(\n                        \"div\",\n                        { staticClass: \"position-absolute w-100 h-100\" },\n                        [\n                          index === 0\n                            ? _c(\"img\", {\n                                staticClass: \"mw-100 mh-100\",\n                                staticStyle: { \"object-fit\": \"contain\" },\n                                attrs: {\n                                  width: \"1000\",\n                                  height: \"1000\",\n                                  src: image.url,\n                                  alt: _vm.getAltText(image),\n                                  loading: \"eager\",\n                                },\n                              })\n                            : _c(\"img\", {\n                                staticClass: \"mw-100 mh-100 defer-load\",\n                                staticStyle: { \"object-fit\": \"contain\" },\n                                attrs: {\n                                  width: \"1000\",\n                                  height: \"1000\",\n                                  \"data-src\": image.url,\n                                  alt: _vm.getAltText(image),\n                                },\n                              }),\n                        ]\n                      ),\n                    ]\n                  )\n                }),\n                0\n              ),\n              _vm._v(\" \"),\n              _vm.showNav && _vm.singleImages.length > 1\n                ? _c(\n                    \"a\",\n                    {\n                      staticClass: \"carousel-control-prev\",\n                      attrs: {\n                        href: \"#carousel\" + _vm._uid,\n                        role: \"button\",\n                        \"data-slide\": \"prev\",\n                      },\n                    },\n                    [\n                      _c(\"span\", {\n                        staticClass: \"carousel-control-prev-icon\",\n                        attrs: { \"aria-hidden\": \"true\" },\n                      }),\n                      _vm._v(\" \"),\n                      _c(\"span\", { staticClass: \"sr-only\" }, [\n                        _vm._v(\"Previous\"),\n                      ]),\n                    ]\n                  )\n                : _vm._e(),\n              _vm._v(\" \"),\n              _vm.showNav && _vm.singleImages.length > 1\n                ? _c(\n                    \"a\",\n                    {\n                      staticClass: \"carousel-control-next\",\n                      attrs: {\n                        href: \"#carousel\" + _vm._uid,\n                        role: \"button\",\n                        \"data-slide\": \"next\",\n                      },\n                    },\n                    [\n                      _c(\"span\", {\n                        staticClass: \"carousel-control-next-icon\",\n                        attrs: { \"aria-hidden\": \"true\" },\n                      }),\n                      _vm._v(\" \"),\n                      _c(\"span\", { staticClass: \"sr-only\" }, [_vm._v(\"Next\")]),\n                    ]\n                  )\n                : _vm._e(),\n            ]\n          ),\n          _vm._v(\" \"),\n          _vm.showThumbs\n            ? _c(\"div\", { staticClass: \"carousel-thumbnails\" }, [\n                _c(\n                  \"div\",\n                  { staticClass: \"row mx-n2\" },\n                  _vm._l(_vm.carouselImages, function (imagePreview, index) {\n                    return _c(\n                      \"div\",\n                      { staticClass: \"col col-lg-1 col-2 pt-2 px-2\" },\n                      [\n                        _c(\n                          \"a\",\n                          {\n                            staticClass: \"d-block prop-1-1\",\n                            attrs: {\n                              href: \"#carousel\" + _vm.id,\n                              \"data-target\": \"#carousel\" + _vm.id,\n                              \"data-slide-to\": index,\n                              title: _vm.getImageName(imagePreview),\n                            },\n                          },\n                          [\n                            _c(\n                              \"span\",\n                              {\n                                staticClass:\n                                  \"position-absolute d-block w-100 h-100 px-2\",\n                              },\n                              [\n                                _c(\"img\", {\n                                  staticClass:\n                                    \"mw-100 mh-100 border defer-load\",\n                                  staticStyle: { \"object-fit\": \"contain\" },\n                                  attrs: {\n                                    width: \"100\",\n                                    height: \"100\",\n                                    \"data-src\": imagePreview.url,\n                                    alt: _vm.getAltText(imagePreview),\n                                  },\n                                }),\n                              ]\n                            ),\n                          ]\n                        ),\n                      ]\n                    )\n                  }),\n                  0\n                ),\n              ])\n            : _vm._e(),\n        ]\n      )\n    : _c(\"div\", { staticClass: \"prop-1-1\" }, [\n        _c(\"img\", {\n          staticClass: \"position-absolute w-100 h-100\",\n          staticStyle: { \"object-fit\": \"contain\" },\n          attrs: {\n            width: \"1000\",\n            height: \"1000\",\n            src: _vm.singleImages[0].url,\n            alt: _vm.getAltText(_vm.singleImages[0].url),\n            title: _vm.getImageName(_vm.singleImages[0].url),\n            loading: \"eager\",\n          },\n        }),\n      ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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\" v-if=\"showGallery()\" class=\"text-center\" :id=\"'carousel-wrapper'+id\">\n        <div :id=\"'carousel'+id\" class=\"carousel slide\" data-interval=\"false\">\n            <ol class=\"carousel-indicators\" v-if=\"showDots\">\n                <li v-for=\"(image, index) in singleImages\" :data-target=\"'#carousel'+id\" :data-slide-to=\"index\" :class=\"{ active: index === 0 }\"></li>\n            </ol>\n            <div class=\"carousel-inner text-center\">\n                <div v-for=\"(image, index) in singleImages\" class=\"carousel-item prop-1-1\" :class=\"{ active: index === 0 }\">\n                    <div class=\"position-absolute w-100 h-100\">\n                        <img\n                            class=\"mw-100 mh-100\"\n                            style=\"object-fit: contain\"\n                            width=\"1000\"\n                            height=\"1000\"\n                            :src=\"image.url\"\n                            :alt=\"getAltText(image)\"\n                            loading=\"eager\"\n                            v-if=\"index === 0\">\n                        <img\n                            class=\"mw-100 mh-100 defer-load\"\n                            style=\"object-fit: contain\"\n                            width=\"1000\"\n                            height=\"1000\"\n                            :data-src=\"image.url\"\n                            :alt=\"getAltText(image)\"\n                            v-else>\n                    </div>\n                </div>\n            </div>\n            <a class=\"carousel-control-prev\" :href=\"'#carousel'+_uid\" role=\"button\" data-slide=\"prev\" v-if=\"showNav && singleImages.length > 1\">\n                <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>\n                <span class=\"sr-only\">Previous</span>\n            </a>\n            <a class=\"carousel-control-next\" :href=\"'#carousel'+_uid\" role=\"button\" data-slide=\"next\" v-if=\"showNav && singleImages.length > 1\">\n                <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>\n                <span class=\"sr-only\">Next</span>\n            </a>\n        </div>\n\n        <div v-if=\"showThumbs\" class=\"carousel-thumbnails\">\n            <div class=\"row mx-n2\">\n                <div class=\"col col-lg-1 col-2 pt-2 px-2\" v-for=\"(imagePreview, index) in carouselImages\">\n                    <a class=\"d-block prop-1-1\" :href=\"'#carousel'+id\" :data-target=\"'#carousel'+id\" :data-slide-to=\"index\" :title=\"getImageName(imagePreview)\">\n                        <span class=\"position-absolute d-block w-100 h-100 px-2\">\n                            <img\n                                class=\"mw-100 mh-100 border defer-load\"\n                                style=\"object-fit: contain\"\n                                width=\"100\"\n                                height=\"100\"\n                                :data-src=\"imagePreview.url\"\n                                :alt=\"getAltText(imagePreview)\">\n                        </span>\n                    </a>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div v-else class=\"prop-1-1\">\n        <img\n            class=\"position-absolute w-100 h-100\"\n            style=\"object-fit: contain\"\n            width=\"1000\"\n            height=\"1000\"\n            :src=\"singleImages[0].url\"\n            :alt=\"getAltText(singleImages[0].url)\"\n            :title=\"getImageName(singleImages[0].url)\"\n            loading=\"eager\"\n        >\n    </div>\n</template>\n\n<script>\n\nexport default {\n    name: \"item-image-carousel\",\n\n    props: {\n        maxQuantity:\n        {\n            type: Number,\n            default: 10\n        },\n        showThumbs:\n        {\n            type: Boolean,\n            default: true\n        },\n        showDots:\n        {\n            type: Boolean,\n            default: true\n        },\n        showNav:\n        {\n            type: Boolean,\n            default: false\n        },\n        animationStyle:\n        {\n            type: String,\n            default: \"standard\"\n        }\n    },\n\n    inject: {\n        itemId: {\n            default: null\n        }\n    },\n\n    data()\n    {\n        return {\n            imageObserver: null,\n            id: null\n        }\n    },\n\n    computed:\n    {\n        currentVariation()\n        {\n            return this.$store.getters[`${this.itemId}/currentItemVariation`]\n        },\n\n        carouselImages()\n        {\n            const carouselImages = this.$options.filters.itemImages(\n                this.currentVariation.images,\n                \"url\"\n            ).slice(0, this.maxQuantity);\n\n            // carouselImages.forEach((image) => {\n            //     image.url = image.url.replace(\"https://cdn02.plentymarkets.com/rm2ukznxe8l9/\", \"https://waldorfshop.sirv.com/\") + \"?scale.width=100&scale.height=100\";\n            // });\n\n            return carouselImages;\n        },\n\n        singleImages()\n        {\n            const singleImages = this.$options.filters.itemImages(\n                this.currentVariation.images,\n                \"url\"\n            ).slice(0, this.maxQuantity);\n\n            // singleImages.forEach((image) => {\n            //    image.url = image.url.replace(\"https://cdn02.plentymarkets.com/rm2ukznxe8l9/\", \"https://waldorfshop.sirv.com/\") + \"?scale.width=700&scale.height=700\";\n            // });\n\n            return singleImages;\n        }\n    },\n\n    watch: {\n        currentVariation:\n            {\n                handler(val, oldVal)\n                {\n                    if (val !== oldVal)\n                    {\n                        this.$nextTick(() => {\n                            this.registerElementsForIntersection();\n                        });\n                    }\n                },\n                deep: true\n            }\n    },\n\n    mounted()\n    {\n        this.id = this._uid;\n\n        this.$nextTick(() =>\n        {\n            this.initCarousel();\n        });\n    },\n\n    methods:\n    {\n        showImages(parentElement)\n        {\n            parentElement.querySelectorAll(\".defer-load\").forEach((elem) => {\n                const dataSrc = elem.getAttribute(\"data-src\");\n\n                if (dataSrc && dataSrc !== elem.src) {\n                    elem.src = dataSrc;\n                }\n            });\n        },\n\n        registerElementsForIntersection()\n        {\n            if (this.showGallery()) {\n                this.imageObserver.observe(document.querySelector(\"#carousel-wrapper\" + this.id + \" .carousel-thumbnails\"));\n\n                $(\"#carousel\" + this.id).on('slide.bs.carousel', () => {\n                    this.showImages(document.querySelector(\"#carousel\" + this.id));\n                });\n            }\n        },\n\n        initCarousel()\n        {\n            if (\"IntersectionObserver\" in window) {\n                this.imageObserver = new IntersectionObserver((entries, imageObserver) => {\n                    entries.forEach((entry) => {\n                        if(entry.isIntersecting)\n                        {\n                            this.showImages(entry.target);\n                            imageObserver.unobserve(entry.target);\n                        }\n                    });\n                });\n                this.registerElementsForIntersection();\n            }\n            else {\n                if (this.showGallery()) {\n                    console.log(\"Your Browser is too old!\");\n                    const images = this.$el.getElementsByClassName('defer-load');\n                    let i;\n                    for (i = 0; i < x.length; i++) {\n                        images[i].src = images[i].getAttribute(\"data-src\");\n                        images[i].removeAttribute(\"data-src\");\n                    }\n                }\n            }\n            $('#carousel' + this.id).carousel();\n        },\n\n        getImageCount()\n        {\n            return this.carouselImages.length > this.maxQuantity ? this.maxQuantity : this.carouselImages.length;\n        },\n\n        getAltText(image)\n        {\n            let altText = image && image.alternate ? image.alternate : this.$options.filters.itemName(this.currentVariation);\n            if (this.currentVariation.attributes.length > 0) {\n                altText = altText + ' ' + this.currentVariation.attributes[0].value.names.name\n            }\n            return altText;\n        },\n\n        getImageName(image)\n        {\n            let imageName =  image && image.name ? image.name : this.$options.filters.itemName(this.currentVariation);\n            if (this.currentVariation.attributes.length > 0) {\n                imageName = imageName + ' ' + this.currentVariation.attributes[0].value.names.name\n            }\n            return imageName;\n        },\n\n        showGallery()\n        {\n            return (this.getImageCount() > 1);\n        }\n    }\n}\n</script>\n","import { render, staticRenderFns } from \"./ItemImageCarousel.vue?vue&type=template&id=716668f2&\"\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\nexport default component.exports"],"sourceRoot":""}