{"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?e5d3","webpack:///./resources/js/src/app/components/pageDesign/Carousel.vue?e9d0","webpack:///./resources/js/src/app/components/pageDesign/Carousel.vue?0db4"],"names":["components","SlotComponent","functional","render","props","itemsPerPage","type","default","data","itemCount","computed","columnWidths","mounted","_this","updated","methods","initializeCarousel","$owl","onInitialized","$","autoHeight","dots","items","responsive","lazyLoad","loop","margin","mouseDrag","nav","navClass","navContainerClass","navText","smartSpeed","_vm","_c","_self","staticClass","$slots","length","ref","_l","item","index","key","attrs","vnode","class","staticRenderFns","_withStripped"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAesB;AAEP;EACfA;IACAC;MACAC;MACAC;QAAA;MAAA;IACA;EACA;EAEAC;IACAC;MACAC;MACAC;IACA;EACA;EAEAC,sBACA;IACA;MACAC;IACA;EACA;EAEAC,UACA;IACAC,sCACA;MACA;MAEA,QACA,SACAN,+CACA,8BACA;IACA;EACA;EAEAO,4BACA;IAAA;IACA,2BACA;MACAC;IACA;EACA;EAEAC,4BACA;IACA;EACA;EAEAC,SACA;IACAC,kDACA;MACA,mGACA;QACA;;QAEA;QACA,6BACA;UACA;QACA;QAEAC;UACAC;YACAD;cACAE;YACA;UACA;UACAC;UACAC;UACAC;UACAC;YACA;cACAD;YACA;YACA;cACAA;YACA;YACA;cACAA;YACA;YACA;cACAA;YACA;UACA;UACAE;UACAC;UACAC;UACAC;UACAC;UACAC,WACA,kEACA,kEACA;UACAC;UACAC,UACA,qFACA,qFACA;UACAC;QACA;MACA;IACA;EACA;AACA,CAAC,E;;;;;;;;;;;;AC1HD;AAAA;AAAA;AAAA,IAAI7B,MAAM,GAAG,SAASA,MAAMA,CAAA,EAAG;EAC7B,IAAI8B,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CACP,KAAK,EACL;IAAEE,WAAW,EAAE;EAAM,CAAC,EACtB,CACEH,GAAG,CAACI,MAAM,CAACf,KAAK,IAAIW,GAAG,CAACI,MAAM,CAACf,KAAK,CAACgB,MAAM,GAAGL,GAAG,CAAC5B,YAAY,GAC1D6B,EAAE,CAAC,KAAK,EAAE;IAAEE,WAAW,EAAE;EAAmB,CAAC,EAAE,CAC7CF,EAAE,CACA,KAAK,EACL;IACEK,GAAG,EAAE,mBAAmB;IACxBH,WAAW,EACT;EACJ,CAAC,EACDH,GAAG,CAACO,EAAE,CAACP,GAAG,CAACI,MAAM,CAACf,KAAK,EAAE,UAAUmB,IAAI,EAAEC,KAAK,EAAE;IAC9C,OAAOR,EAAE,CAAC,gBAAgB,EAAE;MAC1BS,GAAG,EAAED,KAAK;MACVE,KAAK,EAAE;QAAEC,KAAK,EAAEJ;MAAK;IACvB,CAAC,CAAC;EACJ,CAAC,CAAC,EACF,CACF,CAAC,CACF,CAAC,GACFR,GAAG,CAACO,EAAE,CAACP,GAAG,CAACI,MAAM,CAACf,KAAK,EAAE,UAAUmB,IAAI,EAAE;IACvC,OAAOP,EAAE,CACP,KAAK,EACL;MAAEY,KAAK,EAAEb,GAAG,CAACtB;IAAa,CAAC,EAC3B,CAACuB,EAAE,CAAC,gBAAgB,EAAE;MAAEU,KAAK,EAAE;QAAEC,KAAK,EAAEJ;MAAK;IAAE,CAAC,CAAC,CAAC,EAClD,CACF,CAAC;EACH,CAAC,CAAC,CACP,EACD,CACF,CAAC;AACH,CAAC;AACD,IAAIM,eAAe,GAAG,EAAE;AACxB5C,MAAM,CAAC6C,aAAa,GAAG,IAAI;;;;;;;;;;;;;ACtC3B;AAAA;AAAA;AAAA;AAAsF;AAC3B;AACL;;;AAGtD;AACsG;AACtG,gBAAgB,2GAAU;AAC1B,EAAE,6EAAM;AACR,EAAE,kFAAM;AACR,EAAE,2FAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAA+L,CAAgB,2OAAG,EAAC,C;;;;;;;;;;;;ACAnN;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunks/ceres-50.min.js","sourcesContent":["<template>\n    <div class=\"row\">\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>\nimport \"owl.carousel\";\n\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    data()\n    {\n        return {\n            itemCount: 0\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-6\",\n                itemsPerPage === 1 ? \"col-sm-12\" : \"col-sm-3\",\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: false,\n                    dots: true,\n                    items: this.itemsPerPage,\n                    responsive: {\n                        0: {\n                            items: 2\n                        },\n                        576: {\n                            items: 3\n                        },\n                        768: {\n                            items: 4\n                        },\n                        1400: {\n                            items: 5\n                        }\n                    },\n                    lazyLoad: false,\n                    loop: false,\n                    margin: 0,\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","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    { staticClass: \"row\" },\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 }","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/Trollmeister/Development/KELPIO/pp-abfallbehaelter-xxl/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/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Carousel.vue?vue&type=template&id=70daac60\""],"sourceRoot":""}