{"version":3,"sources":["webpack:///./resources/js/src/app/components/item/ItemImageCarousel.vue?55b3","webpack:///./resources/js/src/app/components/item/ItemImageCarousel.vue?df97","webpack:///resources/js/src/app/components/item/ItemImageCarousel.vue","webpack:///./resources/js/src/app/components/item/ItemImageCarousel.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","itemscope","itemtype","staticClass","id","_l","allImagesForPicture","image","index","class","active","href","on","click","$event","showLightbox","url","ref","refInFor","srcset","urlSecondPreview","type","_v","src","alt","alternate","title","getItemName","itemprop","width","height","length","role","_e","key","urlPreview","_withStripped","props","maxQuantity","imageUrlAccessor","itemId","Number","default","String","webpPics","data","currentItem","mounted","$nextTick","$","each","children","forEach","elem","tagName","dataset","computed","methods","component","options","__file"],"mappings":"kGAAA,IAAIA,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eACTC,EAAKJ,EAAIK,MAAMD,IAAMF,EACzB,OAAOE,EACL,MACA,CAAEE,MAAO,CAAEC,UAAW,GAAIC,SAAU,4BACpC,CACEJ,EACE,MACA,CACEK,YAAa,2BACbH,MAAO,CAAEI,GAAI,qBAAsB,gBAAiB,UAEtD,CACEN,EACE,MACA,CAAEK,YAAa,kBACfT,EAAIW,GAAGX,EAAIY,qBAAqB,SAASC,EAAOC,GAC9C,OAAOV,EACL,MACA,CACEK,YAAa,4BACbM,MAAO,CAAEC,OAAkB,IAAVF,IAEnB,CAEMV,EACE,IACA,CACEE,MAAO,CACLW,KAAM,iBACN,cAAe,SAEjBC,GAAI,CACFC,MAAO,SAASC,GACd,OAAOpB,EAAIqB,aAAaR,EAAMS,QAVjC,GAATR,EAcM,CACEV,EACE,UACA,CACEmB,IAAK,WACLC,UAAU,EACVf,YAAa,yBAEf,CACEL,EAAG,SAAU,CACXE,MAAO,CACLmB,OAAQZ,EAAMa,iBAAmB,QACjCC,KAAM,gBAGV3B,EAAI4B,GAAG,KACPxB,EAAG,SAAU,CACXE,MAAO,CACLmB,OAAQZ,EAAMa,iBAAmB,QACjCC,KAAM,gBAGV3B,EAAI4B,GAAG,KACPxB,EAAG,MAAO,CACRK,YAAa,yBACbH,MAAO,CACLuB,IAAKhB,EAAMa,iBACXI,IAAK9B,EAAI+B,UACTC,MAAOhC,EAAIiC,cACXC,SAAU,QACVC,MAAO,MACPC,OAAQ,YAoBlB,CACEhC,EACE,UACA,CACEK,YACE,uCACFS,GAAI,CACFC,MAAO,SAASC,GACd,OAAOpB,EAAIqB,aAAaR,EAAMS,QAIpC,CACElB,EAAG,SAAU,CACXE,MAAO,CACLmB,OAAQZ,EAAMa,iBAAmB,QACjCC,KAAM,gBAGV3B,EAAI4B,GAAG,KACPxB,EAAG,SAAU,CACXE,MAAO,CACLmB,OAAQZ,EAAMa,iBAAmB,QACjCC,KAAM,gBAGV3B,EAAI4B,GAAG,KACPxB,EAAG,MAAO,CACRK,YAAa,yBACbH,MAAO,CACL,WAAYO,EAAMa,iBAClBI,IAAK9B,EAAI+B,UACTC,MAAOhC,EAAIiC,cACXC,SAAU,QACVC,MAAO,MACPC,OAAQ,kBAU9B,GAEFpC,EAAI4B,GAAG,KACP5B,EAAIY,oBAAoByB,OAAS,EAC7BjC,EACE,IACA,CACEK,YAAa,qCACbH,MAAO,CACLW,KAAM,sBACNqB,KAAM,SACN,aAAc,SAGlB,CACElC,EAAG,OAAQ,CACTK,YAAa,qBACbH,MAAO,CAAE,cAAe,UAE1BN,EAAI4B,GAAG,KACPxB,EAAG,OAAQ,CAAEK,YAAa,WAAa,CAACT,EAAI4B,GAAG,gBAGnD5B,EAAIuC,KACRvC,EAAI4B,GAAG,KACP5B,EAAIY,oBAAoByB,OAAS,EAC7BjC,EACE,IACA,CACEK,YAAa,qCACbH,MAAO,CACLW,KAAM,sBACNqB,KAAM,SACN,aAAc,SAGlB,CACElC,EAAG,OAAQ,CACTK,YAAa,sBACbH,MAAO,CAAE,cAAe,UAE1BN,EAAI4B,GAAG,KACPxB,EAAG,OAAQ,CAAEK,YAAa,WAAa,CAACT,EAAI4B,GAAG,YAGnD5B,EAAIuC,OAGZvC,EAAI4B,GAAG,KACPxB,EACE,KACA,CAAEK,YAAa,uBACf,CACET,EAAIW,GAAGX,EAAIY,qBAAqB,SAASC,EAAOC,GAC9C,OAAOd,EAAIY,oBAAoByB,OAAS,EACpC,CACEjC,EACE,KACA,CACEoC,IAAK3B,EAAMH,GACXD,YAAa,eACbH,MAAO,CACL,cAAe,sBACf,gBAAiBQ,IAGrB,CACEV,EAAG,MAAO,CACRK,YAAa,oBACbH,MAAO,CACLuB,IAAKhB,EAAM4B,WACXX,IAAK9B,EAAI+B,UACTI,MAAO,KACPC,OAAQ,WAMlBpC,EAAIuC,SAGZ,MAMRxC,EAAO2C,eAAgB,E,sBChOkM,ECyCzN,CAGEC,MAAO,CACLC,YACJ,CACM,KAAN,OACM,QAAN,IAEIC,iBACJ,CACM,KAAN,OACM,QAAN,OAEIC,OAAJ,CACMnB,KAAMoB,OACNC,QAAN,MAEIjB,UAAW,CACTJ,KAAMsB,OACND,QAAS,IAEXE,SAAJ,CACMvB,KAAN,SAIEwB,KA3BF,WA6BI,MAAO,CACLC,YAAN,IAIEC,QAlCF,WAoCIpD,KAAKqD,WAAU,WAEbC,EAAE,uBAAuBrC,GAAG,qBAAqB,SAAvD,GACQqC,EAAE,mBAAmBC,MAAK,SAAlC,GACUD,EAAE,mBAAmBzC,GAAO2C,SAASC,SAAQ,SAAvD,GACiC,WAAjBC,EAAKC,SAAwBD,EAAKlC,OAAOY,QAAU,IAErDsB,EAAKlC,OAASkC,EAAKE,QAAQpC,QAER,QAAjBkC,EAAKC,SAAqBD,EAAK9B,IAAIQ,QAAU,IAE/CsB,EAAK9B,IAAM8B,EAAKE,QAAQhC,kBAQpCiC,SACF,CACI,cADJ,WAGM,OAAN,sBAEA,4BAEA,mBAKI,iBAZJ,WAcM,OAAN,sBAEA,+BAEA,sBAMI,iBAxBJ,WAyBM,OAAN,4EAEI,oBA3BJ,WAsCM,OARN,gDAEA,uCAIA,kCAEA,4BAKEC,QACF,CACI,YADJ,WAGM,OAAN,uDAEI,aALJ,SAKA,GAEM,EAAN,qC,OC7IIC,EAAY,YACd,EACAjE,EHsNoB,IGpNpB,EACA,KACA,KACA,MAuBFiE,EAAUC,QAAQC,OAAS,6DACZ,UAAAF,E","file":"chunks/ceres-client-13.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    { attrs: { itemscope: \"\", itemtype: \"http://schema.org/Thing\" } },\n    [\n      _c(\n        \"div\",\n        {\n          staticClass: \"carousel slide col-md-11\",\n          attrs: { id: \"singleItemCarousel\", \"data-interval\": \"false\" }\n        },\n        [\n          _c(\n            \"div\",\n            { staticClass: \"carousel-inner\" },\n            _vm._l(_vm.allImagesForPicture, function(image, index) {\n              return _c(\n                \"div\",\n                {\n                  staticClass: \"carousel-item text-center\",\n                  class: { active: index === 0 }\n                },\n                [\n                  index == 0\n                    ? _c(\n                        \"a\",\n                        {\n                          attrs: {\n                            href: \"#imagelightbox\",\n                            \"data-toggle\": \"modal\"\n                          },\n                          on: {\n                            click: function($event) {\n                              return _vm.showLightbox(image.url)\n                            }\n                          }\n                        },\n                        [\n                          _c(\n                            \"picture\",\n                            {\n                              ref: \"ksSingle\",\n                              refInFor: true,\n                              staticClass: \"lazy-picture prop-1-1\"\n                            },\n                            [\n                              _c(\"source\", {\n                                attrs: {\n                                  srcset: image.urlSecondPreview + \".avif\",\n                                  type: \"image/avif\"\n                                }\n                              }),\n                              _vm._v(\" \"),\n                              _c(\"source\", {\n                                attrs: {\n                                  srcset: image.urlSecondPreview + \".webp\",\n                                  type: \"image/webp\"\n                                }\n                              }),\n                              _vm._v(\" \"),\n                              _c(\"img\", {\n                                staticClass: \"d-block mx-auto mw-100\",\n                                attrs: {\n                                  src: image.urlSecondPreview,\n                                  alt: _vm.alternate,\n                                  title: _vm.getItemName(),\n                                  itemprop: \"image\",\n                                  width: \"650\",\n                                  height: \"650\"\n                                }\n                              })\n                            ]\n                          )\n                        ]\n                      )\n                    : _c(\n                        \"a\",\n                        {\n                          attrs: {\n                            href: \"#imagelightbox\",\n                            \"data-toggle\": \"modal\"\n                          },\n                          on: {\n                            click: function($event) {\n                              return _vm.showLightbox(image.url)\n                            }\n                          }\n                        },\n                        [\n                          _c(\n                            \"picture\",\n                            {\n                              staticClass:\n                                \"lazy-picture prop-1-1 lazy-bootstrap\",\n                              on: {\n                                click: function($event) {\n                                  return _vm.showLightbox(image.url)\n                                }\n                              }\n                            },\n                            [\n                              _c(\"source\", {\n                                attrs: {\n                                  srcset: image.urlSecondPreview + \".avif\",\n                                  type: \"image/avif\"\n                                }\n                              }),\n                              _vm._v(\" \"),\n                              _c(\"source\", {\n                                attrs: {\n                                  srcset: image.urlSecondPreview + \".webp\",\n                                  type: \"image/webp\"\n                                }\n                              }),\n                              _vm._v(\" \"),\n                              _c(\"img\", {\n                                staticClass: \"d-block mx-auto mw-100\",\n                                attrs: {\n                                  \"data-src\": image.urlSecondPreview,\n                                  alt: _vm.alternate,\n                                  title: _vm.getItemName(),\n                                  itemprop: \"image\",\n                                  width: \"650\",\n                                  height: \"650\"\n                                }\n                              })\n                            ]\n                          )\n                        ]\n                      )\n                ]\n              )\n            }),\n            0\n          ),\n          _vm._v(\" \"),\n          _vm.allImagesForPicture.length > 1\n            ? _c(\n                \"a\",\n                {\n                  staticClass: \"carousel-control-prev click-helper\",\n                  attrs: {\n                    href: \"#singleItemCarousel\",\n                    role: \"button\",\n                    \"data-slide\": \"prev\"\n                  }\n                },\n                [\n                  _c(\"span\", {\n                    staticClass: \"fa fa-chevron-left\",\n                    attrs: { \"aria-hidden\": \"true\" }\n                  }),\n                  _vm._v(\" \"),\n                  _c(\"span\", { staticClass: \"sr-only\" }, [_vm._v(\"Previous\")])\n                ]\n              )\n            : _vm._e(),\n          _vm._v(\" \"),\n          _vm.allImagesForPicture.length > 1\n            ? _c(\n                \"a\",\n                {\n                  staticClass: \"carousel-control-next click-helper\",\n                  attrs: {\n                    href: \"#singleItemCarousel\",\n                    role: \"button\",\n                    \"data-slide\": \"next\"\n                  }\n                },\n                [\n                  _c(\"span\", {\n                    staticClass: \"fa fa-chevron-right\",\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      _c(\n        \"ol\",\n        { staticClass: \"carousel-indicators\" },\n        [\n          _vm._l(_vm.allImagesForPicture, function(image, index) {\n            return _vm.allImagesForPicture.length > 1\n              ? [\n                  _c(\n                    \"li\",\n                    {\n                      key: image.id,\n                      staticClass: \"click-helper\",\n                      attrs: {\n                        \"data-target\": \"#singleItemCarousel\",\n                        \"data-slide-to\": index\n                      }\n                    },\n                    [\n                      _c(\"img\", {\n                        staticClass: \"singleItemPreview\",\n                        attrs: {\n                          src: image.urlPreview,\n                          alt: _vm.alternate,\n                          width: \"80\",\n                          height: \"80\"\n                        }\n                      })\n                    ]\n                  )\n                ]\n              : _vm._e()\n          })\n        ],\n        2\n      )\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 itemscope itemtype=\"http://schema.org/Thing\">\r\n    <div id=\"singleItemCarousel\" class=\"carousel slide col-md-11\"  data-interval=\"false\">\r\n      <div class=\"carousel-inner\">\r\n        <div v-for=\"(image,  index) in allImagesForPicture\"  class=\"carousel-item text-center\" :class=\"{ active: index === 0}\" >\r\n          <a href=\"#imagelightbox\" @click=\"showLightbox( image.url )\" data-toggle=\"modal\" v-if=\"index == 0\">\r\n          <picture class=\"lazy-picture prop-1-1\" ref=\"ksSingle\"  >\r\n            <source  :srcset=\"image.urlSecondPreview + '.avif'\" type=\"image/avif\" >\r\n            <source  :srcset=\"image.urlSecondPreview + '.webp'\" type=\"image/webp\">\r\n            <img class=\"d-block mx-auto mw-100\" :src=\"image.urlSecondPreview\" :alt=\"alternate\" :title=\"getItemName()\" itemprop=\"image\" width=\"650\" height=\"650\">\r\n          </picture>\r\n          </a>\r\n          <a href=\"#imagelightbox\" @click=\"showLightbox( image.url )\" data-toggle=\"modal\" v-else>\r\n\r\n          <picture class=\"lazy-picture prop-1-1 lazy-bootstrap\"  @click=\"showLightbox(image.url)\" >\r\n            <source  :srcset=\"image.urlSecondPreview + '.avif'\" type=\"image/avif\" >\r\n            <source  :srcset=\"image.urlSecondPreview + '.webp'\" type=\"image/webp\">\r\n            <img class=\"d-block mx-auto mw-100\" :data-src=\"image.urlSecondPreview\" :alt=\"alternate\" :title=\"getItemName()\" itemprop=\"image\" width=\"650\" height=\"650\">\r\n          </picture>\r\n          </a>\r\n        </div>\r\n      </div>\r\n      <a class=\"carousel-control-prev click-helper\" href=\"#singleItemCarousel\" role=\"button\" data-slide=\"prev\" v-if=\"allImagesForPicture.length > 1\">\r\n        <span class=\"fa fa-chevron-left\" aria-hidden=\"true\"></span>\r\n        <span class=\"sr-only\">Previous</span>\r\n      </a>\r\n      <a class=\"carousel-control-next click-helper\" href=\"#singleItemCarousel\" role=\"button\" data-slide=\"next\" v-if=\"allImagesForPicture.length > 1\">\r\n        <span class=\"fa fa-chevron-right\" aria-hidden=\"true\"></span>\r\n        <span class=\"sr-only\">Next</span>\r\n      </a>\r\n    </div>\r\n    <ol class=\"carousel-indicators\">\r\n      <template v-for=\"(image, index) in allImagesForPicture\" v-if=\"allImagesForPicture.length > 1\">\r\n        <li data-target=\"#singleItemCarousel\" :data-slide-to=\"index\" :key=\"image.id\" class=\"click-helper\">\r\n          <img :src=\"image.urlPreview\" :alt=\"alternate\" width=\"80\" height=\"80\" class=\"singleItemPreview\"/>\r\n        </li>\r\n      </template>\r\n    </ol>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\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    itemId:{\r\n      type: Number,\r\n      default:null\r\n    },\r\n    alternate: {\r\n      type: String,\r\n      default: \"\"\r\n    },\r\n    webpPics:{\r\n      type:Object\r\n    }\r\n  },\r\n\r\n  data()\r\n  {\r\n    return {\r\n      currentItem     : 0,\r\n    };\r\n  },\r\n\r\n  mounted()\r\n  {\r\n    this.$nextTick(() =>\r\n    {\r\n      $(\"#singleItemCarousel\").on('slide.bs.carousel', (ev) => {\r\n        $('.lazy-bootstrap').each((index) => {\r\n          $('.lazy-bootstrap')[index].children.forEach((elem) => {\r\n            if (elem.tagName === \"SOURCE\" && elem.srcset.length <= 0)\r\n            {\r\n              elem.srcset = elem.dataset.srcset;\r\n            }\r\n            if (elem.tagName === \"IMG\" && elem.src.length <= 0 )\r\n            {\r\n              elem.src = elem.dataset.src;\r\n            }\r\n          });\r\n        });\r\n      });\r\n    });\r\n  },\r\n\r\n  computed:\r\n      {\r\n        getWebpBigUrl()\r\n        {\r\n          if(this.webpPics !== null)\r\n          {\r\n            if (this.webpPics.Big.length > 0)\r\n            {\r\n              return this.webpPics.Big;\r\n            }\r\n          }\r\n          return false;\r\n        },\r\n        getWebpMiddleUrl()\r\n        {\r\n          if(this.webpPics !== null)\r\n          {\r\n            if (this.webpPics.Middle.length > 0)\r\n            {\r\n              return this.webpPics.Middle;\r\n            }\r\n          }\r\n          return false;\r\n        },\r\n\r\n        currentVariation() {\r\n          return this.$store.getters[`${this.$props.itemId}/currentItemVariation`]\r\n        },\r\n        allImagesForPicture()\r\n        {\r\n          let images;\r\n          if (this.currentVariation.images.variation.length > 0)\r\n          {\r\n            images = this.currentVariation.images.variation;\r\n          }\r\n          else\r\n          {\r\n            images = this.currentVariation.images.all;\r\n          }\r\n          return images.slice(0, this.maxQuantity);\r\n        }\r\n      },\r\n\r\n\r\n  methods:\r\n      {\r\n        getItemName()\r\n        {\r\n          return this.$options.filters.itemName(this.currentVariation);\r\n        },\r\n        showLightbox( x )\r\n        {\r\n          $(\".modal-big-image\").attr(\"src\", x);\r\n        }\r\n      }\r\n}\r\n</script>\r\n","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:\\\\Users\\\\JVolke\\\\Documents\\\\plentyDevTool\\\\38722\\\\18\\\\KrauseSohn\\\\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"],"sourceRoot":""}