{"version":3,"sources":["webpack:///./resources/js/src/app/components/pageDesign/Carousel.vue","webpack:///resources/js/src/app/components/pageDesign/Carousel.vue","webpack:///./resources/js/src/app/components/pageDesign/Carousel.vue?88e4","webpack:///./resources/js/src/app/components/pageDesign/Carousel.vue?e5d3"],"names":["render","_vm","this","_c","_self","staticClass","$slots","items","length","itemsPerPage","ref","_l","item","index","key","attrs","vnode","class","columnWidths","_withStripped","components","SlotComponent","functional","props","type","default","computed","mounted","updated","methods","initializeCarousel","$owl","onInitialized","$","autoHeight","dots","dotsEach","responsive","stagePadding","margin","lazyLoad","loop","mouseDrag","nav","navClass","navContainerClass","navText","smartSpeed","component"],"mappings":"kGAAA,IAAIA,EAAS,WACX,IAAIC,EAAMC,KACRC,EAAKF,EAAIG,MAAMD,GACjB,OAAOA,EACL,MACA,CAAEE,YAAa,2BACf,CACEJ,EAAIK,OAAOC,OAASN,EAAIK,OAAOC,MAAMC,OAASP,EAAIQ,aAC9CN,EAAG,MAAO,CAAEE,YAAa,oBAAsB,CAC7CF,EACE,MACA,CACEO,IAAK,oBACLL,YACE,6DAEJJ,EAAIU,GAAGV,EAAIK,OAAOC,OAAO,SAAUK,EAAMC,GACvC,OAAOV,EAAG,iBAAkB,CAC1BW,IAAKD,EACLE,MAAO,CAAEC,MAAOJ,QAGpB,KAGJX,EAAIU,GAAGV,EAAIK,OAAOC,OAAO,SAAUK,GACjC,OAAOT,EACL,MACA,CAAEc,MAAOhB,EAAIiB,cACb,CAACf,EAAG,iBAAkB,CAAEY,MAAO,CAAEC,MAAOJ,MACxC,OAIV,IAIJZ,EAAOmB,eAAgB,ECvBR,ICfiM,EDejM,CACfC,YACAC,eACAC,cACAtB,qBAAA,6BAIAuB,OACAd,cACAe,YACAC,YAIAC,SACA,CACAR,wBAEA,gDAEA,OACA,SACAT,6BACA,kBAKAkB,mBACA,WACA,2BAEA,2BAIAC,mBAEA,2BAGAC,QACA,CACAC,8BAEA,2FACA,CACA,sCAGA,wBAEA,OAGAC,eACAC,yBACAD,oDACAE,4CAGAC,cACAC,QACAC,YACA7B,wBACA8B,YACA,GACA9B,QACA+B,gBACAC,YAEA,KACAhC,+BAEA,KACAA,+CAEA,KACA+B,eACA/B,0BAGAiC,YACAC,QACAF,UACAG,aACAC,OACAC,UACA,iEACA,mEAEAC,qBACAC,SACA,gFACA,kFAEAC,qB,OEzGIC,EAAY,YACd,EACAhD,EH4BoB,IG1BpB,EACA,KACA,KACA,MAIa,UAAAgD,E","file":"chunks/ceres-52.min.js","sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    { staticClass: \"row single-crossselling\" },\n    [\n      _vm.$slots.items && _vm.$slots.items.length > _vm.itemsPerPage\n        ? _c(\"div\", { staticClass: \"col-12 col-lg-12\" }, [\n            _c(\n              \"div\",\n              {\n                ref: \"carouselContainer\",\n                staticClass:\n                  \"list-item-carousel owl-carousel owl-theme owl-single-item\",\n              },\n              _vm._l(_vm.$slots.items, function (item, index) {\n                return _c(\"slot-component\", {\n                  key: index,\n                  attrs: { vnode: item },\n                })\n              }),\n              1\n            ),\n          ])\n        : _vm._l(_vm.$slots.items, function (item) {\n            return _c(\n              \"div\",\n              { class: _vm.columnWidths },\n              [_c(\"slot-component\", { attrs: { vnode: item } })],\n              1\n            )\n          }),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"row single-crossselling\">\n        <div class=\"col-12 col-lg-12\" v-if=\"$slots.items && $slots.items.length > itemsPerPage\">\n            <div class=\"list-item-carousel owl-carousel owl-theme owl-single-item\" ref=\"carouselContainer\">\n                <slot-component v-for=\"(item, index) in $slots.items\" :key=\"index\" :vnode=\"item\" />\n            </div>\n        </div>\n\n        <div :class=\"columnWidths\" v-else v-for=\"item in $slots.items\">\n            <slot-component :vnode=\"item\"/>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    components: {\n        SlotComponent: {\n            functional: true,\n            render: (createElement, context) => context.data.attrs.vnode\n        }\n    },\n\n    props: {\n        itemsPerPage: {\n            type: Number,\n            default: 4\n        }\n    },\n\n    computed:\n    {\n        columnWidths()\n        {\n            const itemsPerPage = Math.min(Math.max(this.itemsPerPage, 1), 4);\n\n            return [\n                \"col-12\",\n                itemsPerPage === 1 ? \"col-sm-12\" : \"col-sm-6\",\n                \"col-md-\" + (12 / itemsPerPage)\n            ];\n        }\n    },\n\n    mounted()\n    {\n        this.$nextTick(() =>\n        {\n            this.initializeCarousel();\n        });\n    },\n\n    updated()\n    {\n        this.initializeCarousel();\n    },\n\n    methods:\n    {\n        initializeCarousel()\n        {\n            if (this.$slots.items && this.$slots.items[0].tag && this.$slots.items.length > this.itemsPerPage)\n            {\n                const $owl = $(this.$refs.carouselContainer);\n\n                // do not render, if no html element is inside of the carousels container\n                if (!$owl.children().length)\n                {\n                    return;\n                }\n\n                $owl.owlCarousel({\n                    onInitialized(){\n                        $owl.find(\".owl-carousel.owl-loaded\").each(function() {\n                            $(this).trigger(\"refresh.owl.carousel\");\n                        });\n                    },\n                    autoHeight: true,\n                    dots: true,\n                    dotsEach: true,\n                    items: this.itemsPerPage,\n                    responsive: {\n                        0: {\n                            items: 2,\n                            stagePadding: 10,\n                            margin: 7.5\n                        },\n                        576: {\n                            items: this.itemsPerPage > 1 ? 2 : 1\n                        },\n                        768: {\n                            items: this.itemsPerPage > 3 ? 3 : this.itemsPerPage\n                        },\n                        992: {\n                            stagePadding: 0,\n                            items: this.itemsPerPage\n                        }\n                    },\n                    lazyLoad: false,\n                    loop: false,\n                    margin: 15,\n                    mouseDrag: true,\n                    nav: true,\n                    navClass: [\n                        \"owl-single-item-nav left carousel-control list-control-special\",\n                        \"owl-single-item-nav right carousel-control list-control-special\"\n                    ],\n                    navContainerClass: \"\",\n                    navText: [\n                        \"<i class=\\\"owl-single-item-control fa fa-chevron-left\\\" aria-hidden=\\\"true\\\"></i>\",\n                        \"<i class=\\\"owl-single-item-control fa fa-chevron-right\\\" aria-hidden=\\\"true\\\"></i>\"\n                    ],\n                    smartSpeed: 350\n                });\n            }\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!./Carousel.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!./Carousel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Carousel.vue?vue&type=template&id=2daf88ec&\"\nimport script from \"./Carousel.vue?vue&type=script&lang=js&\"\nexport * from \"./Carousel.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":""}