{"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?f260","webpack:///./resources/js/src/app/components/item/ItemImageCarousel.vue?df97","webpack:///./resources/js/src/app/components/item/ItemImageCarousel.vue?c3e4"],"names":["name","props","maxQuantity","type","default","imageUrlAccessor","showThumbs","showDots","animationStyle","pluginPath","inject","itemId","data","currentItem","initialized","computed","currentVariation","carouselImages","slice","singleImages","fullImages","watch","handler","val","oldVal","setTimeout","deep","mounted","catch","console","methods","getImageCount","reInitialize","$owl","$thumbs","initCarousel","autoHeight","dots","items","lazyLoad","rewind","margin","mouseDrag","nav","navClass","navContainerClass","navText","smartSpeed","onChanged","$thumb","event","onInitialized","carouselSettings","$","lightbox","wrapAround","albumLabel","initThumbCarousel","loop","center","responsive","goTo","index","orderByPosition","list","getAltText","image","getImageName","loadLightbox","resolve","script","document","render","_vm","_c","_self","staticClass","attrs","itemscope","itemtype","ref","_l","href","url","_uid","alt","title","_v","id","imagePreview","on","click","$event","class","active","_e","src","staticRenderFns","_withStripped"],"mappings":"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","file":"chunks/ceres-client-46.js","sourcesContent":["<template>\n    <div class=\"product-detail-carousel\" itemscope itemtype=\"http://schema.org/Thing\">\n        <template>\n\t\t\t<div class=\"single-carousel owl-carousel owl-theme owl-single-item mt-0\" ref=\"single\">\n\t\t\t\t<div v-for=\"image in singleImages\" class=\"prop-1-1\">\n\t\t\t\t\t<a :href=\"image.url\" :data-lightbox=\"'single-item-image' + _uid\">\n\t\t\t\t\t\t<img class=\"owl-lazy\" :data-src=\"image.url\" :alt=\"getAltText(image)\" :title=\"getImageName(image)\">\n\t\t\t\t\t</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div v-if=\"showThumbs\" id=\"thumb-carousel\" class=\"owl-thumbs owl-carousel owl-theme owl-single-item\" ref=\"thumbs\">\n\t\t\t\t<div class=\"prop-1-1\" v-for=\"(imagePreview, index) in carouselImages\">\n\t\t\t\t\t<div class=\"image-container\" @click=\"goTo(index)\">\n\t\t\t\t\t\t<lazy-img\n\t\t\t\t\t\t\tpicture-class=\"owl-thumb border-appearance\"\n\t\t\t\t\t\t\tv-bind:class=\"{ 'active': currentItem === index}\"\n\t\t\t\t\t\t\t:image-url=\"imagePreview.url\"\n\t\t\t\t\t\t\t:alt=\"getAltText(imagePreview)\"\n\t\t\t\t\t\t\t:title=\"getImageName(imagePreview)\">\n\t\t\t\t\t\t</lazy-img>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</template>\n\t\t<div v-if=\"!initialized\" class=\"single-carousel owl-carousel owl-loaded owl-theme owl-single-item mt-0\">\n\t\t\t<div class=\"prop-1-1\">\n\t\t\t\t<img\n\t\t\t\t\tclass=\"owl-placeholder\"\n\t\t\t\t\t:src=\"singleImages[0].url\"\n\t\t\t\t\t:alt=\"getAltText(singleImages[0].url)\"\n\t\t\t\t\t:title=\"getImageName(singleImages[0].url)\"\n\t\t\t\t>\n\t\t\t</div>\n\t\t</div>\n    </div>\n</template>\n\n<script>\nimport { isNullOrUndefined } from \"ceres/app/helper/utils\";\n\n\nexport default {\n\tname: \"item-image-carousel\",\n\n\tprops: {\n        maxQuantity:\n        {\n            type: Number,\n            default: 10\n        },\n        imageUrlAccessor:\n        {\n            type: String,\n            default: \"urlMiddle\"\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    },\n\n    inject: {\n        itemId: {\n            default: null\n        }\n    },\n\n    data()\n    {\n        return {\n            currentItem: 0,\n\t\t\tinitialized: false\n\t\t};\n    },\n\n    computed:\n    {\n        currentVariation()\n\t\t{\n            return this.$store.getters[`${this.itemId}/currentItemVariation`]\n        },\n\n        carouselImages()\n        {\n            return this.orderByPosition(\n                this.$options.filters.itemImages(\n                    this.currentVariation.images,\n                    \"urlPreview\"\n                )\n            ).slice(0, this.maxQuantity);\n        },\n\n        singleImages()\n        {\n            return this.orderByPosition(\n                this.$options.filters.itemImages(\n                    this.currentVariation.images,\n                    this.imageUrlAccessor\n                )\n            ).slice(0, this.maxQuantity);\n        },\n\n        fullImages()\n        {\n            return this.orderByPosition(\n                this.$options.filters.itemImages(\n                    this.currentVariation.images,\n                    \"urlFull\"\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\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        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       : false,\n                dots             : this.showDots,\n                items            : 1,\n                lazyLoad         : true,\n                rewind           : true,\n                margin           : 10,\n                mouseDrag        : imageCount > 1,\n                nav              : imageCount > 1,\n                navClass         : [\n                    \"owl-single-item-nav left carousel-control\",\n                    \"owl-single-item-nav right carousel-control\"\n                ],\n                navContainerClass: \"\",\n                navText          : [\n                    \"<i class=\\\"owl-single-item-control fa fa-chevron-left\\\" aria-hidden=\\\"true\\\"></i>\",\n                    \"<i class=\\\"owl-single-item-control fa fa-chevron-right\\\" aria-hidden=\\\"true\\\"></i>\"\n                ],\n                smartSpeed       : 350,\n                onChanged: event =>\n                {\n                    const $thumb = $(this.$refs.thumbs);\n\n                    $thumb.trigger(\"to.owl.carousel\", [\n                        event.page.index,\n                        350\n                    ]);\n                },\n\t\t\t\tonInitialized: event =>\n\t\t\t\t{\n\t\t\t\t\tthis.initialized = true;\n\t\t\t\t}\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\t\t\t\t\talbumLabel: this.$translate(\"Ceres::Template.singleItemLightboxImageShown\")\n\t\t\t\t});\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            $(this.$refs.thumbs).owlCarousel({\n                autoHeight       : false,\n                dots             : false,\n                items            : 5,\n                lazyLoad         : true,\n                loop             : false,\n                margin           : 10,\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                    \"<i class=\\\"owl-single-item-control fa fa-chevron-left\\\" aria-hidden=\\\"true\\\"></i>\",\n                    \"<i class=\\\"owl-single-item-control fa fa-chevron-right\\\" aria-hidden=\\\"true\\\"></i>\"\n                ],\n                smartSpeed       : 350,\n                responsive: {\n                    0: {\n                        items: 5\n                    },\n                    992: {\n                        items: 6\n                    },\n                    1200: {\n                        items: 7\n                    }\n                }\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        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            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","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    {\n      staticClass: \"product-detail-carousel\",\n      attrs: { itemscope: \"\", itemtype: \"http://schema.org/Thing\" },\n    },\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) {\n            return _c(\"div\", { staticClass: \"prop-1-1\" }, [\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          }),\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(\"div\", { staticClass: \"prop-1-1\" }, [\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                      _c(\"lazy-img\", {\n                        class: { active: _vm.currentItem === index },\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                    1\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 { 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(\"C:\\\\PlentyMarkets\\\\49869\\\\20\\\\DiaWolfMoebel\\\\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":""}