{"version":3,"sources":["webpack:///./resources/js/src/modeherz/components/pageDesign/Carousel.vue?1969","webpack:///resources/js/src/modeherz/components/pageDesign/Carousel.vue","webpack:///./resources/js/src/modeherz/components/pageDesign/Carousel.vue?0475","webpack:///./resources/js/src/modeherz/components/pageDesign/Carousel.vue"],"names":["render","_h","this","$createElement","_c","_self","staticClass","$slots","items","length","adjustedItemsPerPage","ref","_l","item","index","key","attrs","vnode","_withStripped","component","options","__file"],"mappings":"kGAAA,IAAIA,EAAS,WACX,IACIC,EADMC,KACGC,eACTC,EAFMF,KAEGG,MAAMD,IAAMH,EACzB,OAAOG,EACL,MACA,CAAEE,YAAa,OACf,CANQJ,KAOFK,OAAOC,OAPLN,KAOkBK,OAAOC,MAAMC,OAP/BP,KAO4CQ,qBAC9CN,EAAG,MAAO,CAAEE,YAAa,oBAAsB,CAC7CF,EACE,MACA,CACEO,IAAK,oBACLL,YACE,6DAdNJ,KAgBMU,GAhBNV,KAgBaK,OAAOC,OAAO,SAAUK,EAAMC,GACvC,OAAOV,EAAG,iBAAkB,CAC1BW,IAAKD,EACLE,MAAO,CAAEC,MAAOJ,QAGpB,KAtBFX,KAyBEU,GAzBFV,KAyBSK,OAAOC,OAAO,SAAUK,EAAMC,GACvC,OAAOV,EACL,MACA,CACEW,IAAKD,EACLR,YACE,qDAEJ,CAACF,EAAG,iBAAkB,CAAEY,MAAO,CAAEC,MAAOJ,MACxC,OAIV,IAIJb,EAAOkB,eAAgB,E,+BCZvB,KC/BgN,EDgChN,CACA,gBACA,YACA,eACA,cACA,kDAGA,OACA,cACA,YACA,WAEA,wBACA,aACA,aAGA,gBACA,OACA,yCAGA,8BACA,uDACA,2BAEA,GADA,uBACA,uFACA,6CACA,YACA,oEAIA,mBACA,2BAEA,QACA,CACA,sCACA,uBACA,mDACA,6BACA,gCACA,4BAIA,8BACA,sBACA,4BACA,qBACA,4BACA,oBACA,4BACA,kBACA,4BACA,kBACA,4BACA,kBACA,4BAEA,6BAGA,yCACA,oGACA,sCAEA,wBACA,OAEA,gCACA,eACA,yBACA,oDACA,4CAGA,cACA,QACA,qBACA,YACA,GACA,8BAEA,KACA,8BAEA,KACA,8BAEA,KACA,8BAEA,MACA,8BAEA,MACA,+BAGA,YACA,QACA,+BACA,aACA,OACA,UACA,iEACA,mEAEA,qBACA,SACA,gFACA,kFAEA,wB,QE7IIC,EAAY,YACd,EACAnB,EHiCoB,IG/BpB,EACA,KACA,KACA,MAuBFmB,EAAUC,QAAQC,OAAS,+DACZ,UAAAF,E","file":"chunks/ceres-client-49.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    { staticClass: \"row\" },\n    [\n      _vm.$slots.items && _vm.$slots.items.length > _vm.adjustedItemsPerPage\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, index) {\n            return _c(\n              \"div\",\n              {\n                key: index,\n                staticClass:\n                  \"col-6 col-md-4 col-lg-3 col-xl-2 mh-carousel-item\",\n              },\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\">\n    <div\n      v-if=\"$slots.items && $slots.items.length > adjustedItemsPerPage\"\n      class=\"col-12 col-lg-12\"\n    >\n      <div\n        ref=\"carouselContainer\"\n        class=\"list-item-carousel owl-carousel owl-theme owl-single-item\"\n      >\n        <slot-component\n          v-for=\"(item, index) in $slots.items\"\n          :key=\"index\"\n          :vnode=\"item\"\n        />\n      </div>\n    </div>\n    <div\n      v-for=\"(item, index) in $slots.items\"\n      v-else\n      :key=\"index\"\n      class=\"col-6 col-md-4 col-lg-3 col-xl-2 mh-carousel-item\"\n    >\n      <slot-component :vnode=\"item\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { isBreakpointDown, isBreakpointUp } from '../../helpers/device-size-check'\n\nconst observers = {}\nexport default {\n    name: 'Carousel',\n    components: {\n        SlotComponent: {\n            functional: true,\n            render: (createElement, context) => context.data.attrs.vnode\n        }\n    },\n    props: {\n        itemsPerPage: {\n            type: Number,\n            default: 4\n        },\n        autoAdjustItemsPerPage: {\n            type: Boolean,\n            default: true\n        }\n    },\n    data () {\n        return {\n            adjustedItemsPerPage: this.itemsPerPage\n        }\n    },\n    mounted () {\n        if (this.autoAdjustItemsPerPage) { this.adjustItemsPerPage() }\n        this.$nextTick(() => {\n            this.initializeCarousel()\n            if (window.MutationObserver && this.$slots.items && this.$slots.items.length > this.adjustedItemsPerPage) {\n                const observer = new MutationObserver(this.updateCarousel)\n                observers[this._uid] = observer\n                observer.observe(this.$refs.carouselContainer, { subtree: true, childList: true })\n            }\n        })\n    },\n    updated () {\n        this.initializeCarousel()\n    },\n    methods:\n            {\n                updateCarousel (ev) {\n                    ev.forEach(e => {\n                        if (e.addedNodes[0] && e.addedNodes[0].tagName === 'IMG') {\n                            const $owl = $(this.$refs.carouselContainer)\n                            $owl.trigger('refresh.owl.carousel')\n                            observers[this._uid].disconnect()\n                        }\n                    })\n                },\n                adjustItemsPerPage () {\n                    if (isBreakpointUp('xxxxxl')) {\n                        this.adjustedItemsPerPage = 8\n                    } else if (isBreakpointUp('xxxxl')) {\n                        this.adjustedItemsPerPage = 7\n                    } else if (isBreakpointUp('xxxl')) {\n                        this.adjustedItemsPerPage = 6\n                    } else if (isBreakpointUp('xl')) {\n                        this.adjustedItemsPerPage = 5\n                    } else if (isBreakpointUp('lg')) {\n                        this.adjustedItemsPerPage = 4\n                    } else if (isBreakpointUp('md')) {\n                        this.adjustedItemsPerPage = 3\n                    } else {\n                        this.adjustedItemsPerPage = 2\n                    }\n                },\n                initializeCarousel () {\n                    if (this.$slots.items && this.$slots.items[0].tag && this.$slots.items.length > this.adjustedItemsPerPage) {\n                        const $owl = $(this.$refs.carouselContainer)\n                        // do not render, if no html element is inside of the carousels container\n                        if (!$owl.children().length) {\n                            return\n                        }\n                        window._owlc().then(() => {\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                                items: this.itemsPerPage,\n                                responsive: {\n                                    0: {\n                                        items: this.adjustedItemsPerPage\n                                    },\n                                    576: {\n                                        items: this.adjustedItemsPerPage\n                                    },\n                                    768: {\n                                        items: this.adjustedItemsPerPage\n                                    },\n                                    992: {\n                                        items: this.adjustedItemsPerPage\n                                    },\n                                    1200: {\n                                        items: this.adjustedItemsPerPage\n                                    },\n                                    1400: {\n                                        items: this.adjustedItemsPerPage\n                                    }\n                                },\n                                lazyLoad: false,\n                                loop: false,\n                                margin: isBreakpointDown('md') ? 14 : 30,\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}\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=606b3fb7&\"\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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\schuckerp\\\\git\\\\plenty-plugins\\\\4024\\\\15\\\\modeherz\\\\plugin-ceres\\\\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('606b3fb7')) {\n      api.createRecord('606b3fb7', component.options)\n    } else {\n      api.reload('606b3fb7', component.options)\n    }\n    module.hot.accept(\"./Carousel.vue?vue&type=template&id=606b3fb7&\", function () {\n      api.rerender('606b3fb7', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/modeherz/components/pageDesign/Carousel.vue\"\nexport default component.exports"],"sourceRoot":""}