{"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?a1ec","webpack:///./resources/js/src/app/components/item/ItemImageCarousel.vue?f260"],"names":["render","_vm","this","_c","_self","attrs","itemscope","itemtype","ref","staticClass","_l","singleImages","image","index","href","addImageExtension","urlFull","getImageName","alt","getAltText","url","title","width","getImageWidth","height","getImageHeight","_v","showThumbs","id","carouselImages","imagePreview","on","click","$event","goTo","class","active","currentItem","_e","initialized","_withStripped","mime","require","name","props","maxQuantity","type","Number","default","imageUrlAccessor","String","Boolean","showDots","animationStyle","pluginPath","inject","itemId","data","computed","isMobile","screen","currentVariation","$store","getters","concat","WkCeresThemePropertyConfigVideoLinkId","App","WkCeresThemePropertyConfig","videolinkid","$options","filters","itemImages","images","slice","watch","handler","val","oldVal","_this","setTimeout","reInitialize","deep","mounted","_this2","$nextTick","initCarousel","initThumbCarousel","loadGlightbox","lozad","load","el","src","dataset","onload","classList","remove","add","observe","methods","mimeType","lookup","newUrl","getImageCount","length","$owl","$","$refs","single","trigger","html","find","removeClass","$thumbs","thumbs","_this3","imageCount","carouselSettings","autoHeight","dots","items","rewind","margin","mouseDrag","nav","navClass","navContainerClass","navText","smartSpeed","onChanged","event","page","onInitialized","animateOut","owlCarousel","isNullOrUndefined","window","lightbox","option","wrapAround","albumLabel","$translate","loop","center","alternate","itemName","itemImageWidth","itemImageHeight","Promise","resolve","reject","glightboxmobile","GLightbox","selector","touchNavigation","plyr","config","muted","hideControls","glightbox","document","addEventListener","reload","component"],"mappings":"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","file":"chunks/ceres-42.min.js","sourcesContent":["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(\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(\"div\", { staticClass: \"wk-single-img-wrapper\" }, [\n              _c(\n                \"a\",\n                {\n                  staticClass: \"glightbox wk-single-img-mobile\",\n                  attrs: {\n                    href: _vm.addImageExtension(image.urlFull),\n                    \"data-gallery\": \"single-item-preview\",\n                    \"data-title\": _vm.getImageName(image),\n                  },\n                },\n                [\n                  _c(\"lazy-img\", {\n                    attrs: {\n                      alt: _vm.getAltText(image),\n                      \"image-url\": image.url,\n                      title: _vm.getImageName(image),\n                      width: _vm.getImageWidth(image),\n                      height: _vm.getImageHeight(image),\n                    },\n                  }),\n                ],\n                1\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\", [\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                          alt: _vm.getAltText(imagePreview),\n                          \"image-url\": imagePreview.url,\n                          title: _vm.getImageName(imagePreview),\n                          width: _vm.getImageWidth(imagePreview),\n                          height: _vm.getImageHeight(imagePreview),\n                          \"picture-class\": \"owl-thumb border-appearance\",\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(\n                \"div\",\n                { staticClass: \"prop-1-1\" },\n                [\n                  _c(\"lazy-img\", {\n                    attrs: {\n                      alt: _vm.getAltText(_vm.singleImages[0].url),\n                      \"image-url\": _vm.singleImages[0].url,\n                      title: _vm.getImageName(_vm.singleImages[0].url),\n                      width: _vm.getImageWidth(_vm.singleImages[0]),\n                      height: _vm.getImageHeight(_vm.singleImages[0]),\n                      \"picture-class\": \"owl-placeholder\",\n                    },\n                  }),\n                ],\n                1\n              ),\n            ]\n          )\n        : _vm._e(),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","\r\n\r\n<template>\r\n\t<div itemscope itemtype=\"http://schema.org/Thing\">\r\n\t\t<template>\r\n\t\t\t<div\r\n\t\t\t\tclass=\"single-carousel owl-carousel owl-theme owl-single-item mt-0\"\r\n\t\t\t\tref=\"single\"\r\n\t\t\t>\r\n\t\t\t\t<div\r\n\t\t\t\t\tv-for=\"(image, index) in singleImages\"\r\n\t\t\t\t\tclass=\"wk-single-img-wrapper\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\t:href=\"addImageExtension(image.urlFull)\"\r\n\t\t\t\t\t\tclass=\"glightbox wk-single-img-mobile\"\r\n\t\t\t\t\t\t:data-gallery=\"'single-item-preview'\"\r\n\t\t\t\t\t\t:data-title=\"getImageName(image)\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<lazy-img\r\n\t\t\t\t\t\t\t:alt=\"getAltText(image)\"\r\n              \t\t\t\t:image-url=\"image.url\"\r\n              \t\t\t\t:title=\"getImageName(image)\"\r\n\t\t\t\t\t\t\t :width=\"getImageWidth(image)\"\r\n\t\t\t\t\t\t\t :height=\"getImageHeight(image)\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div\r\n\t\t\t\tv-if=\"showThumbs\"\r\n\t\t\t\tid=\"thumb-carousel\"\r\n\t\t\t\tclass=\"owl-thumbs owl-carousel owl-theme owl-single-item\"\r\n\t\t\t\tref=\"thumbs\"\r\n\t\t\t>\r\n\t\t\t\t<div v-for=\"(imagePreview, index) in carouselImages\">\r\n\t\t\t\t\t<div class=\"image-container\" @click=\"goTo(index)\">\r\n\t\t\t\t\t\t<lazy-img\r\n\t\t\t\t\t\t:alt=\"getAltText(imagePreview)\"\r\n\t\t\t\t\t\t:image-url=\"imagePreview.url\"\r\n\t\t\t\t\t\t:title=\"getImageName(imagePreview)\"\r\n\t\t\t\t\t\t:width=\"getImageWidth(imagePreview)\"\r\n                        :height=\"getImageHeight(imagePreview)\"\r\n\t\t\t\t\t\tpicture-class=\"owl-thumb border-appearance\"\r\n\t\t\t\t\t\tv-bind:class=\"{ 'active': currentItem === index}\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t</lazy-img>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</template>\r\n\t\t<div\r\n\t\t\tv-if=\"!initialized\"\r\n\t\t\tclass=\"single-carousel owl-carousel owl-loaded owl-theme owl-single-item mt-0\"\r\n\t\t>\r\n\t\t\t<div class=\"prop-1-1\">\r\n\t\t\t\t<lazy-img\r\n            :alt=\"getAltText(singleImages[0].url)\"\r\n            :image-url=\"singleImages[0].url\"\r\n            :title=\"getImageName(singleImages[0].url)\"\r\n\t\t\t:width=\"getImageWidth(singleImages[0])\"\r\n            :height=\"getImageHeight(singleImages[0])\"\r\n            picture-class=\"owl-placeholder\"\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport { isNullOrUndefined } from \"../../helper/utils\";\r\n\tconst mime = require('mime-types')\r\n\r\n\texport default {\r\n\t\tname: \"item-image-carousel\",\r\n\r\n\t\tprops: {\r\n\t\t\tmaxQuantity: {\r\n\t\t\t\ttype: Number,\r\n\t\t\t\tdefault: 10,\r\n\t\t\t},\r\n\t\t\timageUrlAccessor: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: \"url\",\r\n\t\t\t},\r\n\t\t\tshowThumbs: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: true,\r\n\t\t\t},\r\n\t\t\tshowDots: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: true,\r\n\t\t\t},\r\n\t\t\tanimationStyle: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: \"standard\",\r\n\t\t\t},\r\n\t\t\tpluginPath: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: \"\",\r\n\t\t\t},\r\n\t\t},\r\n\r\n\t\tinject: {\r\n\t\t\titemId: {\r\n\t\t\t\tdefault: null,\r\n\t\t\t},\r\n\t\t},\r\n\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tcurrentItem: 0,\r\n\t\t\t\tinitialized: false,\r\n\t\t\t};\r\n\t\t},\r\n\r\n\t\tcomputed: {\r\n\t\t\tisMobile() {\r\n\t\t\t\treturn screen.width <= 992;\r\n\t\t\t},\r\n\t\t\tcurrentVariation() {\r\n\t\t\t\treturn this.$store.getters[`${this.itemId}/currentItemVariation`];\r\n\t\t\t},\r\n\t\t\tWkCeresThemePropertyConfigVideoLinkId() {\r\n\t\t\t\treturn App.WkCeresThemePropertyConfig.videolinkid;\r\n\t\t\t},\r\n\t\t\tcarouselImages() {\r\n\t\t\t\treturn this.$options.filters\r\n\t\t\t\t\t.itemImages(this.currentVariation.images, \"urlPreview\")\r\n\t\t\t\t\t.slice(0, this.maxQuantity);\r\n\t\t\t},\r\n\t\t\tsingleImages() {\r\n\t\t\t\treturn this.$options.filters\r\n\t\t\t\t\t.itemImages(this.currentVariation.images, this.imageUrlAccessor)\r\n\t\t\t\t\t.slice(0, this.maxQuantity);\r\n\t\t\t},\r\n\t\t},\r\n\r\n\t\twatch: {\r\n\t\t\tcurrentVariation: {\r\n\t\t\t\thandler(val, oldVal) {\r\n\t\t\t\t\tif (val !== oldVal) {\r\n\t\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\t\tthis.reInitialize();\r\n\t\t\t\t\t\t}, 1);\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\tdeep: true,\r\n\t\t\t},\r\n\t\t},\r\n\r\n\t\tmounted() {\r\n\t\t\tthis.$nextTick(() => {\r\n\t\t\t\tthis.initCarousel();\r\n\t\t\t\tthis.initThumbCarousel();\r\n\t\t\t\tthis.loadGlightbox();\r\n\t\t\t\tlozad(\".wk-lazyload\", {\r\n\t\t\t\t\tload: function(el) {\r\n\t\t\t\t\t\tel.src = el.dataset.src;\r\n\t\t\t\t\t\tel.onload = function() {\r\n\t\t\t\t\t\t\tel.classList.remove(\"wk-lazyload-init\");\r\n\t\t\t\t\t\t\tel.classList.add(\"wk-fade\");\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t},\r\n\t\t\t\t}).observe();\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tmethods: {\r\n\t\t\tmimeType(url){\r\n            return mime.lookup(url);\r\n        },\r\n\r\n\t\taddImageExtension(url) {\r\n\t\t\tlet newUrl = url;\r\n\t\t\r\n\t\t\tnewUrl += '.avif';\r\n\t\t\tconst avifMimeType = this.mimeType(newUrl);\r\n\t\t\tif (avifMimeType === 'image/avif') {\r\n\t\t\t\treturn newUrl;\r\n\t\t\t}\r\n\t\t\r\n\t\t\tnewUrl = url + '.webp';\r\n\t\t\tconst webpMimeType = this.mimeType(newUrl);\r\n\t\t\tif (webpMimeType === 'image/webp') {\r\n\t\t\t\treturn newUrl;\r\n\t\t\t}\r\n\t\t\r\n\t\t\treturn url;\r\n\t\t\t},\r\n\r\n\t\t\tgetImageCount() {\r\n\t\t\t\treturn this.carouselImages.length > this.maxQuantity\r\n\t\t\t\t\t? this.maxQuantity\r\n\t\t\t\t\t: this.carouselImages.length;\r\n\t\t\t},\r\n\r\n\t\t\treInitialize() {\r\n\t\t\t\tconst $owl = $(this.$refs.single);\r\n\r\n\t\t\t\t$owl.trigger(\"destroy.owl.carousel\");\r\n\t\t\t\t$owl\r\n\t\t\t\t\t.html($owl.find(\".owl-stage-outer\").html())\r\n\t\t\t\t\t.removeClass(\"owl-loaded\");\r\n\t\t\t\t$owl.find(\".owl-item\").remove();\r\n\r\n\t\t\t\tconst $thumbs = $(this.$refs.thumbs);\r\n\r\n\t\t\t\t$thumbs.trigger(\"destroy.owl.carousel\");\r\n\t\t\t\t$thumbs\r\n\t\t\t\t\t.html($thumbs.find(\".owl-stage-outer\").html())\r\n\t\t\t\t\t.removeClass(\"owl-loaded\");\r\n\t\t\t\t$thumbs.find(\".owl-item\").remove();\r\n\r\n\t\t\t\tthis.initCarousel();\r\n\t\t\t\tthis.initThumbCarousel();\r\n\t\t\t},\r\n\r\n\t\t\tinitCarousel() {\r\n\t\t\t\tconst imageCount = this.getImageCount();\r\n\t\t\t\tconst carouselSettings = {\r\n\t\t\t\t\tautoHeight: true,\r\n\t\t\t\t\tdots: this.showDots,\r\n\t\t\t\t\titems: 1,\r\n \r\n\t\t\t\t\trewind: true,\r\n\t\t\t\t\tmargin: 10,\r\n\t\t\t\t\tmouseDrag: imageCount > 1,\r\n\t\t\t\t\tnav: imageCount > 1,\r\n\t\t\t\t\tnavClass: [\r\n\t\t\t\t\t\t\"owl-single-item-nav left carousel-control\",\r\n\t\t\t\t\t\t\"owl-single-item-nav right carousel-control\",\r\n\t\t\t\t\t],\r\n\t\t\t\t\tnavContainerClass: \"\",\r\n\t\t\t\t\tnavText: [\r\n\t\t\t\t\t\t'<i class=\"owl-single-item-control fa fa-chevron-left\" aria-hidden=\"true\"></i>',\r\n\t\t\t\t\t\t'<i class=\"owl-single-item-control fa fa-chevron-right\" aria-hidden=\"true\"></i>',\r\n\t\t\t\t\t],\r\n\t\t\t\t\tsmartSpeed: 350,\r\n\t\t\t\t\tonChanged: (event) => {\r\n\t\t\t\t\t\tconst $thumb = $(this.$refs.thumbs);\r\n\r\n\t\t\t\t\t\t$thumb.trigger(\"to.owl.carousel\", [event.page.index, 350]);\r\n\t\t\t\t\t},\r\n\t\t\t\t\tonInitialized: (event) => {\r\n\t\t\t\t\t\tthis.initialized = true;\r\n\t\t\t\t\t},\r\n\t\t\t\t};\r\n\r\n\t\t\t\tif (this.animationStyle !== \"standard\") {\r\n\t\t\t\t\tcarouselSettings.animateOut = this.animationStyle;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t$(this.$refs.single).owlCarousel(carouselSettings);\r\n\r\n\t\t\t\tif (!isNullOrUndefined(window.lightbox)) {\r\n\t\t\t\t\tlightbox.option({\r\n\t\t\t\t\t\twrapAround: true,\r\n\t\t\t\t\t\talbumLabel: this.$translate(\r\n\t\t\t\t\t\t\t\"Ceres::Template.singleItemLightboxImageShown\"\r\n\t\t\t\t\t\t),\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\t$(this.$refs.single).on(\"changed.owl.carousel\", (event) => {\r\n\t\t\t\t\tthis.currentItem = event.page.index;\r\n\t\t\t\t});\r\n\t\t\t},\r\n\r\n\t\t\tinitThumbCarousel() {\r\n\t\t\t\t$(this.$refs.thumbs).owlCarousel({\r\n\t\t\t\t\tautoHeight: true,\r\n\t\t\t\t\tdots: false,\r\n\t\t\t\t\titems: 5,\r\n \r\n\t\t\t\t\tloop: false,\r\n\t\t\t\t\tmargin: 10,\r\n\t\t\t\t\tmouseDrag: false,\r\n\t\t\t\t\tcenter: false,\r\n\t\t\t\t\tnav: true,\r\n\t\t\t\t\tnavClass: [\r\n\t\t\t\t\t\t\"owl-single-item-nav left carousel-control\",\r\n\t\t\t\t\t\t\"owl-single-item-nav right carousel-control\",\r\n\t\t\t\t\t],\r\n\t\t\t\t\tnavContainerClass: \"\",\r\n\t\t\t\t\tnavText: [\r\n\t\t\t\t\t\t'<i class=\"owl-single-item-control fa fa-chevron-left\" aria-hidden=\"true\"></i>',\r\n\t\t\t\t\t\t'<i class=\"owl-single-item-control fa fa-chevron-right\" aria-hidden=\"true\"></i>',\r\n\t\t\t\t\t],\r\n\t\t\t\t\tsmartSpeed: 350,\r\n\t\t\t\t});\r\n\t\t\t},\r\n\r\n\t\t\tgoTo(index) {\r\n\t\t\t\tconst $owl = $(this.$refs.single);\r\n\r\n\t\t\t\t$owl.trigger(\"to.owl.carousel\", [index, 350]);\r\n\t\t\t},\r\n\r\n\t\t\tgetAltText(image) {\r\n\t\t\t\treturn image && image.alternate\r\n\t\t\t\t\t? image.alternate\r\n\t\t\t\t\t: this.$options.filters.itemName(this.currentVariation);\r\n\t\t\t},\r\n\r\n\t\t\tgetImageName(image) {\r\n\t\t\t\treturn image && image.name\r\n\t\t\t\t\t? image.name\r\n\t\t\t\t\t: this.$options.filters.itemName(this.currentVariation);\r\n\t\t\t},\r\n\t\t\tgetImageWidth(image)\r\n\t\t\t\t{\r\n\t\t\t\treturn image && image.width ? image.width : this.$options.filters.itemImageWidth(this.carouselImages);\r\n\t\t\t\t},\r\n\t\t\tgetImageHeight(image)\r\n\t\t\t\t{\r\n\t\t\t\treturn image && image.height ? image.height : this.$options.filters.itemImageHeight(this.carouselImages);\r\n\t\t\t\t},\r\n\r\n\t\t\tloadGlightbox() {\r\n\t\t\t\tnew Promise((resolve, reject) => {\r\n\t\t\t\t\tconst glightboxmobile = GLightbox({\r\n\t\t\t\t\t\tselector: \".glightboxmobile\",\r\n\t\t\t\t\t\ttouchNavigation: false,\r\n\t\t\t\t\t\tloop: false,\r\n\t\t\t\t\t\tplyr: {\r\n\t\t\t\t\t\t\tconfig: {\r\n\t\t\t\t\t\t\t\tmuted: true,\r\n\t\t\t\t\t\t\t\thideControls: false,\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t});\r\n\t\t\t\t\tconst glightbox = GLightbox({\r\n\t\t\t\t\t\tselector: \".glightbox\",\r\n\t\t\t\t\t\ttouchNavigation: true,\r\n\t\t\t\t\t\tloop: false,\r\n\t\t\t\t\t\tplyr: {\r\n\t\t\t\t\t\t\tconfig: {\r\n\t\t\t\t\t\t\t\tmuted: true,\r\n\t\t\t\t\t\t\t\thideControls: false,\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t});\r\n\t\t\t\t\tdocument.addEventListener(\"onVariationChanged\", (event) => {\r\n\t\t\t\t\t\tglightboxmobile.reload();\r\n\t\t\t\t\t\tglightbox.reload();\r\n\t\t\t\t\t\tlozad(\".wk-lazyload\", {\r\n\t\t\t\t\t\t\tload: function(el) {\r\n\t\t\t\t\t\t\t\tel.src = el.dataset.src;\r\n\t\t\t\t\t\t\t\tel.onload = function() {\r\n\t\t\t\t\t\t\t\t\tel.classList.remove(\"wk-lazyload-init\");\r\n\t\t\t\t\t\t\t\t\tel.classList.add(\"wk-fade\");\r\n\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t}).observe();\r\n\t\t\t\t\t});\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t},\r\n\t};\r\n</script>\r\n","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\"","import { render, staticRenderFns } from \"./ItemImageCarousel.vue?vue&type=template&id=e66f03a4\"\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\nexport default component.exports"],"sourceRoot":""}