{"version":3,"sources":["webpack:///./resources/js/src/modeherz/components/item/ItemImageCarousel.vue?faba","webpack:///./resources/js/src/modeherz/components/item/ItemImageCarousel.vue?4e97","webpack:///resources/js/src/modeherz/components/item/ItemImageCarousel.vue","webpack:///./resources/js/src/modeherz/components/item/ItemImageCarousel.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","itemscope","itemtype","id","singleImages","onclick","$translate","_e","_v","href","url","imgPostFix","title","getImageName","imageConversionEnabled","srcset","type","staticStyle","alt","getAltText","src","length","isMobile","height","_l","carouselImages","imagePreview","index","key","itemId","width","class","currentItem","directives","name","rawName","value","showThumbs","expression","ref","active","_withStripped","component","options","__file"],"mappings":"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B,aAAaa,WAMlC,KAGRjC,EAAIc,QAKdf,EAAOiD,eAAgB,E,6CClNkM,G,OCsHzN,CACA,yBACA,QACA,QACA,eAGA,OACA,YACA,CACA,YACA,YAEA,iBACA,CACA,YACA,eAEA,WACA,CACA,aACA,YAEA,SACA,CACA,aACA,YAEA,eACA,CACA,YACA,oBAEA,WACA,CACA,YACA,aAIA,gBACA,4CACA,OACA,cACA,YACA,gBACA,gBACA,2BAIA,SACA,CACA,4BACA,4EAGA,0BACA,wCACA,6BACA,cACA,2BAGA,wBACA,wCACA,6BACA,uBACA,2BAEA,sBACA,mCAGA,yDAFA,KAMA,OACA,iBACA,CACA,iCACA,OACA,uBACA,mBACA,IAGA,UAIA,8BAEA,yBACA,kBAEA,GACA,mBAGA,GACA,yBACA,kBACA,mBACA,kHAKA,iCAGA,QACA,CACA,qCAEA,2BACA,sBACA,IACA,wCACA,qCAEA,SACA,4BAIA,uBACA,sBACA,wCACA,uCAEA,MAGA,yBACA,gGAGA,wBACA,2BAEA,kCACA,oEACA,6BAGA,0BAGA,wCACA,eAGA,gCACA,+BACA,cACA,QACA,QACA,YACA,QACA,UACA,aACA,UACA,OACA,UACA,4CACA,8CAEA,qBACA,SACA,gFACA,kFAEA,qBAKA,iBACA,qBAEA,2BACA,EACA,OAIA,uBACA,yFAGA,yBACA,kF,QCjTIC,EAAY,YACd,EACAlD,EHwMoB,IGtMpB,EACA,KACA,KACA,MAuBFkD,EAAUC,QAAQC,OAAS,kEACZ,UAAAF,E","file":"chunks/ceres-client-42.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    {\n      staticClass: \"mzp-image-carousel\",\n      attrs: { itemscope: \"\", itemtype: \"http://schema.org/Thing\" },\n    },\n    [\n      _c(\"div\", { attrs: { id: \"MZOuterWrapper\" } }, [\n        _vm.singleImages[1]\n          ? _c(\"button\", {\n              staticClass: \"mz-button mz-button-prev\",\n              attrs: {\n                onclick: \"MagicZoom.prev('MagicImage');\",\n                \"aria-label\": _vm.$translate(\n                  \"modeherz::SingleItemPageClient.itemPageImagePrev\"\n                ),\n              },\n            })\n          : _vm._e(),\n        _vm._v(\" \"),\n        _vm.singleImages[1]\n          ? _c(\"button\", {\n              staticClass: \"mz-button mz-button-next\",\n              attrs: {\n                onclick: \"MagicZoom.next('MagicImage');\",\n                \"aria-label\": _vm.$translate(\n                  \"modeherz::SingleItemPageClient.itemPageImageNext\"\n                ),\n              },\n            })\n          : _vm._e(),\n        _vm._v(\" \"),\n        _c(\"div\", { attrs: { id: \"MZInnerWrapper\" } }, [\n          _c(\n            \"a\",\n            {\n              staticClass: \"mz-no-rt-width-css \",\n              attrs: {\n                id: \"MagicImage\",\n                \"data-options\": \"lazyZoom: true\",\n                href: _vm.singleImages[0].url + _vm.imgPostFix,\n                title: _vm.getImageName(_vm.singleImages[0]),\n                onclick: \"event.preventDefault();event.stopPropagation()\",\n              },\n            },\n            [\n              _c(\"picture\", [\n                _vm.imageConversionEnabled\n                  ? _c(\"source\", {\n                      attrs: {\n                        srcset: _vm.singleImages[0].url + \".avif\",\n                        type: \"image/avif\",\n                      },\n                    })\n                  : _vm._e(),\n                _vm._v(\" \"),\n                _vm.imageConversionEnabled\n                  ? _c(\"source\", {\n                      attrs: {\n                        srcset: _vm.singleImages[0].url + \".webp\",\n                        type: \"image/webp\",\n                      },\n                    })\n                  : _vm._e(),\n                _vm._v(\" \"),\n                _c(\"source\", {\n                  attrs: {\n                    srcset: _vm.singleImages[0].url,\n                    type: \"image/jpeg\",\n                  },\n                }),\n                _vm._v(\" \"),\n                _c(\"img\", {\n                  staticStyle: { \"max-width\": \"100%\", \"max-height\": \"100%\" },\n                  attrs: {\n                    id: \"main-image\",\n                    alt: _vm.getAltText(_vm.singleImages[0]),\n                    src: _vm.singleImages[0].url + _vm.imgPostFix,\n                  },\n                }),\n              ]),\n            ]\n          ),\n        ]),\n      ]),\n      _vm._v(\" \"),\n      _vm.singleImages.length > 1\n        ? _c(\"div\", { staticClass: \"thumb-carousel-container\" }, [\n            _vm.isMobile\n              ? _c(\n                  \"div\",\n                  {\n                    staticClass:\n                      \"owl-thumbs owl-carousel owl-theme owl-single-item owl-loaded\",\n                    attrs: { id: \"thumb-carousel\" },\n                  },\n                  [\n                    _c(\n                      \"div\",\n                      {\n                        staticClass: \"owl-stage-outer owl-height\",\n                        staticStyle: { height: \"1px\" },\n                      },\n                      [\n                        _c(\n                          \"div\",\n                          { staticClass: \"owl-stage\" },\n                          _vm._l(\n                            _vm.carouselImages,\n                            function (imagePreview, index) {\n                              return _c(\n                                \"div\",\n                                {\n                                  key: _vm.itemId + \"-\" + index,\n                                  staticClass: \"owl-item active\",\n                                  staticStyle: {\n                                    width: \"64px\",\n                                    \"margin-right\": \"10px\",\n                                  },\n                                },\n                                [\n                                  _c(\"a\", {\n                                    staticClass: \"mz-thumb\",\n                                    class: {\n                                      \"mz-thumb-selected \":\n                                        _vm.currentItem === index,\n                                    },\n                                    attrs: {\n                                      href:\n                                        _vm.singleImages[index].url +\n                                        _vm.imgPostFix,\n                                      \"data-zoom-id\": \"MagicImage\",\n                                      \"data-image\":\n                                        _vm.singleImages[index].url +\n                                        _vm.imgPostFix,\n                                      title: _vm.getAltText(imagePreview),\n                                    },\n                                  }),\n                                ]\n                              )\n                            }\n                          ),\n                          0\n                        ),\n                      ]\n                    ),\n                  ]\n                )\n              : _c(\n                  \"div\",\n                  {\n                    directives: [\n                      {\n                        name: \"show\",\n                        rawName: \"v-show\",\n                        value: _vm.showThumbs,\n                        expression: \"showThumbs\",\n                      },\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                      \"a\",\n                      {\n                        directives: [\n                          {\n                            name: \"show\",\n                            rawName: \"v-show\",\n                            value: _vm.singleImages[1] && _vm.showThumbs,\n                            expression: \"singleImages[1] && showThumbs\",\n                          },\n                        ],\n                        key: _vm.itemId + \"-\" + index,\n                        attrs: {\n                          \"data-zoom-id\": \"MagicImage\",\n                          href: _vm.singleImages[index].url + _vm.imgPostFix,\n                          \"data-image\":\n                            _vm.singleImages[index].url + _vm.imgPostFix,\n                          title: _vm.getAltText(imagePreview),\n                        },\n                      },\n                      [\n                        _c(\"img\", {\n                          staticClass: \"owl-thumb owl-lazy\",\n                          class: { active: _vm.currentItem === index },\n                          attrs: {\n                            alt: _vm.getAltText(imagePreview),\n                            \"data-src\": imagePreview.url + _vm.imgPostFix,\n                            title: _vm.getImageName(imagePreview),\n                          },\n                        }),\n                      ]\n                    )\n                  }),\n                  0\n                ),\n          ])\n        : _vm._e(),\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>\r\n    <div\r\n        itemscope\r\n        itemtype=\"http://schema.org/Thing\"\r\n        class=\"mzp-image-carousel\"\r\n    >\r\n        <div id=\"MZOuterWrapper\">\r\n            <button\r\n                v-if=\"singleImages[1]\"\r\n                class=\"mz-button mz-button-prev\"\r\n                onclick=\"MagicZoom.prev('MagicImage');\"\r\n                :aria-label=\"$translate('modeherz::SingleItemPageClient.itemPageImagePrev')\"\r\n            />\r\n            <button\r\n                v-if=\"singleImages[1]\"\r\n                class=\"mz-button mz-button-next\"\r\n                onclick=\"MagicZoom.next('MagicImage');\"\r\n                :aria-label=\"$translate('modeherz::SingleItemPageClient.itemPageImageNext')\"\r\n            />\r\n            <div id=\"MZInnerWrapper\">\r\n                <a\r\n                    id=\"MagicImage\"\r\n                    data-options=\"lazyZoom: true\"\r\n                    :href=\"singleImages[0].url + imgPostFix\"\r\n                    :title=\"getImageName(singleImages[0])\"\r\n                    class=\"mz-no-rt-width-css \"\r\n                    onclick=\"event.preventDefault();event.stopPropagation()\"\r\n                >\r\n                    <picture>\r\n                        <source v-if=\"imageConversionEnabled\"\r\n                                :srcset=\"singleImages[0].url  + '.avif'\"\r\n                                type=\"image/avif\">\r\n                        <source v-if=\"imageConversionEnabled\"\r\n                                :srcset=\"singleImages[0].url  + '.webp'\"\r\n                                type=\"image/webp\">\r\n                        <source :srcset=\"singleImages[0].url\"\r\n                                type=\"image/jpeg\">\r\n                        <img\r\n                            id=\"main-image\"\r\n                            :alt=\"getAltText(singleImages[0])\"\r\n                            :src=\"singleImages[0].url  + imgPostFix\"\r\n                            style=\"max-width: 100%; max-height: 100%\"\r\n                        >\r\n                    </picture>\r\n                </a>\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            v-if=\"singleImages.length > 1\"\r\n            class=\"thumb-carousel-container\"\r\n        >\r\n            <div\r\n                v-if=\"isMobile\"\r\n                id=\"thumb-carousel\"\r\n                class=\"owl-thumbs owl-carousel owl-theme owl-single-item owl-loaded\"\r\n            >\r\n                <div\r\n                    class=\"owl-stage-outer owl-height\"\r\n                    style=\"height: 1px;\"\r\n                >\r\n                    <div\r\n                        class=\"owl-stage\"\r\n                    >\r\n                        <div\r\n                            v-for=\"(imagePreview, index) in carouselImages\"\r\n                            :key=\"itemId + '-' + index\"\r\n                            class=\"owl-item active\"\r\n                            style=\"width: 64px; margin-right: 10px;\"\r\n                        >\r\n                            <a\r\n                                :href=\"singleImages[index].url + imgPostFix\"\r\n                                data-zoom-id=\"MagicImage\"\r\n                                :data-image=\"singleImages[index].url + imgPostFix\"\r\n                                :title=\"getAltText(imagePreview)\"\r\n                                class=\"mz-thumb\"\r\n                                :class=\"{ 'mz-thumb-selected ': currentItem === index }\"\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div\r\n                v-else\r\n                v-show=\"showThumbs\"\r\n                id=\"thumb-carousel\"\r\n                ref=\"thumbs\"\r\n                class=\"owl-thumbs owl-carousel owl-theme owl-single-item\"\r\n            >\r\n                <a\r\n                    v-for=\"(imagePreview, index) in carouselImages\"\r\n                    v-show=\"singleImages[1] && showThumbs\"\r\n                    :key=\"itemId + '-' + index\"\r\n                    data-zoom-id=\"MagicImage\"\r\n                    :href=\"singleImages[index].url + imgPostFix\"\r\n                    :data-image=\"singleImages[index].url + imgPostFix\"\r\n                    :title=\"getAltText(imagePreview)\"\r\n                    class=\"\"\r\n                >\r\n                    <img\r\n                        :alt=\"getAltText(imagePreview)\"\r\n                        :data-src=\"imagePreview.url + imgPostFix\"\r\n                        :title=\"getImageName(imagePreview)\"\r\n                        class=\"owl-thumb owl-lazy\"\r\n                        :class=\"{ 'active': currentItem === index }\"\r\n                    >\r\n                </a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\n    import { isBreakpointDown } from '../../helpers/device-size-check';\r\n    import { detectAvif, detectWebP } from '../../../app/helper/featureDetect';\r\n    import lozad from '../../../app/plugins/lozad';\r\n\r\n    export default {\r\n        name: 'ItemImageCarousel',\r\n        inject: {\r\n            itemId: {\r\n                default: null,\r\n            },\r\n        },\r\n        props: {\r\n            maxQuantity:\r\n                {\r\n                    type: Number,\r\n                    default: 10,\r\n                },\r\n            imageUrlAccessor:\r\n                {\r\n                    type: String,\r\n                    default: 'url',\r\n                },\r\n            showThumbs:\r\n                {\r\n                    type: Boolean,\r\n                    default: true,\r\n                },\r\n            showDots:\r\n                {\r\n                    type: Boolean,\r\n                    default: true,\r\n                },\r\n            animationStyle:\r\n                {\r\n                    type: String,\r\n                    default: 'standard',\r\n                },\r\n            pluginPath:\r\n                {\r\n                    type: String,\r\n                    default: '',\r\n                },\r\n        },\r\n\r\n        data() {\r\n            const imageConversionEnabled = App.config.log.modernImagesConversion;\r\n            return {\r\n                currentItem: 0,\r\n                isMobile: false,\r\n                avifSupported: imageConversionEnabled, // 90%+ support it, so assume it\r\n                webpSupported: imageConversionEnabled, // 90%+ support it, so assume it\r\n                imageConversionEnabled,\r\n            };\r\n        },\r\n\r\n        computed:\r\n            {\r\n                currentVariation() {\r\n                    return this.$store.getters[`${this.itemId}/currentItemVariation`];\r\n                },\r\n\r\n                carouselImages() {\r\n                    return this.$options.filters.itemImages(\r\n                        this.currentVariation.images,\r\n                        'urlPreview',\r\n                    ).slice(0, this.maxQuantity);\r\n                },\r\n\r\n                singleImages() {\r\n                    return this.$options.filters.itemImages(\r\n                        this.currentVariation.images,\r\n                        this.imageUrlAccessor,\r\n                    ).slice(0, this.maxQuantity);\r\n                },\r\n                imgPostFix() {\r\n                    if (!this.imageConversionEnabled) {\r\n                        return '';\r\n                    }\r\n                    return (this.avifSupported ? '.avif' : this.webpSupported ? '.webp' : '');\r\n                },\r\n            },\r\n\r\n        watch: {\r\n            currentVariation:\r\n                {\r\n                    handler(val, oldVal) {\r\n                        if (val !== oldVal) {\r\n                            setTimeout(() => {\r\n                                this.reInitialize();\r\n                            }, 1);\r\n                        }\r\n                    },\r\n                    deep: true,\r\n                },\r\n        },\r\n\r\n        mounted() {\r\n\r\n            detectAvif(((avifSupported) => {\r\n                this.avifSupported = avifSupported;\r\n\r\n                if (avifSupported) {\r\n                    this.delayedMounted();\r\n                }\r\n\r\n                if (!avifSupported) {\r\n                    detectWebP(((webpSupported) => {\r\n                        this.webpSupported = webpSupported;\r\n                        this.delayedMounted();\r\n                        window.MagicZoom.update('MagicImage', this.singleImages[0].url + this.imgPostFix, this.singleImages[0].url + this.imgPostFix);\r\n                        // document.querySelector('#main-image').src = this.singleImages[0].url  + this.imgPostFix\r\n                    }));\r\n                }\r\n            }));\r\n            this.isMobile = isBreakpointDown('xl');\r\n        },\r\n\r\n        methods:\r\n            {\r\n                delayedMounted() {\r\n\r\n                    this.$nextTick(() => {\r\n                        this.initThumbCarousel();\r\n                        try {\r\n                            if (!window.MagicZoom.running('MagicImage')) {\r\n                                window.MagicZoom.start('MagicImage');\r\n                            }\r\n                        } catch (e) {\r\n                            console.log('failed', e);\r\n                        }\r\n                    });\r\n                    // backup (on ios devices, didn't work sometimes\r\n                    setTimeout(() => {\r\n                        this.initThumbCarousel();\r\n                        if (!window.MagicZoom.running('MagicImage')) {\r\n                            window.MagicZoom.start('MagicImage');\r\n                        }\r\n                    }, 1000);\r\n                },\r\n\r\n                getImageCount() {\r\n                    return this.carouselImages.length > this.maxQuantity ? this.maxQuantity : this.carouselImages.length;\r\n                },\r\n\r\n                reInitialize() {\r\n                    const $thumbs = $(this.$refs.thumbs);\r\n\r\n                    $thumbs.trigger('destroy.owl.carousel');\r\n                    $thumbs.html($thumbs.find('.owl-stage-outer').html()).removeClass('owl-loaded');\r\n                    $thumbs.find('.owl-item').remove();\r\n\r\n                    // this.initCarousel()\r\n                    this.initThumbCarousel();\r\n                },\r\n\r\n                initThumbCarousel() {\r\n                    if (this.isMobile) {\r\n                        return;\r\n                    }\r\n                    window._owlc().then(() => {\r\n                        $(this.$refs.thumbs).owlCarousel({\r\n                            autoHeight: true,\r\n                            dots: false,\r\n                            items: 5,\r\n                            lazyLoad: true,\r\n                            loop: false,\r\n                            margin: 10,\r\n                            mouseDrag: false,\r\n                            center: false,\r\n                            nav: true,\r\n                            navClass: [\r\n                                'owl-single-item-nav left carousel-control',\r\n                                'owl-single-item-nav right carousel-control',\r\n                            ],\r\n                            navContainerClass: '',\r\n                            navText: [\r\n                                '<i class=\"owl-single-item-control fa fa-chevron-left\" aria-hidden=\"true\"></i>',\r\n                                '<i class=\"owl-single-item-control fa fa-chevron-right\" aria-hidden=\"true\"></i>',\r\n                            ],\r\n                            smartSpeed: 350,\r\n                        });\r\n                    });\r\n                },\r\n\r\n                goTo(index) {\r\n                    const $owl = $(this.$refs.single);\r\n\r\n                    $owl.trigger('to.owl.carousel', [\r\n                        index,\r\n                        350,\r\n                    ]);\r\n                },\r\n\r\n                getAltText(image) {\r\n                    return image && image.alternate ? image.alternate : this.$options.filters.itemName(this.currentVariation);\r\n                },\r\n\r\n                getImageName(image) {\r\n                    return image && image.name ? image.name : this.$options.filters.itemName(this.currentVariation);\r\n                },\r\n\r\n            },\r\n    };\r\n</script>\r\n","import { render, staticRenderFns } from \"./ItemImageCarousel.vue?vue&type=template&id=88217e32&\"\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:\\\\Users\\\\schuckerp\\\\git\\\\plenty-plugins\\\\4024\\\\15\\\\modeherz\\\\plugin-ceres\\\\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('88217e32')) {\n      api.createRecord('88217e32', component.options)\n    } else {\n      api.reload('88217e32', component.options)\n    }\n    module.hot.accept(\"./ItemImageCarousel.vue?vue&type=template&id=88217e32&\", function () {\n      api.rerender('88217e32', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/modeherz/components/item/ItemImageCarousel.vue\"\nexport default component.exports"],"sourceRoot":""}