{"version":3,"sources":["webpack:///./resources/js/src/app/components/item/ItemImageCarousel.vue","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?f260"],"names":["render","_vm","this","_c","_self","staticClass","attrs","itemscope","itemtype","id","_uid","showDots","showGallery","_l","singleImages","image","index","class","active","_e","_v","src","urlMiddle","srcset","urlPreview","urlSecondPreview","url","alt","getAltText","width","height","href","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","imagesAccessor","variation","length","watch","handler","val","oldVal","_this","$nextTick","registerElementsForIntersection","deep","mounted","_this2","initCarousel","methods","showImages","parentElement","_step","_iterator","_createForOfIteratorHelper","getElementsByClassName","s","n","done","elem","value","dataSrcSet","getAttribute","dataSrc","err","e","f","_this3","observeElementsByClass","$","$el","on","_this4","window","IntersectionObserver","entries","forEach","entry","isIntersecting","target","unobserve","console","log","i","x","removeAttribute","carousel","getImageCount","altText","alternate","itemName","attributes","names","imageName","classList","_step2","_iterator2","observe","component"],"mappings":"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","file":"chunks/ceres-client-35.min.js","sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    {\n      staticClass: \"text-center\",\n      attrs: { itemscope: \"\", itemtype: \"http://schema.org/Thing\" },\n    },\n    [\n      _c(\n        \"div\",\n        {\n          staticClass: \"carousel slide bx-narrative\",\n          attrs: {\n            id: \"carousel\" + _vm._uid,\n            \"data-interval\": \"false\",\n            \"data-bx-narrative-name\": \"gallery\",\n            \"data-bx-narrative-group-by\": \"src\",\n          },\n        },\n        [\n          _vm.showDots && _vm.showGallery()\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._uid,\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                  index === 0\n                    ? _c(\"img\", {\n                        staticClass:\n                          \"position-absolute w-100 h-100 bx-narrative-item bx-narrative-button\",\n                        attrs: {\n                          src: image.urlMiddle,\n                          srcset:\n                            image.urlPreview +\n                            \" 150w, \" +\n                            image.urlSecondPreview +\n                            \" 300w, \" +\n                            image.urlMiddle +\n                            \" 450w, \" +\n                            image.url +\n                            \" 660w\",\n                          alt: _vm.getAltText(image),\n                          \"data-bx-item-id\": image.urlMiddle,\n                          width: \"660\",\n                          height: \"660\",\n                        },\n                      })\n                    : _c(\"img\", {\n                        staticClass:\n                          \"position-absolute w-100 h-100 defer-load bx-narrative-item bx-narrative-button\",\n                        attrs: {\n                          \"data-src\": image.urlMiddle,\n                          \"data-srcset\":\n                            image.urlPreview +\n                            \" 150w, \" +\n                            image.urlSecondPreview +\n                            \" 300w, \" +\n                            image.urlMiddle +\n                            \" 450w, \" +\n                            image.url +\n                            \" 660w\",\n                          alt: _vm.getAltText(image),\n                          \"data-bx-item-id\": image.urlMiddle,\n                          width: \"660\",\n                          height: \"660\",\n                        },\n                      }),\n                  _vm._v(\" \"),\n                  _c(\"img\", {\n                    staticClass:\n                      \"bx-narrative-item bx-narrative-button absolute inset-0 object-contain object-center w-full m-auto max-h-75 cursor-pointer\",\n                    attrs: {\n                      \"data-bx-item-id\":\n                        \"https://www.nahrin.ch/media/catalog/product/cache/259ac1dc7414bbbc9b7f3d196edd39fc/v/i/virgin_mojito_drink_packshot_600x600.jpg\",\n                    },\n                  }),\n                ]\n              )\n            }),\n            0\n          ),\n          _vm._v(\" \"),\n          _vm.showGallery()\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:\n                      \"carousel-control-prev-icon bx-narrative-item bx-narrative-button\",\n                    attrs: {\n                      \"aria-hidden\": \"true\",\n                      \"data-bx-item-id\": \"arrow|direction=left\",\n                    },\n                  }),\n                  _vm._v(\" \"),\n                  _c(\"span\", { staticClass: \"sr-only\" }, [_vm._v(\"Previous\")]),\n                ]\n              )\n            : _vm._e(),\n          _vm._v(\" \"),\n          _vm.showGallery()\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:\n                      \"carousel-control-next-icon bx-narrative-item bx-narrative-button\",\n                    attrs: {\n                      \"aria-hidden\": \"true\",\n                      \"data-bx-item-id\": \"arrow|direction=right\",\n                    },\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 && _vm.showGallery()\n        ? _c(\n            \"div\",\n            {\n              staticClass: \"row align-content-center carousel-thumbnails mx-n2\",\n            },\n            _vm._l(_vm.carouselImages, function (imagePreview, index) {\n              return _c(\n                \"a\",\n                {\n                  staticClass:\n                    \"col-2 px-2 pt-2 bx-narrative-item bx-narrative-button\",\n                  attrs: {\n                    href: \"#carousel\" + _vm._uid,\n                    \"data-target\": \"#carousel\" + _vm._uid,\n                    \"data-slide-to\": index,\n                    title: _vm.getImageName(imagePreview),\n                    \"data-bx-item-id\": \"thumb|selected=\" + imagePreview.url,\n                  },\n                },\n                [\n                  _c(\"div\", { staticClass: \"prop-1-1\" }, [\n                    _c(\"img\", {\n                      staticClass:\n                        \"position-absolute w-100 h-100 defer-load border bg-white rounded\",\n                      attrs: {\n                        \"data-src\": imagePreview.url,\n                        alt: _vm.getAltText(imagePreview),\n                        width: \"85\",\n                        height: \"85\",\n                      },\n                    }),\n                  ]),\n                ]\n              )\n            }),\n            0\n          )\n        : _vm._e(),\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div itemscope itemtype=\"http://schema.org/Thing\" class=\"text-center\">\n        <div :id=\"'carousel'+_uid\" class=\"carousel slide bx-narrative\" data-interval=\"false\" data-bx-narrative-name=\"gallery\" data-bx-narrative-group-by=\"src\">\n            <ol class=\"carousel-indicators\" v-if=\"showDots && showGallery()\">\n                <li v-for=\"(image, index) in singleImages\" :data-target=\"'#carousel'+_uid\" :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                    <img class=\"position-absolute w-100 h-100 bx-narrative-item bx-narrative-button\"\n                         :src=\"image.urlMiddle\"\n                         :srcset=\"image.urlPreview+' 150w, '+image.urlSecondPreview+' 300w, '+image.urlMiddle+' 450w, '+image.url+' 660w'\"\n                         :alt=\"getAltText(image)\"\n                         :data-bx-item-id=\"image.urlMiddle\"\n                         width=\"660\" height=\"660\" v-if=\"index === 0\">\n                    <img class=\"position-absolute w-100 h-100 defer-load bx-narrative-item bx-narrative-button\"\n                         :data-src=\"image.urlMiddle\"\n                         :data-srcset=\"image.urlPreview+' 150w, '+image.urlSecondPreview+' 300w, '+image.urlMiddle+' 450w, '+image.url+' 660w'\"\n                         :alt=\"getAltText(image)\"\n                         :data-bx-item-id=\"image.urlMiddle\"\n                         width=\"660\" height=\"660\" v-else>\n\n\n                  <img  class=\"bx-narrative-item bx-narrative-button absolute inset-0 object-contain object-center w-full m-auto max-h-75 cursor-pointer\"\n                         data-bx-item-id=\"https://www.nahrin.ch/media/catalog/product/cache/259ac1dc7414bbbc9b7f3d196edd39fc/v/i/virgin_mojito_drink_packshot_600x600.jpg\" >\n\n\n                </div>\n            </div>\n            <a class=\"carousel-control-prev\" :href=\"'#carousel'+_uid\" role=\"button\" data-slide=\"prev\" v-if=\"showGallery()\">\n                <span class=\"carousel-control-prev-icon bx-narrative-item bx-narrative-button\" aria-hidden=\"true\" data-bx-item-id=\"arrow|direction=left\"></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=\"showGallery()\">\n                <span class=\"carousel-control-next-icon bx-narrative-item bx-narrative-button\" aria-hidden=\"true\" data-bx-item-id=\"arrow|direction=right\"></span>\n                <span class=\"sr-only\">Next</span>\n            </a>\n        </div>\n\n        <div v-if=\"showThumbs && showGallery()\" class=\"row align-content-center carousel-thumbnails mx-n2\">\n            <a v-for=\"(imagePreview, index) in carouselImages\" class=\"col-2 px-2 pt-2 bx-narrative-item bx-narrative-button\" :href=\"'#carousel'+_uid\" :data-target=\"'#carousel'+_uid\" :data-slide-to=\"index\" :title=\"getImageName(imagePreview)\" :data-bx-item-id=\"'thumb|selected=' + imagePreview.url\">\n                <div class=\"prop-1-1\">\n                    <img class=\"position-absolute w-100 h-100 defer-load border bg-white rounded\"\n                         :data-src=\"imagePreview.url\"\n                         :alt=\"getAltText(imagePreview)\"\n                         width=\"85\" height=\"85\">\n                </div>\n            </a>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { isNullOrUndefined } from \"../../helper/utils\";\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        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        }\n    },\n\n    computed:\n        {\n            currentVariation()\n            {\n                return this.$store.getters[`${this.itemId}/currentItemVariation`]\n            },\n\n            carouselImages()\n            {\n                return this.$options.filters.itemImages(\n                    this.currentVariation.images,\n                    \"urlPreview\"\n                ).slice(0, this.maxQuantity);\n            },\n\n            singleImages()\n            {\n                const imagesAccessor = (this.currentVariation.images.variation && this.currentVariation.images.variation.length) ? 'variation' : 'all';\n                return this.currentVariation.images[imagesAccessor].slice(0, this.maxQuantity);\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.$nextTick(() =>\n        {\n            this.initCarousel();\n        });\n    },\n\n    methods:\n        {\n            showImages(parentElement)\n            {\n                const list = parentElement.getElementsByClassName('defer-load');\n                for (let elem of list) {\n                    const dataSrcSet = elem.getAttribute(\"data-srcset\");\n                    const dataSrc = elem.getAttribute(\"data-src\");\n\n                    if (dataSrcSet && dataSrcSet !== elem.srcset) {\n                        elem.srcset = dataSrcSet;\n                    }\n                    if (dataSrc && dataSrc !== elem.src) {\n                        elem.src = dataSrc;\n                    }\n                }\n            },\n\n            registerElementsForIntersection()\n            {\n                if (this.showGallery()) {\n                    this.observeElementsByClass('carousel-item active')\n                    this.observeElementsByClass('carousel-thumbnails')\n\n                    $(this.$el).on('slide.bs.carousel', () => {\n                        this.showImages(this.$el);\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._uid).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            observeElementsByClass(classList)\n            {\n                const list = this.$el.getElementsByClassName(classList);\n\n                for (let elem of list) {\n                    this.imageObserver.observe(elem);\n                }\n            }\n        }\n}\n</script>\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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&\"","import { render, staticRenderFns } from \"./ItemImageCarousel.vue?vue&type=template&id=d9c76bd4&\"\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":""}