{"version":3,"sources":["webpack:///resources/js/src/app/components/item/ItemImageCarousel.vue","webpack:///./resources/js/src/app/components/item/ItemImageCarousel.vue?55b3","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?00e4"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA;AACA;AACA;AACA;AAEA;AACA;AACA,iBACA;AACA,kBADA;AAEA;AAFA,KAFA;AAMA,sBACA;AACA,kBADA;AAEA;AAFA,KAPA;AAWA,gBACA;AACA,mBADA;AAEA;AAFA,KAZA;AAgBA,cACA;AACA,mBADA;AAEA;AAFA,KAjBA;AAqBA,oBACA;AACA,kBADA;AAEA;AAFA,KAtBA;AA0BA,gBACA;AACA,kBADA;AAEA;AAFA;AA3BA,GADA;AAkCA;AACA;AACA;AADA;AADA,GAlCA;AAwCA,MAxCA,kBAyCA;AACA;AACA;AADA;AAGA,GA7CA;AA+CA,YACA;AACA,oBADA,8BACA;AACA;AACA,KAHA;AAKA,kBALA,4BAMA;AACA,kCACA,iCACA,4BADA,EAEA,YAFA,CADA,EAKA,KALA,CAKA,CALA,EAKA,gBALA;AAMA,KAbA;AAeA,gBAfA,0BAgBA;AACA,kCACA,iCACA,4BADA,EAEA,qBAFA,CADA,EAKA,KALA,CAKA,CALA,EAKA,gBALA;AAMA;AAvBA,GAhDA;AA0EA;AACA,sBACA;AACA,aADA,mBACA,GADA,EACA,MADA,EAEA;AAAA;;AACA,4BACA;AACA,iCACA;AACA;AACA,WAHA,EAGA,CAHA;AAIA;AACA,OAVA;AAWA;AAXA;AAFA,GA1EA;AA2FA,SA3FA,qBA4FA;AAAA;;AACA,+BACA;AACA;;AACA;AACA,KAJA;AAKA,GAlGA;AAoGA,WACA;AACA,iBADA,2BAEA;AACA;AACA,KAJA;AAMA,gBANA,0BAOA;AACA;AACA;AACA;AACA;AACA,KAZA;AAcA,gBAdA,0BAeA;AACA;AAEA;AACA;AAEA,4CACA,IADA,CACA,oBADA;AAEA;AACA,wBADA;AAEA,mBAFA;AAGA;AACA,uCADA;AAEA;AAFA,SAHA;AAOA;AACA;AADA;AAPA;AAWA,KAlCA;AAoCA,qBApCA,+BAqCA;AACA;AACA;AAEA;;AAEA,mCACA;AACA;AACA;;AAEA,mCACA;AACA;AACA,0BADA;AAEA,0BAFA;AAGA;AAHA;AAMA,OARA,MAUA;AACA;AACA,0BADA;AAEA,0BAFA;AAGA,qBAHA;AAIA;AAJA;AAMA;AACA,KAlEA;AAoEA,QApEA,gBAoEA,KApEA,EAqEA;AACA;AAEA,uCACA,KADA,EAEA,GAFA;AAIA,KA5EA;AA8EA,mBA9EA,2BA8EA,IA9EA,EA+EA;AACA,uBACA,0BACA;AACA,+CACA;AACA;AACA;;AACA,+CACA;AACA;AACA;;AAEA;AACA,OAbA;AAcA,KA9FA;AAgGA,cAhGA,sBAgGA,KAhGA,EAiGA;AACA;AACA,KAnGA;AAqGA,gBArGA,wBAqGA,KArGA,EAsGA;AACA;AACA,KAxGA;AA0GA,gBA1GA,0BA2GA;AAAA;;AACA,oDACA;AACA;;AAEA,uGACA;AACA;AACA,SAHA,MAKA;AACA;;AAEA;AACA;AACA;;AAEA;AAAA;AAAA;;AACA;AAAA;AAAA;;AAEA;AACA;AACA,OArBA;AAsBA;AAlIA;AArGA,G;;;;;;;;;;;;AC/DA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc;AACd,KAAK;AACL;AACA,iBAAiB,gDAAgD;AACjE;AACA;AACA,WAAW,4CAA4C;AACvD;AACA,8BAA8B,8BAA8B;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA,WAAW;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW;AACX,sBAAsB,gCAAgC;AACtD;AACA;AACA;AACA,iBAAiB,0CAA0C;AAC3D;AACA;AACA,WAAW,6CAA6C;AACxD;AACA,8BAA8B,8BAA8B;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA,WAAW;AACX;AACA;AACA;AACA;AACA;AACA,WAAW,+DAA+D;AAC1E,sBAAsB,gCAAgC;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,qCAAqC;AAC3D,iBAAiB,SAAS,mBAAmB,EAAE;AAC/C;AACA;AACA;AACA;;;;;;;;;;;;;;AChFA;AAAA;AAAA;AAAA;AAAgG;AAC3B;AACL;;;AAGhE;AACsG;AACtG,gBAAgB,2GAAU;AAC1B,EAAE,uFAAM;AACR,EAAE,4FAAM;AACR,EAAE,qGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAAyM,CAAgB,qPAAG,EAAC,C;;;;;;;;;;;;ACA7N;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunks/ceres-37.js","sourcesContent":["<template>\n    <!--<div itemscope itemtype=\"http://schema.org/Thing\">\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 v-if=\"showThumbs\" id=\"thumb-carousel\" class=\"owl-thumbs owl-carousel owl-theme owl-single-item\" ref=\"thumbs\">\n            <div class=\"prop-1-1\" v-for=\"(imagePreview, index) in carouselImages\">\n                <div class=\"image-container\" @click=\"goTo(index)\">\n                    <lazy-img\n                        picture-class=\"owl-thumb border-appearance\"\n                        v-bind:class=\"{ 'active': currentItem === index}\"\n                        :image-url=\"imagePreview.url\"\n                        :alt=\"getAltText(imagePreview)\"\n                        :title=\"getImageName(imagePreview)\">\n                    </lazy-img>\n                </div>\n            </div>\n        </div>\n    </div>-->\n\n    <div class=\"row\" itemscope itemtype=\"http://schema.org/Thing\">\n        <div class=\"single-thumb-swiper__container\">\n            <div class=\"d-none\" ref=\"thumbImages\">\n                <div class=\"swiper-slide\" v-for=\"(imagePreview, index) in carouselImages\">\n                    <img :alt=\"getAltText(imagePreview)\"\n                         class=\"single-thumb-swiper__image\"\n                         :src=\"imagePreview.url\"\n                         :title=\"getImageName()\"\n                         itemprop=\"image\">\n                </div>\n            </div>\n            <div class=\"swiper-container single-thumb-swiper\" ref=\"thumbs\">\n                <div class=\"swiper-wrapper\"></div>\n            </div>\n        </div>\n\n        <div class=\"single-swiper__container\">\n            <div class=\"d-none\" ref=\"singleImages\">\n                <div class=\"swiper-slide\" v-for=\"image in singleImages\">\n                    <img :alt=\"getAltText(image)\"\n                         class=\"single-swiper__image\"\n                         :title=\"getImageName()\"\n                         :src=\"image.url\" itemprop=\"image\">\n                </div>\n            </div>\n            <div class=\"swiper-container single-swiper\" ref=\"single\">\n                <div class=\"swiper-wrapper\"></div>\n                <div class=\"swiper-special-over\"><img src=\"\" alt=\"\" /></div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { isNullOrUndefined } from \"ceres/app/helper/utils\";\nimport \"owl.carousel\";\nimport Swiper from \"swiper\";\nimport { mapState } from \"vuex\";\n\nexport default {\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        };\n    },\n\n    computed:\n    {\n        currentVariation() {\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\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.initThumbCarousel();\n            this.initCarousel();\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            this.thumbSwiper.destroy();\n            this.singleSwiper.destroy();\n            this.initThumbCarousel();\n            this.initCarousel();\n        },\n\n        initCarousel()\n        {\n            const that = this;\n\n            const $singleImages = $(this.$refs.singleImages);\n            const $singleSwiper = $(this.$refs.single);\n\n            $singleSwiper.find(\".swiper-wrapper\")\n                .html($singleImages.html());\n            this.singleSwiper = new Swiper($singleSwiper, {\n                spaceBetween: 10,\n                loop: false,\n                navigation: {\n                    nextEl: \".swiper-button-next\",\n                    prevEl: \".swiper-button-prev\"\n                },\n                thumbs: {\n                    swiper: this.thumbSwiper\n                }\n            });\n        },\n\n        initThumbCarousel()\n        {\n            const $thumbImages = $(this.$refs.thumbImages);\n            const $thumbSwiper = $(this.$refs.thumbs);\n\n            $thumbSwiper.find(\".swiper-wrapper\").html($thumbImages.html());\n\n            if (window.innerWidth < 992)\n            {\n                $(\".single-information\").appendTo(\".single-item__right\");\n            }\n\n            if (window.innerWidth < 768)\n            {\n                this.thumbSwiper = new Swiper($thumbSwiper, {\n                    spaceBetween: 10,\n                    slidesPerView: 4,\n                    loop: false\n                });\n\n            }\n            else\n            {\n                this.thumbSwiper = new Swiper($thumbSwiper, {\n                    spaceBetween: 10,\n                    slidesPerView: 4,\n                    loop: false,\n                    direction: \"vertical\"\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() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    {\n      staticClass: \"row\",\n      attrs: { itemscope: \"\", itemtype: \"http://schema.org/Thing\" }\n    },\n    [\n      _c(\"div\", { staticClass: \"single-thumb-swiper__container\" }, [\n        _c(\n          \"div\",\n          { ref: \"thumbImages\", staticClass: \"d-none\" },\n          _vm._l(_vm.carouselImages, function(imagePreview, index) {\n            return _c(\"div\", { staticClass: \"swiper-slide\" }, [\n              _c(\"img\", {\n                staticClass: \"single-thumb-swiper__image\",\n                attrs: {\n                  alt: _vm.getAltText(imagePreview),\n                  src: imagePreview.url,\n                  title: _vm.getImageName(),\n                  itemprop: \"image\"\n                }\n              })\n            ])\n          }),\n          0\n        ),\n        _vm._v(\" \"),\n        _c(\n          \"div\",\n          {\n            ref: \"thumbs\",\n            staticClass: \"swiper-container single-thumb-swiper\"\n          },\n          [_c(\"div\", { staticClass: \"swiper-wrapper\" })]\n        )\n      ]),\n      _vm._v(\" \"),\n      _c(\"div\", { staticClass: \"single-swiper__container\" }, [\n        _c(\n          \"div\",\n          { ref: \"singleImages\", staticClass: \"d-none\" },\n          _vm._l(_vm.singleImages, function(image) {\n            return _c(\"div\", { staticClass: \"swiper-slide\" }, [\n              _c(\"img\", {\n                staticClass: \"single-swiper__image\",\n                attrs: {\n                  alt: _vm.getAltText(image),\n                  title: _vm.getImageName(),\n                  src: image.url,\n                  itemprop: \"image\"\n                }\n              })\n            ])\n          }),\n          0\n        ),\n        _vm._v(\" \"),\n        _c(\n          \"div\",\n          { ref: \"single\", staticClass: \"swiper-container single-swiper\" },\n          [_c(\"div\", { staticClass: \"swiper-wrapper\" }), _vm._v(\" \"), _vm._m(0)]\n        )\n      ])\n    ]\n  )\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"swiper-special-over\" }, [\n      _c(\"img\", { attrs: { src: \"\", alt: \"\" } })\n    ])\n  }\n]\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(\"/Users/davidisaak/Sites/pp-foliesen/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/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ItemImageCarousel.vue?vue&type=template&id=5285279e&\""],"sourceRoot":""}