{"version":3,"sources":["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","attrs","itemscope","itemtype","ref","staticClass","_l","singleImages","image","index","class","video","isVideo","directives","name","rawName","value","videoPlaying","expression","on","click","$event","videoPlay","_v","playing","refInFor","playsinline","muted","loop","preload","src","url","replace","poster","replacePoster","domProps","videoPause","href","_uid","alt","getAltText","title","getImageName","showThumbs","id","carouselImages","imagePreview","currentItem","goTo","_e","initialized","_withStripped","component","options","__file"],"mappings":"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","file":"chunks/ceres-client-40.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(\n    \"div\",\n    { attrs: { itemscope: \"\", itemtype: \"http://schema.org/Thing\" } },\n    [\n      [\n        _c(\n          \"div\",\n          {\n            ref: \"single\",\n            staticClass:\n              \"single-carousel owl-carousel owl-theme owl-single-item mt-0\"\n          },\n          _vm._l(_vm.singleImages, function(image, index) {\n            return _c(\n              \"div\",\n              {\n                staticClass: \"prop-1-1\",\n                class: { video: image.isVideo },\n                attrs: { \"data-index\": index }\n              },\n              [\n                !image.isVideo\n                  ? _c(\n                      \"a\",\n                      {\n                        attrs: {\n                          href: image.url,\n                          \"data-lightbox\": \"single-item-image\" + _vm._uid\n                        }\n                      },\n                      [\n                        _c(\"img\", {\n                          staticClass: \"owl-lazy\",\n                          attrs: {\n                            \"data-src\": image.url,\n                            alt: _vm.getAltText(image),\n                            title: _vm.getImageName(image)\n                          }\n                        })\n                      ]\n                    )\n                  : [\n                      _c(\n                        \"div\",\n                        {\n                          directives: [\n                            {\n                              name: \"show\",\n                              rawName: \"v-show\",\n                              value: !_vm.videoPlaying,\n                              expression: \"!videoPlaying\"\n                            }\n                          ],\n                          staticClass: \"single__video-play\",\n                          on: {\n                            click: function($event) {\n                              return _vm.videoPlay()\n                            }\n                          }\n                        },\n                        [\n                          _c(\"svg\", [\n                            _c(\"use\", { attrs: { \"xlink:href\": \"#play\" } })\n                          ])\n                        ]\n                      ),\n                      _vm._v(\" \"),\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"video-wrapper\",\n                          class: { playing: _vm.videoPlaying }\n                        },\n                        [\n                          _c(\"video\", {\n                            ref: \"video\",\n                            refInFor: true,\n                            staticClass: \"single__video-player\",\n                            attrs: {\n                              playsinline: \"\",\n                              muted: \"\",\n                              loop: \"\",\n                              preload: \"none\",\n                              src: image.url.replace(\"http:\", \"https:\"),\n                              poster: _vm.replacePoster(\n                                image.url.replace(\"http:\", \"https:\")\n                              )\n                            },\n                            domProps: { muted: true },\n                            on: {\n                              click: function($event) {\n                                return _vm.videoPause()\n                              }\n                            }\n                          })\n                        ]\n                      )\n                    ]\n              ],\n              2\n            )\n          }),\n          0\n        ),\n        _vm._v(\" \"),\n        _vm.showThumbs\n          ? _c(\n              \"div\",\n              {\n                ref: \"thumbs\",\n                staticClass:\n                  \"owl-thumbs owl-carousel owl-theme owl-single-item\",\n                attrs: { id: \"thumb-carousel\" }\n              },\n              _vm._l(_vm.carouselImages, function(imagePreview, index) {\n                return _c(\n                  \"div\",\n                  {\n                    staticClass: \"prop-1-1\",\n                    class: { \"item-active\": _vm.currentItem == index }\n                  },\n                  [\n                    _c(\n                      \"div\",\n                      {\n                        staticClass: \"image-container\",\n                        on: {\n                          click: function($event) {\n                            return _vm.goTo(index)\n                          }\n                        }\n                      },\n                      [\n                        !imagePreview.isVideo\n                          ? _c(\"lazy-img\", {\n                              attrs: {\n                                \"picture-class\": \"owl-thumb border-appearance\",\n                                \"image-url\": imagePreview.url,\n                                alt: _vm.getAltText(imagePreview),\n                                title: _vm.getImageName(imagePreview)\n                              }\n                            })\n                          : [\n                              _c(\"svg\", [\n                                _c(\"use\", { attrs: { \"xlink:href\": \"#play\" } })\n                              ]),\n                              _vm._v(\" \"),\n                              _c(\"lazy-img\", {\n                                attrs: {\n                                  \"picture-class\":\n                                    \"owl-thumb border-appearance\",\n                                  \"image-url\": _vm.replacePoster(\n                                    imagePreview.url.replace(\"http:\", \"https:\")\n                                  ),\n                                  alt: \"video\",\n                                  title: \"video\"\n                                }\n                              })\n                            ]\n                      ],\n                      2\n                    )\n                  ]\n                )\n              }),\n              0\n            )\n          : _vm._e()\n      ],\n      _vm._v(\" \"),\n      !_vm.initialized\n        ? _c(\n            \"div\",\n            {\n              staticClass:\n                \"single-carousel owl-carousel owl-loaded owl-theme owl-single-item mt-0\"\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 = []\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=\"single-carousel owl-carousel owl-theme owl-single-item mt-0\" ref=\"single\">\n                <div v-for=\"(image, index) in singleImages\"\n                     class=\"prop-1-1\"\n                     :class=\"{'video': image.isVideo}\"\n                     :data-index=\"index\">\n                    <a v-if=\"!image.isVideo\" :href=\"image.url\" :data-lightbox=\"'single-item-image' + _uid\">\n                        <img class=\"owl-lazy\" :data-src=\"image.url\" :alt=\"getAltText(image)\" :title=\"getImageName(image)\">\n                    </a>\n\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t<div v-show=\"!videoPlaying\" class=\"single__video-play\" @click=\"videoPlay()\">\n\t\t\t\t\t\t\t<svg>\n\t\t\t\t\t\t\t\t<use xlink:href=\"#play\" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"video-wrapper\" :class=\"{'playing': videoPlaying}\">\n\t\t\t\t\t\t\t<video @click=\"videoPause()\"\n\t\t\t\t\t\t\t\t   ref=\"video\"\n\t\t\t\t\t\t\t\t   playsinline\n\t\t\t\t\t\t\t\t   muted loop\n\t\t\t\t\t\t\t\t   preload=\"none\"\n\t\t\t\t\t\t\t\t   class=\"single__video-player\"\n\t\t\t\t\t\t\t\t   :src=\"image.url.replace('http:', 'https:')\"\n\t\t\t\t\t\t\t\t   :poster=\"replacePoster(image.url.replace('http:', 'https:'))\">\n\t\t\t\t\t\t\t</video>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</template>\n                </div>\n            </div>\n            <div v-if=\"showThumbs\" id=\"thumb-carousel\" class=\"owl-thumbs owl-carousel owl-theme owl-single-item\" ref=\"thumbs\">\n                <div class=\"prop-1-1\" :class=\"{ 'item-active': currentItem == index}\" v-for=\"(imagePreview, index) in carouselImages\">\n                    <div class=\"image-container\" @click=\"goTo(index)\">\n                        <lazy-img v-if=\"!imagePreview.isVideo\"\n                                  picture-class=\"owl-thumb border-appearance\"\n                                  :image-url=\"imagePreview.url\"\n                                  :alt=\"getAltText(imagePreview)\"\n                                  :title=\"getImageName(imagePreview)\">\n                        </lazy-img>\n\t\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t\t<svg>\n\t\t\t\t\t\t\t\t<use xlink:href=\"#play\" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t<lazy-img picture-class=\"owl-thumb border-appearance\"\n                                      :image-url=\"replacePoster(imagePreview.url.replace('http:', 'https:'))\"\n                                      alt=\"video\"\n                                      title=\"video\">\n\t\t\t\t\t\t\t</lazy-img>\n\t\t\t\t\t\t</template>\n                    </div>\n                </div>\n            </div>\n        </template>\n        <div v-if=\"!initialized\" class=\"single-carousel owl-carousel owl-loaded owl-theme owl-single-item mt-0\">\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\";\n\nexport default\n{\n    name: \"item-image-carousel\",\n\n    props:\n    {\n        maxQuantity: {\n            type: Number,\n            default: 20\n        },\n        imageUrlAccessor: {\n            type: String,\n            default: \"url\"\n        },\n        showThumbs: {\n            type: Boolean,\n            default: true\n        },\n        showDots: {\n            type: Boolean,\n            default: false\n        },\n        animationStyle: {\n            type: String,\n            default: \"standard\"\n        },\n        pluginPath: {\n            type: String,\n            default: \"\"\n        }\n    },\n\n    inject:\n    {\n        itemId: {\n            default: null\n        }\n    },\n\n    data()\n    {\n        return {\n            currentItem: 0,\n            initialized: false,\n\t\t\tvideoPlaying: false,\n\t\t};\n    },\n\n    computed:\n    {\n\t\tallProperties()\n        {\n\t\t\tlet allProps = []\n\n\t\t\tfor(let key1 in this.currentVariation.variationProperties){\n\t\t\t\tfor (let key2 in this.currentVariation.variationProperties[key1].properties){\n\t\t\t\t\tallProps.push(this.currentVariation.variationProperties[key1].properties[key2])\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn allProps\n\t\t},\n\n        currentVariation()\n        {\n            return this.$store.getters[`${this.itemId}/currentItemVariation`]\n        },\n\n        carouselImages()\n        {\n            let images = this.$options.filters.itemImages(\n                    this.currentVariation.images,\n                    \"urlPreview\"\n                ).slice(0, this.maxQuantity);\n\n\t\t\treturn this.addVideo(images)\n        },\n\n        singleImages()\n        {\n            let images = this.$options.filters.itemImages(\n                    this.currentVariation.images,\n                    this.imageUrlAccessor\n            ).slice(0, this.maxQuantity);\n\n\t\t\treturn this.addVideo(images)\n\n\t\t}\n    },\n\n    watch:\n    {\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\n    mounted()\n    {\n        this.$nextTick(() =>\n        {\n            this.loadLightbox().then(() =>\n                {\n                    this.initCarousel();\n                    this.initThumbCarousel();\n                })\n                .catch(event =>\n                {\n                    console.log(\"error while loading lightbox\", event);\n                });\n        });\n    },\n\n    methods:\n    {\n\t\taddVideo(images)\n        {\n\t\t\tfor(let key in this.allProperties){\n\t\t\t\tif(this.allProperties[key].id === 40 && this.allProperties[key].values.value && this.allProperties[key].values.value !== ''){\n\t\t\t\t\timages.push(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tposition: 98,\n\t\t\t\t\t\t\turl: this.allProperties[key].values.value,\n\t\t\t\t\t\t\tisVideo: true\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn images\n\t\t},\n\n\t\tvideoPlay()\n        {\n\t\t\tthis.$refs.video[0].play()\n\n\t\t\tthis.videoPlaying = true;\n\t\t},\n\n\t\tvideoPause()\n        {\n\t\t\tif(!this.$refs.video[0].paused){\n\t\t\t\tthis.$refs.video[0].pause();\n\t\t\t\tthis.videoPlaying = false;\n\t\t\t}\n\t\t},\n\n\t\treplacePoster(poster)\n        {\n\t\t\tposter = poster.replace(\"mov\", \"jpg\");\n\t\t\tposter = poster.replace(\"mp4\", \"jpg\");\n\n\t\t\treturn poster\n\t\t},\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\n        initCarousel()\n        {\n            const imageCount = this.getImageCount();\n            const carouselSettings = {\n                autoHeight       : true,\n                dots             : this.showDots,\n                items            : 1,\n                lazyLoad         : true,\n                rewind           : true,\n                margin           : 10,\n\t\t\t\tloop\t\t\t : true,\n                mouseDrag        : imageCount > 1,\n                navContainerClass: \"\",\n                smartSpeed       : 350,\n                onChanged        : () =>\n                {\n                    this.$nextTick(() => {\n\n                        const $thumb      = $(this.$refs.thumbs);\n                        const activeSlide = this.$refs.single.getElementsByClassName('active')\n\n                        let index = 0;\n\n                        if(!isNullOrUndefined(activeSlide[0])) {\n                            index = activeSlide[0].getElementsByTagName('div')[0].getAttribute('data-index');\n                        }\n\n                        $thumb.trigger(\"to.owl.carousel\", [\n                            index,\n                            350\n                        ]);\n\n                        this.currentItem = index;\n                    })\n                },\n                onInitialized: () =>\n                {\n                    this.initialized = true;\n                }\n            };\n\n            if (this.animationStyle !== \"standard\")\n            {\n                carouselSettings.animateOut = this.animationStyle;\n            }\n\n            $(this.$refs.single).owlCarousel(carouselSettings);\n\n            if (!isNullOrUndefined(window.lightbox))\n            {\n                lightbox.option({\n                    wrapAround: true,\n                    albumLabel: this.$translate(\"Ceres::Template.singleItemLightboxImageShown\")\n                });\n            }\n        },\n\n        initThumbCarousel()\n        {\n            $(this.$refs.thumbs).owlCarousel({\n                autoHeight       : true,\n                dots             : false,\n                items            : 11, // 8 5\n                lazyLoad         : true,\n                loop             : false,\n                margin           : 8,\n                mouseDrag        : false,\n                center           : false,\n                nav              : true,\n                navClass         : [\n                    \"owl-single-item-nav left carousel-control\",\n                    \"owl-single-item-nav right carousel-control\"\n                ],\n                navContainerClass: \"\",\n                navText          : [\n\t\t\t\t\t\"<svg width=\\\"8\\\" height=\\\"14\\\" fill=\\\"currentColor\\\"><use xlink:href=\\\"#chevron-left\\\"/></svg>\",\n                    \"<svg width=\\\"8\\\" height=\\\"14\\\" fill=\\\"currentColor\\\"><use xlink:href=\\\"#chevron-right\\\"/></svg>\",\n                ],\n                smartSpeed       : 350,\n\t\t\t\tresponsive : {\n\t\t\t\t\t0 : {\n\t\t\t\t\t\titems: 5,\n\t\t\t\t\t\tmargin: 8,\n\n\t\t\t\t\t},\n\t\t\t\t\t768 : {\n\t\t\t\t\t\titems: 8,\n\t\t\t\t\t\tmargin: 8,\n\t\t\t\t\t},\n\t\t\t\t\t1200 : {\n\t\t\t\t\t\titems: 11,\n\t\t\t\t\t\tmargin: 16,\n\t\t\t\t\t}\n\t\t\t\t}\n            });\n        },\n\n        goTo(index)\n        {\n            const $owl = $(this.$refs.single);\n\n            $owl.trigger(\"to.owl.carousel\", [\n                index,\n                350\n            ]);\n        },\n\n        getAltText(image)\n        {\n            return image && image.alternate ? image.alternate : this.$options.filters.itemName(this.currentVariation);\n        },\n\n        getImageName(image)\n        {\n            return image && image.name ? image.name : this.$options.filters.itemName(this.currentVariation);\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/mironpingel/DEV/devtool/12735/113/HoferAntikschmuck/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":""}