{"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","Number","default","imageUrlAccessor","String","showThumbs","Boolean","showDots","animationStyle","pluginPath","inject","itemId","data","currentItem","initialized","computed","currentVariation","$store","getters","concat","carouselImages","$options","filters","itemImages","images","slice","singleImages","watch","handler","val","oldVal","_this","setTimeout","reInitialize","deep","mounted","_this2","$nextTick","loadLightbox","then","initCarousel","initThumbCarousel","catch","event","console","log","methods","getImageCount","length","$owl","$","$refs","single","trigger","html","find","removeClass","remove","$thumbs","thumbs","_this3","imageCount","carouselSettings","autoHeight","dots","items","lazyLoad","rewind","margin","mouseDrag","nav","navClass","navContainerClass","navText","smartSpeed","onChanged","$thumb","page","index","onInitialized","animateOut","owlCarousel","isNullOrUndefined","window","lightbox","option","wrapAround","albumLabel","$translate","on","loop","center","goTo","getAltText","image","alternate","itemName","getImageName","_this4","Promise","resolve","reject","script","document","querySelector","createElement","id","src","addEventListener","body","appendChild","render","_vm","_c","_self","attrs","itemscope","itemtype","staticClass","_l","imagePreview","click","$event","class","active","url","alt","title","_v","_e","ref","href","_uid","staticRenderFns","_withStripped"],"mappings":"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","file":"chunks/ceres-client-36.js","sourcesContent":["<template>\n    <div itemscope itemtype=\"http://schema.org/Thing\">\n        <template>\n            <div class=\"thumbSliderWrapper position-relative\">\n                <div v-if=\"showThumbs\" id=\"thumb-carousel\" class=\"thumbnailSlider\">\n                    <div class=\"img-box-thumb\" v-for=\"(imagePreview, index) in carouselImages\">\n                        <div class=\"image-container\" @click=\"goTo(index)\">\n                            <img class=\"img-thumb border-appearance\" v-bind:class=\"{ 'active': currentItem === index}\" :src=\"imagePreview.url\" :alt=\"getAltText(imagePreview)\" :title=\"getImageName(imagePreview)\">\n                            <div class=\"backdrop\"></div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"sliderWrapper\">\n                <div class=\"single-carousel owl-carousel owl-theme owl-single-item mt-0\" ref=\"single\">\n                    <div v-for=\"image in singleImages\" class=\"prop-1-1\">\n                        <a :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                    </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\n                    class=\"owl-placeholder\"\n                    :src=\"singleImages[0].url\"\n                    :alt=\"getAltText(singleImages[0].url)\"\n                    :title=\"getImageName(singleImages[0].url)\"\n                >\n            </div>\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        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    },\n\n    inject: {\n        itemId: {\n            default: null\n        }\n    },\n\n    data()\n    {\n        return {\n            currentItem: 0,\n            initialized: false\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            return this.$options.filters.itemImages(\n                    this.currentVariation.images,\n                    this.imageUrlAccessor\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       : true,\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                onInitialized: event =>\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            $(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       : true,\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            });\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","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    { attrs: { itemscope: \"\", itemtype: \"http://schema.org/Thing\" } },\n    [\n      [\n        _c(\"div\", { staticClass: \"thumbSliderWrapper position-relative\" }, [\n          _vm.showThumbs\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"thumbnailSlider\",\n                  attrs: { id: \"thumb-carousel\" },\n                },\n                _vm._l(_vm.carouselImages, function (imagePreview, index) {\n                  return _c(\"div\", { staticClass: \"img-box-thumb\" }, [\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(\"img\", {\n                          staticClass: \"img-thumb border-appearance\",\n                          class: { active: _vm.currentItem === index },\n                          attrs: {\n                            src: imagePreview.url,\n                            alt: _vm.getAltText(imagePreview),\n                            title: _vm.getImageName(imagePreview),\n                          },\n                        }),\n                        _vm._v(\" \"),\n                        _c(\"div\", { staticClass: \"backdrop\" }),\n                      ]\n                    ),\n                  ])\n                }),\n                0\n              )\n            : _vm._e(),\n        ]),\n        _vm._v(\" \"),\n        _c(\"div\", { staticClass: \"sliderWrapper\" }, [\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        ]),\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\\\\19680\\\\44\\\\CeresCoconut\\\\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":""}