{"version":3,"file":"chunks/ceres-client-270.min.js","mappings":"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","sources":["webpack://Waldorfshop7/./resources/js/src/app/components/item/ItemImageCarousel.vue","webpack://Waldorfshop7/resources/js/src/app/components/item/ItemImageCarousel.vue","webpack://Waldorfshop7/./resources/js/src/app/components/item/ItemImageCarousel.vue?ca9b","webpack://Waldorfshop7/./resources/js/src/app/components/item/ItemImageCarousel.vue?4598"],"sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _vm.showGallery()\n    ? _c(\n        \"div\",\n        {\n          staticClass: \"text-center\",\n          attrs: {\n            itemscope: \"\",\n            itemtype: \"http://schema.org/Thing\",\n            id: \"carousel-wrapper\" + _vm.id,\n          },\n        },\n        [\n          _c(\n            \"div\",\n            {\n              staticClass: \"carousel slide\",\n              attrs: { id: \"carousel\" + _vm.id, \"data-interval\": \"false\" },\n            },\n            [\n              _vm.showDots\n                ? _c(\n                    \"ol\",\n                    { staticClass: \"carousel-indicators\" },\n                    _vm._l(_vm.singleImages, function (image, index) {\n                      return _c(\"li\", {\n                        class: { active: index === 0 },\n                        attrs: {\n                          \"data-target\": \"#carousel\" + _vm.id,\n                          \"data-slide-to\": index,\n                        },\n                      })\n                    }),\n                    0\n                  )\n                : _vm._e(),\n              _vm._v(\" \"),\n              _c(\n                \"div\",\n                { staticClass: \"carousel-inner text-center\" },\n                _vm._l(_vm.singleImages, function (image, index) {\n                  return _c(\n                    \"div\",\n                    {\n                      staticClass: \"carousel-item prop-1-1\",\n                      class: { active: index === 0 },\n                    },\n                    [\n                      _c(\n                        \"div\",\n                        { staticClass: \"position-absolute w-100 h-100\" },\n                        [\n                          index === 0\n                            ? _c(\"img\", {\n                                staticClass: \"mw-100 mh-100\",\n                                attrs: {\n                                  alt: _vm.getAltText(image),\n                                  src: image.url + \".avif\",\n                                  title: _vm.getImageName(image),\n                                  fetchpriority: \"high\",\n                                  width: image.width,\n                                  height: image.height,\n                                },\n                              })\n                            : _c(\"img\", {\n                                staticClass: \"mw-100 mh-100\",\n                                attrs: {\n                                  alt: _vm.getAltText(image),\n                                  src: image.url + \".avif\",\n                                  title: _vm.getImageName(image),\n                                  loading: \"lazy\",\n                                  decoding: \"async\",\n                                  width: image.width,\n                                  height: image.height,\n                                },\n                              }),\n                        ]\n                      ),\n                    ]\n                  )\n                }),\n                0\n              ),\n              _vm._v(\" \"),\n              _vm.showNav && _vm.singleImages.length > 1\n                ? _c(\n                    \"a\",\n                    {\n                      staticClass: \"carousel-control-prev\",\n                      attrs: {\n                        href: \"#carousel\" + _vm.id,\n                        role: \"button\",\n                        \"data-slide\": \"prev\",\n                      },\n                    },\n                    [\n                      _c(\"span\", {\n                        staticClass: \"carousel-control-prev-icon\",\n                        attrs: { \"aria-hidden\": \"true\" },\n                      }),\n                      _vm._v(\" \"),\n                      _c(\"span\", { staticClass: \"sr-only\" }, [\n                        _vm._v(\"Previous\"),\n                      ]),\n                    ]\n                  )\n                : _vm._e(),\n              _vm._v(\" \"),\n              _vm.showNav && _vm.singleImages.length > 1\n                ? _c(\n                    \"a\",\n                    {\n                      staticClass: \"carousel-control-next\",\n                      attrs: {\n                        href: \"#carousel\" + _vm.id,\n                        role: \"button\",\n                        \"data-slide\": \"next\",\n                      },\n                    },\n                    [\n                      _c(\"span\", {\n                        staticClass: \"carousel-control-next-icon\",\n                        attrs: { \"aria-hidden\": \"true\" },\n                      }),\n                      _vm._v(\" \"),\n                      _c(\"span\", { staticClass: \"sr-only\" }, [_vm._v(\"Next\")]),\n                    ]\n                  )\n                : _vm._e(),\n            ]\n          ),\n          _vm._v(\" \"),\n          _vm.showThumbs\n            ? _c(\"div\", { staticClass: \"carousel-thumbnails\" }, [\n                _c(\n                  \"div\",\n                  { staticClass: \"row mx-n2\" },\n                  _vm._l(_vm.carouselImages, function (imagePreview, index) {\n                    return _c(\n                      \"div\",\n                      { staticClass: \"col col-lg-1 col-2 pt-2 px-2\" },\n                      [\n                        _c(\n                          \"a\",\n                          {\n                            staticClass: \"d-block prop-1-1\",\n                            attrs: {\n                              href: \"#carousel\" + _vm.id,\n                              \"data-target\": \"#carousel\" + _vm.id,\n                              \"data-slide-to\": index,\n                              title: _vm.getImageName(imagePreview),\n                            },\n                          },\n                          [\n                            _c(\n                              \"span\",\n                              {\n                                staticClass:\n                                  \"position-absolute d-block w-100 h-100 px-2\",\n                              },\n                              [\n                                _c(\"img\", {\n                                  staticClass: \"mw-100 mh-100 border\",\n                                  attrs: {\n                                    alt: _vm.getAltText(imagePreview),\n                                    src: imagePreview.url + \".avif\",\n                                    title: _vm.getImageName(imagePreview),\n                                    loading: \"lazy\",\n                                    decoding: \"async\",\n                                  },\n                                }),\n                              ]\n                            ),\n                          ]\n                        ),\n                      ]\n                    )\n                  }),\n                  0\n                ),\n              ])\n            : _vm._e(),\n        ]\n      )\n    : _c(\"div\", { staticClass: \"prop-1-1\" }, [\n        _c(\"img\", {\n          staticClass: \"position-absolute w-100 h-100\",\n          attrs: {\n            alt: _vm.getAltText(_vm.singleImages[0]),\n            src: _vm.singleImages[0].url + \".avif\",\n            title: _vm.getImageName(_vm.singleImages[0]),\n          },\n        }),\n      ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div itemscope itemtype=\"http://schema.org/Thing\" v-if=\"showGallery()\" class=\"text-center\" :id=\"'carousel-wrapper'+id\">\n        <div :id=\"'carousel'+id\" class=\"carousel slide\" data-interval=\"false\">\n            <ol class=\"carousel-indicators\" v-if=\"showDots\">\n                <li v-for=\"(image, index) in singleImages\" :data-target=\"'#carousel'+id\" :data-slide-to=\"index\" :class=\"{ active: index === 0 }\"></li>\n            </ol>\n            <div class=\"carousel-inner text-center\">\n                <div v-for=\"(image, index) in singleImages\" class=\"carousel-item prop-1-1\" :class=\"{ active: index === 0 }\">\n                    <div class=\"position-absolute w-100 h-100\">\n                        <img\n                          v-if=\"index === 0\"\n                          :alt=\"getAltText(image)\"\n                          :src=\"image.url + '.avif'\"\n                          :title=\"getImageName(image)\"\n                          class=\"mw-100 mh-100\"\n                          fetchpriority=\"high\"\n                          :width=\"image.width\"\n                          :height=\"image.height\">\n                        <img\n                          v-else\n                          :alt=\"getAltText(image)\"\n                          :src=\"image.url + '.avif'\"\n                          :title=\"getImageName(image)\"\n                          class=\"mw-100 mh-100\"\n                          loading=\"lazy\"\n                          decoding=\"async\"\n                          :width=\"image.width\"\n                          :height=\"image.height\">\n                    </div>\n                </div>\n            </div>\n            <a class=\"carousel-control-prev\" :href=\"'#carousel'+id\" role=\"button\" data-slide=\"prev\" v-if=\"showNav && singleImages.length > 1\">\n                <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>\n                <span class=\"sr-only\">Previous</span>\n            </a>\n            <a class=\"carousel-control-next\" :href=\"'#carousel'+id\" role=\"button\" data-slide=\"next\" v-if=\"showNav && singleImages.length > 1\">\n                <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>\n                <span class=\"sr-only\">Next</span>\n            </a>\n        </div>\n        <div v-if=\"showThumbs\" class=\"carousel-thumbnails\">\n            <div class=\"row mx-n2\">\n                <div class=\"col col-lg-1 col-2 pt-2 px-2\" v-for=\"(imagePreview, index) in carouselImages\">\n                    <a class=\"d-block prop-1-1\" :href=\"'#carousel'+id\" :data-target=\"'#carousel'+id\" :data-slide-to=\"index\" :title=\"getImageName(imagePreview)\">\n                        <span class=\"position-absolute d-block w-100 h-100 px-2\">\n                            <img\n                              :alt=\"getAltText(imagePreview)\"\n                              :src=\"imagePreview.url + '.avif'\"\n                              :title=\"getImageName(imagePreview)\"\n                              class=\"mw-100 mh-100 border\"\n                              loading=\"lazy\"\n                              decoding=\"async\">\n                        </span>\n                    </a>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div v-else class=\"prop-1-1\">\n        <img\n            :alt=\"getAltText(singleImages[0])\"\n            :src=\"singleImages[0].url + '.avif'\"\n            :title=\"getImageName(singleImages[0])\"\n            class=\"position-absolute w-100 h-100\">\n    </div>\n</template>\n\n<script>\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        showNav:\n        {\n            type: Boolean,\n            default: false\n        },\n        animationStyle:\n        {\n            type: String,\n            default: \"standard\"\n        }\n    },\n\n    inject: {\n        itemId: {\n            default: null\n        }\n    },\n\n    data()\n    {\n        return {\n            imageObserver: null,\n            id: null\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    mounted()\n    {\n        this.id = this._uid;\n\n        this.$nextTick(() =>\n        {\n            this.initCarousel();\n        });\n    },\n\n    methods:\n    {\n        initCarousel()\n        {\n            $('#carousel' + this.id).carousel();\n        },\n\n        getImageCount()\n        {\n            return this.carouselImages.length > this.maxQuantity ? this.maxQuantity : this.carouselImages.length;\n        },\n\n        getAltText(image)\n        {\n            let altText = image && image.alternate ? image.alternate : this.$options.filters.itemName(this.currentVariation);\n            if (this.currentVariation.attributes.length > 0) {\n                altText = altText + ' ' + this.currentVariation.attributes[0].value.names.name\n            }\n            return altText;\n        },\n\n        getImageName(image)\n        {\n            let imageName =  image && image.name ? image.name : this.$options.filters.itemName(this.currentVariation);\n            if (this.currentVariation.attributes.length > 0) {\n                imageName = imageName + ' ' + this.currentVariation.attributes[0].value.names.name\n            }\n            return imageName;\n        },\n\n        showGallery()\n        {\n            return (this.getImageCount() > 1);\n        }\n    }\n}\n</script>\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=037eeed0\"\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"],"names":["render","_vm","this","_c","_self","showGallery","staticClass","attrs","itemscope","itemtype","id","showDots","_l","singleImages","image","index","class","active","_e","_v","alt","getAltText","src","url","title","getImageName","fetchpriority","width","height","loading","decoding","showNav","length","href","role","showThumbs","carouselImages","imagePreview","_withStripped","name","props","maxQuantity","type","Number","default","imageUrlAccessor","String","Boolean","animationStyle","inject","itemId","data","imageObserver","computed","currentVariation","$store","getters","$options","filters","itemImages","images","slice","mounted","_uid","$nextTick","initCarousel","methods","$","carousel","getImageCount","altText","alternate","itemName","attributes","value","names","imageName"],"sourceRoot":""}