{"version":3,"sources":["webpack:///./resources/js/src/app/components/itemList/ContainerItemList.vue?37cc","webpack:///./resources/js/src/app/components/itemList/ContainerItemList.vue?8a28","webpack:///resources/js/src/app/components/itemList/ContainerItemList.vue","webpack:///./resources/js/src/app/components/itemList/ContainerItemList.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","ref","_l","items","item","index","key","data","variation","id","attrs","decimalCount","_withStripped","component","options","__file"],"mappings":"kGAAA,IAAIA,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eACTC,EAAKJ,EAAIK,MAAMD,IAAMF,EACzB,OAAOE,EAAG,MAAO,CAAEE,YAAa,aAAe,CAC7CF,EAAG,MAAO,CAAEE,YAAa,uBACzBN,EAAIO,GAAG,KACPH,EAAG,MAAO,CAAEE,YAAa,uBACzBN,EAAIO,GAAG,KACPH,EAAG,MAAO,CAAEE,YAAa,OAAS,CAChCF,EAAG,MAAO,CAAEE,YAAa,qBAAuB,CAC9CF,EACE,MACA,CACEI,IAAK,oBACLF,YAAa,8BAEf,CACEF,EACE,MACA,CAAEE,YAAa,kBACfN,EAAIS,GAAGT,EAAIU,OAAO,SAASC,EAAMC,GAC/B,OAAOR,EACL,MACA,CAAEE,YAAa,gBACf,CACEF,EAAG,gBAAiB,CAClBS,IAAKF,EAAKG,KAAKC,UAAUC,GACzBC,MAAO,CACL,YAAaN,EAAKG,KAClB,gBAAiBd,EAAIkB,aACrB,qBAAsB,gBAI5B,MAGJ,YASdnB,EAAOoB,eAAgB,E,YC/CkM,EC0BzN,CAEE,MAAF,CACI,MAAJ,CACM,KAAN,MACM,QAAN,IAEI,aAAJ,CACM,KAAN,OACM,QAAN,IAEI,aAAJ,GAGE,QAdF,WAcI,IAAJ,OACI,KAAJ,sBAEM,IAAN,IAEA,oDACQ,YAAR,WACU,EAAV,uBACA,KAEQ,EAAR,yBAKE,QAAF,CACI,mBADJ,WAGA,uBACQ,IAAR,kCACU,cAAV,EACU,aAAV,GAEU,YAAV,CACY,KAAZ,CACc,cAAd,GAEY,IAAZ,CACc,cAAd,OACc,UAAd,IAIU,WAAV,CACY,OAAZ,yCACY,OAAZ,4CAIQ,IAAR,kCAEU,cAAV,EACU,aAAV,GACU,WAAV,CACY,OAAZ,sBACY,OAAZ,uBAGU,YAAV,CAEY,IAAZ,CACc,cAAd,EACc,aAAd,IAGY,IAAZ,CACc,cAAd,EACc,aAAd,IAGY,IAAZ,CACc,cAAd,EACc,aAAd,U,OC/FIC,EAAY,YACd,EACArB,EHqCoB,IGnCpB,EACA,KACA,KACA,MAuBFqB,EAAUC,QAAQC,OAAS,iEACZ,UAAAF,E","file":"chunks/ceres-47.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(\"div\", { staticClass: \"container\" }, [\n    _c(\"div\", { staticClass: \"swiper-button-next\" }),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"swiper-button-prev\" }),\n    _vm._v(\" \"),\n    _c(\"div\", { staticClass: \"row\" }, [\n      _c(\"div\", { staticClass: \"col-lg-10 mx-auto\" }, [\n        _c(\n          \"div\",\n          {\n            ref: \"carouselContainer\",\n            staticClass: \"swiper-container-topseller\"\n          },\n          [\n            _c(\n              \"div\",\n              { staticClass: \"swiper-wrapper\" },\n              _vm._l(_vm.items, function(item, index) {\n                return _c(\n                  \"div\",\n                  { staticClass: \"swiper-slide\" },\n                  [\n                    _c(\"category-item\", {\n                      key: item.data.variation.id,\n                      attrs: {\n                        \"item-data\": item.data,\n                        \"decimal-count\": _vm.decimalCount,\n                        \"image-url-accessor\": \"urlMiddle\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              }),\n              0\n            )\n          ]\n        )\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!./ContainerItemList.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!./ContainerItemList.vue?vue&type=script&lang=js&\"","<template>\n    <div class=\"container\">\n        <div class=\"swiper-button-next\"></div>\n        <div class=\"swiper-button-prev\"></div>\n        <div class=\"row\">\n            <div class=\"col-lg-10 mx-auto\">\n                <div class=\"swiper-container-topseller\" ref=\"carouselContainer\">\n                    <div class=\"swiper-wrapper\">\n                        <div class=\"swiper-slide\"\n                             v-for=\"(item, index) in items\">\n                            <category-item :key=\"item.data.variation.id\"\n                                           :item-data=\"item.data\"\n                                           :decimal-count=\"decimalCount\"\n                                           image-url-accessor=\"urlMiddle\">\n                            </category-item>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\n    import Swiper from 'swiper';\n\n    export default {\n\n        props: {\n            items: {\n                type: Array,\n                default: []\n            },\n            wrapperClass: {\n                type: String,\n                default: ''\n            },\n            decimalCount: 0\n        },\n\n        mounted() {\n            this.$nextTick(() => {\n\n                let that = this;\n\n                if (that.wrapperClass === '.js--slider__single-crossselling') {\n                    setTimeout(function () {\n                        that.initializeCarousel();\n                    }, 500);\n                } else {\n                    that.initializeCarousel();\n                }\n            });\n        },\n\n        methods: {\n            initializeCarousel() {\n\n                if (this.wrapperClass !== '') {\n                    new Swiper(this.$refs.carouselContainer, {\n                        slidesPerView: 4,\n                        spaceBetween: 16,\n\n                        breakpoints: {\n                            1699: {\n                                slidesPerView: 3,\n                            },\n                            991: {\n                                slidesPerView: 'auto',\n                                freeMode: true,\n                            },\n                        },\n\n                        navigation: {\n                            nextEl: this.wrapperClass + ' .swiper-button-next',\n                            prevEl: this.wrapperClass + ' .swiper-button-prev',\n                        }\n                    });\n                } else {\n                    new Swiper(this.$refs.carouselContainer, {\n                        // Default parameters\n                        slidesPerView: 4,\n                        spaceBetween: 15,\n                        navigation: {\n                            nextEl: '.swiper-button-next',\n                            prevEl: '.swiper-button-prev',\n                        },\n                        // Responsive breakpoints\n                        breakpoints: {\n                            // when window width is <= 320px\n                            320: {\n                                slidesPerView: 1,\n                                spaceBetween: 10\n                            },\n                            // when window width is <= 480px\n                            480: {\n                                slidesPerView: 2,\n                                spaceBetween: 15\n                            },\n                            // when window width is <= 640px\n                            640: {\n                                slidesPerView: 3,\n                                spaceBetween: 15\n                            }\n                        }\n                    })\n                }\n            }\n        }\n    }\n</script>\n","import { render, staticRenderFns } from \"./ContainerItemList.vue?vue&type=template&id=cf1c5674&\"\nimport script from \"./ContainerItemList.vue?vue&type=script&lang=js&\"\nexport * from \"./ContainerItemList.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/fhartwig/Sites/DIA-NaPo/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('cf1c5674')) {\n      api.createRecord('cf1c5674', component.options)\n    } else {\n      api.reload('cf1c5674', component.options)\n    }\n    module.hot.accept(\"./ContainerItemList.vue?vue&type=template&id=cf1c5674&\", function () {\n      api.rerender('cf1c5674', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/itemList/ContainerItemList.vue\"\nexport default component.exports"],"sourceRoot":""}