{"version":3,"sources":["webpack:///resources/js/src/app/components/pageDesign/Carousel.vue","webpack:///./resources/js/src/app/components/pageDesign/Carousel.vue?e56a","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?38d2"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA;AACA;AACA;AACA,sBADA;AAEA;AAAA;AAAA;AAFA;AADA,GADA;AAQA;AACA;AACA,kBADA;AAEA;AAFA;AADA,GARA;AAeA,YACA;AACA,gBADA,0BAEA;AACA;AAEA,cACA,QADA,EAEA,6CAFA,EAGA,6BAHA;AAKA;AAVA,GAhBA;AA6BA,SA7BA,qBA8BA;AAAA;;AACA,+BACA;AACA;AACA,KAHA;AAIA,GAnCA;AAqCA,SArCA,qBAsCA;AACA;AACA,GAxCA;AA0CA,WACA;AACA,sBADA,gCAEA;AACA,yDACA;AACA,mDADA,CAGA;;AACA,qCACA;AACA;AACA;;AAEA;AACA,uBADA,2BACA;AACA;AACA;AACA,aAFA;AAGA,WALA;AAMA,0BANA;AAOA,kCAPA;AAQA,oCARA;AASA;AACA;AACA,gGADA;AACA;AACA,sBAFA;AAGA,wBAHA;AAIA,+EAJA;AAKA;AALA,aADA;AAQA;AACA,kDADA;AAEA,oDAFA;AAGA,gGAHA;AAGA;AACA,+EAJA;AAKA;AALA,aARA;AAeA;AACA,kEADA;AAEA,oEAFA;AAGA;AAHA,aAfA;AAqBA;AACA,sCADA;AAEA,wCAFA;AAGA;AAHA;AArBA,WATA;AAoCA,yBApCA;AAqCA,qBArCA;AAsCA,mBAtCA;AAuCA,yBAvCA;AAwCA,mBAxCA;AAyCA,qBACA,gEADA,EAEA,iEAFA,CAzCA;AA6CA,+BA7CA;AA8CA,oBACA,+HADA,EAEA,+HAFA,CA9CA;AAkDA;AAlDA;AAoDA;AACA;AAlEA;AA3CA,G;;;;;;;;;;;;ACfA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,oBAAoB,qBAAqB;AACzC;AACA,mBAAmB,kCAAkC;AACrD;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,wBAAwB;AACxB,eAAe;AACf,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AC3BA;AAAA;AAAA;AAAA;AAAuF;AAC3B;AACL;;;AAGvD;AACsG;AACtG,gBAAgB,2GAAU;AAC1B,EAAE,8EAAM;AACR,EAAE,mFAAM;AACR,EAAE,4FAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAAgM,CAAgB,4OAAG,EAAC,C;;;;;;;;;;;;ACApN;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunks/ceres-45.js","sourcesContent":["<template>\n    <div class=\"row\">\n        <div class=\"col-12 col-lg-12\" v-if=\"$slots.items\">\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)\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                    items: this.itemsPerPage,\n                    slideBy: this.itemsPerPage,\n                    responsive: {\n                        0: {\n                            stagePadding: App.templateType === \"item\" && this.$slots.items.length > 1 ? 30 : 0, // Or any number you would like\n                            items: 1,\n                            slideBy: 1,\n                            loop: App.templateType === \"item\" && this.$slots.items.length > 1,\n                            dots: this.$slots.items.length > 1,\n                        },\n                        576: {\n                          items: this.itemsPerPage > 1 ? 2 : 1,\n                          slideBy: this.itemsPerPage > 1 ? 2 : 1,\n                            stagePadding: App.templateType === \"item\" && this.$slots.items.length > 1 ? 40 : 0, // Or any number you would like\n                            loop: App.templateType === \"item\" && this.$slots.items.length > 1,\n                            dots: this.$slots.items.length > 2,\n                        },\n                        768: {\n                            items: this.itemsPerPage > 3 ? 3 : this.itemsPerPage,\n                            slideBy: this.itemsPerPage > 3 ? 3 : this.itemsPerPage,\n                            dots: this.$slots.items.length > (this.itemsPerPage > 3 ? 3 : this.itemsPerPage),\n\n                        },\n                        992: {\n                            items: this.itemsPerPage,\n                            slideBy: this.itemsPerPage,\n                            dots: this.$slots.items.length > this.itemsPerPage,\n                        }\n                    },\n                    lazyLoad: false,\n                    loop: false,\n                    margin: 2,\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                        \"<svg class=\\\"carousel__arrow--prev\\\"><use xlink:href=\\\"#svg_arrow\\\" xmlns:xlink=\\\"http://www.w3.org/1999/xlink\\\"></use></svg>\",\n                        \"<svg class=\\\"carousel__arrow--next\\\"><use xlink:href=\\\"#svg_arrow\\\" xmlns:xlink=\\\"http://www.w3.org/1999/xlink\\\"></use></svg>\"\n                    ],\n                    smartSpeed: 100\n                });\n            }\n        }\n    }\n}\n</script>\n","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"row\" }, [\n    _vm.$slots.items\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._e()\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./Carousel.vue?vue&type=template&id=70daac60&\"\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(\"/Users/fhartwig/Sites/pp-weberbuero/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('70daac60')) {\n      api.createRecord('70daac60', component.options)\n    } else {\n      api.reload('70daac60', component.options)\n    }\n    module.hot.accept(\"./Carousel.vue?vue&type=template&id=70daac60&\", function () {\n      api.rerender('70daac60', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/pageDesign/Carousel.vue\"\nexport default component.exports","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&\"","export * from \"-!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Carousel.vue?vue&type=template&id=70daac60&\""],"sourceRoot":""}